/* -------------------------
GABARITS DE MISES EN PAGE
-------------------------*/
/*3 colonnes : Col gauche | contenu | Col droite*/
.layoutLeftContentRight #leftbar {
}
.layoutLeftContentRight #contents {
	padding: 10px 210px 10px 210px;
}
.layoutLeftContentRight #contentsInner {
	width: 550px;
}
.layoutLeftContentRight .product_detail #ProductRightCol {
    width: 225px;
}
.layoutLeftContentRight .cart table{
	overflow: auto;
	width: 475px;
	display: block;
}
/*2 colonnes : contenu | Col droite*/
.layoutContentRight #contents {
	padding: 10px 220px 10px 10px;
}
/*2 colonnes : col gauche | contenu*/
.layoutLeftContent #contents {
	padding:10px 10px 10px 220px;
}
/*1 colonne : contenu*/
.layoutContent #contents {
	padding:10px;
}
.layoutContent #contentsInner {
	width: 950px;
}

/* ------------
HEADER (EN-TETE)
--------------*/
#header{
}
	#header h1{
		font-size:1em;
		margin:0;
	}
	#header h1 a{
		border:0;
		color:#ffffff;
		font-size:1.8em;
		font-weight:bold;
		left:110px;
		position:absolute;
		top:65px;
	}
	#header #logo{
	  position:relative;
	  padding:10px 30px 0 30px;
	}
		#header #logo a{
			display:block;
			height:70px;
			width:145px;
			/** Image du logo */
			background:url("/images/_temp_images_/modeles/fr/defaut/images/images/responsive/logo.png") no-repeat top center;
		}
			#header #logo a span{
				display:none;
			}
#headerInner {
}

/* ----------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/
#wrapper{
	color:#666666;
	font-size:1em;
	position:relative;
}
#wrapperInner{
background-color:white;
  overflow:hidden;
}
#container{
  margin-left:20px;
}
.bgContent{
  background-color: #FFFFFF;
  border-color: #E3E3E3;
  color: #666666;
  border-radius: 6px 6px 6px 6px;
/**border-style: solid;*/
  border-width: 1px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 10px 0 10px;
  overflow: hidden;
}

@media screen and (max-width: 479px) {
  .bgContent {
    padding-left:0px!important;
    padding-right:0px!important;
  }
}

.layoutLeftContentRight #container{
  margin-left:10px;
}
/*#contents {
	padding:25px 235px 25px 25px;
}*/
#contentsInner {
}



/* ------------
COLONNES
--------------*/
#leftbar {
	margin: 0 1%;
	margin-left:20px;
	margin-right:10px;
  min-height: 100px;
	float:left;
}
.fixed-leftbar:before, .fixed-leftbar:after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 9px;
  height: 60px;
}

.fixed-leftbar{
    background: url("../images/images/responsive/sidebar-left.png") right 0 repeat-y;
    padding: 30px 20px 10px 0;
    position: relative;
}
.fixed-leftbar:before{
    background: url("../images/images/responsive/sidebar-left-top.png");
    top: 0;   
}
.fixed-leftbar:after{
    background: url("../images/images/responsive/sidebar-left-bottom.png");
    bottom: 0;
}

#rightbar{
  margin: 0 1%;
  min-height: 100px;
	float:left;
}
.fixed-rightbar:before, .fixed-rightbar:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 9px;
  height: 60px;
}
.fixed-rightbar{
    background: url("../images/images/responsive/sidebar-right.png") 0 0 repeat-y;
    padding: 30px 0 10px 20px;
    position: relative;
}
.fixed-rightbar:before{
    background: url("../images/images/responsive/sidebar-right-top.png");
    top: 0;
}
.fixed-rightbar:after{
    background: url("../images/images/responsive/sidebar-right-bottom.png");
    bottom: 0;
}

/* -------------------
FOOTER (PIED DE PAGE)
--------------------*/
#footer{
	font-size:1.2em;
	position: relative;
}
@media screen and (max-width: 767px) {
  #footer {
    	font-size:1.5em!important;
  }
}
#footerInner{
 	background-color: #EEEEEE;
}
#footerInner #content{
  background-color: #EEEEEE;
