body { 
color: #414346; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
/*background-image:  url(../media/communs/fond.jpg); 
background-repeat : no-repeat;*/
background-color: #2e2f30;
scrollbar-face-color: #c4cc40;
scrollbar-highlight-color: #dddfb8;
scrollbar-3dlight-color: none;
scrollbar-track-color: #dddfb8;
scrollbar-arrow-color: #424347;

}

#contenu_pages_home{
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
top : 2px;
background-image:  url(../media/communs/bandeau.jpg); 
background-repeat: no-repeat;

}

.bloc_contenu {  background-color:none; padding-top:178px; }

#contenu_pages{
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
margin-top: 250px;

}

#contenu{
/* original width 1000px */
width: 1000px;
height : 392px;
padding: 10px 20px 20px 20px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
background-color: #e6e6e6;


}

.contenu_scrool {
height : 323px;
width : 648px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 10px;
overflow-y: auto;
overflow-x: hidden;


}

.contenu_all {

height : 383px;
width : 675px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 10px;
float : right;


}

.bloc_gauche {
width: 280px;
padding-top : 113px;
float : left;
margin-right : 20px;
}

#footer {
height: 95px;
width: 1000px;
background-color: none;
color: #9e9d6e; 
text-align: right;
font-size:10px;
background-image:  url(../media/communs/footer.jpg); 
background-repeat: no-repeat;
}

#footer_liens_text { float: right; padding-top: 6px;}
.menu_container {  float: left; margin-left : 25px; }
.menu_container1 { float: left; }
.drapeau { margin-left : 3px; }

/* bandeau */

#bandeau_home {
position: absolute; 
margin-left: -500px; 
left: 50%; 
top: 70px; 
width: 1000px; 
height: 233px;
background-image:  url(../media/communs/infineo.jpg); 
background-repeat: no-repeat;
z-index : 10;

}

#bandeau_menu {
width : 700px;
height : 119px;
background-color : none;
float : right;
margin-top : 2px;
}

.logo { float : left;}
#langues { padding-top : 80px; }
.titre_actu { margin-bottom : 10px; }

.flash_jardin, #flash_jardin  {
float:right;
/*margin-right:10px;
*/margin-left:10px;

}

/* home */

.home_actu {
padding-bottom : 20px;
width : 365px;

}

.home_bloc { 
/* orig width 222px; */
width: 650px;
float: left;
padding: 20px 10px 0px 10px;
padding-left : 10px;
text-align:left;
padding-right : 0px;


}


#submitLogin{
	border: 0px solid #FFF000;
	color: #fff;
	height: 18px;
	width: 68px;
	background-color : none;
	background-image: url(../media/btn/btn-envoyer.jpg);
	text-align: center;
	font-size: 11px;
	padding-left: 16px;

	}

#submitLogin:hover{
	background-position: 0px -18px !important;
	background-position: 0px -18px ;
	}

.contact_bloc { 
/* orig width 222px; */
width: 660px;
float: left;
padding: 20px 10px 0px 10px;
padding-left : 10px;
text-align:left;
padding-right : 0px;
height : 300px;
position :relative;
z-index : 100;
padding-bottom : 0px;

}

.home_bloc2 { 
/* orig width 222px; */
width: 660px;
float: left;
padding: 20px 10px 0px 10px;
padding-left : 10px;
padding-top : 10px;
padding-right : 0px;
text-align:left;
}


#home_actus { 
padding: 15px 0px 0px 0px;
height: 10px;
clear: both;
}




/* commun */

.spacer { clear: both; background-color: none;}

ul { padding: 0px; margin: 0em 0em 0em 1.4em; }
li { list-style-image: URL(../media/communs/puce-carre.jpg); }
.float { float: left; }

/* texte */
.txt_contenu { padding-left : 20px; }

/* Les blocs texte page *
----------------------------------------------------*/

#contact_bloc { 
/* orig width 222px; */
width: 640px;
/*height : 268px;*/
height:300px;
margin-top : 10px;
margin-right : 40px;
/*padding-left : 10px;
padding-right : 5px;
*/text-align:left;
overflow:auto;
overflow-x:hidden;
position:relative;
padding-right : 10px;

}

#contact_bloc_form{
/* orig width 222px; */
width: 647px;
/*height : 268px;*/
height:305px;
padding-top : 10px;

/*padding-left : 10px;
padding-right : 5px;
*/text-align:left;
float : left;

}

.form_contact{

}

#contact_bloc_produit { 
/* orig width 222px; */
width: 650px;
/*height : 268px;*/
height:300px;
margin-top : 10px;
margin-right : 40px;
/*padding-left : 10px;
padding-right : 5px;
*/text-align:left;
overflow-x:hidden;
position:relative;

}


.home_bloc_middle { 
/* orig width 222px; */
width: 200px;
background-color : none;
float: left;
margin-right: 10px;
padding-top : 30px;
padding-left : 10px;
text-align:left;
font-size : 10px;
}


