/* 
 * 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 {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url('template/images/fond_site.jpg');
	background-repeat:repeat-x;
	background-color: #3a222d;
	font-size: 0.8em;
}

div,td,ul,li,tr,a,table {behavior: url(iepngfix.htc);}


h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

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

a {
	color:;
	text-decoration: none;
}

table
{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
border:0px solid black;
}

td {
	border:0px solid red;
	border-collapse: collapse;
}

a:visited {
	color: #ffdaa5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ffdaa5;
}

a:link {
	text-decoration: underline;
	color: #ffdaa5;
}

img {
	border: 0
}

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

#wrapper {
	width: 940px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 940px;
	background-color: none;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	
}

#content {
	padding: 0px;
	clear: both;
	margin: 0px;
	left:300px;
	min-height:400px;
	width:930px;
	/width:1080px;
	background-image: url('template/images/fond_ pour_transparence.jpg');
	background-repeat:no-repeat;
	background-position:110px -8px; 
	/*background-color:#3a222d;*/
	
	
}

#contenu {
	float: left;
	width:690px;
	position:relative;
	/*min-height: 600px;*/
	padding: 0px;
	margin-top: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	
	background-image:url('template/images/fond_contenu.png');
	background-repeat:no-repeat;
	background-position:6px 53px;
	
	


}
#bouton_commande{
margin-left:38px;
}
.div_contenu_ass
{
width:630px;
}

.td_contenu_titre
{
color:#ffdaa5;
font-weight:bold;
padding-top:10px;
font-size:1.2em;
}

.td_contenu_text
{
padding-top:10px;
color:#ffdaa5;
}

.titrePage {
	color: #ffdaa5;
	text-align: left;
	font-weight: bold;
	width: 600px;
	padding-top: 10px;
	padding-left: 55px;
	padding-bottom: 5px;
}

.chapoPage {
	font-size:1em;
	color: #ffdaa5;
	text-align: left;
	width:500px;
	padding-top: 10px;
	padding-left: 55px;
	padding-bottom: 5px;
	padding-right: 50px;
}

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

.textePage {
	font-size:0.9em;
	color: white;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:100px;
}

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




/* Entête
-------------------------------------------------------- */

#entete {
	float: left;
	background-image: url('template/images/header.jpg');
	width: 940px;
	height:117px;
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	color: #red;
	border:0px;
}

.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: 0px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	behavior: none;
}

.div_moncompte
{
	font-size:1.2em;
	padding-left:30px;
	text-align:left;
	
	width:367px;
	height:48px;
	vertical-align:middle;
	padding-top:13px;
	background-image: url('template/images/bouton_paiement.png');
	background-repeat:no-repeat;
	vertical-align:center;
	font-weight: bold;

}



.blocMonCompte {
	position:absolute;
	left:700px;
	top:30px;
	width:207px;
	height:58px;
	float: left;
	padding:0;
	margin: 0;
	background-repeat:no-repeat;
}

.souscompte {
	width:207px;
	height:58px;
	background-image:url('template/images/blocMonCompte.png');
	background-repeat:no-repeat;
}

.formMonCompte {
	float: ;
	padding-top: 7px;
	/padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 60px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;

}

.formMonCompte2 {
	float:;
	padding-top: 7px;
	/padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 60px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.champFormMonCompte {
	width:110px;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #ffdaa5;
	background-color: #483038;
	border: 1px solid #ffdaa5;
	
}

.menuMonCompte {
	float: left;
	margin-top: 5px;
	/margin-top : -3px;
	margin-right: 0;
	/margin-bottom: 30px;
	margin-left: 0;
	width: 100%;
	padding-top: 7px;
	display:inline;
	vertical-align:center;
	text-align:center;
	color:#c3ad95;
	
}

#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;
}

.td_panier_1
{
font-size: 1.2em;
font-weight: bold;
color: #ffdaa5;
width:200px;
height:60px;
color:white;
vertical-align:top;
padding-top:15px;
padding-left:5px;

}

