/*******************************************************/
/***** CSS SITE *****/
/*******************************************************/
*{font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;}

body, p, table, td, select, a, input, textarea{font-size: 12px; color: #263618;}

body{
	background: #988d3c;
	margin: 0px; padding: 0px;
	text-align: center;
}



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

a img{border: none;}

form{margin: 0px; padding: 0px;}

p{margin-top: 0px;}










/***************************************/
/** CONTENEURS **/
/***************************************/
#flash_intro{
	margin: 0px auto;
	padding: 0px;
	width:956px;
}


#outer_container{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0px auto;
	padding: 0px;
	background: url(images/interface/fond_footer.jpg) bottom center no-repeat;
}
#inner_container{
	background: #ffffff;
	margin: 0 auto;
	width: 956px;
}











/***************************************/
/** HEADER **/
/***************************************/
#header{
	height: auto;
	height: 298px;
	min-height: 298px;
	background:url(images/interface/fond_header.jpg) top center no-repeat;
}

#header #menu{
	float: left;
	height: auto !important;
	text-align:left;
	padding: 100px 0 0 62px;
	/*position: absolute;*/
}
#header #header_titre{
	float: right;
	width: 440px;
	text-align: left;
	padding: 195px 0 0 0px;
}









/***************************************/
/** FOOTER **/
/***************************************/
#footer{
	height: 50px;
	margin:0px auto;
	text-align:center;
}

#footer #footer_link{float:left; padding: 30px 0 0 50px;}
#footer #footer_music{float:right; padding: 20px 0 0 10px;}
#footer #footer_top{float:right; width:188px; height:50px;}

#footer, #footer #footer_link a{
	font-size: 9px;
	font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
	color:#484830;
}
#footer #footer_link a{text-decoration:none; background:url(images/interface/puce_footer.gif) 0% 50% no-repeat; padding:0 1px 0 7px;}
#footer #footer_link a:hover{text-decoration:underline;}










/***************************************/
/** MILIEU **/
/***************************************/
#milieu{
	height: auto !important;
	height: 250px;
	min-height: 250px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(images/interface/fond_milieu.jpg) top center no-repeat;
}

#milieu #contenu{
	padding: 20px 40px;
}

#titre{padding:0 0 20px 50px;}

