@charset "utf-8";
/* CSS Document */
/* communs */

.gradient {
		margin: 0; padding: 0; 
	/* Anciens navigateurs */
	background: #edeae1 url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
		/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #B3B4B6 0%, #EDEAE1 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #B3B4B6 0%, #EDEAE1 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #B3B4B6 0%, #EDEAE1 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B3B4B6), color-stop(1, #EDEAE1));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #B3B4B6 0%, #EDEAE1 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #B3B4B6 0%, #EDEAE1 100%);
}

#conteneur {
	margin: auto;
	width: 1000px;
	font: 11px Arial, Helvetica, sans-serif;
	background-color: white;
}
input {
	font: 11px Arial, Helvetica, sans-serif;
}
select {
	border: 1px solid #CCC;
}
a {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #FD4D59;
	cursor:pointer;
}
a img {
	border:none;
}
.rouge {
	color: #FD4D59;
}

#message_cadeau {
	display: none;
	visibility: hidden;
}

.disponibilite {
	font-style:italic;
}

.mini-gris {
	 font: 9px Arial, Helvetica, sans-serif;
	 color: #96938C;
}

.moyen-gris {
	 font: 12px Arial, Helvetica, sans-serif;
	 color: #96938C;
}

.prix-italique {
	 font: 9px Arial, Helvetica, sans-serif;
	 color: #96938C;
	 font-style:italic;
}
/* BOUTONS
- bouton-lien : <span class="btn"><a href="....">txt du bouton</a></span> 
- formulaire : <input id="..." type="button" class="btn" onclick="document.getElementById('idduformulaire').submit();" value="txt du bouton" />*/
.btn_rouge { 
	background-color: #FD4D59;
	padding: 1px 8px;
	border: 1px solid #CCC;
	cursor:pointer;
}

.btn_rouge_compte { 
	background-color: #FD4D59;
	padding: 1px 8px;
	border: 1px solid #CCC;
	cursor:pointer;
	color: #FFF;
	width:100px;
}

.btn_rouge_paiement { 
	background-color: #FD4D59;
	padding: 1px 8px;
	border: 1px solid #CCC;
	cursor:pointer;
	color: #FFF;
	height:30px;
	font-weight:bold;
}

.btn_rouge, .btn_rouge a, .bbtn_rouge a:hover {
	color: #FFF;
}
.btn_transp { 
	background-color: #e6e5e3
	padding: 1px 8px;
	border: 1px solid #CCC;
	cursor:pointer;
}
.btn_transp, .btn_transp a, .bbtn_transp a:hover {
	color: #000;
}

.produit_assoc_1 {
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.produit_assoc_2 {
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
}

.produit_assoc_3 {
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
}

.produit_assoc_4 {
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
}

table.panier {
/*border: thin solid #000000;*/
border-spacing:0;
border-collapse:collapse;
margin: 10px;
border-collapse: collapse;
width:730px;
}

table.commande {
/*border: thin solid #000000;*/
border-spacing:0;
border-collapse:collapse;
border-collapse: collapse;
width:420px;
}

.commande th {
font: 11px Arial, Helvetica, sans-serif;
font-weight:bold;
/*border: thin solid black;*/
padding: 5px;
text-transform: uppercase;
color:#565051;
}

table.recap {
/*border: thin solid #000000;*/
border-spacing:0;
border-collapse:collapse;
margin: 10px;
border-collapse: collapse;
}

.recap th {
font: 11px Arial, Helvetica, sans-serif;
font-weight:bold;
/*border: thin solid black;*/
text-transform: uppercase;
color:#565051;
}

.panier th {
font: 11px Arial, Helvetica, sans-serif;
font-weight:bold;
/*border: thin solid black;*/
padding: 5px;
text-transform: uppercase;
color:#565051;
}

.panier tr {
background-color: #ffffff;
border-bottom:thin solid #E6E5E3;
}

.panier tr:last-child{
border-bottom:0;
}

.last-child{
border-bottom:0;
}

tr.last-child{
border-bottom:0;
}

.panier td {
color: black;
font: 11px Arial, Helvetica, sans-serif;
/*border: thin solid gray;*/
padding: 5px;
vertical-align:middle;
}

table.recherche {
/*border: thin solid #000000;*/
border-spacing:0;
border-collapse:collapse;
margin: 10px;
border-collapse: collapse;
width:940px;
}

.recherche tr {
background-color: #ffffff;
border-bottom:thin solid #E6E5E3;
}

ul {
		list-style-type: none; 
}
ul li {
    white-space: nowrap;
}
ul li img {
    vertical-align: middle;
    padding-top: 0px;
}

/* en-tête */
#header {
	 position:relative;
   background-image: url("../images/header.jpg?1234");
   width: 1000px;
   height: 102px;
   margin-bottom:10px;
}
#logo_cc {
	position:absolute;
	height: 100px;
	top: 7px;
	left: 27px;
}
#flag {
	position:absolute;
	width: 50px;
	height: 12px;
	top: 66px;
	left: 524px;
}
#formsearch {
	position:absolute;
	float:right;
	margin-right: 28px;
	top: 58px;
	left: 588px;
}
#recherche {
	background:url(../images/fond-form.png); /* taille de l'image : 185*30 */
	padding: 3px 0 0 5px; 
	height: 27px; /* 30-3=27 */
	width: 180px;/* 185-5=180 */
}
#recherche .champ {
	background:transparent;
	border:none;
	margin-right: 7px;
	width:140px;
}
#recherche .bouton {
	background:transparent;
	border:none;
	cursor:pointer;
	height:20px;
	width:20px;
}
#panier {
	position:absolute;
	display:block;
	width: 110px;
	height: 40px;
	top: 42px;
	left: 800px;
	text-align:center;
	cursor:pointer;
}

