@import url('blocs.css');
@import url('extensions.css');
@import url('declinaison.css');

/* Reset */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #1393df url('../images/fond.gif') repeat-x;
	font-family: Arial, Helvetica, "Trebuchet MS", verdana;
	font-size: 11px;
}

#header {
	background: url('../images/banniere.png') no-repeat;
	margin: 0 auto 0 auto;
	width: 958px;
	height: 251px;
}

#container {
	background: url('../images/fond_container.png') repeat-y;
	margin: 0 auto 0 auto;
	width: 958px;
}

#colonne_gauche {
	background: none;
	margin: 0 0 0 0;
	padding: 0 0 0 4px;
	width: 217px;
	float: left;
}

	#rubrique {
		background: none;
		margin: 0;
		padding: 0;
		width: 217px;
}
		#rubrique a:link { color: #fff; text-decoration: none; }
		#rubrique a:visited { color: #fff; text-decoration: none;}
		#rubrique a:hover { color: #fff; text-decoration: underline;}
		#rubrique a:active { color: #d2d2d2; text-decoration: underline;}
		
ul#rubriques {list-style-type: none; text-align: center; margin: 0; color: #fff; font-weight: bold; font-size: 12px;}

li.rubrique1 {background: #95693a url('../images/bande_rubrique1.png') no-repeat; width: 216px; height: 24px; padding-top: 10px;}

li.rubrique3 {background: #009de0 url('../images/bande_rubrique.png') no-repeat; width: 216px; height: 24px; padding-top: 10px;}

li.rubrique4 {background: #9f0038 url('../images/bande_rubrique.png') repeat-x; width: 216px; height: 24px; padding-top: 10px;}

div.rubrique3left {background-color: #9f0038; width: 6px; height: 24px; display: block; float: left;}
div.rubrique3right {background-color: #9f0038; width: 6px; height: 24px; display: block; float: right;}

li.rubrique5 {background: #ea69a1 url('../images/bande_rubrique.png') repeat-x; width: 216px; height: 24px; padding-top: 10px;}

li.rubrique6 {background: #e95d0e url('../images/bande_rubrique.png') repeat-x; width: 216px; height: 24px; padding-top: 10px;}

li.rubrique8 {background: #8a5c9d url('../images/bande_rubrique.png') repeat-x; width: 216px; height: 24px; padding-top: 10px;}

li.rubrique9 {background: #898989 url('../images/bande_rubrique.png') repeat-x; width: 216px; height: 24px; padding-top: 10px;}

li.rubrique7 {background: #015020 url('../images/bande_rubrique.png') repeat-x; width: 216px; height: 24px; padding-top: 10px;}

li.rubrique2 {background: #006e9f url('../images/bande_rubrique.png') repeat-x; width: 216px; height: 24px; padding-top: 10px;}

li.filet_gris {background-color: #ababab; width: 216px; height: 1px; padding: 0;}





#centre {
	background: none;
	margin: 0 0 0 0;
	width: 567px;
	float: left;
}

	#ariane1 {
		background: url('../images/fond_ariane.gif') no-repeat;
		width: 553px;
		height: 19px;
		padding: 12px 0 0 14px;
		color: #d01759;
	}
	
	#ariane2 {
		background: url('../images/fond_ariane.gif') no-repeat;
		width: 553px;
		height: 19px;
		padding: 12px 0 0 14px;
		color: #8a5b9d;
	}
	
		#ariane2 a:link { color: #8a5b9d; text-decoration: underline; }
		#ariane2 a:visited { color: #8a5b9d; text-decoration: underline;}
		#ariane2 a:hover { color: #8a5b9d; text-decoration: none;}
		#ariane2 a:active { color: #8a5b9d; text-decoration: none;}
		
		
	#ariane-orange {
		background: url('../images/fond_ariane.gif') no-repeat;
		width: 553px;
		height: 19px;
		padding: 12px 0 0 14px;
		color: #e95d0f;
	}
	
		#ariane-orange a:link { color: #e95d0f; text-decoration: underline; }
		#ariane-orange a:visited { color: #e95d0f; text-decoration: underline;}
		#ariane-orange a:hover { color: #e95d0f; text-decoration: none;}
		#ariane-orange a:active { color: #e95d0f; text-decoration: none;}

	
	#contenu {
		background: none;
		width: 541px;
		padding: 5px 13px 0 13px;
	}

		

#colonne_droite {
	background: url('../images/fond_colonne_droite.gif') no-repeat;
	margin: 0 0 0 0;
	width: 170px;
	float: left;
	padding: 60px 0 0 0;
}



#fin {
	clear: both;
}


#footer {
	background: url('../images/footer.png') no-repeat;
	margin: 0 auto 30px auto;
	padding: 29px 0 0 0;
	width: 958px;
	height: 66px;
	text-align: center;
	color: #535353;
}
		#footer a:link { color: #535353; text-decoration: none; }
		#footer a:visited { color: #535353; text-decoration: none;}
		#footer a:hover { color: #d01759; text-decoration: none;}
		#footer a:active { color: #981a47; text-decoration: none;}
		
		p.footer1 {margin-bottom: 13px;}
		p.footer2 {font-size: 10px;}


h1 {
margin: 0 0 7px 0;
color: #d01759;
font-weight: bold;
font-size: 14px;
}

/* -------------- PAGE LISTE ----------------*/

.titre-famille {
background-color: #8a5b9d;
margin: 15px 0 12px 0;
padding: 0 0 0 5px;
height: 21px;
color: #fff;
font-weight: bold;
font-size: 16px;
vertical-align: middle;
line-height: 1.5em;
}

.legende {margin-bottom: 45px;}

.liste-separation_blanc {background:#fff; width:1px; height:29px; float: left;}

.liste-designation {background:#eee; font-size:11px; font-weight:bold; color:#000; float:left; width:232px; height:29px; vertical-align:middle; text-align:center; line-height:29px;}

	a.fleche-haut {background:url('../images/liste/fleche-haut.gif') no-repeat; float:right; width:12px; height:6px; margin:8px 5px 0 0; position:relative;}
	a.fleche-haut:hover {background:url('../images/liste/fleche-haut-on.gif') no-repeat;}
	a.fleche-haut-active {background:url('../images/liste/fleche-haut-on.gif') no-repeat; float:right; width:12px; height:6px; margin:8px 5px 0 0; position:relative;}

	a.fleche-bas {background:url('../images/liste/fleche-bas.gif') no-repeat; float:right; width:12px; height:6px; margin:2px 5px 0 0; clear:both;}
	a.fleche-bas:hover {background:url('../images/liste/fleche-bas-on.gif') no-repeat;}
	a.fleche-bas-active {background:url('../images/liste/fleche-bas-on.gif') no-repeat; float:right; width:12px; height:6px; margin:2px 5px 0 0; clear:both;}

.liste-prix_initial {background:#eee; font-size:11px; font-weight:bold; color:#000; float:left; width:56px; height:29px; vertical-align:middle; line-height:29px; text-align:center;}

.liste-reduction {background:#eee; font-size:11px; font-weight:bold; color:#000; float:left; width:60px; height:29px; vertical-align:middle; line-height:29px; text-align:center;}

.liste-prix_ttc {background:#eee; font-size:14px; font-weight:bold; color:#000; float:left; width:90px; height:29px; vertical-align:middle; line-height:29px; padding:0 0 0 10px; text-align:left; margin:0;}

.liste-unite {background:#eee; font-size:11px; font-weight:bold; color:#000; float:left; width:34px; height:29px; vertical-align:middle; line-height:29px; text-align:center;}

.liste-reserver {background:#eee; font-size:11px; font-weight:bold; color:#000; float:left; width:53px; height:29px; vertical-align:middle; line-height:29px; text-align:center;}





.ligne-blanche {background:#fff; margin:5px 0 0 0; height:59px; vertical-align:middle; line-height:6px; clear:both;}
.ligne-grise {background:#eee; margin:5px 0 0 0; height:59px; vertical-align:middle; clear:both;}

.separation-gris {background:#ababab; margin:5px 0 5px 0; width:1px; height:49px; float:left;}

.produit-designation {background:none; font-size:12px; font-weight:bold; color:#000; float:left; width:232px; height:59px; vertical-align:middle; line-height:59px;}
	
	.produit-designation a:link { text-decoration:none; color:#000; }
	.produit-designation a:visited { text-decoration:none; color:#000; }
	.produit-designation a:hover { text-decoration:underline; color:#000; }
	
.produit-prix_initial {background:none; font-size:10px; font-weight:normal; color:#000; float:left; width:56px; height:59px; vertical-align:middle; line-height:59px; text-align:center; text-decoration:line-through;}

.produit-reduction {background:url('../images/liste/fond_reduction.gif') no-repeat center center; font-size:14px; font-weight:bold; color:#fff; float:left; width:60px; height:59px; vertical-align:middle; line-height:59px; text-align:center;}

.produit-prix_ttc {background:#8a5b9d; font-size:18px; font-weight:bold; color:#fff; float:left; width:99px; height:49px; vertical-align:middle; line-height:50px; text-align:center; margin:5px 1px 5px 1px;}

.produit-unite {background:none; font-size:12px; font-weight:bold; color:#000; float:left; width:34px; height:59px; vertical-align:middle; line-height:59px; text-align:center;}

a.produit-reserver {background:url('../images/liste/caddie.gif') no-repeat center center; font-size:12px; font-weight:bold; color:#000; float:left; width:53px; height:59px; vertical-align:middle; line-height:59px; text-align:center;}
a.produit-reserver:hover {background:url('../images/liste/caddie-on.gif') no-repeat center center;}

.produit-designation img {margin: 0 6px 0 6px; top:50%; border:solid 1px #8a5b9d; vertical-align:middle; width:44px; height:46px; }



/* ------------- PAGE DETAIL ----------------*/

h1.orange {
margin: 15px 0 0 0;
color: #e95d0f;
font-weight: bold;
font-size: 16px;
}

p.orange {
margin: 0 0 0 0;
color: #e95d0f;
font-size: 11px;
}

#global_container_detail {background: none;}

#dessous-titre {background:none; width:440px ; height:25px; float:left;}



#container_detail1 {background: none; width: 226px; float: left; color:#e95d0f;}
#container_detail1 p {margin-bottom: 10px;}

a#minicarte1 {background:url('../images/detail/minicarte1.gif') no-repeat; width:38px; height:35px; display:block; margin-bottom:20px;}
a#minicarte1:hover {background:url('../images/detail/minicarte1-on.gif') no-repeat; width:38px; height:35px;}

a#minicarte2 {background:url('../images/detail/minicarte2.gif') no-repeat; width:38px; height:35px; display:block; margin-bottom:20px;}
a#minicarte2:hover {background:url('../images/detail/minicarte2-on.gif') no-repeat; width:38px; height:35px;}



#container_detail2 {background: none; width: 310px; float: right;}

#prix {background: #e95d0f; color: #fff; font-size:36px; font-weight:bold; text-align:center; float:left; padding:5px;}
#unite {background: none; color: #e95d0f; font-size:16px; font-weight:bold; text-align:center; float:left; padding:10px;}
#bloc-reduc {background:url('../images/detail/bloc-reduc.gif') no-repeat; width:82px; height:61px; float:right; text-align:center; color:#fff; font-size:23px; font-weight:bold; padding-top:27px;}

#prix_initial {background:none; font-size:12px; font-weight:bold; clear:both; color:#000; margin-bottom:15px;}
.prix_initial {font-weight:bold; font-size:16px; color:#000; text-decoration: line-through;}

a#bouton-reserver {background:url('../images/detail/bouton-reserver-off.gif') no-repeat; float:left; width:131px; height:46px; display:block; margin-bottom: 5px;}
a#bouton-reserver:hover {background:url('../images/detail/bouton-reserver-on.gif');}












ul, ol {
	margin-left: 20px;
}

p {
	margin-bottom: 5px;
}

a img { border: none; }

a { outline: none; }

/* Classes génériques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }

.reduction { 
background:transparent url(../images/liste/etoile-rouge.png) no-repeat scroll 0 0;
color:#FFFFFF;
/*float:right;*/
font-weight:bold;
height:42px;
line-height:40px;
/*margin-top:-40px;*/
position:absolute;
/*right:-20px;
top:30px;*/
left:78px;
top:-8px;
width:42px;
clear:both;
}

.article2 .reduction {
	left:110px;
}

.imgP{
width:100px;
position: relative; 
}

.imgD {
}

.imgPS{
width:100px;
padding-left:32px;
position: relative; 
}


.tx-srfreecap-pi2-image{
height:63px;
width:175px;
margin-left:0;
}