@charset "UTF-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background:url(../img/fond-ge.jpg) no-repeat fixed bottom right;
	/*scrollbar-face-color:#2e76bb;
	scrollbar-shadow-color: #333333;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #2e76bb;
	scrollbar-arrow-color: #FFffff;*/
}
/*.........CONTENEUR............*/
div#conteneur {
	position:absolute;
	/*margin:auto;*/
	width:100%;
	/*text-align:left; on rétablit l'alignement normal du texte*/  
}
/*.........HEADER............*/

div#header {
	position:relative;
	width:100%;
	height:149px;
	z-index:0;
	/*background:url(../img/fd-header.gif) repeat right;*/
}
/*.........CONTENT............*/
div#mainframe {
	position:relative;
	width:1024px;
	height:50px;
	/*float:left;*/
	z-index:1;
}

div#content {
	position:relative;
	float:left;
	z-index:1;
	
}

div#colgauche {
	position:relative;
	float:left;
	width:300px;
	
}

div#nav {
	width:824px;
	position:relative;
	float:left;
	
	
	
}
div#nav > ul {
	font: 0.8em/1em Arial, Helvetica, sans-serif;
	color:#666666;
	list-style-position:inside;
	list-style-type:none;
	padding:5px 0px 0px 10px;
	margin:0;
}

div#nav li {
float:left;
}

div#nav a:link {
color:#666666;
text-decoration:none;
}

div#nav a:visited {
color:#999999;
text-decoration:none;
}

div#nav a:hover {
color:#96be0d;
}

div#nav a:focus {
color:#96be0d;
}

div#nav a:active {
color:#96be0d;
}


div#texte {
	position:relative;
	float:left;
	width:300px;
}
.texte {
	position:relative;
	float:left;
	width:274px;
}
div#textewide {
	position:relative;
	float:left;
	width:824px;
}

/*div#textelisting {
	position:relative;
	float:left;
	width:100%;
}*/

div#listing {
	position:relative;
	float:left;
	width:824px;
	
}

div#visuel {
	position:relative;
	float:left;
	width:524px;
}
div#visuel2 {
	position:relative;
	clear:both;
	width:300px;
}

.visulisting {
	position:relative;
	float:left;
	padding:10px 0px 10px 0px;
	margin-left:10px;
	margin-right:10px;
	width:110px;
	text-align:center;
	border-bottom:dashed #ccc thin;
}



.visulistingwide {
	position:relative;
	float:left;
	padding:10px 0px 10px 0px;
	margin-left:10px;
	margin-right:10px;
	width:240px;
	text-align:center;
	border-bottom:dashed #ccc thin;
}

.boxlisting {
width:100%;
background: #CCCCCC;
padding:2px 0px 2px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius: 5px; /* arrondis Chrome */
-webkit-border-top-right-radius: 5px; 
-moz-border-radius: 5px 5px 0px 0px; /* arrondis pour FF*/
border-radius: 5px 5px 0px 0px; /* ecriture native */
}

.visulisting img {
	padding:5px 0 5px 0;
	border:none;
	opacity:0.9; /* ecriture native*/
	-moz-opacity:0.9; /* pour FF*/
	filter : alpha(opacity=90); /* pour IE*/
	
}

.visulisting img:hover {
	padding:5px 0 5px 0;
	border: none;
	opacity:1; /* ecriture native*/
	-moz-opacity:1; /* pour FF*/
	filter : alpha(opacity=100); /* pour IE*/
	-moz-box-shadow: 1px 1px 12px #999;
	-webkit-box-shadow: 1px 1px 15px #999;
	box-shadow: 1px 1px 15px #999;
}

.visulistingwide img {
	padding:5px 0 5px 0;
	border:none;
	opacity:0.9; /* ecriture native*/
	-moz-opacity:0.9; /* pour FF*/
	filter : alpha(opacity=90); /* pour IE*/
}
.visulistingwide img:hover {
	padding:5px 0 5px 0;
	border: none;
	opacity:1; /* ecriture native*/
	-moz-opacity:1; /* pour FF*/
	filter : alpha(opacity=100); /* pour IE*/
	-moz-box-shadow: 1px 1px 12px #999;
	-webkit-box-shadow: 1px 1px 15px #999;
	box-shadow: 1px 1px 15px #999;
}

