﻿/**************GENERAL***************/
body{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#341c00;
	background-color:#665c52;
	background-image:url(fond.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
}
#globale{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#header{
background-image:url(interface_haut.png);
width:1000px;
height:150px;
margin:0 auto 0 auto;
}
h1#titre_principal{
	padding:0px;
	margin:0px;
	position:absolute;
	left:0;
	top:25px;
	width:202px;
	height:90px;
}
h1#titre_principal a{
	display:block;
	width:100%;
	height:100%;
}
#bloc-repeat{
background-image:url(interface_milieu.png);
width:1000px;
background-repeat:repeat-y;
	
}
#footer{
background-image:url(interface_bas.png);
width:1000px;
height:40px;
margin:0 auto 0 auto;
clear:both;
}
#contenu{
	width:500px;
	float:right;
	margin-right:50px;
	margin-top:-60px;
}
#bandeau-clo{
	background-image:url(bandeau.jpg);
	width:196px;
	height:510px;
	position:absolute;
	left:227px;
	top:25px;
}
/***************MENU PRINCIPAL***********/
#bloc-gauche{
	float:left;
	margin-top:-30px;
	min-height:500px;
}
#bloc-gauche .petit-cadre-logo{
	clear:both;
}
ul#menu{
	padding:0;
	margin:0;
	list-style-type:none;
	width:200px;

}
ul#menu li{
	padding:0;
	margin:0;
}
#menu h2{font-family:"Georgia";font-size:14px;color:#402300;}

ul#menu li h2 a{
	display:block;
	text-align:right;
	color:#402300;
}
ul#menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#menu ul li{

}
#menu li li a{font-family:"Trebuchet MS";font-size:12px;color:#341c00;display:block;text-align:right;}
#menu li li a.strong{font-weight:bold;}
/********LOGOS**********/
.cadre-a-voir{
	margin-left:35px;
	margin-top:65px;
	clear:both;
	width:170px;
}
.cadre-a-voir h3{
	text-align:center;
}
.cadre-logo{
	float:right;
	width:245px;
	margin-left:18px;
	margin-bottom:4px;
	margin-top:-35px;
}
.cadre-logo-haut{
	width:245px;
	background-image:url(contenu_img_haut.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:10px;
	margin-bottom:-2px;
}
.cadre-logo-milieu{
	width:245px;
	background-image:url(contenu_img_milieu.jpg);
	height:10px;
}
.cadre-logo-milieu .spip_logos{ 
	margin-right:7px;
}
.cadre-logo-bas{
	width:245px;
	background-image:url(contenu_img_bas.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:10px;
	margin-top:-2px;
}
/*******PORT FOLIO*********/
.petit-cadre-logo{
	width:160px;
	margin-left:auto;
	margin-bottom:auto;
}
.petit-cadre-logo-haut{
	width:160px;
	background-image:url(menu_img_haut.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:10px;
	margin-bottom:-2px;
}
.petit-cadre-logo-milieu{
	width:160px;
	background-image:url(menu_img_milieu.jpg);
	height:10px;
}
.petit-cadre-logo-milieu .spip_logos{ 
	margin-right:7px;
}
.petit-cadre-logo-bas{
	width:160px;
	background-image:url(menu_img_bas.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:10px;
	margin-top:-5px;
}

/************ARIANNE**********/
h2#chemin{
	color:#996c36;
	font-size:13px;
	padding:0;
	margin:0;
	position:absolute;
	left:450px;
	top:60px;
	font-family:"Trebuchet MS";
}
/********MENU BAS************/
#menu_bas{
	padding:0;
	list-style-type:none;
	margin:0;
	margin-left:420px;
	position:relative;
	bottom:10px;
}
#menu_bas li{
	float:left;
	margin-left:20px;
}
#menu_bas li a{
	font-weight:bold;
}
/*********PETITS STYLES **************/

h1{font-family:"Georgia";font-size:18px;color:#341c00;}
h3{
	font-family:"Georgia";
	font-size:14px;
	clear:both;
}
h2{
	font-family:"Georgia";
	font-size:16px;
	clear:both;
}
h2 a{
color:#341c00;
text-decoration:none;
}
a{
	text-decoration:none;
	color:#996c36;
}
a:hover{
	text-decoration:underline;
}
a.backgroundhoverchange{
	background-position:top;
}
a.backgroundhoverchange:hover{
	background-position:bottom;
}
a.backgroundhoverchange span{
	display:none;
}
img{
	border:0;
}
a.lire_la_suite{
	float:right;
}

table.spip{
	width:100%;
}
/***********DOCS JOINTS****************/
.uneImageJointe{
	float:left;
	text-align:center;
	width:164px;
}
.unDocJoint{
	 width:85%!important;
}
.unDocJoint img{
	 display:inline!important;
	 float:left!important;
	 border:none!important;
	 margin-right:4px;
	 margin-bottom:4px;
}
.unDocJoint span{
	 float:left!important;
	 position:relative;
	 bottom:14px;
}
.spip_documents_center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.spip_documents_center dt{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
.spip_documents_left{
	margin-right:8px;
}
.spip_documents_right{
	margin-left:8px;
}
.spip_doc_titre,.spip_doc_descriptif{
	text-align:center;
}
/**********FORMULAIRES*******/
fieldset{
	border:0;
}
legend{
font-weight:bold;
}
.erreur{
	color:red;
}
input,textarea,select{
	width:90%;
	color:#996C36;
	font-weight:bold;
}
textarea{
	height:100px;
}
input.radio{
	width:auto;
}
input[type="checkbox"] {width:auto;}
ul.boutons{	list-style-type:none;}
table{
	width:100%;
}
/********RECHERCHE************/
.formulaire_recherche{
	padding:15px;
}
.formulaire_recherche label{
	display:none;
}
.formulaire_recherche input{
	width:50px;
}
.formulaire_recherche input#recherche{
	width:200px;
}
/***************UTILITAIRE**********/
.left{float:left;}
.right{float:right;}
.invisible{display:none;}
.spacer{clear:both;}

/*******BOUTIQUE************/
.bouton_ajouter_au_panier,.bouton_important{
	background-color:white;
	font-weight:bold;
	border:solid 1px #996C36;
	padding:5px;
	margin-top:8px;
	display:block;
	float:left;
}

td.total,td.total_ttc{
	text-align:right;
}
#total{
	font-weight:bold;
	text-align:left;
}
#oui,#non,#offrir_oui,#offrir_non,#livraison_1,#livraison_3,#paiement_1,#paiement_2,#paiement_3{
	width:auto;
}
.calend a{
	color:white!important;
}
.cpMonthNavigation{
	font-weight:bold;
	text-align:center;
}
.lesResa input{
	border:none;
	display:inline;
	width:150px!important;
	background:none!important;
	background-color:none!important;
}
table.calend, div.calend table, div.calend table td {
border:1px solid !important;
}
td.resa {
background-color:#755656;
}
.lesResa{
	/*border:solid 1px;*/
	padding:6px;
}
.cpMonthNavigation a{
	color:black!important;
}
