/**************générale***************/
body{
	background-image:url(fond.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:white;
	color:#4d4d4d;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
}
#globale{
	width:854px;
	margin-left:auto;
	margin-right:auto;
}
#header
{
width:854px;
height:237px;
margin:0 auto 0 auto;

}
#logo{
	display:block;
	float:left;
	width:219px;
	height:237px;
	background-image:url(logo.jpg);
	position:absolute;
	top:8px;
}
#cadre-bandeau{
	display:block;
	float:right;
	width:635px;
	height:201px;
	background-image:url(header_cadre.jpg);
}
#pied-content{
	text-align:right;
	padding-right:2px;
}
/***********HAUT***********/
#bloc-menu-haut{
	height:18px;
	padding-left:220px;
	margin-top:8px;
}
#bloc-menu-haut-gauche{
	float:left;
}
#bloc-menu-haut-droite{
	float:right;
}
/***********MILIEU********/
#gauche{
	float:left;
	width:219px;
}
#droite{
	float:left;
	width:635px;
}
/*********MENU**********/
#menu{
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu li{
		list-style-type:none;
	padding:0;
	margin:0;
}
#menu li a{
	display:block;
	height:46px;
	width:190px;
	background-image:url(menu2.png);
	margin-bottom:3px;
	padding-left:11px;
	padding-top:6px;
}
#menu li a.strong{
	background-position:bottom;
}
#menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
	width:201px;
	background-color:#FEFEFE;
}
#menu ul li a{
	padding:0;
	margin:0;
	background:none;
	height:auto;
		padding-top:2px;
	padding-bottom:4px;
	padding-left:6px;
	margin-left:6px;
	/*margin-right:20px;*/
	width:183px;
}
#menu ul li a:hover{
	background-color:#3d6799;
}
#menu ul li a.strong{
	/*background-image:url(menu_survol.png);*/
	background-color:#3d6799;
	background-repeat:no-repeat;

}

/************MENU HAU*************/
#img-bandeau{
	padding-left:5px;
}
#panier{
		display:block;
	height:18px;
	width:103px;
	background-image:url(btn_panier3.jpg);
	float:left;
}
#accueil{
		display:block;
	height:18px;
	width:99px;
	background-image:url(btn_accueil2.jpg);
	float:right;
}
#plan-site{
		display:block;
	height:18px;
	width:99px;
	background-image:url(btn_plan-site2.jpg);
	float:right;
}
#contact{
		display:block;
	height:18px;
	width:99px;
	background-image:url(btn_contact2.jpg);
	float:right;
}
#plan{
		display:block;
	height:18px;
	width:98px;
	background-image:url(btn_plan-acces2.jpg);
	float:right;
}
/***************cadres accueil*********/
div.petit-cadre{
float:left;
width:308px;

}
div.petit-cadre-haut{
background-image:url(accueil_bloc2_haut.png);
width:308px;
height:34px;
}
div.petit-cadre-haut h2{
	margin:0;
	padding:0;
	padding-top:5px;
	padding-left:10px;
}
div.petit-cadre-milieu{
background-image:url(accueil_bloc2_repeat.png);
width:308px;
}
div.petit-cadre-content{
	text-align:center;
}
div.petit-cadre-bas{
/*margin-top:-1px;*/
background-image:url(accueil_bloc2_bas.png);
background-repeat:no-repeat;
background-position:top;
width:308px;
height:9px;
}
/*****************ACTUS**********/
div.cadre-actu-haut{
background-image:url(accueil_bloc3_haut.png);
width:625px;
height:25px;
padding-top:7px;
padding-left:10px;
}

div.cadre-actu-content{
background-image:url(accueil_bloc3_repeat.png);
width:635px;
}
div.cadre-actu-bas{
background-image:url(accueil_bloc3_bas.png);
background-repeat:no-repeat;
background-position:top;
width:635px;
height:9px;
}
div.cadre-actu-1{
	padding-left:15px;
	padding-top:8px;
	padding-right:8px;
	text-align:justify;
}
div.cadre-actu-2{
	padding-top:8px;
	padding-left:8px;
	text-align:justify;
}
div.cadre-actu-1,div.cadre-actu-2{
	float:left;
	width:46%;
}
div.cadre-actu-1 h2,div.cadre-actu-2 h2{
	padding:0;
	margin:0;
	font-size:12px;
	color:#3d6799;
}
div.cadre-actu-1 h2 span,div.cadre-actu-2 h2 span{
	color:#4d4d4d;
	font-weight:normal;
}
/************************CONTENTGRAND*****************/
#content-haut{
background-image:url(page_bloc_haut.png);
width:635px;
height:15px;	
background-repeat:no-repeat;
background-position:bottom;
position:relative;
z-index:2;
}
#content-content h1{
	padding:0;
	margin:0;
	margin-top:-10px;
}
#content-content{
	padding:15px;
	position:relative;
