/******************************************************************************
 * Permet de ne pas avoir de bug d'interface sur WebKit lors de
 * certaines animations en ne simulant pas l'arrière d'un élément
 * pour les animations 3D (notamment lors d'une rotation)
 */
img {
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}

/******************************************************************************
 * Corrige les problèmes d'URL trop longues dans les encarts
 */
.row {
  word-break: break-word;
}
/******************************************************************************
 * Liste des actus sur les pages d'accueil
 */

.actus_filtre a {
  cursor:pointer;
}

@media screen and (max-width:991px) {
  .actus-content ul.actus_infos li.actus_info {
    width: 46%;
    margin: 2%;
  }
}
@media screen and (max-width:450px) {
  .actus-content ul.actus_infos li.actus_info {
    width: 96%;
  }
}
.actus-content ul.actus_infos li.actus_info .photo img {
  width:100%;
}
/******************************************************************************
 * Overlay pour le chargement AJAX (entre autres des sections fonctions)
 */

.overlay .overlay-bg{
  background-color:#000000;
  text-align:center;
}
.overlay-content {
  display:block;
  margin:auto;
  text-align:center;
}
.overlay-content img{
  vertical-align:middle;
}
.overlay-confirm .overlay-bg{
  background-color:#33A5CA;
}
.overlay-error .overlay-bg{
  background-color:#d02c2c;
}
.overlay-confirm .overlay-content,.overlay-error .overlay-content{
  color:#ffffff;
  font-weight:bold;
}

/******************************/


.col-md-3 a.nyroModal .image-buffer{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.col-md-3 a.nyroModal:hover .image-buffer,a.nyroModal:focus .image-buffer {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    border: 3px solid #ffffff;
    -moz-box-shadow: 0 0 10px #aaaaaa;
    -webkit-box-shadow: 0 0 10px #aaaaaa;
    -ms-box-shadow: 0 0 10px #aaaaaa;
    box-shadow: 0 0 10px #aaaaaa;
    margin-bottom: 0.5em;
}
/*
a[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -200px; 
  padding-top: 200px; 
  visibility: hidden; 
}
*/
a[id]{
  display:inline-block;
  margin-top:-200px;
  padding-top:200px;
}
a.cke_button[id] {
  margin-top:0;
  padding-top:0;
}
@media (max-width: 768px) {
  a[id]{
    display:inline-block;
    margin-top:-240px;
    padding-top:240px;
  }
}
@media (max-width: 992px) {
  a[id]{
    display:inline-block;
    margin-top:-300px;
    padding-top:300px;
  }
}

.cv8d-pagelist ul.pagination a:not(.active-page) {
  background-color: #ededed;
}
.cv8d-pagelist ul.pagination a.pages {
  background-color: #ffffff;
}

/* navigation Rouge old cc3024 */
.yamm .rouge_nav .yamm-content {
  border-color: #d03125;
}
.navbar-default .navbar-nav > li.rouge_nav > a:hover, .navbar-default .navbar-nav > li.rouge_nav > a:focus {
  color: #d03125;
  background-color: transparent;
}
.navbar-default .navbar-nav > .rouge_nav.active > a, .navbar-default .navbar-nav > .rouge_nav.active > a:hover, .navbar-default .navbar-nav > .rouge_nav.active > a:focus {
  color: #d03125;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .rouge_nav.open > a, .navbar-default .navbar-nav > .rouge_nav.open > a:hover, .navbar-default .navbar-nav > .rouge_nav.open > a:focus {
  color: #d03125;
  background-color: #ffffff;
}
.rouge_nav .yamm-content ul li.titre {
  color: #d03125;
  border: 1px solid #d03125;
}
.rouge_nav .yamm-content ul li.titre a {
  color: #d03125;
}
.rouge_nav .yamm-content ul li a {
  background-color: #d03125;
}
.rouge_nav .yamm-content ul.groupe_picto li a {
  background: #d03125 url(../images/groupe_picto_fond.png) left top repeat-y;
}
.rouge_nav .yamm-content ul li a:hover {
  color: #d03125;
  background-color: #f4f4f4;
}
.rouge_nav .yamm-content ul.widget li a {
  color: #d03125;
  border: 1px solid #d03125;
  background-color: #ffffff;
}
.rouge_nav .yamm-content ul li.titre a:hover,
.rouge_nav .yamm-content ul.widget li a:hover {
  color: #ffffff;
  background-color: #d03125;
}
.rouge_nav img.pictos-menu {
  background-color: #d03125;
}
/* navigation Jaune */
.yamm .jaune_nav .yamm-content {
  border-color: #EBC908;
}
.navbar-default .navbar-nav > li.jaune_nav > a:hover, .navbar-default .navbar-nav > li.jaune_nav > a:focus {
  color: #EBC908;
  background-color: transparent;
}
.navbar-default .navbar-nav > .jaune_nav.active > a, .navbar-default .navbar-nav > .jaune_nav.active > a:hover, .navbar-default .navbar-nav > .jaune_nav.active > a:focus {
  color: #EBC908;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .jaune_nav.open > a, .navbar-default .navbar-nav > .jaune_nav.open > a:hover, .navbar-default .navbar-nav > .jaune_nav.open > a:focus {
  color: #EBC908;
  background-color: #ffffff;
}
.jaune_nav .yamm-content ul li.titre {
  color: #EBC908;
  border: 1px solid #EBC908;
}
.jaune_nav .yamm-content ul li.titre a {
  color: #EBC908;
}
.jaune_nav .yamm-content ul li a {
  background-color: #EBC908;
}
.jaune_nav .yamm-content ul.groupe_picto li a {
  background: #EBC908 url(../images/groupe_picto_fond.png) left top repeat-y;
}
.jaune_nav .yamm-content ul li a:hover {
  color: #EBC908;
  background-color: #f4f4f4;
}
.jaune_nav .yamm-content ul.widget li a {
  color: #EBC908;
  border: 1px solid #EBC908;
  background-color: #ffffff;
}
.jaune_nav .yamm-content ul li.titre a:hover,
.jaune_nav .yamm-content ul.widget li a:hover {
  color: #ffffff;
  background-color: #EBC908;
}
.jaune_nav img.pictos-menu {
  background-color: #EBC908;
}