@charset "UTF-8";
img, div { behavior: url(/scripts/iepngfix.htc) }

html, body {margin: 0;padding: 0;height: 100%}
body {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color:#000;background:#3c3e44 url(/img/bg-page01.gif) repeat-x}
form {margin: 0px;padding: 0px;}
a, a:visited {color:#000;text-decoration:none}
a:hover {color:#CC0000;text-decoration:underline}

.log {font-weight:bold;color:#FFFF00;font-size:13px}

h1#referencement  {font:normal 9px verdana,helvetica,arial,sans-serif;text-align:center;margin:0;padding:0;background:#adc0c6;height:14px;}
h2#referencement  {font:normal 9px verdana,helvetica,arial,sans-serif;text-align:center;margin:0;padding:5px;}

div#header {height:270px;background:#fff url(/img/bg-header01.gif) repeat-x}
div#header div#header_content {width:770px;margin:auto}
div#header div#header_left {float:left;width:300px;padding-top:25px;margin-left:5px;}
div#header div#header_left .logo {width:300px;float:left}
div#header div#header_left h1 {margin:0;padding:44px 0 0 0;color:#FF0000;font-size:20px;line-height:18px;}
div#header div#header_left h2 {margin:0;padding:10px 5px;display:block;float:left;width:300px;font-size:16px;border-top:1px solid #333;border-bottom:1px solid #333;}
div#header div#header_left h3 {margin:3px 0;padding:5px;display:block;float:left;width:300px;font-size:12px;}
div#header div#header_left p {margin:0;padding:0 5px;display:block;width:330px;float:left;font-size:11px;}
div#header div#header_right {float:right;width:410px;}


div#maincontainer {width:770px;margin:auto}

div#maincontainer div#navig_v {display:block;float:left;width:190px;margin-right:13px;}
div#maincontainer div#navig_v h1 {padding:10px;margin:0;background:#CC3300 url(/img/bg_h1.png) 0 0 repeat-x;font-size:14px;color:#FFFFFF}
div#maincontainer div#navig_v h1 a:link,div#maincontainer div#navig_v h1 a:visited {color:#FFFFFF;text-decoration:none}
div#maincontainer div#navig_v h1 a:hover {color:#FFFFFF;text-decoration:underline}

div#maincontainer div#navig_v ul#v_menu {margin: 0;padding: 0;list-style-type: none;background:#adc0c6;font-size:13px}
div#maincontainer div#navig_v ul#v_menu div#commentForm {margin: 0;padding: 0;list-style-type: none;background:#adc0c0;font-size:11px}
div#maincontainer div#navig_v ul#v_menu a {display: block;padding: 5px 10px;width: 170px;border-bottom: 1px solid #eee;}
div#maincontainer div#navig_v ul#v_menu div#commentForm a {display: block;padding: 5px 10px 5px 20px;width: 160px;border-bottom: 1px solid #eee;}
div#maincontainer div#navig_v ul#v_menu a:link, div#maincontainer div#navig_v ul a:visited {color: #414e52;text-decoration: none;}
div#maincontainer div#navig_v ul#v_menu a:hover {background-color: #62747a;color: #fff;}
div#maincontainer div#navig_v ul#v_menu li.select a:link, div#maincontainer div#navig_v ul#v_menu li.select a:visited, div#maincontainer div#navig_v ul#v_menu li.select a:hover {background:#475458;color:#fff}

div#maincontainer div#navig_v ul#v_menu ul {margin: 0;padding: 0;list-style-type: none;font-size:12px;background:#bdd2d9}
div#maincontainer div#navig_v ul#v_menu ul li a {padding:5px 0 5px 20px;}
div#maincontainer div#navig_v ul#v_menu ul li a:hover {background:#5e757b}
div#maincontainer div#navig_v ul#v_menu ul li.subselect, div#maincontainer div#navig_v ul#v_menu ul li.subselect a {background:#5e757b url(/img/bg-sub-navig.gif) 0 50% no-repeat;color:#fff}

div#maincontainer div#navig_v ul#v_menu ul li.eco a {background:#8ddb8d}
div#maincontainer div#navig_v ul#v_menu ul li.eco a:hover {background:#3e7339}
div#maincontainer div#navig_v ul#v_menu ul li.subeco, div#maincontainer div#navig_v ul#v_menu ul li.subeco a {background:#3e7339 url(/img/bg-subeco-navig.gif) 0 50% no-repeat;color:#fff}

div#maincontainer div#navig_v div#navig_v_footer {display:block;float:left;width:190px;height:10px;background:url(/img/bg-navig01b.gif) no-repeat}

div#maincontainer div#navig_v div#navig_v_newslettertop {display:block;float:left;width:190px;height:7px;margin:0;padding:0;background:url(/img/bg-newsletter-top.gif) no-repeat}
div#maincontainer div#navig_v div#navig_v_newsletterbottom {display:block;float:left;width:190px;height:10px;background:url(/img/bg-newsletter-bottom.gif) no-repeat}
div#maincontainer div#navig_v div#navig_v_newsletter {display:block;float:left;width:180px;margin:0;padding:0 5px;background:#CC0000}
div#maincontainer div#navig_v div#navig_v_newsletter p.titlenews {margin:0;padding:0 0 5px 0;font-size:13px;font-weight:bold;color:#FFFF99}
div#maincontainer div#navig_v div#navig_v_newsletter .textnews {font-size:11px;font-weight:normal;color:#fff}

div#maincontainer div#navig_v div#navig_v_contacttop {display:block;float:left;width:190px;height:7px;margin:0;padding:0;background:url(/img/bg-contact-top.gif) no-repeat}
div#maincontainer div#navig_v div#navig_v_contactbottom {display:block;float:left;width:190px;height:10px;background:url(/img/bg-contact-bottom.gif) no-repeat}
div#maincontainer div#navig_v div#navig_v_contact {display:block;float:left;width:170px;margin:0;padding:0 10px;background:#dadfe6}
div#maincontainer div#navig_v div#navig_v_contact p.title {margin:0;padding:0 0 5px 0;font-size:14px;font-weight:bold;color:#CC3300}
div#maincontainer div#navig_v div#navig_v_contact .text {font-size:12px;font-weight:bold;color:#000}
div#maincontainer div#navig_v div#navig_v_contact .minitext {font-size:10px;font-weight:bold;color:#000}
div#maincontainer div#navig_v div#navig_v_contact .tel {font-size:13px;font-weight:bold;color:#CC3300;}
div#maincontainer div#navig_v div#navig_v_contact .tel a {font-size:13px;font-weight:bold;color:#CC3300;text-decoration:underline}

div#maincontainer div#rightcontainer {display:block;float:right;width:566px;}

div#maincontainer div#rightcontainer div#arianne {font-size:9px;color:#ccc;margin-bottom:5px;}
div#maincontainer div#rightcontainer div#arianne a:link, div#maincontainer div#rightcontainer div#arianne a:visited {color:#fff}
div#maincontainer div#rightcontainer div#arianne a:hover {text-decoration:none;color:#CC9900}

div#maincontainer div#rightcontainer div#navig_h {width:566px;height:35px;margin:0 0 5px 0;background:#adc0c6 url(/img/bg-navig02.gif) no-repeat}
div#maincontainer div#rightcontainer div#navig_h ul{width:546px;padding:0 10px;margin:0;color: #fff;float: left;}
div#maincontainer div#rightcontainer div#navig_h ul li {display: inline;margin:0;padding:0  }
div#maincontainer div#rightcontainer div#navig_h ul li a{padding: 10px 3px;font-size:12px;color: #414e52;text-decoration: none;float: left;text-align:center}
div#maincontainer div#rightcontainer div#navig_h ul li a:hover{background-color: #62747a;color: #fff;}

div#maincontainer div#rightcontainer div#corpus {width:566px;background:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;}
div#maincontainer div#rightcontainer div#corpus div#top {display:block;float:left;width:566px;height:11px;background:url(/img/corpus-top.gif) no-repeat}
div#maincontainer div#rightcontainer div#corpus .article {display:block;float:left;width:536px;padding:0 15px;background: #fff url(/img/bg-article.gif) repeat-x bottom;border-bottom:1px solid #ccc}
div#maincontainer div#rightcontainer div#corpus .article_title {display:block;float:left;width:537px;padding:0 15px;background:#CC3333 url(/img/bg_h1.png) 0 0 repeat-x;}
div#maincontainer div#rightcontainer div#corpus .article_title h1 {font-size:14px;color:#FFF;font-weight:bold;margin:5px 0}
div#maincontainer div#rightcontainer div#corpus .article_title_eco {display:block;float:left;width:537px;padding:0 15px;background:#006600 url(/img/bg_h1.png) 0 0 repeat-x;}
div#maincontainer div#rightcontainer div#corpus .article_title_eco h1 {font-size:14px;color:#FFF;font-weight:bold;margin:5px 0 0 0}
div#maincontainer div#rightcontainer div#corpus .article_title_eco h2 {font-size:11px;color:#EEE;font-weight:normal;margin:0 0 5px 0}

div#maincontainer div#rightcontainer div#corpus .article h1 {font-size:14px;color:#CC0000;font-weight:bold;margin:10px 0}
div#maincontainer div#rightcontainer div#corpus .article h2 {font-size:13px;color:#CC0000;font-weight:bold;margin:20px 0 10px 0}
div#maincontainer div#rightcontainer div#corpus .article p, div#maincontainer div#rightcontainer div#corpus .article li {font-size:11px;color:#111;padding-bottom:10px}
div#maincontainer div#rightcontainer div#corpus .article  a.explicitlink:link {text-decoration:underline;color:#CC3300}
div#maincontainer div#rightcontainer div#corpus .article .picto {display:block;float:left;width:65px;margin:20px 10px 0 0;}
div#maincontainer div#rightcontainer div#corpus .article .pictoWetrok {display:block;float:left;width:90px;margin:20px 10px 0 0;}
div#maincontainer div#rightcontainer div#corpus .article .pictotext {display:block;float:left;width:460px;}
div#maincontainer div#rightcontainer div#corpus .article .pictotextWetrok {display:block;float:left;width:420px;}
div#maincontainer div#rightcontainer div#corpus .article a, div#maincontainer div#rightcontainer div#corpus .article a:visited {padding:0 0 0 16px;color:#e55303;text-decoration:none;background:url(/img/arrow.gif) no-repeat 0 2px}
div#maincontainer div#rightcontainer div#corpus .article a:hover {text-decoration:underline;color:#FF6600}
div#maincontainer div#rightcontainer div#corpus .article ul {margin:0;padding:0;display:block;}
div#maincontainer div#rightcontainer div#corpus .article li a:link {display:block;float:right;margin:0;padding:0;list-style-type:none}

div#maincontainer div#rightcontainer div#corpus .article a.logoblock {display:block;width:250px;float:left;padding:5px;margin:0 5px 5px 0;background:#fff;border:1px solid #ccc;text-decoration:none}
div#maincontainer div#rightcontainer div#corpus .article a:hover.logoblock {border:1px solid #FF6600}

div#maincontainer div#rightcontainer div#corpus .article td.promo_title  {font-size:14px;color:#000;font-weight:bold;color:#006600}
div#maincontainer div#rightcontainer div#corpus .article td.promo_price  {font-size:14px;color:#CC3300;font-weight:bold;padding:3px;}
div#maincontainer div#rightcontainer div#corpus .article div.promo_price  {font-size:14px;color:#CC3300;font-weight:bold;padding:3px;}
div#maincontainer div#rightcontainer div#corpus .article td.promo_txt {font-size:12px}
div#maincontainer div#rightcontainer div#corpus .article td.promo_txt p {margin:0;padding:0}

div#maincontainer div#rightcontainer div#corpus .article .nolink a, div#maincontainer div#rightcontainer div#corpus .article .nolink a:visited {padding:0;color:#000;text-decoration:none;background:none}
div#maincontainer div#rightcontainer div#corpus .article .nolink a:hover {text-decoration:underline;color:#000}

div#maincontainer div#rightcontainer div#corpus .article a.blocklink {display:block;float:left;width:510px;margin:5px 0;text-decoration:none;background:none}
div#maincontainer div#rightcontainer div#corpus .article a.blocklink h2 {color:#000;padding:0;margin:0}
div#maincontainer div#rightcontainer div#corpus .article a.blocklink p {color:000;padding:0;margin:0 0 5px 0}
div#maincontainer div#rightcontainer div#corpus .article a.blocklink img {float:left;border:1px solid #ccc;margin:0 10px 0 0}
div#maincontainer div#rightcontainer div#corpus .article a.blocklink span {padding:0 0 0 16px;margin:5px 0;color:#e55303;text-decoration:underline;background:url(/img/arrow.gif) no-repeat 0 2px}
div#maincontainer div#rightcontainer div#corpus .article a:hover.blocklink h2, div#maincontainer div#rightcontainer div#corpus .article a:hover.blocklink p {color:#e55303}
div#maincontainer div#rightcontainer div#corpus .article a:hover.blocklink img {border:1px solid #e55303}
div#maincontainer div#rightcontainer div#corpus .article a:hover.blocklink span {color:#000;}


div#maincontainer div#rightcontainer div#corpus .produit {display:block;float:left;width:536px;padding:0 15px;background: #fff;border-bottom:1px solid #ccc}
div#maincontainer div#rightcontainer div#corpus .produit h2 {font-size:11px;color:#666;font-weight:bold;margin:10px 0 0 0}
div#maincontainer div#rightcontainer div#corpus .produit h3 {font-size:13px;color:#000;font-weight:bold;margin:0}
div#maincontainer div#rightcontainer div#corpus .produit h4 em {font-weight:normal;color:#666666}
div#maincontainer div#rightcontainer div#corpus .produit h4 {margin:0;padding:0;font-size:12px;color:#FF6600;font-weight:bold;}
div#maincontainer div#rightcontainer div#corpus .produit p {font-size:11px;color:#111;}
div#maincontainer div#rightcontainer div#corpus .produit img {padding:5px;background:#fff;margin:0 15px 0 0}
div#maincontainer div#rightcontainer div#corpus .produit a, div#maincontainer div#rightcontainer div#corpus .produit a:visited {padding:0 0 0 16px;color:#e55303;text-decoration:none;background:url(/img/arrow.gif) no-repeat}
div#maincontainer div#rightcontainer div#corpus .produit a:hover {text-decoration:underline;color:#FF6600}

div#maincontainer div#rightcontainer div#corpus .folio {display:block;float:left;width:536px;padding:0 15px;background:#eee;border-bottom:1px solid #ccc}
div#maincontainer div#rightcontainer div#corpus .folio span {display:block;float:right;text-align:right;font-size:14px;margin:10px 5px;}
div#maincontainer div#rightcontainer div#corpus .folio a {display:block;float:right;width:20px;height:20px;margin:5px 5px;padding:5px;text-align:center;font-size:16px;font-weight:bold;border:1px solid #666666;background:#ddd}
div#maincontainer div#rightcontainer div#corpus .folio a.active {color:#999999;border:1px solid #999}

div#maincontainer div#rightcontainer div#corpus .vignette_new {display:block;position:absolute;z-index:100;width:102px;height:86px;margin:0;padding:0;background:url(/img/vignette-nouveau.gif) right no-repeat;margin-left:450px;_margin-left:275px}
div#maincontainer div#rightcontainer div#corpus .vignette_promo {display:block;position:absolute;z-index:100;width:102px;height:86px;margin:0;padding:0;background:url(/img/vignette-promo.gif) right no-repeat;margin-left:450px;_margin-left:275px}

div#maincontainer div#rightcontainer div#corpus a.bestprice:link, div#maincontainer div#rightcontainer div#corpus a.bestprice:visited {background:none;padding:0;color:#fff}
div#maincontainer div#rightcontainer div#corpus .vignette_bestprice {display:block;position:absolute;z-index:100;width:102px;height:86px;margin:0;padding:0 0 0 0;background:url(/img/vignette-bestprice.gif) right no-repeat;margin-left:450px;_margin-left:275px}


div#maincontainer div#rightcontainer div#corpus table#formcontact {}
div#maincontainer div#rightcontainer div#corpus table#formcontact td.label {background:#adc0c6;color:#000;color: #414e52;font-size:12px;border-bottom:1px solid #fff;text-align:right;vertical-align:middle}
div#maincontainer div#rightcontainer div#corpus table#formcontact td.formfield {background:#d5e7ed;border-bottom:1px solid #fff;}
div#maincontainer div#rightcontainer div#corpus table#formcontact td.button {background:#414e52;padding:10px}

div#maincontainer div#rightcontainer div#footer {display:block;float:left;width:566px;min-height:125px;background:#fff url(/img/bg-footer.gif) no-repeat bottom;margin-bottom:10px;}
div#maincontainer div#rightcontainer div#footer ul {float:left;padding: 0 5px 0 25px;margin: 5px 0 10px 15px;width: 130px;}
div#maincontainer div#rightcontainer div#footer ul.second {width: 130px;border-left:1px solid #ccc}
div#maincontainer div#rightcontainer div#footer li {list-style: none;margin: 0;padding: 0.25em;}
div#maincontainer div#rightcontainer div#footer li a:link, div#maincontainer div#rightcontainer div#footer li a:visited { text-decoration: none; color: #414e52;}
div#maincontainer div#rightcontainer div#footer li a:hover { text-decoration: underline; color:#CC0000;}

div#maincontainer div#rightcontainer div#marques {display:block;float:left;width:566px;min-height:auto;background:#fff;margin:0;border-top:1px solid #666666;border-bottom:1px solid #666666;}

div#maincontainer div#rightcontainer div#signature {display:block;float:left;width:566px;color:#666666;}
div#maincontainer div#rightcontainer div#signature  a:link.link01, div#maincontainer div#rightcontainer div#signature   a:visited.link01 { text-decoration: none; color:#666666;}
div#maincontainer div#rightcontainer div#signature  a:hover.link01 { text-decoration: underline; color:#FF9900;}
div#maincontainer div#rightcontainer div#signature  a:link.link02, div#maincontainer div#rightcontainer div#signature   a:visited.link02 { text-decoration: none; color:#888;}
div#maincontainer div#rightcontainer div#signature  a:hover.link02 { text-decoration: underline; color:#FF9900;}

table.argu {padding:1px;margin:0 0 5px 0}
table.argu img {padding:0;margin:0}
table.argu td.legende {background:#666666;padding:3px;color:#fff}

table.tablisting td {border-bottom:1px solid #000}
table.tablisting td.none {border-bottom:none}

/* HERE IS THE WHOLE THING */
div#rollovermenucontainer #rollovermenu{
	padding:0;
	width:160px;
	border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
}

div#rollovermenucontainer #rollovermenu, div#rollovermenucontainer #rollovermenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
div#rollovermenucontainer #rollovermenu ul{
	border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
	width:210px;
	padding:0;
}

div#rollovermenucontainer #rollovermenu ul a:link, div#rollovermenucontainer #rollovermenu ul a:visited {
	display: block;
	border:none;
	text-decoration:none;
	padding:3px 0 0 0;
	margin:0;
	height:15px;
	font-size:10px;
	width:210px;
	border-bottom:1px solid #ccc;
}
div#rollovermenucontainer #rollovermenu ul a:hover, div#rollovermenucontainer #current lu a{
	background:#FF9900;
	color:white;
}
div#rollovermenucontainer #rollovermenu li { /* all list items */
	position: relative;
	text-align: left;
	cursor: default;
	padding:0px 0px;
	margin:0px;
	color:#999999;
}

div#rollovermenucontainer #rollovermenu li ul { /* second-level lists */
	position: absolute;
	border:1px solid #333333;
	border-color: #f7f3f3 #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

div#rollovermenucontainer #rollovermenu li:hover ul, div#rollovermenucontainer #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	top:0px;
}

div#rollovermenucontainer li#invite {
	text-align:left;
	font-size:11px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	color:black;
	height:15px;
}

div#maincontainer div#rightcontainer div#corpus .article a.vidlink {background:none;padding:0;color:#CC0000;text-decoration:none}
div#maincontainer div#rightcontainer div#corpus .article a:hover.vidlink {background:none;padding:0;color:#660000;text-decoration:none}