/* menu top */
#menu {
	position:relative;
	border: 1px solid #FFF;
	background-image: url("../images/menu.jpg");
	width: 998px;
	height: 40px;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#menu #menuleft {
	/margin-top: 15px; /* IE5 à 7 */
	float: left;
	margin-top: 13px;
}
#menu #menuleft a,  #menu #menuleft span {
	margin-left: 20px;
}
#menu #menuright {
	vertical-align: middle; 
	/margin-top: 15px; /* IE5 à 7 */
	float: right;
	margin-top: 13px;
}
#menu #menuright a {
	text-align:right;
	margin-right: 20px;
}

/* corps de page */
#main_index {
	background-image: url("../images/main_1.jpg");
	background-color: white;
}
#main_index, #main_cat {
	position:relative;
	width: 1000px;
	min-height: 650px;
	background-color: white;
}

#articles_associes{
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
}

#main_page {
	position:relative;
	width: 1000px;
	min-height: 650px;
}

#maingche_index{
	position:relative;
	width: 170px;
	top: 45px;
	left: 40px;
}

#maingche_cat {
	position:relative;
	width: 170px;
	top: 15px;
	left: 40px;
}

#maingche_index {
	color: #933;
}

#maingche_page {
	position:absolute;
	width: 1000px;
	top: 35px;
	left: 40px;
}

#maingche_page {
	color: #933;
}

#maingche_page_statique {
	position:relative;
	width: 900px;
	top: 5px;
	left: 40px;
}

.menucat, .menusscat, #art_titre {
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.menucat {
	margin: auto auto 30px 0;
}
.menusscat {
	margin-left: 5px;
}

#maindte_art_mep {
	position: absolute;
	width: 744px;
	top: 8px;
	left: 232px;
}

#mainart_dte2_mep {
	position: relative;
	float: right;
	width: 460px;
	height: 425px;
	background-image: url(../images/fond_mainart2_mep.jpg);
	background-repeat: no-repeat;
}

#mainart_dte2_mep_long {
	position: relative;
	float: right;
	width: 460px;
	height: 580px;
	background-image: url(../images/fond_mainart2_mep_long.jpg);
	background-repeat: no-repeat;
}

#art_desc_mep {
	position:absolute;
	left:20px;
	top:4px;
	width:424px;
	height:368px;
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
}

#mainart_dte1_mep {
	width: 282px;
	height: 425px;
	background-image: url(../images/fond_mainart1.jpg);
	background-repeat: no-repeat;
	border:1px solid #FFF;
}

#mainart_dte1_mep_save {
	width: 282px;
	height: 425px;
	/*background-image: url(../images/fond_mainart1_save.jpg);*/
	background-repeat: no-repeat;
	border:1px solid #FFF;
}

#mainart_dte1_mep #art_photo_mep {
	position:relative;
	width: 252px;
	height: 282px;
	text-align:center;
	margin: 15px auto;
	color: #96938C;
	font: 8px Arial, Helvetica, sans-serif;
	border:1px solid #FFF;
}

#mainart_dte1_mep_save #art_photo_mep {
	position:relative;
	width: 252px;
	height: 282px;
	text-align:center;
	margin: 15px auto;
	color: #96938C;
	font: 8px Arial, Helvetica, sans-serif;
	border:1px solid #FFF;
}

#art_photo_mep img {
	width: 254px;
}

