@charset "utf-8";
/* CSS Document */
*{
	margin:0 auto;
	padding:0;
}
body  {
	font-family:tahoma;
	background:#333 url(images/bg.jpg) repeat-x;
	text-align: center;
	color:#333;
	font-size:13px;
}

a{ 
	color:#9a294e; 
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	color:#000000; 	/* 424243 */
}


h1{
	font-size:20px;
	color:#6f5c4a; /* 414141 */
	/*margin:5px 0 0px 0;*/
	margin:5px 0 20px 0;
}

/*h2{
	font-size:15px;
	color:#414141;
	text-align:center;
	background:url(images/h2.jpg) no-repeat;
	padding:8px 5px 13px 5px;
	text-transform:capitalize;
}
h3{
	font-size:14px;
	text-transform:capitalize;
	color:#333;
	padding:5px 0px 20px 0px;
	text-decoration:underline;

}*/
h2{
	font-size:15px;
	color:#414141;
	text-align:center;
	background:url(images/h2.jpg) no-repeat;
	padding:8px 5px 13px 5px;
	/*text-transform:capitalize;*/
}
h3{
	font-size:14px;
	/*text-transform:capitalize;*/
	color:#333;
	padding:15px 5px 20px 5px;
	text-align:center;
}
h4{
	font-size:14px;
	/*text-transform:capitalize;*/
	color:#333;
	padding:5px 0px 20px 0px;
	text-decoration:underline;
}
p{
	margin-top:10px;
	margin-bottom:10px;


}
/*img {
	border: 0
}*/

/* ------------------------ menu ------------------------- */
#menu{
	padding:0;
	height:69px;
	margin:0px;
	padding:0 0 0 0px;
	background:url(images/menu.gif) repeat-x;
}
#menu ul{ 
	margin:0;
	padding:0;
	list-style:none;
}

#menu li{ 
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
}
	
#menu li a{
	font:bold 13px "trabuchet ms",Arial, Helvetica, sans-serif;
	display:block;
	list-style:none;
	float:left;
	padding:22px 30px 30px 30px;
	color:#fff;
	text-decoration:none;
	cursor: pointer;

}

#menu li a:hover{ 
	color:#fff;
	background:url(images/menu_hover.gif) repeat-x;
}
#menu li.current a{ 
	color:#fff;
	background:url(images/menu_hover.gif) repeat-x;
}




#submenu{
	margin:5px 0 15px 0;
}
#submenu ul{ 
	margin:0;
	padding:0;
	list-style:none;
}

#submenu li{ 
	margin:0 7px 0 7px;
	border-bottom:1px solid #ccc;
	list-style:none;
}
	
#submenu li a{
	font:bold 13px "trabuchet ms",Arial, Helvetica, sans-serif;
	list-style:none;
	padding:6px 12px 6px 25px;
	color:#414141;
	display: block;
	background:url(images/bullets.gif) 2px 10px no-repeat;
	text-decoration:none;
	cursor: pointer;

}

#submenu li a:hover{ 
	color:#340001;
	text-decoration:underline;
}

#submenu li a.current{ 
	color:#340001;
	text-decoration:underline;
}

.syndicate{ 
	border-bottom:1px solid #e17b95;
	padding:2px 0 2px 0; 

}
.calendar_cont{
	float:left;
	width:555px;

}
.calendar{ 
	margin:0 0 15px 0;
}

.date{ 
	text-transform:uppercase;
	padding:4px 2px 0 2px; 
	text-align:center;
	font-size:11px; 
	font-variant:normal;  

}
.date_num{ 
	text-transform:uppercase;
	padding:4px 2px 0 2px; 
	text-align:center;
	font-size:23px;
	font-weight:bold;
	font-variant:normal;  

}
.posted{ 
	padding-left:3px;
}

.banner{ 
	text-align:center;
	padding-bottom:5px;
}
.box_cont{	
	width:265px;
	margin:5px 0 5px 5px;
	padding:0;
	float:left;
}
.top_box{ 
	background:url(images/box_cont.gif) repeat-y left;

}
.cont_box{ 
	background: url(images/box_top.gif) no-repeat top left;

}
.fot_box{ 
	background:url(images/box_footer.gif) no-repeat top left;
	height:12px;

}