/**border: 1px solid #FFFFFF;*/
/**border-radius: 6px 6px 6px 6px;*/
/** box-shadow: 0 0 10px #CDCDCD inset;*/
  margin-left:5px;
  margin-right:5px;
}
.sub-content{
  padding:5px;
  text-align: center;
  line-height: 110%;
}
#signature{
	text-align:center;
	display:block;
 	background-color: #EEEEEE;
  font-size:0.75em;
}
  #signature p,#signature a,#signature a:visited{
		background:none;
		color:#666666;
		text-decoration:none;
  }
  #signature a:hover{
		color:#ffffff;
  }

#after-footer{
}
#content{
  position:relative;
  margin-right:-10px;
  margin-left:-10px;
}

.after-footer-left, .after-footer-right{
    height: 24px;
    position: absolute;
    top: 0;
    width: 30px;
}
  .after-footer-left{
/**background: url("../images/images/responsive/main-bottom-boxed-light.png") no-repeat scroll 0 0 transparent;*/
    left: 0;
  }
  .after-footer-middle{
/**background: url("../images/images/responsive/main-bottom-boxed-light.png") repeat-x scroll 0 -48px transparent;*/
    height: 24px;
    margin: 0 30px;
  }
  .after-footer-right{
/**background: url("../images/images/responsive/main-bottom-boxed-light.png") no-repeat scroll 0 -24px transparent;*/
    right: 0; 
  }

/* ------------
PAGE ERREUR
--------------*/ 
#error_page {
}
.error{
	color:#ff0000;
}
.error_form{
	color:#ff0000;
}

/* -----------------------
DECLARATION DES COULEURS
POUR LA PERSONNALISATION DU THEME
A L'AIDE DU PARSEUR.
PEUT ETRE SUPPRIMÉ.
------------------------*/
#colorsDefinition {
/** couleur 1 */
color:#007AAA;
/** couleur 2 */
color:#666666;
/** couleur 3 */
color:#cccccc;
/** couleur 4 */
color:#eeeeee;
}