.td_panier_2
{
font-size: 1.2em;
font-weight: bold;
color: #ffdaa5;
width:60px;
color:white;
text-align:center;
vertical-align:top;
padding-top:15px;
}

.td_panier_3
{
font-size: 1.2em;
font-weight: bold;
color: #ffdaa5;
width:100px;
color:white;
text-align:right;
vertical-align:top;
padding-top:15px;
}

.td_panier_4
{
font-size: 1.2em;
font-weight: bold;
color: #ffdaa5;
width:80px;
color:white;
text-align:right;
vertical-align:top;
padding-top:15px;
}

.td_panier_5
{
font-size: 1.2em;
font-weight: bold;
color: #ffdaa5;
width:100px;
color:white;
text-align:center;
vertical-align:top;
padding-top:15px;
}

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

a.LIEN_entete:link {
	font-size: 0.8em;
	font-weight: bold;
	color: #ffdaa5;
	text-decoration: none;
	
}

a.LIEN_entete:visited {
	font-size: 0.8em;
	color: #ffdaa5;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	font-size: 0.8em;
	color: #ffdaa5;
	text-decoration: underline;
	font-weight: bold;
}


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

#chemin {
	float: right;
	width:940px;
	text-align:right;
	height:63px;
	color: #ffdaa5;
	font-size: 0.9em;
	font-weight: bold;
	background-image:url('template/images/menu_horizontal.jpg');
	margin: 0;
	padding:0px;
	
}

#souschemin {
	float : right;
	margin-left: 400px;
	/margin-left: none; 
	display: block;

	}

.td_menu_horizontal
{
	width:115px;
	height:31px;
	background-image:url('template/images/bouton_menu_horizontal.png');
	background-repeat:no-repeat;
	text-align:center;
	
}

a.LIEN_chemin:link {
	color: #ffdaa5;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #ffdaa5;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #ffdaa5;
	text-decoration: underline;
}


/*------------------------affichages des miniatures des produits--------*/
.petit_produit_titre
{


}

.petit_produit_gauche
{
background-color:#483038;
background-image:url('template/images/fond_gauche_produit_petit.jpg'); 
background-repeat:no-repeat;
background-position: bottom left;
border-left:1px solid #634b4c;
border-top:1px solid #634b4c;
border-bottom:1px solid #634b4c;
width:17px;
height:135px;

}

.petit_produit_droite
{
background-color:#483038;
background-image:url('template/images/fond_droite_produit_petit.jpg'); 
background-repeat:no-repeat; 
border-right:1px solid #634b4c;
border-top:1px solid #634b4c;
border-bottom:1px solid #634b4c;
width:17px;

}

.petit_produit_image
{
background-color:#483038;
border-top:1px solid #634b4c;
border-bottom:1px solid #634b4c;
width:155px;
text-align:center;


}

.petit_produit_chapo
{
background-color:#412633;
border:1px solid #412633;
color:#7c665f;
height:45px;


}

.petit_produit_prix
{
background-color:#412633;
border:1px solid #412633;
color:#ffdaa5;
height:30px;
text-align:center;
font-size:1.2em;
font-weight: bold ;

}

.petit_produit_panier
{

background-color:#412633;
background-image:url('template/images/ajouter_au_panier.png'); 
background-repeat:no-repeat;
border:1px solid #412633;
color:#7c665f;
height:30px;
vertical-align:top;
text-align:center;
text-decoration:underline;

}


/*---------------produit detail-----------------*/
.td_left_produit
{
vertical-align:top;
}



.td_right_produit
{
vertical-align:top;
padding-left:20px;
}

.vignettes
{
margin-top:3px;
height:75px;
background-image:url('template/images/fond_vignettes.png'); 
background-repeat:no-repeat;

}
.dimansions_Produit_detail
{
	font-size:1.2em;
	/font-size: 1em;
	color:#c4ad95;
	font-weight: bold;
	padding-left:20px;	

}

.reference_Produit_detail
{
	font-size:1.2em;
	/font-size: 1em;
	color:#c4ad95;
	font-weight: bold;
	padding-left:20px;	


}

