/*CSS_DIFFUVINS.CH-AUTEUR:JOELLE GAILLARD______________________________________*/
/*Structure_Générale___________________________________________________________*/
html, body 
{
	height:				100%;
	margin: 			0;
	padding:			0;
}

html
{
	background-color:	black;
	background-image:	url("../design/main.gif");
	background-repeat:	repeat-y;
	background-position:center;
  	font-family:		Comic Sans MS;
	font-size:			100%;
	margin-bottom:		1px;
}

body
{
	background-image:	url("../design/head.gif");
	background-repeat:	no-repeat;    
	background-position:top center;                    
	font-size: 			.9em;
}

#global 
{
	position: 			relative;
	width: 				1005px;  
	height: 			100%;  
	min-height: 		100%;
	height: 			auto!important; 
	margin:				0 auto;
	_height: 			100%;
}

div#content
{
	padding-top:		200px;
	padding-bottom:		3em;
	margin-left: 		200px;
	width:				70%;
}

div#menu
{
	position: 			absolute;
	background-image:	url("../design/menu.gif");
	width:				143x;
	height:				223px;
	left:				12px;
	top:				46px;
}

div#news
{
	position:			absolute;
	width:				334px;
	height:				93px;
	top:				30px;
	left:				617px;
	overflow: 			auto;
}

div#foot
{
	position: 			absolute;
	bottom:				0;
	background-image:	url("../design/foot.gif");
	background-repeat:	no-repeat;
	width: 				1004px;
	height:				16px;
	margin-left:		-502px;
	margin-top:			-8px;
	left: 				50%;	
}

/*DIVERS_______________________________________________________________________*/

h1
{	
	padding-bottom: 	.5em;
	font-weight:		normal;
	font-size:			1.1em;
	text-align: 		center;
}

p
{
	font-size: 			1em;
	text-align: 		justify;
	line-height:		1.6em;
}

span
{
	font-size: 			1em;
}

a:link, a:visited, a:active
{
	color: 				#7f7777;
	text-decoration:	none;
	font-size:			1em;
}

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

a.menu
{
	color: 				#4d4b4b;
}

a.menu:hover
{
	color:				#7a5b5d;
}

a.lien_ext:  
{
	content:			"\0000a0[\2197]";
}

a.liens_news
{
	text-decoration:	underline;
}

.centre
{
	text-align: 		center;
	display:			block;
	margin:				0 auto;
}

.block
{
	display:			block;
}

li.titre  
{
	font:              	bold 16px Comic Sans MS;
	text-align:         left;
	list-style-type: 	none;
	padding-bottom:		0.5em;
}

li.base   
{
	text-align:         justify ;
	font-size:          14px;
	font-family:        Comic Sans MS;
	line-height:        200%;
	list-style-type: 	none;
}

ul  
{
	width:              100%;
	margin:             0 auto;
	padding:            30px 0 0 0 ;
	text-align:         left;
}

/*Cadre_du_menu________________________________________________________________*/

div#menu_content
{
	margin-top: 		2px;
	width:				125px;
	height:				220px;
	margin-left:		18px;
	overflow:			auto;
}

div#menu_content dl
{
	margin:				.5em 0 0 .6em;
	padding: 			0;
}

/*Cadre_des_News_______________________________________________________________*/

div#news_content
{
	width: 				95%;
	height: 			100%;
}

span.titre
{
	display: 			block;
	font-size: 			.8em;
	font-weight: 		bold;
	padding-bottom:		.5em;
	padding-top:		.3em;
}

p#news
{
	font-size: 			.8em;
	text-align: 		justify;
	line-height:		1.2em;
	font-weight:		normal;
	margin: 			0;
	padding: 			0;
}

/*Mise_en forme_des_formulaires________________________________________________*/

form
{
	border:				1px solid black;
	margin: 			0;
	padding: 			0;
}

#ajoutNews, #modNews/*id du formulaire*/
{
	width: 				40em;
	margin:				.6em 0 .6em 0;
}

#sentNewsletter
{
	width: 				43em;
	margin:				.6em 0 .6em 0;
}

.titreForm, .piedForm 
{	
	font: 				bold 1em arial, hevetica, sans-serif;
	text-align:			center;
	color: 				black;
	background:			#7a5b5d;
	margin: 			0;
	padding: 			.2em;
}

.piedForm 
{
	text-align: 		center; /*** Alignement des boutons***/
}

