@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background-color:#d9093a;
	margin:0;
	padding:0;
	}
#bkgtop{
	background:url(/images/bkg-top.png) repeat-x left top;
	min-width:981px;
	}
#bkgbottom{
	background:url(/images/bkg-bottom.png) #FFF repeat-x left bottom;
		min-width:981px;
	}
br.clear{
	clear:both;
	}
#content{
	margin:auto;
	width:981px;
	padding:0;
	}
a{
	text-decoration:none;
	color:#ffffff;
	}
a:hover{
	text-decoration:underline;
	}

a, input {
	outline: none;
}
a img{
	border:none;
	}
/******************************* overtop ********************************/
#bkgdisplay{
	margin-top: -85px;
	background:url(/images/bkg-display.png) #e51628 repeat-x left top;
	}
#overtop{
	width:981px;
	height:93px;
	margin:auto;
	padding:0;
	}
/******************************* pas encore inscrit ********************************/
#colinscription{
	float:left;
	width:454px;
	margin:10px 0 0 0;
	background:url(/images/spacer-vertical.png) no-repeat right top;
	height:72px;
	}
#colinscription h2{
	font-size:11px;
	margin:2px 0 4px;
	float:left;
	color:#FFF;
	background:
	}
#colinscription img{
	float:left;
	margin:4px 7px 0 0;
	}
#colinscription p{
	display:block;
	float:left;
	width:270px;
	line-height:13px;
	color:#FFF;
	margin:0 5px 0 0;
	}
#bkgdisplay #colinscription a.inscription_one {
	float: left;
	width: 118px;
	height: 25px;
	margin: 5px;
	background: url(/images/fr/btn-lb-je-deviens-membre.gif);
}

#bkgdisplay #colinscription a.inscription_one:hover {
	background-position: 0 -25px;
}

#signinId{
	float:left;
	width:510px;
	margin:10px 0 0 17px;
}
#signinId h2{
	font-size:11px;
	margin:2px 0 4px;
	color:#FFF;
	height:5px;
	_float:left;
	}

#signinId h2 span{
	float:left;
	width:246px;
	}
#signinId #contentusername{
	background:url(/images/bkg-login.png) no-repeat left top;
	width:240px;
	height:28px;
	float:left;
	margin:2px 5px 0 0;
	_margin:2px 0 0 0;
	}
#signinId input#username{
	background-color:transparent;
	border:medium none;
	height:18px;
	margin:5px 2px;
	width:234px;
}
#signinId #contentpassword{
	background:url(../images/bkg-password.png) no-repeat left top;
	width:174px;
	height:28px;
	float:left;
	margin:2px 5px 0 0;
	_margin:2px 0 0 0;
	}
#signinId form{
	margin:-8px 0 0 0;}
#signinId input#password{
	background-color:transparent;
	border:medium none;
	height:18px;
	margin:5px 2px;
	width:169px;
}
.jevalide{
	background:url(/images/fr/je_valide.png) no-repeat left top;
	width:82px;
	height:25px;
	cursor:pointer;
	border:none;
	margin:4px 0 0 3px;
	_margin:4px 0 0 0;
	}
.jevalide:hover {
	background-position: 0 -25px;
}

#signinId #souvenir{
	float:left;
	width:234px;
	color:#FFF;
	margin:5px 0 0;
	}
#signinId #souvenir input{
	vertical-align:middle;
	}
#signinId #forgottenpassword{
	float:left;
	margin:7px 0 0 2px;
	width:241px;
	}

/******************************* inscrit ********************************/
.col{
	width:339px;
	height:69px;
	margin: 14px 0 0 0;
	padding:0;
	float:left;
	background:url(/images/bkg-col.png) no-repeat left top;
	}
.col img{
	float:left;
	margin:0 20px 0 0;
	}
.col h2{
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	margin:0;
	}

.col p{
	color:#ccc;
	line-height:18px;
	margin:0;
	}
.white{
	color:#ffffff;
	}
a.en-savoir{
	font-size:9px;
	background:url(/images/fr/btn-savoir-plus-top.gif) no-repeat left top;
	display:block;
	float:left;
		height:21px;
	margin:10px 5px 0 0;
padding:0;
width:97px;
text-transform:uppercase;
	}
