html, body{
	margin:0;
	width:100%;
	height:100%;
	color:#707071;
	font:normal 0.85em Arial, Helvetica, sans-serif;
	background:#a2a2a2 url(../images/fond.gif) 0 0 repeat-x;
}


#conteneur{
	position:relative;
	margin:0 auto;
	padding-bottom:10px;
	width:990px;
	border-top:15px solid #787878;
	background-color:#FFF;
}
hr{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:1px;
}


/* ---------------------------------------------------------- */
/* 								TOP							  */
/* ---------------------------------------------------------- */
/* top de l'accueil */
#top_accueil{
	margin:0 auto;
	height:118px;
	width:955px;
	background:transparent url(../images/top_accueil.jpg) 0 0 no-repeat;
}
#top_accueil a#mail{
	float:right;
	margin:88px 6px 0 0;
}

#conteneur #top_accueil #logo{
	/*display:block;*/
	padding:14px 0 0 30px;
}
#conteneur #logo{
	/*display:block;*/
	position:relative;
	z-index:11;
	padding:10px 0 0 35px;
}


/* top des autres pages */
#conteneur #bulle{
	position:relative;
	z-index:10;
	float:right;
	margin:10px 10px 0 0;
	height:77px;
}

/* ---------------------------------------------------------- */
/* 							MENU							  */
/* ---------------------------------------------------------- */
#zoneMenu{
	margin-top:-25px;
	padding-top:21px;
	background:transparent url(../images/fond_menu.gif) 0 0 repeat-x;
}
#menu{
	padding:0;
	height:35px;
}

/* menu du bas */
ul#menuBas{
	float:right;
	margin:11px 0 0;
	padding:0;
	height:0.9em;
	list-style:none;
	font-size:10px;
}
#menuBas, #menuBas a{
	color:#444;
	text-decoration:none;
}
#menuBas span{
	font-size:0.9em;
}
#menuBas li{
	float:left;
	margin-left:-1px;
	padding:0 7px;
	border-left:1px solid #444;
}
#menuBas li:first-child{
	border-left:none;
}

/* ---------------------------------------------------------- */
/* 							CONTENU							  */
/* ---------------------------------------------------------- */
.hidden{
	display:none;
}
h1{
	clear:left;
	margin:10px 0 0;
	font-size:1.7em;
	color:#ff1b95;
	text-align:center;
}
#menu, #contenu{
	margin:0 0 0 18px;
}
#contenu, #contenu_accueil{
	padding:15px 0 20px 9px;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}
#contenu{
	width:929px;
}
#contenu_accueil{
	position:relative;
	margin:0 0 0 17px;
	padding-left:6px;
	width:947px;
}
a img{
	border:none;
}

#copy{
	/*position:absolute;
	bottom:-37px;
	right:66px;*/
	position:relative;
	right:-900px;

}
#baseline{
	color:white;
	font-size:10pt;
	position:relative;
	margin:0 auto;
	width:990px;
	text-align:center;
}
#baseline a{
	color:white;
	font-size:10pt;
}
#baseline a:hover{
	color:white;
	font-size:10pt;
}

/* ---------------------------------------------------------- */
/* 							ACCUEIL							  */
/* ---------------------------------------------------------- */
#anim_accueil{
	margin-bottom:5px;
	height:308px;
}
#anim_accueil p, #module_photo p{
	margin:0.5em 0 0 2em;
}
#anim_accueil a, #module_photo a{
	color:#707071;
}
#anim_accueil strong, #module_photo strong{
	color:#e20079;
}


#contenu_accueil #crea{
	margin-left:25px;
}

#zoneBtn_accueil{
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:640px;
	height:100px;
	border-top:1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	background-color:#FFF;
}
*html #zoneBtn_accueil{ /* IE a besoin de 2px au lieu d'un pour les autres navigateurs ... */
	bottom:-2px;
	right:-2px;
}
/*#zoneBtn_accueil ul{
	margin:0 0 0 335px;
	padding:0;
	list-style:none;
}
#zoneBtn_accueil ul li{
	padding:6px 0 0 50px;
	height:16px;
	background:transparent url(../images/fond_menu_accueil.gif) 0 100% no-repeat;
}
#zoneBtn_accueil ul li a#faq{
	float:right;
}*/
#zoneBtn_accueil #menu_accueil{
	float:right;
}