.prix_Produit_detail
{
	padding-top:10px;
	font-size:1.6em;
	/font-size:1.3em;
	color:#ffdaa5;
		height:75px;
	font-weight: bold;
	background-image:url('template/images/fond_detail2.png'); 
	background-repeat:no-repeat;
	vertical-align:center;
	text-align:center;

}

.detail_produit_panier
{
	font-size:0.8em;
	/font-size:0.6em;
	color:#ffdaa5;
	height:75px;
	font-weight: bold;
	margin-left: 5px;
	background-image:url('template/images/fond_detail3.png'); 
	background-repeat:no-repeat;
	vertical-align:center;
	text-align:center;

}

.poids_Produit_detail
{
	color:#c4ad95;
	padding:5px;
	height:50px;
	width:100%;
	background-image:url('template/images/fond_detail1.png'); 
	background-repeat:no-repeat;
	vertical-align:center;
	text-align:center;


}

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

.ListeProduitsPetits {
	float: left;
	width: 700px;
	/*height: 400px;*/
	margin: 0;
	padding-left: 50px;
	_padding-left:20px;
	background-repeat:no-repeat;
}

.produitPetit {
	float: left;
	width: 170px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;

}

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

.titreProduit {
	color: white;
	font-size:1em;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;

}

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

.descriptionProduit {
	font-size:1em;
	color: #ffdaa5;
	width:310px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prixProduit {
	color: #EC8000;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	background-image:url('template/images/fond_multi_images.jpg');

}

.ficheProduit {
	float:left;
	width: 470px;
	margin-left: 10px;
}


a.LIEN_commander:link {
	color: #ffdaa5;
	text-decoration: none;
	font-weight: bold;
	display:block;

}

a.LIEN_commander:visited {
	color: #ffdaa5;
	text-decoration: none;
	font-weight: bold;
		display:block;

}

a.LIEN_commander:hover {
	color: #ffdaa5;
	text-decoration: underline;
	font-weight: bold;
		display:block;

}

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




/*---------------------------------------------------------*/

.ListeProduitsPetits2 {
	float: left;
	width: 760px;
	/*height: 400px;*/
	margin: 0;
	padding-left: 50px;
	background-repeat:no-repeat;
	
}



.div_image_move 
{

	position:absolute;
	top:300px;
	left:300px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.images_mini
{
	position:absolute;
	top:550px;
	left:300px;
	text-align: center;
	width:159px;
}
.produitPetit2 
{
	position: absolute;
	top:300px;
	left:0px;
	float: left;
	width: 570px;
	/*height: 400px;*/
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}



.titreProduit2 
{
	color: #ffdaa5;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

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

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

.contourImage2 {
	border: 0px solid #0066CC;
	margin-bottom: 5px;
	float: left;
	width:159px;
	background-color:red;
}



.contourImage3 {

	border: 0px solid #0066CC;
	margin-bottom: 5px;
	float: left;
	width:30px;
}





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



.ficheProduit2 {
	float:left;
	width: 470px;
	margin-left: 10px;
}


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

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

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

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

#pages {
	float: left;
	width: 650px;
	_width: 620px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #ffdaa5;
}

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

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

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


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: left;
	width: 400px;
	color: none;
	font-size: 0.9em;
	text-align: right;
	border-top-width: 0px;
	border-top-style: dotted;
	border-top-color: #0066CC;
	margin: 10px;
	padding-top: 10px;
}

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

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

a.LIEN_footer:hover {
	color: #ffdaa5;
	text-decoration: underline;
	font-weight: bold;
}
.pied
{
	float:left;
	width:930px;
	margin-top:20px;
}


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

.enteteTableau {
	background-image:url('template/images/fond_panier1.png'); 
	background-repeat:no-repeat;
	color: #ffdaa5;
	font-weight: bold;
	height:46px;
	margin-left:33px;
	margin-top:35px;
	font-size:1em;
	/font-size:0.8em;
	text-align:left;
	

}

.enteteTableau2{
	background-image:url('template/images/fond_panier1.png'); 
	background-repeat:no-repeat;
	color: #ffdaa5;
	font-weight: bold;
	width:600px;
	height:46px;
	

}

.ligneTableau {
	margin-left:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c4ad95;
	font-size: 0.9em;
	color:#c4ad95;
	text-align:left;
}

.footerTableau {
	margin-left:30px;
	color: #ffdaa5;
	font-weight: bold;
	background-color: #3a222d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c4ad95;
	font-size:1.2em;
}

.boutonMonCompteContenu {
width:400px;
text-align:center;
padding-left:250px;
	
}

.zoneDeSaisie {
	color: black;
	font-weight: bold;
	font-size: 0.9em;
	width:200px;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #ffdaa5;
	width:500px;
	padding-left:120px;

}

.reglement_cheque
{
color:#c4ad95;
text-align:left;
padding-left:40px;
width:600px;
}

.contact_tdtext
{
width:198px;
border-bottom:1px solid #c4ad95;
}

.contact_tdinput
{
width:200px;
height:30px;
border-bottom:1px solid #c4ad95;

}

.contact_input
{
width:400px;

}
.textarea_contact
{
width:600px;
height:200px;
}
/* Menu général
-------------------------------------------------------- */

#menuGeneral {

	float: left;
	width:190px;
	/*min-height:400px;*/
	padding: 0px;
	padding-top: 30px;
	background-image:url('template/images/fond_menu_vertical.jpg');
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;

}


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

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-size: 1em;
	/font-size : 0.7em;
	}

