/* VARIABLES => path */
/* VARIABLES => couleurs */
/*Génération des couleurs
-------------------------*/
#header #main_nav .nav_item.color_1,
#header #main_nav .color_1 .subnav {
  background: #36a9d6;
}
.content .color_1 header h1,
.content .color_1 .surtitre .toolsbox,
.content .color_1.visio .visio_content .view .desc h3 {
  background: #36a9d6;
}
#header #main_nav .nav_item.color_2,
#header #main_nav .color_2 .subnav {
  background: #3190bd;
}
.content .color_2 header h1,
.content .color_2 .surtitre .toolsbox,
.content .color_2.visio .visio_content .view .desc h3 {
  background: #3190bd;
}
#header #main_nav .nav_item.color_3,
#header #main_nav .color_3 .subnav {
  background: #2c79a3;
}
.content .color_3 header h1,
.content .color_3 .surtitre .toolsbox,
.content .color_3.visio .visio_content .view .desc h3 {
  background: #2c79a3;
}
#header #main_nav .nav_item.color_4,
#header #main_nav .color_4 .subnav {
  background: #276489;
}
.content .color_4 header h1,
.content .color_4 .surtitre .toolsbox,
.content .color_4.visio .visio_content .view .desc h3 {
  background: #276489;
}
#header:before {
  background-color: #394f63;
}
#header {
  background-color: #fafafa;
}
#header .shortcuts {
  background-color: #394f63;
}
/* Couleurs des contenus
------------------------*/
.content .block > h2:first-child,
.content .block header h1,
.content .block .surtitre .toolsbox,
.content .block .list h3,
.content .block .summary:first-child h3,
.form fieldset.block legend {
  background: #f0b40e !important;
}
.content .contact figure {
  background: #fad961;
}
.link a,
.btn a,
.link span,
.btn span {
  background-color: #276489;
}
@media screen and (max-width: 624px) {
  .link a,
  .btn a {
    background: #276489 !important;
  }
}
@media screen and (max-width: 640px) {
  #header .site_id img {
    margin-top: 0;
  }
  #header .site_id a:first-child {
    background-image: url("../images/logos/logo_mobile.png");
  }
  #header .nav {
    width: 100%;
  }
}
@media screen and (max-width: 40em) {
  #footer .shortcuts .legal ul + ul {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #000000;
    background: none;
    color: #000;
  }
  #footer .shortcuts .legal ul + ul a {
    color: #666666;
  }
  .color_5 .link a {
    background: #276489 !important;
  }
}
.form .fields .submit {
  background: #276489;
}
.form select {
  background-image: url("../images/logos/select.png");
}
#footer .social {
  background: #276489;
}
.content header .toolsbox {
  color: #276489 !important;
}
.content .contact .tabs a {
  background: #fad961;
}
.content .contact .tabs a:hover,
.content .contact .tabs a:focus {
  background-color: #fce592;
}
.content .contact .tabs .selected a {
  background: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.content .contact .tabs .selected a img {
  opacity: 0;
}
.content .contact .nav li.selected:first-child > a {
  background-image: url("../images/logos/picto_contact_chat.png") !important;
}
.content .contact .nav li.selected:nth-child(2) > a {
  background-image: url("../images/logos/picto_contact_tel.png") !important;
}
.content .contact .nav li.selected:nth-child(3) > a {
  background-image: url("../images/logos/picto_contact_question.png") !important;
}
.content .contact .nav li.selected:nth-child(4) > a {
  background-image: url("../images/logos/picto_contact_adresse.png") !important;
}
.btn_map span {
  background-image: url('../images/pictos/picto_map.png');
}
.content .list li a strong {
  color: #276489;
}
.author,
.theme {
  color: #7fc2e1 !important;
}
.content a {
  color: #36a9d6;
}
.content .summary a,
.meta strong {
  color: #36a9d6;
}
.nav_mobile #main_nav_rwd .nav_item.color_1 {
  background-color: #36a9d6;
}
.nav_mobile #main_nav_rwd .nav_item.color_2 {
  background-color: #3190bd;
}
.nav_mobile #main_nav_rwd .nav_item.color_3 {
  background-color: #2c79a3;
}
.nav_mobile #main_nav_rwd .nav_item.color_4 {
  background-color: #276489;
}
.color_8 .list h3,
.color_8 h2:first-child,
.color_8 .summary > h3:first-child,
.color_8 .btn a,
.color_8 .link a,
.color_8 .submit input,
.color_8 .submit a {
  background-color: #276489 !important;
}
.content .block.visio .visio_content .view .desc .link a,
.content .block .visio .visio_content .view .desc .link a {
  background-color: #276489 !important;
}
.color_6 .list h3,
.color_6 .summary > h3:first-child,
.color_6 .btn a,
.color_6 .link a,
.color_6 .submit input,
.form .submit input {
  background-color: #276489 !important;
}
.content .color_5 > h2:first-child,
.content .color_5 header .toolsbox,
.content .color_5 .table th,
.content .color_5 .table th a,
.content .color_5 .form h2,
.content .color_5 .form h3 {
  color: #276489 !important;
}
.content .color_7 > h2:first-child,
.content .color_7 header .toolsbox,
.content .color_7 .table th,
.content .color_7 .table th a,
.content .color_7 .form h2,
.content .color_7 .form h3,
.content .color_7 .resume h3,
.content .color_7 .resume h3 a {
  color: #276489;
}
.content .block > h2:first-child {
  color: #fff !important;
}
p.link a,
p.btn a {
  background-color: #276489;
}
#search > p > .submit {
  background-color: #36a9d6 !important;
}
.color_6 .form h3,
.color_6 .form h4,
.color_6 .form h2,
.color_6 .table th,
.color_6 .table th a,
h2.title_section,
.content .form h3 {
  color: #276489 !important;
}
.content .block > .title_section:first-child,
.content .block .title_section {
  color: #276489 !important;
}
.color_8 .form h4,
.form .info,
.content .resume h3 a {
  color: #276489 !important;
}
.content .color_8 .table th a,
.content .color_8 .form h3 {
  color: #276489;
}
.content .facets li .selected a:before,
.content .facets li a:active:before,
.content .facets li a:focus:before {
  background: #276489;
}
.feedback.error {
  background-color: #276489 !important;
}
.social_mark:after {
  border-color: transparent transparent transparent #276489;
}
.social_mark {
  background: #276489;
}
.factbox_2 {
  border-top: 4px solid #276489;
}