#wrapPiv {
  margin-bottom:0; }

#wrap #content {
  width: 960px;
  font-family : Open Sans; }

#wrap #content #colonneCentre {
  width: 100%;
  padding-left: 0; }

#wrap #content #colonneCentre #filAriane {
  font-size: 0.8rem;
  padding: 16px 0 72px;
  margin-bottom: 0; }

#wrap #content #colonneCentre #filAriane a:hover {
  color: #223654;
  text-decoration: underline; }

#wrap #content #colonneCentre #filAriane a:hover {
  color: #223654;
  text-decoration: underline; }

#wrap #content #colonneCentre #filAriane span.separateur {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
  font-size: 0.75rem;
  line-height: 1.2rem;
  font-family: "Linearicons";
  -webkit-text-stroke-width: 0.1rem;
  display: inline-block;
  padding-right: 0;
  color: #c5cad2;
  content: ""; }

#wrap #content #colonneCentre #titrePage h1 {
  font-family: Roboto;
  font-size: 2.5rem;
  font-weight: bold;
  color: #223654;
  margin: 0 0 30px 0; }

#wrap #content #colonneCentre #titrePage h1:after{
  content: "";
  display: block;
  margin: 0;
  width: 48px;
  padding-top: 0.4rem;
  border-bottom: 4px solid #f09686; }

#wrap #content #colonneCentre #contenuPrincipal {
  float: left;
  width: 55%;
  font-size: 100%;
  color: #223654; }

#wrap #content #colonneCentre #contenuPrincipal .news {
  margin: 0; }

#wrap #content #colonneCentre #contenuPrincipal ul {
  margin: 0;
  padding: 0 0 0.5rem 2rem;
  list-style: disc; }

#wrap #content #colonneCentre #contenuPrincipal ul li {
  background: none;
  margin: 1rem 0;
  padding: 0; }

#wrap #content #colonneCentre #contenuPrincipal a:link {
  color: #4681b1; }
#wrap #content #colonneCentre #contenuPrincipal a:visited {
  color: #4681b1; }
#wrap #content #colonneCentre #contenuPrincipal a:hover {
  text-decoration: underline; }
#wrap #content #colonneCentre #contenuPrincipal a:active {
  color: #4681b1; }

#wrap #content #colonneCentre #contenuPrincipal ul.menuSecondaire {
  margin: 0;
  padding: 0 2rem;
  list-style: none; }

#wrap #content #colonneCentre #contenuPrincipal ul.menuSecondaire li {
  background: none;
  margin: 0;
  padding: 0; }

#wrap #content #colonneCentre #contenuPrincipal #filtreCategories_titre {
  font-weight: bold;
  display: block;
  margin-bottom: 15px; }

#wrap #content #colonneCentre #contenuPrincipal #filtreCategories ul {
  margin: 0;
  list-style: none; }

#wrap #content #colonneCentre #contenuPrincipal #filtreCategories ul li {
  background: none;
  margin: 0;
  padding: 0; }

#wrap #content #colonneCentre #contenuPrincipal #filtreCategories select {
  border: solid 2px #095797;
  padding: 9px 40px 9px 14px;
  margin: 0.5rem 0 0.5rem 2rem;
  background: url("/fileadmin/Gabarit/Images/selectArrowDown.png") no-repeat right #fff;
  -webkit-appearance: none;
  background-position-x: 96%;
  transition: all 0.8s;
  font-family : Open Sans;
  font-size: 90%;
  color: #095797;
  cursor: pointer; }

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    // IE9+ CSS
    #wrap #content #colonneCentre #contenuPrincipal #filtreCategories select { 
        background: none; 
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #wrap #content #colonneCentre #contenuPrincipal #filtreCategories select {
        background: none;
    }
}

#wrap #content #colonneCentre #contenuPrincipal #filtreCategories select option {
  cursor: pointer; }
#wrap #content #colonneCentre #contenuPrincipal #filtreCategories select option:hover {
  cursor: pointer;
  background: #095797;
  color: #fff !important; }
#wrap #content #colonneCentre #contenuPrincipal #filtreCategories select option:focus {
  cursor: pointer; }
#wrap #content #colonneCentre #contenuPrincipal #filtreCategories select option:active {
  cursor: pointer;
  border: solid 2px #095797; }
#wrap #content #colonneCentre #contenuPrincipal #filtreCategories select option:checked {
  cursor: pointer;
  background: #095797;
  color: #fff !important;
  font-weight: bold; }

#wrap #content #colonneCentre #contenuPrincipal #filtreCategories:after{
  content: "";
  display: block;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width:140px;
  padding-top: 0.4rem;
  border-bottom: 2px solid #f09686; }

#wrap #content #colonneCentre #contenuPrincipal .titreCategorie {
  font-weight: bold;
  display: block;
  margin-bottom: 15px; }

#wrap #content #colonneCentre #contenuPrincipal .news-list-view ul {
  margin: 0;
  list-style: none; }

#wrap #content #colonneCentre #contenuPrincipal .news-list-view ul li {
  background: none; }

#wrap #content #colonneCentre #contenuPrincipal .lienRetour a {
  font-weight: bold;
  display: block;
  margin-bottom: 30px; }

#wrap #content #colonneCentre #contenuPrincipal .news-single .footer {
  border-top: 0;
  color: #223654; }