#menu {
	position: relative;
	padding: 0;
	padding-left:37px;
	margin: 0;
}

dl#menu {
	width: 175px;
}


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 1.2em;
	/font-size : 1em;
	width:180px;
	height:40px;
	line-height:40px;
	color: #ffdaa5;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-left: -20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 35px;
	overflow: hidden;
	background-image:url('template/images/bouton_menu_vertical.png');
	background-repeat:no-repeat;
	vertical-align:bottom;
	zoom: 1;
}

dl#menu dt a:hover, dl#menu dt .selected {
	color: #ffdaa5;
	background-image:url('template/images/bouton_menu_vertical.png');
	background-repeat:no-repeat;
	margin-left: -20px;
}

dl#menu dd {
}

dl#menu li {
}

dl#menu li a {
	font-size: 1.2em;
	width:210px;
	height:40px;
	line-height:40px;
	color: #ffdaa5;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-left: -20px;
	padding-left: 45px;
	padding-top: 0px;
	padding-bottom: 2px;
	overflow: hidden;
	background-image:url('template/images/bouton_menu_vertical.png');
	background-repeat:no-repeat;
		
	zoom: 1;
}

.sousmenu2 {
	font-size: 1em;
	/font-size : 0.7em;
	width:180px;
	height:40px;
	line-height:40px;
	color: #ffdaa5;
	font-weight: bold;
	display: block;
	margin-left: -20px;
	padding-left: 45px;
	padding-top: 0px;
	padding-bottom: 2px;
	overflow: hidden;
	background-image:url('template/images/bouton_menu_vertical.png');
	background-repeat:no-repeat;

}

.selected2 {
	font-size: 0.7em;
	width:180px;
	height:40px;
	line-height:40px;
	color: #ffdaa5;
	font-weight: bold;
	display: block;
	margin-left:-20px;
	padding-left: 45px;
	padding-top: 0px;
	padding-bottom: 2px;
	overflow: hidden;
	background-image:url('template/images/bouton_menu_vertical.png');
	background-repeat:no-repeat;

}

dl#menu li a:hover, dl#menu li .selected {
	color: #ffdaa5;
	background-image:url('template/images/bouton_menu_vertical.png');
	background-repeat:no-repeat;
	margin-left : -20px;
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}

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

#signature {
	padding: 0;
	color: #ffdaa5;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
	text-align:center;
}

.W3C {
	width: 88px;
	margin: 0;
	padding: 0;
	float: right;
}

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

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

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