#maindte_index, #maindte_cat, #maindte_art {
	position: absolute;
	width: 744px;
	top: 8px;
	left: 232px;
}
#maindte_index {
	height:348px;
}
#accroche_index {
	position: absolute;
	top: 376px;
	padding-left: 85px;
	width: 1000px;
	text-align:center;
	font: 24px Arial, Helvetica, sans-serif;
	letter-spacing: 1.5px;
	color:#666;
}
#maindte_cat td.cat {
	width: 250px;
	height: 320px;
	background-image:url(../images/fond_cat.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#maindte_cat td.cat_compte {
	width: 360px;
	height: 320px;
	background-image:url(../images/fond_cat_compte.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	vertical-align: top;
}

#maindte_cat td.cat_recapitulatif {
	width: 250px;
	height: 235px;
	background-image:url(../images/fond_cat_recapitulatif.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:30px;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	vertical-align: top;
}

#maindte_cat td.cat_recapitulatif2 {
	width: 250px;
	height: 475px;
	background-image:url(../images/fond_cat_recapitulatif.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:30px;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	vertical-align: top;
}

#maindte_cat td.cat_recapitulatif_droite {
	width: 462px;
	height: 685px;
	background-image:url(../images/fond_cat_recapitulatif_droite.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:10px;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	vertical-align: top;
}


#maindte_cat td.cat_compte_adresse {
	width: 454px;
	height: 550px;
	background-image:url(../images/fond_cat_compte_adresse.jpg?dqssg778998);
	background-repeat:no-repeat;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	vertical-align: top;
}

#maindte_cat td.cat_presse {
	width: 250px;
	height: 320px;
	background-image:url(../images/fond_cat.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#maindte_cat td.cat_presse img {
	width: 181px;
	height: 225px;
}	

td.nothing {
	width: 250px;
	height: 320px;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font: 10px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#maindte_cat td a:hover + p {
	color: #FD4D59;
}

.alignement {
	margin-left:30px;
}

#maindte_cat td.cat img {
	width: 210px;
	height: 235px;
}
#pi2, #pi3, #pi4, #pi5, #pi6 {
	position: absolute;
	top: 432px;
	width:160px;
	height: 155px;
	overflow:hidden;
}
#pi2 { left: 40px; }
#pi3 { left: 230px; }
#pi4 { left: 420px; }
#pi5 { left: 610px; }
#pi6 { left: 805px; }
#art_titre {
	margin-left: 20px;
	color: #FD4D59;
}
#mainart_dte1 {
	width: 282px;
	height: 425px;
	background-image: url(../images/fond_mainart1.jpg);
	background-repeat: no-repeat;
	border:1px solid #FFF;
}
#mainart_dte1 #art_photo {
	position:relative;
	width: 252px;
	height: 282px;
	text-align:center;
	margin: 15px auto;
	color: #96938C;
	font: 8px Arial, Helvetica, sans-serif;
	border:1px solid #FFF;
}
#art_photo img {
	width: 252px;
	height: 282px;
}
#mainart_dte1 #art_vignette {
	position:relative;
	width: 252px;
	margin: auto;
	margin-top: 26px;
	text-align:center;
}
#art_vignette img {
	width: 55x;
	height: 67px;
}
#mainart_dte2 {
	position: relative;
	float: right;
	width: 460px;
	height: 425px;
	background-image: url(../images/fond_mainart2.jpg);
	background-repeat: no-repeat;
}
#art_onglet2 {
	float: right;
	width: 229px;
	height: 35px;
	text-align:center;
	font: 10px Arial, Helvetica, sans-serif;
	padding-top: 15px;
}
#art_onglet1 {
	float: left;
	width: 230px;
	height: 35px;
	text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
	padding-top: 15px;
}
/*a.lireplus span {
	display:none;
	position: absolute;
	width: 451px;
	height: 305px;
	top: 55px;
	left: 10px;
}*/

a.lireplus span {
	position: absolute;
	width: 434px;
	height: 305px;
	top: 55px;
	left: 10px;
}

/*a.lireplus:hover span {
	display:block;
	background-color: #FFFFFF;
	padding: 5px;
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	z-index:10;
}*/

#art_desc {
	position:absolute;
	left:20px;
	top:40px;
	width:424px;
	height:368px;
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
}

#art_desc_2 {
	position:absolute;
	left:20px;
	top:40px;
	width:424px;
	height:368px;
	color: #96938C;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	visibility: hidden;
	display: none;
}

#assoc_1 {
	visibility: visible;
	display: block;	
}

#assoc_2 {
	visibility: hidden;
	display: none;
}

#assoc_3 {
	visibility: hidden;
	display: none;
}

#assoc_4 {
	visibility: hidden;
	display: none;
}

#art_couleurs td {
	text-align:center;
	width: 30px;
	height: 30px;
}	
#art_couleurs td img {
	vertical-align: middle;
	width: 22px;
	height: 22px;
}
.art_prix {
	padding:1px;	
}
.td_bord {
	border: 1px solid #ccc;	
}
#commande {
	/*position:absolute; 
	top: 205px;*/
	position:relative; 
}

hr.thin {
height: 1px;
border: 0;
color: #E6E5E3;
background-color: #E6E5E3;
width: 100%;
}

/* pied de page */
#footer {
	position:absolute;
	display:block;
	background-image: url("../images/footer.jpg");
	width: 998px;
	height: 100px;
	text-align: center;
	border: 1px solid #FFF;
}
#menufoot {
	margin-top: 40px;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#menufoot a {
	margin-right: 25px;
}
#copyright {
	font: 7px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #CCC;
	/* text-transform: uppercase; */
}