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



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

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


#body_web a{
    color:#8c8c8c;
}


#body_web h1{
    color:#666666;
    font-size:20px;
}
#body_web h2{
    color:#666666;
    font-weight:bold;
    font-size:18px;
}
#body_web h3{
    color:#666666;
    font-weight:bold;
    font-size:16px;
}









#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, img.imgNoBorder{
      /*
      display: block;
      margin-left: auto;
      margin-right: auto;
      */
      max-width:100%;
      height:auto;

      border:0px solid #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, img.imgNoBorder: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.photoItem{
    box-shadow: 0px 15px 10px -12px  #000;
}
img.imgNoBorder{
   box-shadow: 0px 0px 0px 0px  #fff;
}

.ombre_bas{
    box-shadow: 0px 15px 15px -12px  #000;
}


/*  SPECIFICITE PAGE METEO */
#page_6 img{
   max-width:200px;
   margin-bottom:30px;
}
/* SPECIFICITE PAGE STOCK */
#page_24 .itemGaleriePhoto{
   text-align:center;
}
/*  SPECIFICITE PAGE EQUIPE */
#page_5 img{
   display: block;
   margin-left: auto;
   margin-right: auto;
   width:100% !important;
   max-width:210px !important;
   border-radius:50%;
   border:10px solid #fff;
}






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




.tab_location IMG{
   max-width:120px !important;
}





/*******    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:#38311f;
   color:#9d8e73;
   padding:12px;
   border-radius:5px;
}

.onglets_bloc_titre a{
   color:#9d8e73;
   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:#fff;
    font-weight:bold;
    font-size:18px;
    margin:0px 27px -12px 27px;
}
.slides_detail{
    text-align:justify;
    padding:5px 25px 5px 25px;
    color:#000000;
}

.slides_fond_global_detail{
    background-image:url('../img/bg_contenu_slides.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:#38311f;
}
.slides_fleches:hover{
   color:#5c5032;
}

/*******    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:#0c0e37;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ffffff;
}
.col_cadre_2{
     background-color:#0080c5;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ffffff;
}

.col_cadre_3{
     background-color:#0c0e37;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ffffff;
     border-top:10px solid #0080c5;
}
.col_cadre_4{
     background-color:#0080c5;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ffffff;
     border-top:10px solid #0c0e37;
}



.col_cadre_5{
     background-color:#d0cbc7;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#0f0e36;
}
.col_cadre_6{
     background-color:#575656;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ffffff;
}


/*
.col_cadre_1{
     background-color:#00752e;
     margin:0px 0px 0px 0px;
     padding:20px;
     box-shadow: 0px 15px 10px -12px  #000;
     color:#ffffff;
}

.col_cadre_2{

           color:#FFF;
           background: #919192;
           background: -moz-linear-gradient(top,  #919192 0%, #0e0e0e 100%);
           background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919192), color-stop(100%,#0e0e0e));
           background: -webkit-linear-gradient(top,  #919192 0%,#0e0e0e 100%);
           background: -o-linear-gradient(top,  #919192 0%,#0e0e0e 100%);
           background: -ms-linear-gradient(top,  #919192 0%,#0e0e0e 100%);
           background: linear-gradient(to bottom,  #919192 0%,#0e0e0e 100%);
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919192', endColorstr='#0e0e0e',GradientType=0 );
           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;
           background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%);
           background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
           background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
           background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
           background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
           background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
           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;
}

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

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