* {outline: none;}
html,body {width: 100%;height: 100%;}
/* Correction IE6 scintillement des backgrounds */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body {background-color:#92bd3d; margin: 0; padding: 0;}
img {border: 0;}

body.index {background:url(/img/background/body-index.jpg) #92bd3d repeat-x top center}
body.site  {background:url(/img/background/body-site.jpg) #92bd3d repeat-x top center}
/*
body.index #container {
	position: absolute;
	height: 600px; 
	width: 1000px;
	margin-top: -300px;
	margin-left: -500px;
	left: 50%;
	top:50%;
	text-align: left;
	padding: 0px;
}
*/

body.site #container {
	background:url(/img/background/contenu-site-test.jpg) no-repeat top left;
/*	background:url(/img/background/contenu-site.jpg) no-repeat top left;*/
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-left: -500px;
	text-align: left;
	padding: 0px;
}
body.index #container {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-left: -500px;
	text-align: left;
	padding: 0px;
}

/* ECOMMERCE */
#div_zoom{
	/* Pas de height ni de width (commentaire commande) */
	background-color:#FFFFFF;
	border:1px solid #ED6716;
	left:512px;
	padding:10px;
	z-index:200px;
	width:300px;
}
/* Stock */
.pastille {
	position:relative;
	top:2px;
}
/* Pagination */
.pagination{color:#c6b198;width:508px;}
.pagination_liens{margin:10px 0 18px 0;color:#b1c800;text-align:center}
#container .pagination_liens a{margin:0 0px 0 0px;padding:0 4px 0 4px;color:#b1c800;text-decoration:underline}
#container .pagination_liens a.on{background-color:#b1c800;color:#000}
#container .pagination_liens span{margin:0 0px 0 0px;padding:0 4px 0 4px;}
.pagination_select{text-align:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #96988d;}
.pagination_select select{font-size:12px;}

table.ecom-tableau, table.ecom-tableau td {border-collapse: collapse;}
td.ecom-tetiere {background-color: #fff;font-weight: bold;color: black;}
table.ecom-cc {border-collapse: collapse;border: 1px solid #251511;padding: 5px;}
table.ecom-cc td {padding: 5px;background-color: #fff;}

div#mentions-legales {
	height: 20px;
}
.index div#mentions-legales{padding:30px 40px 0 70px}
.site div#mentions-legales{padding:0 50px 0 382px}

#container a.mentions-legales,#container a.mentions-legales:visited, span.mentions-legales {
	font: normal 10px/2 arial,verdana,helvetica,sans;
	color: #010101;
	text-decoration: none;
}
#container a.mentions-legales:hover {
	font: normal 10px/2 arial,verdana,helvetica,sans;
	text-decoration: underline;
	color: #454545;
}

h1 {
	position:absolute;
	top:223px;
	left:495px;
	width:300px;
	text-align:center;
	font: normal 45px arial, helvetica, sans;
	color: #17b6fa;
	padding: 0px; 
	margin: 0px;/*Margin a mettrepour le h1*/
	letter-spacing: 0px;
}

.page_4  h1,
.page_4  h2{color: #17b6fa}
.page_5  h1,
.page_5  h2{color: #3dd1e6}
.page_6  h1,
.page_6  h2{color: #49d5c3}
.page_7  h1,
.page_7  h2{color: #61db94}
.page_8  h1,
.page_8  h2{color: #67d957}
.page_9  h1,
.page_9  h2{color: #73c93d}
.page_10 h1,
.page_10 h2{color: #add958}
.page_11 h1,
.page_11 h2{color: #d1e062}
.page_17 h1,
.page_17 h2{color: #55D8AC}

hr {
	color: #37488E;
	width: 100%;
	height: 1px;
	padding: 0; margin: 0;
}

div.background-bas{margin:279px 0 0 360px;padding:0px 0px 55px 0px;background:url(/img/contenu/contenu-bottom.png) no-repeat bottom left;}
div.background-middle{background:url(/img/contenu/contenu-repeat.jpg) repeat-y top left;}

div.background{width:559px;padding:31px 23px 0 23px;background:url(/img/contenu/contenu-top.jpg) no-repeat top left;/*height:586px*/}
div.background 					  { height: 300px}/* (IE 6) */
html>body div.background  { height: auto; min-height:300px} /* Nav recents*/
*+html>body div.background{ min-height: 300px}/* IE 7 */ 

.site #diaporama_site{position:absolute;z-index:10;top:314px;left:662px}
.site #diaporama_contour{position:absolute;z-index:20;top:314px;left:662px}

.index #diaporama_index{position:absolute;z-index:100;top:60px;left:118px}
.index #diaporama_contour{position:absolute;z-index:200;top:0px;left:0px}


#drapeaux{position:absolute;top:18px;left:88px}
#drapeaux a{float:left;margin:0 28px 0 0;width:28px;height:23px;}
/*#drapeaux a{float:left;margin:0 28px 0 0;width:28px;height:18px;}*/
#drapeaux a#drapeau_fr{background:url(/img/drapeaux_site/fr.png) no-repeat top left;}
#drapeaux a#drapeau_en{background:url(/img/drapeaux_site/en.png) no-repeat top left;}
#drapeaux a#drapeau_nl{background:url(/img/drapeaux_site/nl.png) no-repeat top left;}
#drapeaux span{display:none}

#container .bouton, .bouton { 
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0; 
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer; 
	border:0; 
	background:none; 
	text-decoration:none !important;
}   
.bouton span {position:relative;float:left;padding:0 0 0 5px;vertical-align:middle;background:url(/img/bouton/bouton_g.png) left top no-repeat;} 
.bouton span span {padding:0 5px 0 0;background:url(/img/bouton/bouton_d.png) no-repeat scroll right top;} 
.bouton span span span {font-family:Arial;font-weight:bold;height:19px;padding:0 5px 0 6px;line-height:19px;background:url(/img/bouton/bouton_m.png) repeat-x scroll right top;color:#fff;font-size:12px;} 

#container button.bouton span span span {font-family:Arial}  
#container button.bouton{margin:0;padding:0;border:0;background:none}
   
.commentaire{margin-top:20px;padding:26px 0 0 38px;background:url(/img/livre-or/commentaire.jpg) no-repeat}

form td{ line-height:30px }
img {border: 0;}
button{margin:0;padding:0;border:0;background:none}
input, select {background:#FFFFFF none repeat scroll 0 0;border:1px solid #b6d97c;color:#232f3c;margin-bottom:3px;}
textarea{border:1px solid #b6d97c;color:#232f3c;font-family:Arial,Helvetica,sans-serif;font-size:1em;} 
.rouge{color:red}
.pointer {cursor:pointer}
.none{display:none}
.block{display:block} 
.pAbsolute{position:absolute} 
.brd{background:transparent none repeat scroll 0 0;border:0 none;padding:0;vertical-align:middle;} 
.fsI{font-style:italic}
.textC{text-align:center}
.textL{text-align:left}
.textR{text-align:right}
.pl15{padding-left:15px} 
.mb5{margin-bottom:5px}
.ml10{margin-left:10px}
.mr5{margin-right:5px}
.mr8{margin-right:8px}
.mr10{margin-right:10px}
.mt4{margin-top:4px}  
.mt8{margin-top:8px}  
.mt20{margin-top:20px} 
.fleft{float:left}
.fright{float:right}
.cb{clear:both}

#container a.meteo_ville,#container a.meteo_ville:active,#container a.meteo_ville:visited,#container a.meteo_ville:hover {
	color: #FFFFFF;
}