/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	}
body{
	font-size:11px;
	font-family:verdana, arial, Helvetica, sans-serif;
	color:#333;
	background:	url(../images/bg-gooddog.gif) repeat-x #aeabaa fixed;
	
	}




#container{
position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:980px;
	margin:0 auto;
background:url(../images/container-croquettes.gif) repeat-y;
border:1px solid #fff;
}
#container2{
position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:760px;
	margin:0 auto;
background-color:#fff;
padding:0 10px 0 10px;
}
#contenu{
float:right;
width:800px;
display:block;
line-height:1.6em;
}
*html #contenu{
margin-bottom:60px;
}

*+html #contenu{
margin-bottom:60px;
}

#menuHaut{
float:left;
width:800px;
height:30px;
line-height:30px;
background-color:#333366;
border-top:1px dotted #fff;
}
#menuHaut span{
float:left;
border-right:1px solid #fff;

}
#menuHaut a{
display:block;
padding:0 10px 0 10px;
color:#fff;
}
#menuHaut a:hover{
background:#669900;
color:#333366;
}
#date{
position:absolute;
right:10px;
top:180px;
font-size:14px;
text-align:right;
color:#ccc;
}

#blocGauche{
float:left;
width:180px;
height:180px;
}
#diaporama{
width:800px;
height:200px;
float:right;
}
#clients{
width:800px;
height:580px;
float:left;
}
#blocDroit{
float:right;
width:180px;
}
#menuGauche{
float:left;
width:180px;
}
*html #menuGauche{ 
margin-bottom:60px;
}

*+html #menuGauche{
margin-bottom:60px;
}

#menuProduits {
float:left;
width:180px;
display:block;
background:#fff;
}

#menuProduits span a{
margin:0;
padding:0;
height:30px;
width:150px;
font-size:12px;
padding-right:30px;
text-align:right;
border-bottom:1px solid #fff;
line-height:30px;
float:left;
display:block;
background:url(../images/bg-produits1.gif);
color:#fff;
}
#menuProduits span a:hover{
width:150px;
padding-right:30px;
background:url(../images/bg-produits2.gif);
color:#fff;
font-weight:bold;
}

#menuProduits2 {
float:left;
width:180px;
display:block;
background:#fff;
}

#menuProduits2 span a{
margin:0;
padding:0;
height:30px;
width:150px;
font-size:12px;
padding-right:30px;
text-align:right;
border-bottom:1px solid #fff;
line-height:30px;
float:left;
display:block;
background:url(../images/bg-produits3.gif);
color:#606e06;
}
#menuProduits2 span a:hover{
width:150px;
padding-right:30px;
background:url(../images/bg-produits4.gif);
color:#fff;
font-weight:bold;
}


#infos span a{
width:160px;
height:15px;
line-height:15px;
font-size:10px;
padding:5px 20px 5px 0px;
text-align:right;
border-bottom:1px solid #333366;
display:block;
float:left;
color:#fff;
background:#707094;
}
#infos span a:hover{
background:url(../images/bg-2.gif) right top no-repeat;
color:#fff;
}
/***************** FOOTER *****************/
#footer{
position: relative;/*---obligatoire pour le footer---*/
margin:-50px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:980px;
	height:50px;
	clear:both;
	font-size:9px;
	text-align:center;
	line-height:13px;
	background-color:#669900;
	border:1px solid #fff;
			}
#footer a{
text-decoration:none;
color:#999;
}
#footer  a:hover{
text-decoration:none;
color:#000;
}


.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}

a{
text-decoration:none;
color:#669900;
}
a:hover{
text-decoration:none;
color:#333366;
}
a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}
a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.80;
}

input, textarea, select{
font-size:11px;
padding:1px;
border:1px solid #333366;
font-family:Arial, Helvetica, sans-serif;
}
h1{
font-size:18px;
line-height:22px;
font-weight:bold;
border-bottom:1px solid #333366;
color:#669900;
margin-bottom:5px;
display:block;
}
h2{
font-size:15px;
line-height:25px;
font-weight:bold;
color:#fff;
margin-bottom:1px;
margin-top:10px;
padding-left:35px;
padding-top:1px;
padding-bottom:2px;
background:url(../images/bg-h2.gif) left top no-repeat;
}
h3{
font-size:14px;
line-height:14px;
font-weight:bold;
color:#669900;
margin-top:15px;
padding-bottom:5px;
}
h4{
background:url(../images/puce3.gif) left top no-repeat;
padding-left:20px;
padding-right:50px;
margin-left:15px;
margin-top:8px;
margin-bottom:8px;
font-size:12px;
font-style:italic;
color:#777;
font-weight:normal;
line-height:normal;
}
h5{
font-size:11px;
border-bottom:1px solid #fff;
padding-bottom:5px;
margin-top:6px;
font-weight:normal;
}
.number{
font:bold 14px Arial, Helvetica, sans-serif;
color:#669900;
}
#champForm1{
float:left;
width:240px;
padding-right:10px;
}
#champForm2{
float:left;
width:240px;
padding-right:5px;
}
#champForm3{
float:left;
width:240px;
}
#emailValid{
color:#669900;
text-align:center;
font-size:15px;
font-weight:bold;
}
#clients3{
float:left;
width:800px;
height:800px;
}
#photoDroit{

}
#photoDroit a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
}
#blocDroit a{
color:#adadc7;
}
#blocDroit a:hover{
color:#fff;
}
#cG{
width:30%;
padding:5px;
text-align:right;
height:30px;
line-height:30px;
float:left;
}
#cD{
width:60%;
text-align:left;
height:30px;
float:left;
}