a.en-savoir:hover{
	background-position:0 -21px;
	}
a.changer{
	font-size:9px;
	background:url(/images/btn-100-top.gif) no-repeat left top;
	display:block;
	float:left;
	width:97px;
	height:18px;
	margin:10px 0 0 0;
padding:2px 0 0 3px;
text-transform:uppercase;
	}
a.offrir{
	font-size:9px;
	background:url(/images/btn-bon-achat-top.gif) no-repeat left top;
	display:block;
	float:left;
	width:124px;
	height:21px;
	margin:10px 0 0 0;
padding:0;
text-transform:uppercase;
	}
a.portefeuille{
	font-size:9px;
	background: url(/images/fr/btn-portefeuille.gif) no-repeat left top;
	display:block;
	float:left;
	width:127px;
	height:21px;
	margin:10px 0 0 0;
padding:0;
text-transform:uppercase;
	}
a.portefeuille:hover {
	background-position:0 -21px;
	}
a.changer span, a.offrir span, a.en-savoir span,a.portefeuille span{
	display:none;
	}
/*a.en-savoir:hover, a.changer:hover, a.offrir:hover{
	background-position: 0 -20px;
	text-decoration:none;
	}*/
#coltopright{
	text-align:right;
	background:url(/images/bkg-col-right.png) no-repeat right top;
	margin:0;
	padding:14px 0 0 0;
	width:299px;
	}
a.croix{
	background:url(/images/desinscription.png) no-repeat left top;
	display:block;
	width:17px;
	height:17px;
	float:right;
	margin:0 8px;
	}
#coltopright h2{
	float:right;
	height:17px;
	display:block;
	width:250px;
	}
#strong_1 {
	position:absolute;
	display:block;
	height:17px;
	width:250px;
	overflow:hidden;
	}
*+html #strong_1 {
	margin:0 0 0 -250px;
	}
* html #strong_1 {
	margin:0 0 0 -250px;
	}
.troplong{}
#strong_2 {
	position:absolute;
	display:block;
	height:17px;
	width:250px;
}
*+html #strong_2 {
	margin:0 0 0 -250px;
	}
* html #strong_2 {
	margin:0 0 0 -250px;
	}
#coltopright table{
	width:173px;
	margin:8px 0 0 0;
	padding:0;
}
#coltopright table tr td{
	color:#ffffff;
	line-height:16px;
	width:50%;
	text-align:right;
}
#coltopright table tr td.right{
	text-align:right;
	}
#bondachat{
	background:url(/images/logo-ba.png) transparent no-repeat left top;
	display:block;
	float:left;
	width:41px;
	height:26px;
	font-weight:bold;
	color:#CC0A37;
	font-size:16px;
	text-align:center;
	margin:0 20px 0 0;
	padding:43px 0 0;
	}
/******************************* top ********************************/
a:focus, input:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#top{
	width:981px;
	height:35px;
	margin:0;
	padding:0;
	}
#intop{
	width:700px;
	color:#999;
	float:left;
	margin:15px 0 0 0;
	}

#intop a{
	color:#00BFF0;
	}

#volet{
	float:right;
	}

.masquer span, .afficher span{
	display:none;
	}
#bulle{
	float:left;
	display:block;
	width:81px;
	height:18px;
	background:url(/images/bulle-message.png) no-repeat left top;
	padding:9px 0 0 8px;
	margin:5px 0 0;
	}
#bulle a{
	font-weight:bold;
	color:#FFF;
	}
.onglettop{
	display:block;
	float:left;
	height:21px;
	margin:1px 0 0 6px;
	padding:12px 0 0 20px;
	width:65px;
	font-weight:bold;
	}
a.onglettop {
	text-decoration:none;
	}
.connexion{
	background:url(/images/fr/indentification.gif) #e71925 no-repeat scroll 0 0;
	}
.afficher{
	background: url(/images/fr/afficher.gif) #e71925 no-repeat scroll 0 0;
}
.masquer{
	background: url(/images/fr/masquer.gif) #e71925 no-repeat scroll 0 0;
	}
.onglettop:hover{
	background-position:0 -33px;
	}
a.connexion, a.afficher, a.masquer{
	text-decoration:none;
	}