h1.titre{font-size:14px; font-weight:bold; font-style:italic; color:#263618; padding-top:15px;}










/***************************************/
/** MENU **/
/***************************************/
a.menu{
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
	color: #263618;
	text-decoration: none;
	text-transform:uppercase;
	display: block;
	padding: 0px;
}
a.menu:hover{
	color: #988d3c;
	text-decoration: none;
}
a.menu_ok{
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
	color: #988d3c;
	display: block;
	padding: 0px;
	text-decoration: none;
	text-transform: uppercase;
}


.smenu{display:none;}
ul.smenu{margin:0px; padding:0px;}
ul.smenu li{
	color:#ffffff; text-align:left; 
	padding:0px; margin:0px; list-style:none;
}
ul.smenu li a{
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	text-decoration:none; 
	color:#263618; display:block; padding:1px 0px 1px 10px;
}
ul.smenu li a:hover{
	text-decoration: underline;
}

.ssmenu{display:none;}
ul.ssmenu{margin:0px; padding:0 0 5px 0;}
ul.ssmenu li a{
	font-family: Verdana;
	font-size: 9px;
	font-style:italic;
	text-decoration:none; 
	color:#7b9434; display:block; padding:2px 0px 2px 5px;
}
ul.ssmenu li a:hover{color: #ffffff; background:#7b9434;}










/***************************************/
/** PORTAIL / VENTE **/
/***************************************/
#menu_cat{
	height:auto !important; height:250px; min-height:250px;
	float:left;
	width:195px;
	background: #DAD2A1;
}

a.cat{color: #263618; text-decoration:none; font-size:11px;}
a.cat:hover{color: #263618; text-decoration:underline;}

.titre_sel{font-size: 11px; font-weight: bold; color: #988d3c;}

.prix_sel{font-size: 11px; font-weight: bold; color: #69321A;}
.prix_sel_solde{font-size: 11px; font-weight: bold; color: #69321A; text-decoration: line-through;}
.prix_big{font-size: 16px; font-weight: bold; color: #988d3c;}

.photo_item{
	border: 1px solid #562130;
	background: #ffffff;
	padding: 2px;
	width: 132px;
	height: 180px;
	text-align: center;
}

.titre_cat{
	color:#263618;
	text-transform:uppercase;
	font-weight: bold;
	background: #dad2a1;
	padding: 2px 5px;
}
.sel_result{
	position:relative;
	float: left;
	margin: 0px 1px 10px 2px;
	width: 165px;
	height: 260px;
}

.pagination{border-top:1px dashed #988d3c; border-bottom:1px dashed #988d3c; padding:7px 0px; background:#f2efda;}








/** FICHE PRODUIT **/
.conteneur_fiche{
	background: url(images/interface/fiche_fond.gif) no-repeat;
	height: auto !important;
}
.fiche_titre{
	height: auto !important;
	height: 36px;
	min-height: 36px;
	text-align: left;
}
.titre_fiche{
	padding: 12px 0 0 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}
#fiche_details{
	height: auto !important;
	height: 330px;
	min-height: 330px;
}
#fiche_img{
	float: left;
	padding: 0px 20px 0 10px;
	width: 250px;
	text-align: center;
}
.img_zoom, a.img_zoom{
	padding-left:10px;
	font-weight: bold;
	text-decoration: none;
	color: #747E7C;
	background: url(images/interface/dot.gif) 0px 50% no-repeat;
}
a.img_zoom:hover{
	font-weight: bold;
	text-decoration: underline;
	background: url(images/interface/dot.gif) 3px 50% no-repeat;
}
#fiche_desc{
	float: right;
	text-align: left;
	padding: 0px;
	width: 365px;
	border-left: 1px solid #cccccc;
}
#fiche_desc_titre{
	background: #988d3c;
	height: auto !important;
	height: 38px;
	min-height: 38px;
	margin-bottom: 10px;
	border-top: 1px solid #E3E5E5; border-left: 2px solid #E3E5E5; border-bottom: 1px solid #E3E5E5;
}
.titre_desc{
	padding: 10px 0 10px 10px;
	color: #FFFFFF;
	font-weight: bold;
}
#txt_desc{padding: 0px 10px;}



li.papillon{
	list-style: url(images/interface/puce_papillon.gif);
	list-style-position: outside;
	text-align: left;
	padding: 0px 0px;
	line-height: 22px;
}
a.papillon{text-decoration: none; font-size:12px; padding:0px 0px; line-height:17px;}
a.papillon:hover{text-decoration: none;}

.pdt_prix{font-size:18px; font-weight:bold; color:#988d3c;}
.pdt_prix_solde{font-size:14px;	font-weight:bold; color:#dad2a1; text-decoration:line-through;}


.img_detail{border: 1px solid #E3E5E5; padding:2px; background:#ffffff;}

a.pdt_liens{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
a.pdt_liens:hover{text-decoration: none;}









/***************************************/
/** NOTES **/
/***************************************/
#note{padding:15px 0px;}
#note, #note a, .note{font-size: 9px; font-family: Tahoma; color:#263618;}
#note a, a.note{text-decoration: none;}
#note a:hover{text-decoration: underline;}














/***** RESTE ****/
.clear{clear: both;}
.clear_S{clear: both; height: 7px;}
.clear_L{clear: both; height: 10px;}
.clear_XL{clear: both; height: 20px;}
.clear_XXL{clear: both; height: 55px;}

.titre_site{color:#a2a52f; font-weight: bold;}
.titre_site_XL{font-size: 15px; color: #231F20; font-weight: bold;}

.champ_site{border: solid 1px #747E7C; background:#f9f8ef;}
.champ_site1{border: solid 1px #747E7C; width: 300px; background:#f9f8ef;}
.champ_site2{border: solid 1px #747E7C; width: 300px; height:65px; background:#f9f8ef;}
.champ_site3{border: solid 1px #747E7C; width:450px; height:50px; background:#f9f8ef;}

.pdf{
	background: url(images/interface/commun/pdf.gif) no-repeat;
	padding: 2px 0 5px 20px;
	line-height: 20px;
}

.alerte{
	border: 1px dashed #7D2C49;
	background: #FDF4F8;
	padding: 10px;
	color:#562130;
	font-weight: bold;
	text-align: center;
}

.alerte2{color:#ff0000;	font-weight:bold;}


#video{
	float: right;
	padding: 0px 0px 0px 10px;
}
#video_zone{
	width: 342px;
	height: 231px;
	border: solid 1px #4d5362;
	background: url(images/interface/video_load.gif) no-repeat 50%;
}




#table_panier {
	width:650px;
	float:right;
}
#table_panier tr th {
	font-size: 14px;
}	

.col_designation_haut, .col_designation {
	width:380px;
	padding: 0 10px;
}
.col_pu_haut, .col_pu {
	width:80px;	
}
.col_qte_haut, .col_qte {
	width:80px;	
}
.col_montant_haut, .col_montant {
	width:70px;
	padding: 0 20px 0 0;
}
.tr_clair {
	background:#FAF2E7;
}
.tr_sombre {
	background:#D8CD9C;
}

.panier_qte {
	float:left;
}
.plus_moins {
	float: left;
	margin: 0 5px;
}
#bt_submit {
	float: right;
}

.col_total {
	width: 560px;
	text-align: right;
	font-weight: bold;	
}
.col_montant {
	text-align: right;
}


#form_connexion {
	float: left;
	width: 250px;
	margin:0 30px 0 40px;
}
#form_inscription {
	float: left;
	border-left: solid 1px #988D3C;
	width: 450px;
	margin: 0 10px;
	padding: 0 0 0 30px;
}
#form_inscription h3, #form_connexion h3 {
	color: #263618 !important;
	font-size: 16px;
	border-bottom: 1px dashed #988D3C;
	padding-bottom: 10px; 
}
#form_inscription label {
	float: left;
	width: 120px;
	margin: 5px 0;
	clear: left;
}
#form_inscription input {
	width: 140px;
	margin: 5px 0;
}
#form_inscription input.check {
	width: 20px;
}
#form_inscription label.label_check {
	width: 20px;
	float: none;
}
#form_inscription input.form_image {
	width: 94px;
	margin: 25px 0 0 0;
}
#form_inscription input.check_small {
	width: 20px;
}
#form_connexion input#email, #form_connexion input#mdp  {
	width: 160px;
	margin: 5px 0 10px 0;
}


.form_adresse {
	float: left;
	width: 300px;
	margin:0 30px 0 40px;
	padding-bottom: 20px;
}
#form_adresse_livr {
	border-left: solid 1px #988D3C;
	margin: 0 10px;
	padding: 0 0 0 30px;
}
.form_adresse h3 {
	color: #263618 !important;
	font-size: 16px;
	border-bottom: 1px dashed #988D3C;
	padding-bottom: 10px; 
}
.form_adresse label {
	float: left;
	width: 140px;
	margin: 2px 0;
	clear: left;
}
.form_adresse input, .form_adresse select {
	width: 140px;
	margin: 2px 0;
}
.info input {
	width: 10px;
}

.erreur {
	color:white;
	background: red;
	padding: 10px;
}
#erreur_connexion {
	margin: 0 30px 10px 30px; 
}