/* CSS Document */
@import url(base.css);

/*******************************************************/
#cDroite {
position:absolute;
left:750px;
display:inline;
width:190px;
}
#cCentre {
margin:auto;
padding-top:20px;
}
#tentatrice{
	position : relative;
	left : 400px;
	width:114px;
	height:113px;
}
#bloc_centre{
	margin:auto;
	background:transparent url(../media/img/plandusite/plan_fond-en.png) top left no-repeat;
	width:951px;
	height:447px;
}
/**************************************/
#produits {
	position:absolute;
	left:28px;
	top:50px;
	width:275px;
	height:250px;
}
#la_marque {
	position:absolute;
	left:337px;
	top:50px;
	width:275px;
	height:250px;
}
#espace {
	position:absolute;
	left:645px;
	top:50px;
	width:275px;
	height:250px;
}
#detente {
	position:absolute;
	left:28px;
	top:328px;
	width:430px;
	height:105px;
}
#utile {
	position:absolute;
	left:28px;
	top:328px;
	width:430px;
	height:105px;
}
.titre{
	padding-bottom:10px;
	position:relative;
	width:100%;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003a8c;
	font-size:13px;
}
.choix{
	left:20px;
	padding-top:0px;
	position:relative;
	clear:left;
	width:auto;
	height:auto;
}
.link{
	border:0px solid green;
	padding-left:25px;
	position:relative;
	clear:left;
	height:15px;
}
.rub{
	border:0px solid green;
	padding-top:5px;
	padding-left:0px;
	position:relative;
	height:auto;
	width:150px;
	/*line-height:10px;*/
}
.puce_bleue{
    float:left;
	padding-top:0px;
	position:relative;
	width:19px;
	height:25px;
	display:inline;
}
.puce_list{
	padding-top:0px;
	padding-right:3px;
	position:relative;
	width:4px;
	height:6px;
	padding-top:5px;
	display:inline;
}
/*.break{
	height:5px;
	display:inline;
}

.separation {
	padding-bottom:0px;
	padding-top:0px;
	height:0px;

	visibility:hidden;
}*/

a.gras_bleu{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; color:#003a8c; font-size:13px;}
a.gras_bleu:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: underline; color:#003a8c; font-size:13px;}

a.noir{ white-space:nowrap;border:0px solid black;font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color:#000000; font-size:11px;}
a.noir:hover { font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: underline; color:#000000; font-size:11px;}

/**************************************/
#promo1 {
	width:59px;
	height:60px;
	position:relative;
	float:left;
	top:15px;
	display:inline;
}
#promo2 {
	width:75px;
	height:76px;
	top:-5px;
	position:relative;
	float:left;
	padding-left:60px;
	display:inline;
}
#promo3 {
	border:0px solid red;
	width:65px;
	height:65px;
	top:-175px;
	position:relative;
	float:right;
	padding-right:2px;
	display:inline;
}
#mark {
	width:70px;
	height:71px;
	top:5px;
	left:-35px;
	position:relative;
	float:right;
	display:inline;
}
#engagement {
	width:59px;
	height:61px;
	top:-35px;
	left:-15px;
	position:relative;
	float:right;
	display:inline;
}
#rejoindre_ {
	width:83px;
	height:86px;
	top:-45px;
	left:15px;
	position:relative;
	float:right;
	display:inline;
}
#espace1 {
	width:79px;
	height:81px;
	top:10px;
	left:-10px;
	position:relative;
	float:left;
	display:inline;
}
#espace2 {
	width:70px;
	height:72px;
	top:110px;
	left:5px;
	position:relative;
	float:left;
	display:inline;
}
#espace3 {
	width:103px;
	height:105px;
	top:20px;
	left:-5px;
	position:relative;
	float:left;
	display:inline;
}
#detente1 {
	width:79px;
	height:81px;
	top:5px;
	left:0px;
	position:relative;
	float:left;
	display:inline;
}
#detente2 {
	width:133px;
	height:101px;
	top:3px;
	left:15px;
	position:relative;
	float:left;
	display:inline;
}