#inscription{
	float:left;
	color:#FFF;
	margin:15px 5px 0 0;
	}
#inscription a{
	color:#00BFF0;
	}
#onglettop:hover{
	margin:5px 0 0 6px;
	_margin:1px 0 0 6px;
	text-decoration:none;
	}
.onglettop:hover{
		text-decoration:none;
		}
/******************************* middle ********************************/
#middle{
	width:981px;
	/*margin-top:26px;*/
	margin-bottom:50px;
	}
#spacertop{
	width:981px;
	height:26px;
	}
#contentlogo{
	display:block;
	height:45px;
	margin:0 0 20px;
	float:left;
	width:981px;
	}
#logo{
	float:left;
	margin:0 0 20px 0;
	}
#membreconnectes{
	float:right;
	text-align:right;
	color:#333;
	margin:8px 0 0 0;
	}
#membreconnectes span{
	color:#000;
}
#membreconnectes a{
	color:#E2132C;
	}
/******************************* bottom ********************************/
#contentbottom{
	margin:auto;
	width:981px;
	margin-top: 40px;
	}
#id_newsletter{
	float:right;
	}

#newsletter #select{
	background:url(/images/box.png) no-repeat left top;
	width:205px;
	height:20px;
	margin:4px 0 2px 0;
	float:left;
	padding:2px 0 0 5px;
	}
#newsletter #select input{
	padding: 2px 0 0 0;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	background: transparent none repeat scroll 0 0;
	border:none;
	width:190px;
	color:#666;
	}
#newsletter a.envoyer{
	background:url(/images/btn-envoyer.png) no-repeat left top;
	display:block;
	width:54px;
	height:23px;
	float:left;
	margin:3px 0 0 5px;
	}
#newsletter a.envoyer:hover{
	background-position: 0 -23px;
	}
#newsletter a.envoyer span{
	display:none;
	}
#bon_reduction{
	float:left;
	color:#FFF;
	}
#bon_reduction .bonred{
	float:left;
	}
#bon_reduction #select{
		background:url(/images/box.png) no-repeat left top;
	width:205px;
	height:20px;
	margin:-4px 0 0 10px;
	float:left;
	padding:2px 0 0 5px;
	}
#bon_reduction input{
	background:url(/images/fr/btn-envoyer.png) no-repeat left top;
	display:block;
	width:54px;
	height:22px;
	float:left;
	margin:-5px 0 0 5px;
	border:0;
	cursor:pointer;
	}

#bon_reduction input:hover{
	background-position:0 -22px;
	}
.sendnewsletter{
	background:url(/images/fr/btn-envoyer.png) no-repeat left top;
	display:block;
	width:54px;
	height:22px;
	float:left;
	margin:4px 0 0 3px;
	border:0;
	cursor:pointer;
	}
.sendnewsletter:hover{
	background-position:0 -22px;
	}
#bon_reduction #select input#bon_bon{
	padding: 7px 0 0 0;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	background: transparent none repeat scroll 0 0;
	border:none;
	width:190px;
	color:#666;
	cursor:default;
	}

#inbottom{
	width:671px;
	height:21px;
	color:#999;
	padding:9px 0 0 0;
	}

#inbottom a{
	color:#00BFF0;
	}
#bottomtop{
	margin:26px 0 0 0;
	float:left;
	width:981px;
	}
#bottom{
	width:981px;
	background:url(/images/spacer-horizontal.png) no-repeat left bottom;
	height:186px;
	float:left;
	}
.listbottom{
	margin:27px 8px 0 0;
	padding:0 12px 0 0;
	float:left;
	height:118px;
	background:url(/images/spacer-vertical.png) no-repeat right top;
	}
#bottom #societe{
	width:200px;
	}
#bottom #services{}
#bottom #logistique{}
#bottom #aide{}
#bottom #communaute{
	background:none;
	margin:27px 0 0;
padding:0;
	}
.listbottom h3{
	color:#FFF;
	font-size:13px;
	margin:0 0 10px;
	}
.listbottom ul{
	color:#FFFFFF;
	margin:0;
	padding:0 14px;
}
*+html .listbottom ul{
		padding:0 0 0 16px;
}
* html .listbottom ul{
		padding:0 0 0 15px;
}
.listbottom ul li{
	line-height:17px;
	list-style-image:url(/images/puce.gif);
}
.reseausocial {
	width:180px;
	margin:5px 0 0 0;
	}