.piedForm input 
{
	font-weight: 		bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 		1em;
}

.corpForm 
{	
	border-top:			1px solid black;
	border-bottom:		1px solid black;
	color: 				black;
	background: 		#96787a;
	margin: 			0;
	padding: 			1em;
}

.corpForm fieldset label /*Ne concerne pas les radio ou les boutons*/
{	/*** Mise en forme des intitulés de champs ***/
	float: 				left;	/*** Très important, ne pas suprimer ! ***/
	width: 				30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: 		right;	/*** ... et ils sont alignés à droite... ***/
	margin:				0;
	padding: 			0 .5em 0 0;
	line-height: 		1.8;	/*** ... et centrés verticalement. ***/
}

.corpForm fieldset.radio label /*Ne concerne pas les radio ou les boutons*/
{	/*** Mise en forme des intitulés de champs ***/
	float: 				none;	
	width: 				normal;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	margin: 			0;
	padding:		 	0 1em 1em;
	line-height: 		normal;	/*** ... et centrés verticalement. ***/
}

.corpForm fieldset 
{	
	margin: 			0;
	font-style: 		normal;
	padding: 			0 1em 1em;
	border:				1px solid black;
}

.corpForm legend 
{
	font-weight: 		normal;
	color: 				black;
	background: 		transparent;
}

.corpForm p 
{	/*** Mise en forme des lignes du formulaire ***/
	padding: 			.2em 0 .2em 0;
	margin:				0 0 .2em 0;
}

.corpForm label:hover, .piedForm input 
{
	cursor: 			pointer;
}


/*Conditions de paiement panier*/
.corpForm fieldset label.paiement /*Ne concerne pas les radio ou les boutons*/
{	/*** Mise en forme des intitulés de champs ***/
	float: 				none;	/*** Très important, ne pas suprimer ! ***/
	width: 				normal;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: 		left;	/*** ... et ils sont alignés à droite... ***/
	margin:				0;
	padding: 			0 .5em 0 0;
	line-height: 		1.8;	/*** ... et centrés verticalement. ***/
}

input.paiement
{
	float: left;
}


/*Mise_en forme_des_tableaux___________________________________________________*/

form.table
{
	border: 			0;
}

table#news
{
	width: 				40%;
}

table
{
	width: 				80%;
	margin: 			0 auto;
	border-collapse:	collapse;
	border: 			1px solid black;
	background-color:	#96787a;
}

caption
{
	font-weight:		bold;
	margin:				0 auto;
	text-align: 		center;
	padding-bottom: 	.5em;
}

th
{
	background-color: 	#7a5b5d;
	border-bottom:		1px solid black;
}

table a:link, table a:visited, table a:active
{
	color: 				black;
	text-decoration:	none;
	font-size:			1em;
}

table a:hover
{
	color:				#4d4b4b;
}

.validTable
{
	text-align: 		center;
	margin: 			0 auto;
	display: 			block;
}

td.titre
{
	font-weight:		bold;
}

input.validTable
{
	margin-top:			1em;
}

td
{
	padding-left: 		.5em;
}

.bold a:visited, .bold a:active, .bold a:link
{
	font-weight:		bold;
}

.bold a:hover
{
	font-weight: 		normal;
}

/*Panier_______________________________________________________________________*/

form#form_commande
{
	width: 				80%;
	margin: 			0 auto;
}

table#tableau_commande
{
	width: 				100%;
	text-align: 		left;
}

table#tableau_commande caption
{
	padding-top: 		1em;
}

form#form_commande
{
	margin-bottom: 		2em;
}

table#tableau_commande th, table#tableau_commande td
{
	padding-left: 		.2em;
}

#tableau_commande tr, #tableau_commande  tr
{
	vertical-align: 	top;
}


/*Catalogue____________________________________________________________________*/

table#tableau_catalogue
{
	margin-top:			3em;
	width:				100%;
}


a.menu_region
{
	margin-left:		1em;
}

/*Moteur_recherche_____________________________________________________________*/

form#moteur_recherche
{
	border: 			0;
	width:				60%;
	padding-bottom: 	2em;
	padding-top:		0;
	margin: 			0 auto;
}

#tableau_search
{	
	width: 				100%;
}

#tableau_search tr, #tableau_catalogue tr
{
	vertical-align: 	top;
}

/*NEWSLETTER___________________________________________________________________*/

form.newsletter
{
	border: 			0;
	width:				30;
	padding-bottom:		2em;
}