.niveau1 { 	color:#B7C301; }
.niveau2 { 	margin:1em 1.5em 2em 2em; }

/* Les textes
----------------------------------------------------*/

.legales { font-size : 9px;  clear : both; padding-top : 3px;}
.black {  font-weight: bold; }

.btn_align_droit { width : 290px;text-align : right;padding-top : 15px;}
.btn_align_droit_2 { width : 195px; text-align : right; }
.btn_align_droit_3 { width :340px; text-align : right; height: 18px; }

.titre_actu { font-size : 16px; font-weight : bold; }
h1 { font-size : 16px; font-weight : bold; margin-bottom : 10px; }


/* Les images 
----------------------------------------------------*/

img { border : none; }

.puce_menu {
padding-left : 10px;
padding-right : 10px;
vertical-align: middle;
} 

.net-design { vertical-align: middle; }


/* Formulaire de contact
----------------------------------------------------*/

.bloc_border_contact_left {
width: 190px;
float: left;
}

.bloc_border_contact_right {
width: 160px;
float: left;
margin-left: 0px;
}


.bloc_border_contact_centre {
width: 350px;
float: left;
padding-top : 10px;
}

.contact_text { 
width: 65px;
float: left;
margin-top: 4px;
}

.contact_text_2 { 
width: 50px;
float: left;
margin-top: 4px;
}

.wrong_field { color:#B7C301; }
.right_field { color:#414346;}

.contact_textfield { 
width: 100px;
float: left;
margin-top: 5px;

}


.textfield { 
font-size: 11px;
width: 100px;
background-color: #e6e6e6;
color: #414346; 
border : 1px solid #7f7f7e;
}

.message_field { 
font-size: 12px;
width: 275px;
background-color: #e6e6e6;
color: #414346; 
border : 1px solid #7f7f7e;
font-family : arial;
height: 50px;
margin-bottom : 10px;

}


.signature {

text-align : right;
padding-right : 280px;}

 /* liens */
 
a:link { color: #b7c200; text-decoration: none; }
a:visited { color: #b7c200; text-decoration: none; }
a:hover { color: #b7c200; text-decoration: underline; }
a:active { color: #b7c200; text-decoration: underline; }

a.actif:link { color: #b7c200; text-decoration: underline; }

.niveau2 a.lien_plan:link { color: #414346;text-decoration: none; font-size:11px; line-height:15px; }
.niveau2 a.lien_plan:visited { color: #414346;text-decoration: none; font-size:11px;line-height:15px;}
.niveau2 a.lien_plan:hover { color: #414346;text-decoration: underline; font-size:11px;line-height:15px;}
.niveau2 a.lien_plan:active { color: #414346;text-decoration: underline; font-size:11px;line-height:15px;}

a.lien_footer:link { color: #9e9d6e;   text-decoration: none; font-size:10px; font-family: Arial, sans-serif;}
a.lien_footer:visited { color: #9e9d6e;   text-decoration: none;  font-family: Arial, sans-serif;}
a.lien_footer:hover { color: #9e9d6e;   text-decoration: underline; font-family: Arial, sans-serif;}
a.lien_footer:active { color: #9e9d6e;  text-decoration: underline; font-family: Arial, sans-serif;}

a.lien_footer-nd:link { color: #9e9d6e;   text-decoration: none; font-size:10px; font-family: Arial, sans-serif;}
a.lien_footer-nd:visited { color: #9e9d6e;   text-decoration: none; font-family: Arial, sans-serif; }
a.lien_footer-nd:hover { color: #9e9d6e;   text-decoration: none; font-family: Arial, sans-serif;}
a.lien_footer-nd:active { color: #9e9d6e;  text-decoration: none; font-family: Arial, sans-serif;}

a.lien-sous-menu-actif:link { color: #ffffff;   text-decoration: none;  font-family: Arial, sans-serif;}
a.lien-sous-menu-actif:visited { color: #ffffff;   text-decoration: none; font-family: Arial, sans-serif; }
a.lien-sous-menu-actif:hover { color: #ffffff;   text-decoration: none; font-family: Arial, sans-serif;}
a.lien-sous-menu-actif:active { color: #ffffff;  text-decoration: none; font-family: Arial, sans-serif;}


/* produits - nuancier */

.titre { color : #92990f; font-weight : bold; }
.bloc-vignettes { padding-top : 20px; }
.vignettes-nuancier { height:250px; padding:0 10px 10px 0; overflow-y: auto; overflow-x: hidden;width:455px; }
.home_bloc_nuancier {
	width: 660px;
	float: left;
	padding: 20px 10px 0px 10px;
	padding-left : 10px;
	text-align:left;
	padding-right : 0px;
	height : 300px;
	position :relative;
	z-index : 100;
}

.bloc-contenu-nuancier { width:455px; float : right; margin-top : 20px; }
.sous-menu {
	width : 170px;
	height : 240px;
	margin-top : 20px;
	background-image : url(../media/pages/bordure-sous-menu.jpg);
	line-height : 12px;
}

.bloc_couleur { width : 150px; float : left; }

.nuancier1 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #ffffff;  float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier2 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #feecc8; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier3 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #e2e2da; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier4 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #459ad0; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier5 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #dcdac1; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier6 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #9b907e; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier7 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #aa0820; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier8 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #f6f3e2; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier9 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #fee05a; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier10 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #deebcd; float : left; margin-left : 5px; margin-left : 5px; display : bloc;}
.nuancier11 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #436d55; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier12 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #aaafab; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier13 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #56676f; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }
.nuancier14 { width : 20px; height : 20px; border : 1px solid #3E3E3E; background-color : #5278b6; float : left; margin-left : 5px; margin-left : 5px; display : bloc; }


.nuancier-zoom-1 { width : 150px; height : 150px;  background-color : #FFFFFF;  margin-bottom : 10px; border : 1px solid #e6e6e6;}
.nuancier-zoom-2 { width : 150px; height : 150px;  background-color : #feecc8;  margin-bottom : 10px;}
.nuancier-zoom-3 { width : 150px; height : 150px;  background-color : #e2e2da;  margin-bottom : 10px;}
.nuancier-zoom-4 { width : 150px; height : 150px;  background-color : #459ad0;  margin-bottom : 10px;}
.nuancier-zoom-5 { width : 150px; height : 150px;  background-color : #dcdac1;  margin-bottom : 10px;}
.nuancier-zoom-6 { width : 150px; height : 150px;  background-color : #9b907e;  margin-bottom : 10px;}
.nuancier-zoom-7 { width : 150px; height : 150px;  background-color : #aa0820;  margin-bottom : 10px;}
.nuancier-zoom-8 { width : 150px; height : 150px;  background-color : #f6f3e2;  margin-bottom : 10px;}
.nuancier-zoom-9 { width : 150px; height : 150px;  background-color : #fee05a;  margin-bottom : 10px;}
.nuancier-zoom-10 { width : 150px; height : 150px;  background-color : #deebcd;  margin-bottom : 10px;}
.nuancier-zoom-11 { width : 150px; height : 150px;  background-color : #436d55;  margin-bottom : 10px;}
.nuancier-zoom-12 { width : 150px; height : 150px;  background-color : #aaafab;  margin-bottom : 10px;}
.nuancier-zoom-13 { width : 150px; height : 150px;  background-color : #56676f;  margin-bottom : 10px;}
.nuancier-zoom-14 { width : 150px; height : 150px;  background-color : #5278b6;  margin-bottom : 10px;}
.bloc-zoom { background-color: #ffffff; width : 150px; padding-left : 10px; padding-right : 10px; padding-top : 10px; border : 1px solid #3E3E3E; padding-bottom : 10px;}


.nuancier-zoom-grand-1 { width : 400px; height : 400px;  background-color : #FFFFFF;  margin-bottom : 10px; border : 1px solid #e6e6e6;}
.nuancier-zoom-grand-2 { width : 400px; height : 400px; background-color : #feecc8;  margin-bottom : 10px;}
.nuancier-zoom-grand-3 { width : 400px; height : 400px; background-color : #e2e2da;  margin-bottom : 10px;}
.nuancier-zoom-grand-4 { width : 400px; height : 400px;  background-color : #459ad0;  margin-bottom : 10px;}
.nuancier-zoom-grand-5 { width : 400px; height : 400px;  background-color : #dcdac1;  margin-bottom : 10px;}
.nuancier-zoom-grand-6 {width : 400px; height : 400px;  background-color : #9b907e;  margin-bottom : 10px;}
.nuancier-zoom-grand-7 { width : 400px; height : 400px;  background-color : #aa0820;  margin-bottom : 10px;}
.nuancier-zoom-grand-8 { width : 400px; height : 400px;  background-color : #f6f3e2;  margin-bottom : 10px;}
.nuancier-zoom-grand-9 { width : 400px; height : 400px;  background-color : #fee05a;  margin-bottom : 10px;}
.nuancier-zoom-grand-10 { width : 400px; height : 400px;  background-color : #deebcd;  margin-bottom : 10px;}
.nuancier-zoom-grand-11 {width : 400px; height : 400px;  background-color : #436d55;  margin-bottom : 10px;}
.nuancier-zoom-grand-12 { width : 400px; height : 400px;  background-color : #aaafab;  margin-bottom : 10px;}
.nuancier-zoom-grand-13 { width : 400px; height : 400px;  background-color : #56676f;  margin-bottom : 10px;}
.nuancier-zoom-grand-14 { width : 400px; height : 400px;  background-color : #5278b6;  margin-bottom : 10px;}
.bloc-zoom-2 { background-color: #ffffff; width : 400px; padding-left : 10px; padding-right : 10px; padding-top : 10px; border : 1px solid #3E3E3E; padding-bottom : 10px;}

.txt_couleur {  float : right;   width : 115px; height : 20px;  font-size : 11px; }

.sous-menu-actif {
	background-color: #b7c301;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 3px;
	width : 160px;
	margin-top : 2px;
	margin-bottom : 2px;
}

.sous-menu-txt {
	margin-top : 2px;
	margin-bottom : 2px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 3px;
	width : 160px;
}