.reseausocial a.facebook{
	display:block;
	float:left;
	background: url(/images/facebook.png) no-repeat left top;
	width:85px;
	height:20px;
	margin:0 5px 0 0;
	vertical-align:middle;
	}
.reseausocial a.twitter{
	display:block;
	float:left;
	background:url(/images/twitter.png) no-repeat left top;
	width:85px;
	height:20px;
	margin:0 5px 0 0;
	vertical-align:middle;
	}
.reseausocial a:hover{
	background-position:0 -20px;
	color:#BC0933;
	text-decoration:none;
	}
.reseausocial a img{
	margin:0 3px;
	vertical-align:middle;
	}
*+html .reseausocial a img{
	margin: 2px 3px 0  3px;
	}
* html .reseausocial a img{
	margin: 2px 3px 0  3px;
	}
#foot{
	float:left;
	width:981px;
	height:53px;
	}

*+html #foot{
	height:40px;
	}
* html #foot{
	height:40px;
	}
#footright{
	float:right;
	margin:5px 0 0 0;
	color:#850625;
	font-weight:bold;
	}
#prixconseille{
	display:block;
	color:#850625;
	margin:12px 0 0 0;
	}
#footleft{
	float:left;
	color:#850625;
	/*margin:22px 0 0 0;*/
	margin:5px 0 0 0;
	}
#footleft span{
	margin:0 10px;
	}
#footleft a{
		color:#850625;
		}
#footleft a:hover{
	color:#FFF;
	text-decoration:none;
	}
/********************************* dropdown *********************************/

a.btndrop{
	background:url(/images/btn-logo.png) no-repeat left top;
	_background:url(/images/btn-logo.gif) no-repeat left top;
	width:29px;
	height:30px;
	float:right;
	margin:0 8px 0 0;
	}
* html a.btndrop{
	background:none;
	width:1px;
	}
#dropdown{
	width:228px;
	margin:0 0 0 -4px;
}
*+html #dropdown{
		margin:0 0 -30px -4px;
		}
* html #dropdown{
		margin:0 0 -30px -4px;
		}
#dropdown #bkgdropdown{
	display:none;
	position:absolute;
	background:url(/images/dropdown.png) #FFF no-repeat left top;
	width:222px;
	margin:-11px 0 0 -7px;
	padding:10px 5px 10px 10px;
	border:1px solid #ccc;
	}
#dropdown:hover #bkgdropdown{
	display:block;
}
#dropdown #bkgdropdown a.btndrop{
	margin:0 6px 0 0;
	}
.markdd{
	background:url(/images/dropdown-spacer.gif)   no-repeat left top;
	width:215px;
	height:24px;
	margin:0 0 0 5px;
padding:2px 0 0;
float:left;
	}
.markdd a{
	display:block;
	color:#666;
	font-weight:bold;
	height:23px;
	}
.markdd a:hover{
	background-color:#CCC;
	text-decoration:none;
	}
.markdd a img{
	border:none;
	vertical-align:middle;
	}
.markdd a img.retourauxventes{
		margin:2px 2px 0  0;
		float:left;
		}
.markdd a img.vente{
	margin:0;
	float:left;
	}
.markdd a span{
	display:block;
	float:left;
	margin:4px 0 0 4px;
	overflow:hidden;
	height:12px;
	width:188px;
	}
/*#dropdown #bottomdropdown{
	display:none;
}
#dropdown:hover #bottomdropdown{
	background:url(/images/bottom-dropdown.png) no-repeat left top;
	width:240px;
	height:7px;
	display:block;
}*/

/* Modal inscription */
#error_inscription {
	background-color: #e64765;
	border: 1px solid #980133;
	font: 13px Arial #000;
}
#alertyellow {
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	background-color:#ffff99;
	text-align:center;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	position: absolute;
	font-size:11px;
	width:979px;
	margin:-21px 0 0;
	padding:2px;
	color:#000;
}
*+html #alertyellow {
		margin:-325px 0 0 -740px;
		position:absolute;
		}
