/*
CSS COMMMUN FRONT + ADMIN
*/


@import url(https://fonts.googleapis.com/css?family=Comfortaa);






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


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



#body_web{
    font-family: Comfortaa;
    font-size:18px;
    color:#7f7b76;
}


#body_web h1{
    /*color:#ffffff;*/
    font-size:24px;
}
#body_web h2{
    /*color:#ffffff;*/
    font-weight:bold;
    font-size:20px;
}
#body_web h3{
    /*color:#ffffff;*/
    font-weight:bold;
    font-size:16px;
}




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.7; /*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.photoHeaderAccueil{
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width:100%;
      height:auto;
      background-color:#ffffff;
      opacity: 0.7;
        transition: opacity .5s ease-out;
        -moz-transition: opacity .5s ease-out;
        -webkit-transition: opacity .5s ease-out;
        -o-transition: opacity .5s ease-out;
}
img.photoHeaderAccueil:hover{
     opacity: 1; /*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;
}





.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:#000000;
   color:#ebebeb;
   padding:12px;
   border-radius:2px;
}

.onglets_bloc_titre a{
   color:#666;
   text-decoration:none;
}
.onglets_titre a{
   font-size:16px;
   font-weight:bold;
}

.onglets_detail{
   color:#e0dede;
   background-image:url('../img/bg_contenu_onglets.png');
   background-color:none;
   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:#666;
    font-weight:bold;
    font-size:18px;
    margin:0px 27px -12px 27px;
}
.slides_detail{
    text-align:justify;
    padding:5px 25px 5px 25px;
    color:#ffffff;
}

.slides_fond_global_detail{
    /*background-image:url('../img/bg_contenu_slides.png');*/
    background-image:url('../img/bg_contenu_onglets.png');
    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:#c0c0c0;
}
.slides_fleches:hover{
   color:#dbdbdb;
}

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







/*******    SLIDES DANS LA NAVBAR (sans flèches)  ******************************/
.slides_navbar{
    margin-top:30px;margin-bottom:30px;
}
.slides_navbar_indicators{
    position: absolute; top: -30px;
}

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

.slides_navbar_bloc_item{
   text-align:left;
   padding:0px 0px 0px 0px;
}
.slides_navbar_titre{
    z-index:1000;
    /*color:#fff;*/
    font-weight:bold;
    font-size:18px;
    /*margin:0px 27px -12px 27px;*/
}
.slides_navbar_detail{
    text-align:justify;
    padding:5px 5px 5px 5px;
    /*color:#000000;*/
    z-index:1000;
}

.slides_navbar_fond_global_detail{
    border:0px solid red;
    overflow:visible;
    margin:0px 10px 10px 10px;
    padding:10px 0px 10px 0px;
}
/*******    FIN SLIDES NAVBAR  ************************************************/







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



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

/*
.col_cadre_1{
           padding:10px 0px 10px 30px;
           border-left:10px solid #ebebeb;
           font-style:italic;
           font-size:20px;
           font-family:times;
}
*/


.col_cadre_2{

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



.col_cadre_3{
           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_4{

           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_5{
           background-color:#666666;
           padding:30px;
           border-radius:10px;
           color:#ebebeb;
}



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