/* ---------------------------------------------------------- */
/* 						NOTRE SOCIETE						  */
/* ---------------------------------------------------------- */
#txt_sct{
	float:left;
	/*margin:0 30px 0 335px;*/
	/*margin-left:300px;*/
	margin:0 40px 0 0;
	width:600px;
	padding:0;
}
#txt_sct h1{
	margin:0;
	padding:0;
	font-size:1.6em;
	color:#636365;
	text-align:left;
}
#txt_sct h1 span{
	color:#e20079;
}
#txt_sct p{
	margin:0;
	font-size:1.3em;
}
#txt_sct strong{
	color:#000;
}


/* ---------------------------------------------------------- */
/* 						MON PANIER							  */
/* ---------------------------------------------------------- */
ul#etapes{
	float:left;
	margin:0 0 30px;
	padding:0;
	list-style:none;
}
#etapes li{
	margin-right:5px;
	display:inline;
}

table#recap_panier{
	clear:both;
	margin:0;
	width:98%;
	border-collapse:collapse;
}
#recap_panier th{
	padding:9px 0 6px;
	font-size:0.95em;
	_font-size:11px;
	
	color:#646466;
	background-color:#d0d0d0;
}
#recap_panier tr{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
#recap_panier td{
	padding:5px 5px 10px;
	font-size:11px;
	text-align:center;
	color:#000;
}
#recap_panier tr.ligne0{background-color:#ededed;}
#recap_panier tr.ligne1{background-color:#e3e3e3;}
#recap_panier td p{
	display:block;
	margin:0;
	padding:2px;
	width:100px;
	height:65px;
	border:1px solid #000;
	background-color:#FFF;
}

#recap_panier td.total, #recap_panier td.frais{
	padding:3px 0;
	font-weight:bold;
}
#recap_panier td.total{
	color:#FFF;
	background-color:#ff1b95;
}
#recap_panier td.frais{
	color:#000;
	background-color:#d0d0d0;
}

div#cartes_paiement{
	clear:left;
	margin:0 auto;
	padding:10px 5px 0 5px;
	width:350px;
	background-color:#ededed;
}
div#cartes_paiement form{
	margin:0;
}
/*p.cond_paiement{
	float:left;
	margin:10px 5px 0 0;
	padding:20px;
	width:350px;
	height:75px;
	text-align:center;
	background-color:#ededed;
}

form#paiement{
	margin:0;
	padding:0;
}*/

/* boutons annuler et modifier la commande */
#btn_modif, #jachete{
	margin-right:25px;
	width:600px;
	/*background-color:#ededed;*/
}
#btn_modif{
	float:left;
}
*html #btn_modif{
	margin-right:15px;
}
#btn_modif a{
	margin-right:35px;
	text-decoration:none;
}

p#cond_achat{
	margin:0 0 2em;
	font-size:0.95em;
}
#cond_achat a{
	color:#540054;
}

/* adresses */
#adresse_fact, #adresse_liv{
	float:left;
	position:relative;
	margin-bottom:20px;
	width:270px;
	height:175px;
	color:#FFF;
	background-color:#991163;
}
#adresse_fact{
	float:left;
	margin-left:95px;
	margin-right:5px;
}
#adresse_fact h1, #adresse_liv h1{
	margin:0;
	padding:6px 0;
	background-color:#c3187f;
}
#adresse_fact h1 img, #adresse_liv h1 img{
	display:block;
	margin:0 auto;
}
#adresse_fact p, #adresse_liv p{
	margin:10px 0 0 30px;
}
#adresse_fact p.modif, #adresse_liv p.modif{
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	width:258px;
	border-right:14px solid #FFF;
	background-color:#efe3ef;
}
#adresse_fact p.modif a, #adresse_liv p.modif a{
	margin-left:4px;
	padding-right:8px;
	border-right:1px solid #801a54;
}

/* ---------------------------------------------------------- */
/* 							FORMULAIRE						  */
/* ---------------------------------------------------------- */
form{
	margin-top:40px;
}
/* identification dans mon compte */
form#ident{
	float:left;
	margin-left:36px;
	padding:3px 5px 20px 5px;
	width:264px;
	border:1px solid #c4c4c4;
	font-size:9pt;
}
*html form#ident{
	margin-left:18px;
}
form#ident div{
	margin:5px 0 0;
	height:113px;
	background:transparent url(../images/fond_identification.gif) 0 0 repeat-x;
}