z-index:1;
}
#content-milieu{
background-image:url(page_bloc_repeat.png);
width:635px;	
}
#content-bas{
background-image:url(page_bloc_bas.png);
background-repeat:no-repeat;
background-position:top;
width:635px;
height:24px;	
}
/************LISTE DES PRODUITS************/
div.un-produit{
	float:left;
	width:201px;
}
div.un-produit a{
	display:block;
}
div.cadre-produit{
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;
	padding:5px;
}
div.cadre-produit img{
border:solid 1px #e6e6e6;
padding:5px;
}
/**********************FORMULAIRE DE PRODUIT*************/
div.formu-produit{
	font-size:10px;
	margin-left:auto;
	margin-right:auto;
	width:183px;
}
div.formu-produit h2{
	color:#3d6799;
	padding:0;
	margin:0;
	margin-bottom:8px;
	font-size:12px;
}
div.formu-produit div.cadre-produit-qt{
	background-image:url(shop_quantite.jpg);
	width:31px;
	height:18px;
	float:left;
	margin-top:-4px;
	margin-left:4px;
	margin-right:4px;
}
div.formu-produit input.produit-qt{
	font-size:10px;
	height:12px;
	font-weight:normal;
	border:none;
	background:none;
	margin-left:3px;
	margin-right:3px;
	margin-top:1px;
}
div.cadre-produit-commander{
	clear:both;
	padding-top:8px;
}
div.formu-produit input.produit-commander{	
	width:125px;
	height:18px;
	background:none;
	border:none;
	background-image:url(shop_commande2.jpg);
	font-size:1px;
	display:block;
	color:white;
	clear:both;
	text-align:right;
	cursor:pointer;
}
/*****************formu-produit livres************/
.formu-produit-livre{
	float:left;
		padding-top:3px;
	padding-left:6px;
	width:270px!important;
}
.un-produit-livre{
	width:100%!important;
}
.cadre-produit-livre{
	float:left;
	width:301px;

}
.form-livre input{
	display:inline;
	float:left;
}
.cadre-produit-commander-livre{
	float:right!important;
	clear:none!important;
	padding-top:0;
	margin-top:-11px;
}

/***************FORMULAIRE DEMANDE PHOTO***********/
.ask-photo label{
	width:110px!important;
	display:block;
	float:left;
	
}
.ask-photo input, .ask-photo textarea{
	width:250px!important;
}


h2#chemin{
	padding:0;
	margin:0;
	color:#3d6799;
	font-size:10px;
	padding-left:15px;
	padding-top:8px;
	font-weight:normal;
}
h2#chemin a{
	color:#4d4d4d;
}
h2#chemin a:hover{
	text-decoration:underline;
}


a{
	color:#3d6799;
	text-decoration:none;
}
a.backgroundhoverchange{
	background-position:top;
}
a.backgroundhoverchange:hover{
	background-position:bottom;
}
a.backgroundhoverchange span{
	display:none;
}
img{
	border:0;
}

.uneImageJointe{
	float:left;
	margin-left:18px;
}
.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:8px;
}
.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;
}


/*********PAGINATION*******/
.paginemoi{
	background-color:#E8E8E8;
	padding:3px;
	font-weight:bold;
	text-align:right;
	display:none;
}


/**********FORMU*******/
fieldset{
	border:0;
}
legend{
font-weight:bold;
}
.erreur{
	color:red;
}
#oui,#non,.expedition input{
	width:auto;
}
input,textarea{
	width:50%;
	color:#4d4d4d;
	font-weight:bold;
}
textarea{
	height:100px;
}
input[type="checkbox"] {width:auto;}
ul.boutons{
	list-style-type:none;
}
ul.boutons a{
	padding:5px;
	color:white;
	font-weight:bold;
	background-color:#3d6799;
}
.formulaire_boutique ul.boutons li{
	margin-bottom:15px;
}
.content-panier table{
	width:80%;
}
td.total,td.total_ttc{
	text-align:right;
}
#TB_overlay {
	background:none!important;
}
#TB_window{
	border:solid 3px #3d6799;
}
/***************UTILITAIRE**********/
.left{float:left;}
.right{float:right!important;}
.invisible{display:none;}
.spacer{clear:both;}