#wrap #content #colonneCentre #contenuPrincipal .news-single .teaser-text {
  background-color: #dae6f0;
  padding: 5px 15px;
  font-size: 1rem;
  color: #3c4e6a; }

#wrap #content #colonneCentre #contenuPrincipal .news-single .news-text-wrap {
  font-size: 1rem; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-wrap {
  margin-bottom: 30px; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-news {
  width: 100%;
  display: block;
  padding: 0; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-news div {
  margin: 0 0 32px 0;
  border-bottom: solid 2px #c5cad2; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-news div a {
  display: inline-block;
  padding: 16px;
  border-bottom: solid 4px #FFFFFF;
  color: #145f9c; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-news div a:hover {
  border-bottom: solid 4px #095797;
  text-decoration: none; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-news div span.active {
  padding: 16px;
  border-bottom: solid 4px #095797;
  font-weight: bold; }


#wrap #content #colonneCentre #contenuPrincipal a.download_button {
  background: #095797;
  border : 2px solid #095797;
  box-shadow : 0.1rem 0.1rem 7px #c4c8ce;
  padding: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff; }
#wrap #content #colonneCentre #contenuPrincipal a.download_button:hover {
  background: #156bb2; }
#wrap #content #colonneCentre #contenuPrincipal a.download_button:active {
  border : 2px solid #223654; }


#wrap #content #colonneCentre #contenuPrincipal .news .accordeon h2.plus {
  background: url(/fileadmin/Gabarit/Images/accordeon_plus.gif) no-repeat 0px 10px !important; }
#wrap #content #colonneCentre #contenuPrincipal .news .accordeon h2.minus {
  background: url(/fileadmin/Gabarit/Images/accordeon_minus.gif) no-repeat 0px 10px !important; }


#wrap #content #colonneCentre #colonneDroite {
  width: auto;
  height: auto; }

#wrap #content #colonneCentre #colonneDroite div#servicesEnLigne {
  width: auto;
  height: auto; }

#wrap #content #colonneCentre #colonneDroite div#servicesEnLigne a {
  background: #095797;
  border : 2px solid #095797;
  box-shadow : 0.1rem 0.1rem 7px #c4c8ce;
  padding: 16px 32px;
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff; }
#wrap #content #colonneCentre #colonneDroite div#servicesEnLigne a:hover {
  background: #156bb2; }
#wrap #content #colonneCentre #colonneDroite div#servicesEnLigne a:active {
  border : 2px solid #223654; }


#wrap #content #colonneCentre #contenuPrincipal div#news-servicesEnLigne {
  position: absolute;
  top: 318px;
  right: 0;
  /*width: 33%;*/
  display: block;
  margin: 0;
  padding: 0;
  text-align: right; }

#wrap #content #colonneCentre #contenuPrincipal div#news-servicesEnLigne a {
  background: #095797;
  border : 2px solid #095797;
  box-shadow : 0.1rem 0.1rem 7px #c4c8ce;
  padding: 16px 32px;
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff; }
#wrap #content #colonneCentre #contenuPrincipal div#news-servicesEnLigne a:hover {
  background: #156bb2; }
#wrap #content #colonneCentre #contenuPrincipal div#news-servicesEnLigne a:active {
  border : 2px solid #223654; }


#wrap #content #colonneCentre #contenuPrincipal .news-related-links {
  position: absolute;
  top: 420px;
  right: 0;
  width: 33%;
  display: block;
  margin: 0;
  padding: 0; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-links h4 {
  margin: 0 0 16px 0;
  font-family: Roboto;
  font-size: 1.3rem;
  font-weight: bold;
  color: #223654;
  display: block;
  visibility: visible; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-links h4:after{
  content: "";
  display: block;
  margin: 0;
  width: 1.7rem;
  padding-top: 16px;
  border-bottom: 3px solid #e88467; }

#wrap #content #colonneCentre #contenuPrincipal  .news-related-links ul {
  margin: 0;
  padding: 1rem 0.5rem;
  border-top: 1px solid #c5cad0;
  border-bottom: 1px solid #c5cad0;
  list-style: none; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-links ul li {
  margin: 1rem 0;
  padding: 0;
  background: none; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-links ul li:hover {
  background: none; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-links ul li a {
  margin: 1rem 0;
  padding: 0; }

#wrap #content #colonneCentre #contenuPrincipal .news-related-links ul li a:link {
  color: #4681b1; }
#wrap #content #colonneCentre #contenuPrincipal .news-related-links ul li a:visited {
  color: #4681b1; }
#wrap #content #colonneCentre #contenuPrincipal .news-related-links ul li a:hover {
  text-decoration: underline; }
#wrap #content #colonneCentre #contenuPrincipal .news-related-links ul li a:active {
  color: #4681b1; }



#wrap #footer #fatFooter {
  background-color: #223654; }

#wrap #footer #fatFooter ul {
  border-top: 2px solid #f09686; }

#wrap #footer #fatFooter ul li a {
  color: #FFFFFF; }

#wrap #footer #pivFooter a {
  font-size: 80%; }

#wrap #footer #fatFooter div#suivezNous {
  border-top: 2px solid #f09686; }

#wrap #footer #fatFooter div#suivezNous p {
  color: #FFFFFF; }

#pivFooter {
  font-family: Open Sans; }