/*!
 * CMW (http://cmw-quality.com)
 * Copyright 2016 Itafran - Emmanuelle Guiseppin
 * cmw-template.css (hhtp://cmw-quality.com/assets/css/cmw-template.css) 
 */

/*! --------------------------------------------------------------------------
 *               Template
 * ------------------------------------------------------------------------- */

body { padding:80px 0 20px 0; margin:0; font-family:'VAG Rounded Std',sans-serif; background-color:#0066b0;  color:#ffee00; }
.margetop { margin-top:2px; }
.container { width:100%; padding:0; margin:0; }
.row { width:100%; padding:0; margin:0; }
footer { text-align: center; }
.navbar-default .navbar-toggle .icon-bar { border:1px solid #ffee00; }
.navbar-default .navbar-toggle:active .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar { color:#0066b0 !important; border:1px solid #0066b0; }/*! */
.logo-badge { font-weight:bold;   font-size:3em;  color:#ffee00;line-height: 0.1em; }
.logo-text  { font-weight:bold; font-size:0.58em; color:#C1C4C6; line-height: 0.5em; }
.inline-form input { display: inline-block; width: 100px; }
a:active, a:focus { outline:none; }
#menu1 .navbar li { font-size: 17px; font-weight: 600; letter-spacing: .10em; }
#menu1 { width:100%; padding:0; margin:0; }
#contenugris { background:#c1c4c6; width:100%; padding:0; margin:0; }
#contenu { width:100%; padding:20px !important; margin:0;}
#contenu h2, #contenugris h2 { margin-bottom:30px; font-size:26px; letter-spacing:.05em; }
#piedpage { padding-top:30px !important; }
#piedpage .btn { margin:12px; }
#piedpage .btn-warning { letter-spacing: .04em; transition-property: all; transition-duration: 0.6s; transition-timing-function: ease-out; }
#piedpage .btn-warning:hover, #piedpage .btn-warning:active, #piedpage .btn-warning:focus  { color:#0066b0 !important; background-color:#ffee00 !important; border-color:#0066b0; }


/* Styling  scroll  */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius:10px; border-radius:10px; }
::-webkit-scrollbar-thumb { -webkit-border-radius:10px; border-radius:10px; background:rgba(255,238,0,0.8); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,238,0,0.4); }



/* Styles pour les smartphones */
    /* hover + active du menu1 */
    #bs-navbar-collapse-1 a:hover, #bs-navbar-collapse-1 a:active, #bs-navbar-collapse-1 a:focus { padding:10px 0px 3px 0px; margin:0px 15px 6px 15px; border-bottom: 1px solid; }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { padding:10px 0px 3px 0px; margin:0px 15px 6px 15px; border-bottom: 1px solid; }

/* Styles pour les tablettes */
@media (min-width: 768px) {
    /* hover + active du menu1 */
    #bs-navbar-collapse-1 a:hover, #bs-navbar-collapse-1 a:active, #bs-navbar-collapse-1 a:focus { padding:24px 0px 3px 0px; margin:auto 15px;  border-bottom: 1px solid; }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { padding:24px 0px 3px 0px; margin:auto 15px;  border-bottom: 1px solid; }
}

/* Styles pour les écrans moyens et grands */
@media (min-width: 992px) {
}        
/* Styles pour les écrans moyens et grands */
@media (min-width: 1200px) {
}


/*! --------------------------------------------------------------------------
 *               Homepage 
 * ------------------------------------------------------------------------- */
 
#contenugris .col-xs-12 { padding:0 !important; }
.carousel-control { color:#ffee00 !important; opacity: .55; filter: alpha(opacity=55); top:50%;}
.carousel-control:focus, .carousel-control:hover { color:#ffee00 !important; opacity: 1; filter: alpha(opacity=100); text-shadow: 0 1px 3px rgba(0,0,0,0.9); }   
.carousel-control.left, .carousel-control.right { background-image:none; }


/* Styles pour les smartphones */
#crsl-innr .item img { width:100%; }
.carousel-indicators { bottom: -33px; }
.carousel-indicators li.active, .carousel-indicators li.hover, .carousel-indicators li.focus { background-color:#c1c4c6; }
.carousel-indicators li { border: 1px solid #ffee00; }

/* Styles pour les tablettes */
@media (min-width: 768px) {
    #crsl-innr .item img { width:100%; }
    .carousel-indicators { bottom: -18px; }
    .carousel-indicators li.active, .carousel-indicators li.hover, .carousel-indicators li.focus {background-color:transparent; background-position: -20px 0px !important; margin:5px; }
    .carousel-indicators li { border: 0px; margin:5px; width: 17px !important; height: 17px !important; background: url('../images/homepage/sprites_cmw.svg') no-repeat 0px 0px transparent !important; opacity: 1 !important; filter: none !important; }

}

/* Styles pour les écrans moyens */
@media (min-width: 992px) {
}    

/* Styles pour les grands écrans */
@media (min-width: 1200px) {
    #crsl-innr .item img { width:85%; margin:0 auto; }
    #crsl-innr .item { text-align:center; }

}


/*! --------------------------------------------------------------------------
 *              Configuration
 * ------------------------------------------------------------------------- */

#tabConfig .tableft { text-align:right; white-space:nowrap; font-weight:600; }
#tabConfig caption h4 { font-weight:bold; text-align:center; color:#ffee00; }

/* Styles pour les smartphones */
#tabConfig { width:95%; margin: 0 auto; }

/* Styles pour les tablettes */
@media (min-width: 768px) {
    #tabConfig { width:90%; margin: 0 auto; }
}
    
/* Styles pour les écrans moyens */
@media (min-width: 992px) {
    #tabConfig { width:80%; margin: 0 auto; }
} 

/* Styles pour les grands écrans  */
@media (min-width: 1200px) {
    #tabConfig { width:70%; margin: 0 auto; }
}


/*! --------------------------------------------------------------------------
 *              Dealers
 * ------------------------------------------------------------------------- */
 
#contenuDealers { background:#0066b0; width:100%; padding:20px !important; margin:0;}
#contenuDealers h2 { margin-bottom:30px; font-size:26px; letter-spacing:.05em; }
/* #contenuDealers [class*="col-"] { border: 0px solid yellow; margin:0px; padding:0px; } */
html, body, #contenuDealers { height:100%; }
#contenuDealers .btn { margin:12px; }
#contenuDealers .btn-warning { letter-spacing: .04em; transition-property: all; transition-duration: 0.6s; transition-timing-function: ease-out; }
#contenuDealers .btn-warning:hover, #piedpage .btn-warning:active, #piedpage .btn-warning:focus  { color:#0066b0 !important; background-color:#ffee00 !important; border-color:#0066b0; }

#mapWrapper, #storesWrapper, #formWrapper, #formWrapper [class*="col-"] { margin:0; padding:0; }
#storesWrapper { position:relative; min-height:250px; max-height:320px; height:100%; }
#googleStoreLocatorMap { text-align:center; margin:auto auto; padding-right:5px; height:100%; }
.marge { margin:5px 10px; }
.marge p { margin:2px 3px; font-size:13px;}
.modal-header { font-size:14px; font-weight:bold; color:#ffee00; padding:10px; border-radius:5px 5px 0px 0px; background-color:#0066b0;}
.modal-body { font-size:13px; font-weight:normal; color:#0066b0; }
.modal-footer { padding:5px; }
#positionUser { margin-bottom:15px; }
#locaForm { margin:5px 10px; padding-top:10px; }
#radius, #location { max-width:200px; }
.store { font-size:12px; height:80px; padding:5px !important;}
.store h6 { font-weight:bold; margin:0px !important; }

/* Styles pour les smartphones */
  #googleStoreLocatorMap { height:400px; width:100%; }
  #lat, #lng { max-width:40px; }
  #contenuDealers .form-inline .input-group { display:inline-table; vertical-align:middle; }  
/* Styles pour les tablettes */
@media (min-width: 768px) {
  #googleStoreLocatorMap { height:500px; width:100%; }
}
    
/* Styles pour les écrans moyens */
@media (min-width: 992px) {
  #googleStoreLocatorMap { height:500px; width:100%; }
  #leftcol { height:500px; position:relative; }
  #lat, #lng { max-width:70px; }
  #leftcol #storesWrapper { height:225px; overflow:auto; }
} 

/* Styles pour les grands écrans  */
@media (min-width: 1200px) {
  #googleStoreLocatorMap { height:550px; width:100%; }
  #leftcol { height:550px; }
  #storesWrapper { height:275px; overflow:auto; }
}


/*! --------------------------------------------------------------------------
 *              Les gammes de produits
 * ------------------------------------------------------------------------- */
 
#listGamme img { width: 90%; }  
#listGamme [class*="col"] { margin-bottom: 10px; padding:5px; }
#listGamme a, a:hover, a:active { text-decoration: none; }

#listGamme .photoGammeWrapper { text-align:center; background:transparent; }
#listGamme .photoGammeWrapper img { opacity:1; transform-origin:50% 50%;   }

#listGamme .photoGammeWrapper:hover img { transition: all 0.5s ease-out; opacity:0.2; }
#listGamme .photoGammeWrapper:hover .photoGammeLegend { transition: all 0.5s ease-out; opacity: 1; transform: translateY(-100px); }

#listGamme .photoGammeLegend { display:block; margin:3px; width:100%; font-size:15px; font-weight:600; color:#ffee00; text-decoration:none; text-align:center; }

/* Styles pour les smartphones */
  #listGamme .photoGammeLegend { opacity: 0.8; transform: translateY(2px); } 
  
/* Styles pour les tablettes */
@media (min-width: 768px) {
}
    
/* Styles pour les écrans moyens */
@media (min-width: 992px) {
  #listGamme .photoGammeLegend { opacity: 0; transform: translateY(20px); } 
} 

/* Styles pour les grands écrans  */
@media (min-width: 1200px) {
}

/*! --------------------------------------------------------------------------
 *              Les pages produits
 * ------------------------------------------------------------------------- */
#contenuPdts [class*="col-"] { border:0px solid black; }

#contenuPdts h2 { margin-bottom:30px; margin-top:0; font-size:26px; letter-spacing:.05em; }
#contenuPdts { width:100%; padding:5px 20px 20px !important; margin:0;}
#contenuPdts table { font-size:12px; }
.codification { padding:0; }
.sousmenu { margin-bottom:20px; }
.panel-title { font-size:14px; }
.tab-content { padding-right:0; border:1px solid red; }
.legende { font-size:10px; }
.thumbnail { margin-bottom:8px; }
.tab-pane { width:100%; margin:0; padding:0; border:0px solid black; }
.breadcrumb { font-size:10px; padding-left:20px; margin-bottom:0;}
.ici { color:#dddddd; }
.souligne { text-decoration:underline; }
/* Styles pour les smartphones */
  
/* Styles pour les tablettes */
@media (min-width: 768px) {
  
}
    
/* Styles pour les écrans moyens */
@media (min-width: 992px) {
  
} 

/* Styles pour les grands écrans  */
@media (min-width: 1200px) {
  
}