.top_box1{ 
	background:url(images/cont_cont.jpg) repeat-y left;

}
.cont_box1{ 
	background: url(images/top_cont.jpg) no-repeat top left;

}
.fot_box1{ 
	background: url(images/fot_cont.jpg) no-repeat top left;
	height:20px;
}

.cont_box2{ 
	background: url(images/top_cont_2.jpg) no-repeat top left;
	padding:5px 15px 5px 15px;
}
.fot_box2{ 
	background: url(images/fot_cont_2.jpg) no-repeat top left;
	height:20px;
}



.product{ 
	float:left;
	padding:0 7px 0 15px;
	margin-top:5px;

}
.product_cont{ 
	margin:10px 5px 0 70px;

}
.product img{ 
	border: solid 1px;
}
.product1{ 
	float:left;
	padding:5px;
}
.product1 img{ 
	border: solid 1px;
}
.price{ 
	font-size:14px; 
	font-weight:bold;
	color:#000000;
}
.red{ 
	/*color:#dc0404;*/
	color:#e80e37;
}
/* ------------------------ Start of header layout ------------------------- */
.wrapper #container { 
	width: 800px;
	background: #fff;
	margin: 0 auto; 
	text-align: left; 
} 
.wrapper #header { 
	background:#000000 url(images/header.jpg) no-repeat top; 
	padding: 0 10px;
	height:261px;
}

.wrapper #header  img{ 
	margin-top:55px;
	margin-left:125px;
} 

.wrapper #header2 { 
	background:#000000 url(images/header-small.jpg) no-repeat top; 
	padding: 0 5px;
	height:110px;
} 

.wrapper #header h1 {
	margin: 0;
	padding: 10px 0;
}

/* ------------------------ sidebar ------------------------- */
.wrapper #sidebar1 {
	float: left; 
	width: 215px;
	padding: 10px 7px 0 10px;
	margin:0;
}

.wrapper #sidebar1 h3, .wrapper #sidebar1 p{
	margin-left: 10px;
	margin-right: 10px;
}

/* ------------------------ Main Content ------------------------- */

.wrapper #mainContent{
 	margin: 5px 8px 0 235px;
	padding:5px 5px 5px 10px;

}

.wrapper .main_cont1{
	padding-bottom:15px;
	margin:7px 0 0px 0;
	background:url(images/cont_cont.jpg) repeat-y left;

}

.wrapper .main_cont2{
	padding-bottom:15px;
	margin:7px 0 0px 0;
	background:url(images/cont_cont_2.jpg) repeat-y left;

}

.main_cont{	
	border-bottom:1px solid #272b37;
	padding-bottom:10px;
}
.style1{
	color:#fff;
}
.sub{ 
	margin-left:260px;

}
.pic{
	margin:5px;
	text-align:center;	
}

.search
{
	position: relative;
	z-index:10;
	margin-right:10px;
	margin-top:15px;
	margin-bottom:5px;
	float:right;

}
.serachfield{ 
	float:left; 
	margin-right:2px; 

}
.field{
	background:url(images/seachfield.jpg) no-repeat;
	border:none;
	padding:5px 0 0 5px;
	height:23px;

}
.mail{ 
	color:#b22222;
	font-weight:normal;
	padding:5px 10px 5px 10px; 
	border:2px solid #b22222;
	background:#faebd7;
	font-size:14px;
	margin:5px 5px 10px 5px;

}

.comments{ 
	background:url(images/comments.gif) no-repeat left;
	padding:5px 10px 5px 18px;
	float:right;
}
.comments a{ 
	color:#424243; text-decoration:underline;
}
.comments a:hover{ 
	color:#424243; text-decoration:none;
}
/* ------------------------ Footer ------------------------- */
.wrapper .footer_cont { 
	width: 800px;
}

.wrapper .footer { 
	padding: 0 15px;
	background:#dcd8cc;
	border-top:1px solid #b6b2a7;
	color:#333;
} 
.wrapper .footer p {
	margin: 0; 
	padding: 20px 0;
	text-align:center;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Liens internes au site
-------------------------------------------------------- */

.queFaire {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:left;
	text-align:right;
}

.queFaire a.bouton, 
.queFaire button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
	text-decoration:none;
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px; 
    vertical-align:middle;
    background-color:#e75787;
} 

