/*
CSS COMMMUN FRONT + ADMIN (relecture données regexCol())
*/


@import url(https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic);



/*
@font-face {
    font-family: 'geosanslightregular';
    src: url('../fonts/geosanslight-webfont.woff2') format('woff2'),
         url('../fonts/geosanslight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/



#body_web {
    font-family: 'Muli', arial, sans-serif;
    font-size:16px;
    line-height:20px;
    color:#8c8c8c;
}


#body_web a{
    color:#8c8c8c;
}


#body_web h1{
    color:#37556f;
    font-size:32px;
}
#body_web h2{
    color:#2872bb;
    font-weight:bold;
    font-size:28px;
}
#body_web h3{
    color:#eb7c09;
    font-weight:bold;
    font-size:22px;
}






.imgFloatLeft{
   float:left;
   margin-right:20px;
   margin-bottom:20px;
   box-shadow: 0px 15px 10px -12px  #000;
}
.imgFloatRight{
   float:right;
   margin-left:20px;
   margin-bottom:20px;
   box-shadow: 0px 15px 10px -12px  #000;
}


@media only screen and (max-width: 560px)  {
     .imgFloatLeft, .imgFloatRight{

         float:none;
         display:block;
         width:100%;
         height:auto;
         margin:10px 0px 10px 0px;
     }

}


#contenu_page table{
    border-collapse:collapse;
}
#contenu_page table tr:first-child td {
    background-color:#ebebeb;
}
#contenu_page table td{
    padding:5px;
    border:1px solid #c0c0c0;
}


#row_contenu{
     /*margin:50px 0px 50px 0px;*/
}


.embed-responsive, .nivoSlider{
    max-width:100%;
    height:auto;
    box-shadow: 0px 15px 10px -12px  #000;
}







img{
   max-width:100%;
   height:auto;
}

img.photoItem{
      /*
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width:100%;
      height:auto;
      */
      box-shadow: 0px 15px 10px -12px  #000;
      border:0px solid #ffffff;
      /*background-color:#ffffff;*/
      opacity: 1;
        transition: opacity .5s ease-out;
        -moz-transition: opacity .5s ease-out;
        -webkit-transition: opacity .5s ease-out;
        -o-transition: opacity .5s ease-out;
}
img.photoItem:hover{
     opacity: 0.9; /*0.6;*/
        transition: opacity .5s ease-out;
        -moz-transition: opacity .5s ease-out;
        -webkit-transition: opacity .5s ease-out;
        -o-transition: opacity .5s ease-out;
     /*width:99%;*/
}
img.noBorder{
   box-shadow: 0px 0px 0px 0px  #fff;
}

.ombre_bas{
    box-shadow: 0px 15px 15px -12px  #000;
}
.ombre_belz{
     box-shadow: 0px 0px 20px 0px #6a6a6a;
     border:1px solid #fff;
}
.ombre_belz2{  /* accentuation de l'ombre pour accueil*/
     box-shadow: 0px 0px 20px 0px #000;
     border:1px solid #fff;
}




.colonne_perso{
    /*text-align:justify;*/
    padding:15px 25px 15px 25px;
}
.colonne_perso_justify{
    text-align:justify;
}









/*******    ONGLETS   *********************************************************/


.panel-collapse, .panel-body, .panel, .panel-default, .panel-group{
    background-color:transparent;
    border-radius:0px;
    border:0px;
    padding:0;
    margin:0;
}

.onglets_bloc_titre{
   background-color:#2872bb;
   padding:12px;
   border-radius:5px;
}

.onglets_titre a{
   text-decoration:none;
   font-size:16px;
   font-weight:bold;
   color:#fff !important;
}

.onglets_detail{
   color:#8e8d8d;
   /*background-image:url('../img/bg_contenu_onglets.png');*/
   background-color:#e9e9e9;
   margin:0px 10px 0px 10px;
}
.onglets_detail a{
   color:#ffffff;
}



/*******    FIN ONGLETS   *****************************************************/








/*******    SLIDES DANS LE CONTENU (avec flèches)  ****************************/

.carousel-caption {
      position:static;
}

.slides{
    margin-top:30px;margin-bottom:30px;
}
.slides_indicators{
    position: absolute; top: -30px;
}

.slides_indicators li{
    background-color:#c0c0c0;
}
.slides_indicators li.slides_active{
    /*background-color:green; */
}

.slides_bloc_item{
   text-align:left;
   padding:0px 50px 0px 50px;
}
.slides_titre{
    color:#eb7c09;
    font-weight:bold;
    font-size:18px;
    margin:0px 27px -12px 27px;
}
.slides_detail{
    text-align:justify;
    padding:5px 25px 5px 25px;
    color:#8e8d8d;
}

.slides_fond_global_detail{
    /*background-image:url('../img/bg_contenu_slides.png');*/
    background-color:#e9e9e9;
    border:0px solid red;
    border-radius:5px;
    overflow:visible;
    margin:40px 20px 20px 20px;
    padding:10px 0px 10px 0px;
}

.slides_fleches{
   position: absolute;
   top: -15px;
   bottom: 0;
   width: 15%;
   font-size: 40px;

}

.slides_fleches_gauche{
   left: 0;
   text-align: left;
}
.slides_fleches_droit{
   right: 0;
   text-align: right;
}


.slides_fleches, .slides_fleches:focus{
   color:#eb7c09 !important;
}
.slides_fleches:hover{
   color:#ed9030 !important;
}

/*******    FIN SLIDES CONTENU   **********************************************/









/*******    CADRES   **********************************************************/


.col_cadre_1{
     background-color:#2573bb;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ffffff;
}
.col_cadre_4{
     background-color:#b3cfe8;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#000;
}


.col_cadre_5{
     background-color:#000;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ebebeb;
}

.col_cadre_2{
           background-color:#ebebeb;
           padding:30px;
           border-radius:10px;
           background-image:url(../images/bg_quotes.png);
           background-repeat:no-repeat;
           background-position:15px 15px;
           padding-left:80px;
           color:#666;
           font-style:italic;
}


.col_cadre_3{

           color:#666;
           background: #dbdbdb; /* Old browsers */
           background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */
           background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
           background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
           background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */
           background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* IE10+ */
           background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%); /* W3C */
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
           box-shadow: 0px 15px 10px -12px  #666;
           border-radius: 10px;
           font-style: italic;
           padding:30px;
           margin-bottom:20px;
           color:#666;
}


.col_cadre_6{

           color:#666;
           background: #bbbbbb; /* Old browsers */
           background: -moz-linear-gradient(top,  #bbbbbb 0%, #ffffff 100%); /* FF3.6+ */
           background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
           background: -webkit-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
           background: -o-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* Opera 11.10+ */
           background: -ms-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* IE10+ */
           background: linear-gradient(to bottom,  #bbbbbb 0%,#ffffff 100%); /* W3C */
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
           box-shadow: 0px 15px 10px -12px  #666;
           border-radius: 10px;
           font-style: italic;
           padding:30px;
           margin-bottom:20px;
           color:#666;
}

.col_cadre_7{
           background-color:#ebebeb;
           padding:30px;
           border-radius:10px;
           color:#666;
}

/*******    FIN CADRES   ******************************************************/