* html #alertyellow {
		margin:-325px 0 0 -740px;
		position:absolute;
		}

#alertyellow2 {
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	background-color:#ffff99;
	text-align:center;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	position: absolute;
	font-size:11px;
	width:925px;
	margin:-21px 0 0;
	padding:2px;
	color:red;
}
*+html #alertyellow2 {
		margin:-325px 0 0 -740px;
		position:absolute;
		}
* html #alertyellow2 {
		margin:-325px 0 0 -740px;
		position:absolute;
		}

#intop input.majflash {
	background: #FF0;
}
#intop input.erreurflash {
	background: #e64765
}
.ttc{
	display: inline-block;
    font-size: 8px;
    line-height: 7px;
    text-align: left;
    width: 20px;
	}
.ttchome{
	font-size:10px;
	}
#rightmiddle h2 span.ttc{
	display: inline-block;
    font-size: 11px;
    line-height: 7px;
    text-align: left;
    width: 45px;
	}
#monpanier table tr td table tr td.prix  span.ttc, #monpanier table tr td table tr td.total  span.ttc{
	width:33px;
	}
/******** concours *******/
#contestHome{
	margin:0 0 12px 0;
	}
#contest_res{
	border:4px solid #E51628;
	}
#contest_res img {
	margin:0 0 10px 0;
	}
#contest_res p{
	margin:0 10px;
	line-height:16px;
	}
#contest_res p b{
	font-size:13px;
	}
#contest_res .info{
	    background: url(/images/concours/vignette-coupe.png) no-repeat scroll 10px top transparent;
    min-height: 24px;
    padding: 7px 0 0 38px;
    vertical-align: middle;
	}
#contest_res .results{
	line-height:22px;
	}
#contest_res a{
	color: #E51628;
    display: inline-block;
    margin: 0 10px 10px;
	}
#contest_res a:hover{
	color:#000000;
	text-decoration:none;
	}
#contestPage{
	color:#666666;
	}
#contestPage h3{
	background:url(/images/concours/puce_titre.png) no-repeat left center;
	display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 17px;
    padding: 7px;
    vertical-align: middle;
	margin:30px 0 0 0;
	}
#contestPage h4{
	display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 17px;
    padding: 7px;
    vertical-align: middle;
	margin:30px 0 0 0;
	}
#contestPage h3 span{
	margin:0 7px 0 0;
	color:#FFFFFF;
	}
#contestPage p{
	margin:7px 0 0 7px;
	}
#contestPage hr{
	border-bottom:none;
	border-top:1px solid #cccccc;
	border-left:none;
	border-right:none;
	margin:30px 0 10px 0;
	}
#contestPage #validReponse{
	background:url(/images/concours/btn-send.png) no-repeat right bottom transparent;
	float:right;
	padding:0 4px 0 0;
	}
#contestPage #validReponse input{
	background: url(/images/concours/btn-send.png) no-repeat scroll left bottom transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 25px;
    margin: 0;
    padding: 0 6px 3px 10px;
    text-transform: uppercase;
	}
	#contestPage #validReponse a{
	background: url(/images/concours/btn-send.png) no-repeat scroll left bottom transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 19px;
    margin: 0;
    padding: 6px 6px 0 10px;
    text-transform: uppercase;
	}
#contestPage #validReponse a:hover{
	text-decoration:none;
	}
#contestPage ul.radio_list{
	list-style:none;
	margin:0;
	padding:0;
	}
#contestPage ul.radio_list li{
	margin:8px 0 0 0;
	padding:0;
	}
#contestPage a{
	color: #E51628;
	}
#contestPage .error_list {
	list-style:none;
	margin:0;
	padding:0;
	}
#contestPage .error_list li{
	margin:8px 0 0 0;
	padding:0;
	color: #E51628;
	}
#contestResult{
	color:#000000;
	}
#contestResult h4{
	display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 17px;
    padding: 7px;
    vertical-align: middle;
	margin:30px 0 0 0;
	}
#contestResult p{
	margin:7px 0 0 7px;
	line-height:22px;
	}
#contestResult p b{
	font-size:13px;
	}
        
#emptycol{
	text-align:right;
        background: none;
	
	margin:0;
	padding:14px 0 0 0;
	width:299px;
	}