form#ident img#titre{
	margin:8px 0 0;
}

form#ident p{
	margin:1px 0;
}

form#ident div p{
	margin:0 0 5px;
	padding-left:5px;
	width:245px;
}
*html form#ident div p{margin-bottom:0;}
form#ident input{
	margin-bottom:0;
	width:200px;
	height:15px;
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#707071;
	border:1px solid #a5acb2;
}
form#ident input#bouton{
	float:right;
	width:30px;
	height:30px;
	border:none;
}
form#ident input#boutonPwd{
	float:right;
	width:147px;
	height:54px;
	border:none;
}
form#ident div #txt_erreur_cnx, form#profil p#txt_erreur_insc, form#ident #txt_erreur{
	margin:2px 0 2px 10px;
	color:#f00;
}
form#profil span#txt_valid_insc{
	margin:2px 0 2px 10px;
	color:#f075b7;
}
form#ident #txt_erreur{
	margin-left:0;
}
form#ident a{
	margin:0 0 0 5px;
	color:#1a171b;
	font-size:0.9em;
	text-decoration:none;
}

/* formulaire d'identificaton du top */
#zoneIdent, #zoneIdent_ok{
	position:absolute;
	right:60px;
	z-index:20;
	background-color:#FFF;
}
#zoneIdent{top:-130px;}
#zoneIdent_ok{top:-15px;}
#zoneIdent form#ident{
	margin:0;
	border-top:none;
	height:130px;
}
#zoneIdent form#ident div{
	margin:0;
}

#zoneIdent_ok{
	width:276px;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}
#zoneIdent_ok span#tr{
	display:block;
	margin:0 auto;
	width:264px;
	height:4px;
	font-size:0em;
	background-color:#888788;
}
#zoneIdent_ok p{
	margin:8px 0 0 7px;
	font-size:1.5em;
	font-weight:bold;
	color:#f075b7;
}
#zoneIdent_ok p span{
	font-size:0.8em;
	color:#e2007a;
}
#zoneIdent_ok img{
	float:right;
	margin:4px 6px 0 0;
}


#zoneIdentCompte{
	/*position:absolute;
	right:300px;
	top:300px;
	*//*
	position:relative;
	left:660px;
	top:-500px*/

	z-index:20;
	background-color:#FFF;
}

/* profil */
form#profil{
	position:relative;
	/*margin-left:370px;*/
	width:430px;
	font-weight:bold;
	background:transparent url(../images/fond_formulaire.gif) 0 0 repeat-y;
}
*html form#profil img#top{
	margin-left:-3px;
}
form#profil img{
	display:block;
}
form#profil img#titre{
	margin:8px 0 20px 20px;
}
form#profil p{
	margin:0 0 8px;
	height:20px;
}
form#profil p span, form#profil #obli{
	color:#e2007a;
}
form#profil #obli{
	float:right;
	margin-right:10px;
	font-size:0.8em;
}
form#profil label{
	display:block;
	margin-right:10px;
	float:left;
	width:190px;
	text-align:right;
}
form#profil input, form#profil select, form#modif_panier select{
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#000;
}
form#profil input, form#profil select{
	padding:1px 0 1px 5px;
	width:185px;
	height:15px;
	border:none;
	background-color:#dfdfdf;
}
form#modif_panier select{
	width:50px;
}
form#profil select, form#modif_panier select{
	height:20px;
}

a#valid_form{
	/*margin-left:660px;*/
	margin-left:290px;
}


/* ---------------------------------------------------------- */
/* 					MENTIONS LEGALES / CGV / FAQ			  */
/* ---------------------------------------------------------- */
h2, h3{
	margin:1.5em 0 0.5em;
	font-size:1.2em;
	color:#e20079;
}
h3{
	color:#000;
}

.mentions{
	margin:0 0 1em;
}
.mentions a{
	color:#707071;
}
.cgv{
	margin:0 0 1em 2em;
}
.mentions ul, .cgv ul, ol.cgv{
	margin:0.5em 0 0.5em 3em;
	padding:0;
}
.mentions ul, .cgv ul{
	list-style-type:disc;
}
ol.cgv a{
	color:#707071;
}

.faq{
	margin:0;
}
p.faq{
	margin-top:2em;
}
.faq a{
	color:#e20079;
}
.faq p{
	margin:0.2em 2em 1em 2em;
}