.queFaire a.bouton span span, 
.queFaire button.bouton span span {
	color:#fff;
    height:24px; 
    padding:0; 
    padding:0 7px 0 0; 
    line-height:22px; 
    background-color:#e75787;
} 
 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span { 
    background-color:#9a294e;
}


/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	float: left;
	width:709px;
	color: #515053;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 20px 0;
	padding:0;
	background-color:#fff;
}

#etapesDeCommande ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:708px;
	border-right:solid 1px #d8d9da;
}

#etapesDeCommande ul li {
	color:#c7c9ca;
	width:176px;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
	border-left:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	border-top:solid 1px #d8d9da;
}

#etapesDeCommande ul li.selection {
	color:#d8d9da;
	border-left:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	border-top:solid 1px #d8d9da;
	background-color:#515053;
}

#etapesDeCommande ul li span {
	color:#fff;
	font-size:18px;
	margin:0 3px 0 0;
	padding:0 5px;
	background-color:#d8d9da;
}

#etapesDeCommande ul li span.chiffreSelection {
	color:#d8d9da;
	background-color:#515053;
	border-right:solid 1px #d8d9da;
}


/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.adresseDeLivraisonRecap {
	float: left;
	margin: 0 0 20px 0;
	width:770px;
}

.adresseDeFacturation {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.adresseDeLivraison h4 {
	color:#515053;
	width:335px;
	margin:5px 0 0 0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	float:left;
}

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 750px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraison ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 770px;
	float:left;
}

.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#fff;
	display:block;
	background-color:#e75787;
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	clear:both;
	background-color:#e75787;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
	text-decoration:none;
	background-color:#9a294e;
}



/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.choixDeLaLivraison, .choixDuReglement {
	float: left;
	width:770px;
	margin: 0;
	padding:0;
}

.choixDeLaLivraison ul, .choixDuReglement ul {
	margin: 0;
	padding:0;
	list-style:none;
	width: 770px;
}

.choixDeLaLivraison ul li, .choixDuReglement ul li {
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	color:#515053;
	line-height:37px;
	width:355px;
	margin:0;
	padding:0;
	background-color:#bbbdbf;
	float:left;
	text-indent:10px;
	height:40px;
}

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	background-color:transparent;
	color:#FFFFFF;
}

.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {
	height:40px;
	color:#fff;
	display:block;
	background-color:#e75787;
	border-top:solid 1Px #FFFFFF;
}

.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {
	text-decoration:none;
	background-color:#9a294e;
}


/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Emp�cher le d�passement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom:1px solid #ccc;
	clear:both;
	float:left;
	width:100%;
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form p label {
	float: left;
	width: 290px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}

#contenu form p label.codeDeReduction {
	width: 180px;
}

#contenu form p label.petit {
	width: 80px;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 1px #a9abad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	/*background-color:#d8d9da;*/
	background-color:#ffffff;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 300px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}

#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du c�t� gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#e75787; /* 9a294e */
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0;/* Largeur du c�t� droit */ 
	color:#FFF;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr {
	padding:0;
	margin:0;
}

#contenu table th {
	font-weight: bold;
	background-color: #d8d9da;
	border-bottom:solid 1px #FFFFFF;
	/*margin:10px;*/
	padding:5px;	
}

#contenu table td {
	font-weight: bold;
	background-color: transparent;
	border:none;
	/*margin:10px;*/
	padding:5px;
}

#contenu table td.ligne {
	font-weight: bold;
	background-color: transparent;
	border-bottom:solid 1px #d8d9da;
}

#contenu table th.total {
	font-weight: bold;
	color:#FFF;
	background-color: #9a294e;
	border-bottom:solid 1px #dedce6;
}


/* Produits
-------------------------------------------------------- */

.prixProduit {
	/*color:#ff0000;*/
	color:#e80e37;
	font-weight:bold;
	/*text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;*/
}


.blocProduit .blocDImages img {
	border: 1px solid;
}