@charset "utf-8";
/* CSS Document */
html, body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ededed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #0b0c0d;
	font:normal 11px Arial;
}
body {
    background: url("/images/fond-site-haut.jpg") repeat-y scroll center center transparent;
}
.twoColFixLtHdr #container { 
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #FFFFFF;
} 
.twoColFixLtHdr #header { 
	background:#FFFFFF; 	
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 280px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:20px 0 0 10px;
	background: #FFFFFF;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 280px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #footer { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF; 
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}






















table, tr,td {vertical-align:top; text-align:left; padding:0px; margin:0px;}
div{vertical-align:top;}
img{border:0px solid #000;}
.MainDiv{width:962px; text-align:left;}
.center{text-align:center; vertical-align:middle;}
.search{border:1px solid #5e5e5e; border-top-color:#5e5e5e; border-left-color:#5e5e5e; border-bottom-color:#e5e5e5; border-right-color:#e5e5e5;  background:#fafafa url(images/searchbg.gif) no-repeat top left; padding-left:15px; width:197px; height:17px;}
.go{border:0px; background:url(images/go.png) no-repeat top left; width:17px; height:17px;}
.searchpix{padding-left:12px; padding-top:7px; height:34px; float:left; background:url(/images/searchpix.gif) repeat-x top left;}
.sabsolute{position:absolute; top:0px; left:0px; width:271px;}
.searchcor{width:18px; height:34px; float:left; background:url(images/searchcor.gif) no-repeat top left;}
.searchrel{position:relative; top:57px; left:0px; width:0px; height:0px;}
.top{text-align:left; height:91px; background:url(/images/topbg.jpg) no-repeat top center}
.topblock{height:41px; background:url(/images/topblock.jpg) no-repeat top left;}
.blockcont{padding-left:14px; padding-right:16px;  clear:both; background:url(/images/blockpix.jpg) repeat-y top left;}
.botblock{height:83px; clear:both; background:url(/images/botblock2.jpg) no-repeat top left;}

.bigtopblock{height:41px; background:url(/images/bigtopblock.jpg) no-repeat top left;}
.bigblockcont{padding-left:14px; padding-right:16px; background:url(/images/bigpix.jpg) repeat-y top left;}
.bigbotblock{height:41px; clear:both; background:url(/images/bigbotblock.jpg) no-repeat top left;}

.prodnames{padding-left:22px; margin-top:40px; color:Black; float:left; width:120px;}
.pagerdiv{padding-top:5px; padding-bottom:10px; text-align:center; clear:both;}
a.paging, a.paging:visited  {
text-decoration:none;
color:#2A66B2;
}


p
{
	margin: 0px;
	padding: 0px;
}


a.paging:hover,  a.pagingSelected {
text-decoration:underline;
color:#2A66B2;
}
.breaker {
CLEAR: both; OVERFLOW: hidden; HEIGHT: 0px;
}

.stopblock{height:41px; background:url(/images/stopblock.jpg) no-repeat top left;}
.stopblockText{height:41px; background:url(/images/stopblock_text.jpg) no-repeat top left;}
.sblockcont{padding-left:15px; padding-right:16px; clear:both; background:url(/images/sblockpix.jpg) repeat-y top left;}
.sblockcontText{padding-left:15px; padding-right:16px; clear:both; background:url(/images/sblockpix_text.jpg) repeat-y top left;}
.sbotblock{height:41px; clear:both; background:url(/images/sbotblock.jpg) no-repeat top left;}
.sbotblockText{height:41px; clear:both; background:url(/images/sbotblock_text.jpg) no-repeat top left;}
.sblockhdr{font:bold 13px Verdana; color:#1a4774;}

.menu0{text-align:center; vertical-align:bottom;  font:bold 12px Arial; color:#FFF;  padding: 0px 10px 0px 10px;}
.menu1{background:transparent; vertical-align:bottom; text-align:center; cursor:pointer; font:bold 12px Arial; color:#FFF;  padding: 0px 10px 0px 10px;}
.menu2{background:url(/images/menu.png) no-repeat top center; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu.png',sizingMethod='image') no-repeat top right;*/ vertical-align:middle; text-align:center; cursor:pointer; color:#ffe75d; font:bold 12px Arial;  padding: 0px 8px 0px 8px; width:86px;}
.menu2_hover{background:url(/images/menu.png) no-repeat top center;  vertical-align:middle; text-align:center; cursor:pointer; color:#ffe75d; font:bold 12px Arial;  text-decoration: underline; padding: 0px 8px 0px 8px; width:86px;}
.menu0_hover{text-align:center; vertical-align:bottom; font:bold 12px Arial; color:#ffe75d; cursor:pointer; padding: 0px 10px 0px 10px;}

.blockhdr{font:bold 15px Verdana; color:#1a4774;}
.p{padding:0px; margin:0px;}
.inblock{position:relative; top:-25px; left:0px;}
.events{padding-top:11px; padding-bottom:11px;}
.results{padding-top:11px; padding-bottom:11px;}
.blocks{padding-top:11px;}
.bot1{float:left; width:200px; padding-left:10px; padding-right:10px;}
.bot2{float:left; width:561px; text-align: center;}
.bot3{float:left; width:200px; padding-right:8px; text-align: right;}
.wh100{width:100%; height:100%;}

.td1{width:15px; height:15px; background:url(/images/cor1.gif) no-repeat top left; font-size:0px;}
.td2{width:960px; background:#FFF; font-size:0px; height:15px;}
.td3{width:15px; height:15px; background:url(/images/cor2.gif) no-repeat top right; font-size:0px;}
.td4{padding-left:14px; padding-right:14px; background:#FFF;}
.td5{width:15px; height:15px; background:url(/images/cor3.gif) no-repeat top left; font-size:0px;}
.td6{width:960px; background:#FFF; font-size:0px; height:15px;}
.td7{width:15px; height:15px; background:url(/images/cor4.gif) no-repeat top right; font-size:0px;}
.copytd{font:normal 11px Arial; color:#666666;  padding-top:10px; padding-bottom:10px;}
.rellog{text-align:left; position:relative; top:2px; left:42px; width:0px; height:0px;}
.menudiv{padding-right:10px; float:right; width:690px; height:87px; position:relative;	z-index:10;
}
.botttom{clear:both; padding:10px; padding-left:15px; padding-bottom:0px;}
/*.botmenudiv{width:650px; float:left; padding-top:10px; text-align:center;}*/
.botmenudiv{width:961x; padding-top:10px; text-align:center;}

/*
a, a:active, a:visited{ color:#FFF; font:normal 11px Arial; text-decoration: underline;}
a:hover{ color:#FFF; font:normal 11px Arial; text-decoration:none;}
*/
a, a:active, a:visited{color:#037ABE; font:normal 11px Arial; text-decoration: none;}
a:hover{ color:#000000; font:normal 11px Arial; text-decoration:none;}

.menudt{font:bold 12px Arial; color:#269ede;}
a.menudt, a.menudt:active, a.menudt:visited{font:bold 12px Arial; color:#FFF; text-decoration: none;}
a.menudt:hover{font:bold 12px Arial; color:#264500; text-decoration:none;}

.menus{font:bold 12px Arial; color:#ffe75d;}
a.menus, a.menus:active, a.menus:visited{font:bold 12px Arial; color:#FFF; text-decoration: none;}
a.menus:hover{font:bold 12px Arial; color:#ffe75d; text-decoration:none;}

.botmenu{font:normal 12px Arial; color:#7f7f7f;}
a.botmenu, a.botmenu:active, a.botmenu:visited{font:normal 12px Arial; color:#7f7f7f; text-decoration: none;}
a.botmenu:hover{font:normal 12px Arial; color:#000; text-decoration:none;}


.botm{font:bold 11px Arial; color:#666666;}
a.botm, a.botm:active, a.botm:visited{font:bold 11px Arial; color:#666666; text-decoration: none;}
a.botm:hover{font:bold 11px Arial; color:#000; text-decoration:none;}


.more{font:normal 12px Arial; color:#ff6600;}
a.more, a.more:active, a.more:visited{font:normal 12px Arial; color:#ff6600; text-decoration: none;}
a.more:hover{font:normal 12px Arial; color:#FAB114; text-decoration:none;}


.dtree{font: 11px Arial #666; white-space: nowrap;}
.dtree img {border: 0px; vertical-align: middle;}

.dtree a{color: #333; text-decoration: none;}
.dtree a.node, .dtree a.nodeSel{white-space: nowrap; padding: 1px 2px 1px 2px;}
.dtree a.node:hover, .dtree a.nodeSel:hover{color: #333; text-decoration: underline;}
.dtree a.nodeSel{background:#c0d2ec;}
.dtree .clip{overflow: hidden;}
.dds{border-top-width:thin; border-top-style:dotted; border-top-color:Gray;}



a.paging {color: #000022; text-decoration: underline;}
a.paging:hover {color: #000022; text-decoration: none;}

a.pagingSelected {color: #000022; font-weight: bold; text-decoration: none;}
a.pagingSelected:hover {font-weight: bold; text-decoration: none;}



.inptxt {
	width:100px;
	float:left;
	text-align:right;
	padding-right:5px;
	padding-top:3px;
	font:normal 11px Arial;
	color:#000;
}
.butdiv {
	padding-top:10px;
	float:right;
	padding-right:25px;
}
.butt {
	border:0px solid;
	background:url(images/butt.gif) no-repeat top left;
	width:60px;
	height:22px;
	color:#949494;
	font:normal 10px Arial;
	cursor: pointer;
}


.textarea {
	width:320px;
	height:130px;
	background:#FFF;
	font:normal 11px Arial;
	border:1px solid #D1D1D1;
	color:#000;
}
.option {
	width:320px;
	height:16px;
	background:#D1D1D1;
	font:normal 11px Arial;
	border:0px solid #FFF;
}
select {
	width:323px;
	height:19px;
	background:#D1D1D1;
	font:normal 11px Arial;
	border:0px solid #FFF;
}
input {
	border:1px solid #FF9D20;
	background:#FFF;
	width:150px;
	height:13px;
	color:#000000;
	font-size:11px;
}
.input {
	width:320px;
	height:16px;
	background:#FFF;
	font:normal 11px Arial;
	border:1px solid #D1D1D1;
}
.map_btn{
	width:120px;
	height:20px;
	color:#000000;
	font-weight:bold;
	text-decoration: none;
	background:url(images/map_btn_bg.gif) no-repeat;
	font:normal 11px Arial;
	border:0px solid #D1D1D1;
	padding:0px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
}
.req {
	text-align:right;
	padding-right:25px;
	padding-bottom:10px;
	font:normal 11px Arial;
	color:#000;
}
a.site_web_express, a.site_web_express:active, a.site_web_express:visited {
	color:#6dbb16;
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
}
a.site_web_express:hover {
	color:#b0b0b0;
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
}

.left{
	text-align:left;
}
.blocks table{
	width: 640px;
}

.blocks table td{
	width: 320px;
}
.gamme td{
	width: auto !important;
	text-align: center;
}