/* -------------------------
CONTEXTUALISATION IZI-MEDIA
-------------------------*/
body.izimedia {
	background:black url(/common_images/skins/DefaultSkins1.5/izi-bg-container.jpg) no-repeat top center;
}
body.izimedia a:link{
	color:#f29d2a;
}
body.izimedia h6 {
	color: #f29d2a;
}
body.izimedia a:visited{
	color:#bb630a;
}
body.izimedia pre{
	background:#f0f6f7;
	border:1px solid #f29d2a;
}
body.izimedia acronym {
	border-bottom:1px dashed #f29d2a;
}
body.izimedia q{
	color:#f29d2a;
}
body.izimedia code{
	background:#f29d2a;
}
body.izimedia body.izimedia #nested .firstLevel li a:hover{
	color: #f29d2a;
}
body.izimedia #nested li.active a{
	border-top:1px solid #f29d2a;
	border-left:1px solid #f29d2a;
	border-right:1px solid #f29d2a;
	background:url(/common_images/skins/DefaultSkins1.5/izi-bg-menu-active.png) repeat-x;
}
body.izimedia #leftbar #nested .firstLevel li a:hover{
	color:#f29d2a;
}
body.izimedia #wrapper #notNested li a:hover {
	color: #f29d2a;
}
body.izimedia #nested .firstLevel li.sfhover ul{
	background: #bb630a;
}
body.izimedia #header #logo a {
	background: url(/common_images/skins/DefaultSkins1.5/izi-logo.jpg) no-repeat 50% 0%;
}
body.izimedia #nested .firstLevel li a:hover{
		color:#f29d2a ;
}
body.izimedia submit input{
	background:#f29d2a;
}
body.izimedia ul li {
	background: url(/common_images/skins/DefaultSkins1.5/list-izi.gif) no-repeat 0 4px;
}
body.izimedia ul.articleAction li {
	background: none;
}
body.csspagenewsletters .widgetNewsletter{
  display:none;
}
#formsolu{
  display:none;
}
body.nossolutions #formsolu{
  display:inline!important;
  text-align:center;
  font-weight: bold;
  font-size:1.22em;
}
body.nossolutions #formsolu a:link{
  color:red;
}
body.nossolutions #formsolu a:hover{
  color:blue;
}
/* ----------
OUTIL METEO
---------- */
body.meteo .bgContent{
  background-image:url(/media/fondmeteo__092163100_1612_07062016.jpg);
}
body.meteo .socialNetworks{ display:none; }
.module_meteo{ margin-top:10px; }
.module_meteo td, .module_meteo tr, .module_meteo tbody, .module_meteo table{
  border:0px;
}
.votreVille{ 
  width:100%; 
  text-align:center!important;
  font-size:1.1em;
}
.votreVille p{ 
  margin:4px 0 0 0!important; 
  padding: 0px; 
  text-align:center!important;  
}
input[name="city"]{ 
  width:280px;
  height:20px;
  margin-top:5px;
  margin-bottom:10px;
}
input[name="submitCity"]{
  height:25px;
}
.votreVille input{
  background: white; 
  padding:2px 3px;; 
}
.titre_ville{ 
  width:100%; 
  text-align:center; 
}
.meteo_now{ 
  width:100%; 
  text-align:center; 
  padding-top:25px;
  
}
.titre_ville h2{ 
  font-size:2em; 
  color:black;
  margin-top:17px;
}
.heure_meteo{ 
  font-size: 0.8em; 
}
.previa3j .titre_infos{  
  font-weight: bold; 
  color:black;
  line-height:4em;
}
.photo_meteo{ 
  width:170px; 
  margin: 0 20px 0 140px; 
}
.conditions_meteo{ width:535px; }
.donnees_vent, .temperature_meteo_moyenne{
  font-weight: bold;
}
.titre_vent{ 
  padding-right:5px; 
  width:100px; 
  float: left;
}
.temperature_meteo_moyenne{ 
  font-size:2.5em; 
}
.donnees_vent{ 
  font-size:1.2em;
}
.conseildujour{
  text-transform: uppercase;
}
.previa3jtitle{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99ffffff',GradientType=0 ); /* IE6-9 */
}
.previa3j{ 
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.6+49,0+98 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 49%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 49%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 49%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.mini_maxi{
  color:black;
}
.vignette_meteo{ 
  width:100px!important; 
}
.vignette_meteo img{ 
  padding-left: 50px; 
}
.pdl25{ 
  margin-top: 10px!important;
  color:#9900ff;
}
.pdl25 .conseildujour{ 
  font-weight: bold; 
  font-size: 1.1em; 
}
.pdl25 .infos_meteo{ 
  font-size: 1.1em; 
}
/* ----------
OUTIL CALCULATEUR
---------- */
.calculquantidescr {
    margin-top: 20px;
}
.calculquantidescr p {
	font-weight: bold;
 padding: 12px 0 24px 0;
}
.coucheconseil{
  padding-top: 10px!important;
}
.coucheconseil #blocRendement{
  padding-top: 10px!important;
  font-style: italic; 
}
#conseil{
  border:1px dotted grey;
  padding:5px;
  margin-top:5px;
}
.choixproduct{
  text-transform: uppercase;
}
.textform{ color:black; }
.titreform{ color:#548299; }
.envoimail{ 
  color:grey; 
  font-weight:bold; 
}
.boutonscalcul input{ 
  padding:10px 20px; 
  background-color:white; 
  background:none; 
}
#formQuantityCalcul input{ 
  background-color:white; 
  background:none; 
  padding:3px; 
  margin-top: 4px; 
}
#result{ 
  background-color: #e9e9e9; 
  color:black; 
  margin-top:20px; 
  padding:5px 10px; 
}
/* -------
PDV SEARCH
------- */
.pdv_search h1{ margin-bottom:12px; }
.pdv_search p{ font-size: 1.1em; margin-bottom:6px; }
.pdv_search label{ color:black; font-size:0.9em; font-weight: bold; }
.pdv_search label[for=product], .pdv_search select[name=product]{ margin-top: 15px; margin-bottom:10px; }
.pdv_search label[for=adressSearch], .pdv_search input[name=adressSearch], .pdv_search input[name=addressSearchButtonh]{ margin-bottom:10px; }
.pdv_search .no_result{ 
  padding: 6px 10px 1px 10px; 
  background-color: #f3e3fd; 
  margin: 12px 0px 8px 0px;
}
.refmap_point, .reflist_point{ display:none; }