@import url("dtr/headings.css");

/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a ��t�� r��alis�� par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis �� la licence GPL
 */

/* Ce fichier d��finit le style visuel pour les diff��rents ��l��ments des pages.
 * Dans l'ordre, vous trouverez les r��gles qui d��finissent l'apparence pour:
 * - El��ments HTML en g��n��ral
 * - Page
 * - Ent��te
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu g��n��ral
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages int��rieures
 */


/* El��ments HTML en g��n��ral
-------------------------------------------------------- */



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	color: #360900;
}

p {
margin:0;
}


h1, h2, h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1em;
	margin: 0;
	padding: 0;
}


a {
	color: #360900;
	text-decoration: underline;
}

a:hover {
	text-decoration:none;
	
}


#tierce ol  {

	margin:0;
	padding:0;
	
}
#tierce ol li {
	font-size:0.8em;
	margin-left:25px;
	padding:0;
	list-style-type:decimal;
	list-style-position: outside;
}



img {
border:0;
padding:0;
margin:0;
}

img a {border:none;}

#conteneur {
position: relative;
width: 815px;
margin: 0 auto; 

}

#header {
height: 310px;
background-image: url(images/haut1.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
top:0;
}


div #haut2 {
position:relative;
top:204px;
}




#avant-corps{
background-image:url(images/haut-cadre.jpg);
background-repeat:no-repeat;
height:32px;
}
#corps {
background-image: url(images/repetition-bas.jpg);
background-repeat: repeat-y;

}

#centre {
background-image: url(images/repetition-haut.jpg);
background-repeat:repeat-y;
margin-left: 144px;
height:563px;
}

html>body #centre {
height:auto;
min-height:563px;
}



#gauche {
	position: absolute;
	left:0px;
	width: 142px;
	top: 340px;
	height: 563px;
	background-image:url(images/gauche.jpg);
	background-repeat:no-repeat;
}


#panier {
	position:relative;
	left:17px;
	top:20px;
	width:123px;
	height:74px;
	background-image:url(images/fond-panier.jpg);
	background-repeat:no-repeat;
}

#compte{
position:relative; 
left:17px; 
top:40px; 
width:122px;
}

#compte-haut{
height:39px; background-image:url(images/fond-compte-haut.jpg); background-repeat:no-repeat;
}

#compte-milieu{
background-image:url(images/fond-compte-milieu.jpg); background-repeat:repeat-y; padding:0 10px 0 20px; font-size:0.8em;
}

#compte-bas{
height:20px; background-image:url(images/fond-compte-bas.jpg); background-repeat:no-repeat;
}

#menu-gauche {
	position:relative;
	top:60px;
	left: 17px;
	width: 122px;
}

#droite {
	position: absolute;
	right:26px;
	width: 166px;
	top: 378px;
	height: 510px;
}

#promo {
position:relative;  top:20px; width:166px;
}
#promo-haut{
background-image:url(images/fond-promo-haut.jpg); background-repeat:no-repeat; height:32px;
}

#promo-milieu {
background-image:url(images/fond-promo-milieu.jpg); background-repeat:repeat-y;
}

#promo-bas {
background-image:url(images/fond-promo-bas.jpg); background-repeat:no-repeat; height:17px;
}

.prix_promo{background-color: #FF4D7F; color:#360900;}
.prix_barre { text-decoration:line-through;}

#tierce{position:relative; top:40px; width:166px;
}

#tierce-haut {background-image:url(images/fond-tierce-haut.jpg); background-repeat:no-repeat; height:45px;
}

#tierce-milieu{background-image:url(images/fond-tierce-milieu.jpg); background-repeat:repeat-y;
}

#tierce-bas{
background-image:url(images/fond-tierce-bas.jpg); background-repeat:no-repeat; height:29px;
}

#pied {
	height: 104px;
	background-image:url(images/fond-pied.jpg);
	padding:0 10px 0 450px;
}