.spacer {
height:10px;
position:relative;
clear:both;
}

.listingcat {
width:100%;
padding:0px 0px 10px 0px;
margin-bottom:10px;
position:relative;
float:left;
border-bottom:1px #E8E8E8 dotted;*/

}

.zoom{
width:130px;
position:relative;
float:left;
margin:0px 5px 10px 10px;
border:solid #33CC33 thin;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-decoration:none;
	color:#93C;
	text-align:center;
}

div#otherproducts {
position:relative;
float:left;
clear:both;
border-top:1px #66CC00 dotted;
padding:0;
margin-top:5px;
width:824px;
}


/*.........MENU............*/

div#menug {
	width: 200px;
	/*height:400px;*/
	position: relative;
	float:left;
	z-index:9;	
}

/*.........FOOTER............*/

div#footer {
	width: 550px;
	height:65px;
	position: relative;
	float:left;
	bottom: 0;
	left: 0;
	padding-left:10px;
	padding-top:5px;
	clear: both;
	background-color: #96be0d;
	z-index:10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height:normal;
	list-style-position: outside;
	list-style:none;
	text-indent:-25px;
	
}

#footer ul li {
	text-decoration: none;
	display:block;
}


div#footer2 {
	width: 150px;
	height:65px;
	position: relative;
	float:left;
	bottom: 0;
	left: 0;
	z-index:10;	
}

.footlinks {
	width: 200px;
	position: relative;
	float:left;
	bottom: 0;
	left: 0;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

.footlinks1 {
	width: 80px;
	position: relative;
	float:left;
	bottom: 0;
	left: 0;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}



/*.........Textes............*/
h1 {
	color:#93C;
	padding:0px 0px 0px 10px;
	font:normal 1.2em/1.1em Arial, Helvetica, sans-serif;
	clear:both;
}

h2 {
	color:#96be0d;
	padding:0px 0px 0px 10px;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	clear:both;
}

h3 {
	color:#666;
	padding:5px 0px 0px 10px;
	font:bold 0.7em/0.9em Arial, Helvetica, sans-serif;
	clear:both;
}




h4 {
	color:#96be0d;
	padding:5px 0px 0px 10px;
	font:bold 0.8em/1em Arial, Helvetica, sans-serif;
	clear:both;
}
p {
	color:#666;
	padding:0px 10px 10px 10px;
	font:0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;	
}
.speclist {
	color:#666;
	padding:0px 10px 10px 35px;
	font:0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-type: circle;
}

.grasvert {
color:#96be0d;
font-weight:bold;
}

.specgras {
color:#333333;
font-weight:bold;

}

/*.........LINKS............*/

a:link {
color:#96be0d;
text-decoration: none;
}

a:visited {
color:#ccc;
text-decoration: none;
}
a:hover {
color:#93c;
text-decoration: none;
}
a:focus {
color:#96be0d;
text-decoration: none;
}
a:active {
color:#96be0d;
text-decoration: none;
}



h3 a:link {
color:#96be0d;
text-decoration: none;
}

h3 a:visited {
color:#ccc;
text-decoration: none;
}
h3 a:hover {
color:#93c;
text-decoration: none;
}
h3 a:focus {
color:#96be0d;
text-decoration: none;
}
h3 a:active {
color:#96be0d;
text-decoration: none;
}

#footer ul li a:link {
	color: #FFF;
	text-decoration: none;
}

#footer ul li a:visited {
	color: #666;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #336633;
	text-decoration: none;
}

#footer ul li a:focus {
	color: #336633;
	text-decoration: none;
}

#footer ul li a:active {
	color: #666;
	text-decoration: none;
}

.boxlisting a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	font-size:0.7em;
	color:#fff;
	
}

.boxlisting a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-decoration:none;
	color:#666;
}

.boxlisting a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-decoration:none;
	color:#93C;
}

.boxlisting a:focus {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-decoration:none;
	color:#93C;
}

.boxlisting a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-decoration:none;
	color:#93C;
}

/*.........IMAGES............*/
img {
border:none;
}

.picto {
padding:10px;
}


sup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
}