/* Page
-------------------------------------------------------- */



#contenu {
	float: left;
	width:775px;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

.titrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.sousTitrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #360900;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 430px;
	background-color: #FEAF3A;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}




/* Ent��te
-------------------------------------------------------- */

#entete {
	float: left;
	background-color: #12335b;
	width: 990px;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color: #FFFFFF;
}

.logo {
	float: left;
	width: 260px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#monCompte {
	float: left;
	width: 400px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.formMonCompte {
	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte {
	
	padding:0;
	margin: 0;
}

.champFormMonCompte {
background-color:#FFF3E1;
border:1px solid #ED7F00;
color:#360900;
font-size:0.9em;
margin:2px 0pt;
overflow:hidden;
padding:0pt;
}



.menuMonCompte {
	
	color: #360900;
	font-size: 0.9em;
}

#monPanier {
	float: left;
	width: 250px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.boutonMonCompteEntete {	
	
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.LIEN_entete {
	
	color: #FF8800;
	border-bottom:1px solid #BBBBBB;
	text-decoration: none;
	font-weight: bold;
}


a.LIEN_entete:hover {
	color: #FF8800;
	border:none;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:400px;
	color: #FF8800;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	border-top-color: #FFFFFF;
}

a.LIEN_chemin {
	color: #ff8800;
	border-bottom:1px solid #BBBBBB;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #ff8800;
	border:none;
	
}



/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	width: 445px;
	margin: 0;
	padding: 0 0 0 20px;
	
}

.produitPetit {
	width: 400px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	text-align:center;
	float:left;
	height: auto;	
	
}

.produitRub{
	width: 200px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	text-align:center;
	float:left;
	height: 380px;
	/*border: 3px solid #FF8800;
	/*border:1px solid #FF8800;*/
}

.imgRub{
	height:244px;
	vertical-align:bottom;
	position:relative;
	padding-top: 5px;
}


.contourImage {
	border: 3px solid #FF8800;
	margin-bottom: 5px;
	
}

.titreProduit {
	color: #12335B;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #360900;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	width: 100%;
}

.descriptionProduit {
	color: #360900;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prixProduit {
	color: #EC8000;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
}

.ficheProduit {
	float:left;
	width: 400px;
}

.poids-carac{
color:#FF8800;
}


a.LIEN_commander {
	color: #DF0046;
	border-bottom:1px solid #BBBBBB;
	text-decoration: none;
	font-weight: bold;
}


a.LIEN_commander:hover {
	color: #DF0046;
	border: none;
	font-weight: bold;
}


form {
margin:0;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	width: 460px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #360900;
}

a.LIEN_pages:link {
	color: #360900;
	border-bottom:1px solid #BBBBBB;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #360900;
	border:none;
	font-weight: bold;
}




/* Divers ��l��ments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #360900;
	font-weight: bold;
	background-color: #FFE5BD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFE2B7;
	font-size: 0.9em;
}

.footerTableau {
	color: #360900;
	font-weight: bold;
	background-color: #FFCC66;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 400px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #360900;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #360900;
}


/* Menu g��n��ral
-------------------------------------------------------- */

#menuGeneral {
	float: left;
	width:175px;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;

}


dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu {
	position: relative;
	padding: 0;
	margin: 0;
}

dl#menu {
	width: 122px;
}


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 1em;
	color: #360900;
	font-weight: bold;
	text-decoration: none;
	border: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu dt a:hover, dl#menu dt .selected {
	color: #FFFFFF;
	background-color: #360900;
}

dl#menu dd {
}

dl#menu li {
}

dl#menu dd li a {
	font-size: 0.9em;
	color: #ff9900;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu dd li a:hover, dl#menu dd li .selected {
	color: #FFFFFF;
	background-color: #ff9900;
}




/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 980px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}



a.LIEN_signature:link {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: #808185;
	text-decoration: underline;
	font-weight: bold;
}