/* les couleurs
marron n   :#493729; (foncé)
marron n-1 :#655241;
marron n-2 :#826D5C;
marron n-3 :#A69687; (clair)
*/
html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	background-color:#fff;
	color:#8D5072;/*violet*/
	
	/*border:1px solid #fff;*/
} 
 
#conteneur{ 
 width:1000px; 
 text-align:left; 
 /*min-width: 500px;*/
 margin-left:auto; 
 margin-right:auto; 
 /*border:1px solid #fff;*/
} 

#header
{ 
 width:100%;
 padding:0;
 /*height:170px;
 border:1px solid #000;*/
}

/*==================================================================================================================*/
/* partie centrale pour les 3 colonnes*/
/*==================================================================================================================*/
#centre
{
	/*padding: 0px 0px 10px 0px;*/
	height:400px;
}


/*==================================================================================================================*/
/* partie centrale pour les 2 colonnes*/
/*==================================================================================================================*/
 
#colonne_gauche
{
 float:left;
 width:499px;
 padding:0;
 border-right:1px solid #C9C99F ;
 /*border:1px solid #000;*/
}
 
#colonne_droite
{
 float:left;
 width:500px !important;
 
 padding:0;
 /*border:1px solid #000;*/
} 
#diapo
{
	float:left;
	width:250px;
	height:230px !important;
	height:250px;
	padding:10px 0;
	background-color:#C9C99F ;
}
.module_accueil
{
	float:left;
	width:249px;
	/*border:1px solid #000;*/
}

.clr{clear:both;padding:0;margin:0}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 

/*===========================================fin css généré ==============================================================*/
.spacer{clear:both;visibility:hidden;height:0px}
/*=======================================================================================================
Les differents modules :   
========================================================================================================*/
.module_liste
{
	margin-left:10px;
	padding:10px 15px;
	text-align:left;
	background-image:url(images/puce_fleche_rouge.gif);
	background-repeat:no-repeat;
	background-position:0 14px;
}


#multipage
{
	text-align:center;
	padding-top:5px;
}
#multipage a{color:#4d4d62;text-decoration:none;}
#multipage a:hover{color:#b54a60;text-decoration:none;}
#multipage .selected{color:#b54a60;text-decoration:none;}

/*=======================================================================================================
MISE      EN     FORME     DU       TEXTE
========================================================================================================*/
h1{	margin:0;font-size:16px;}
h2{	margin:0;font-size:14px;}
h3{	margin:0;font-size:13px;}
h6{	margin:0;font-size:9px;line-height:9px;font-weight:lighter;}


p.liste{margin:0;}
.selected{margin:0;	font-weight:bold;color:#660033;}


a{color:#4d4d62;text-decoration:none;}
a:hover{color:#b54a60;text-decoration:none;}

/*######### COULEURS ###############*/
.marron{background-color:#C9C99F ;}
.bleu{background-color:#99CCCD ;}
.violet{background-color:#8D5072 ;}
/*######### FILETS #############*/
hr
{
	border:none;
	height:1px;
	margin-top:5px;
	clear:both;
}
hr.marron1{background-color:#493729;} /* (foncé) */
hr.marron2{background-color:#655241;}
hr.marron3{background-color:#826D5C;}
hr.marron4{background-color:#A69687;} /* (clair) */

/*=====================================================================
MISE EN FORME DES IMAGES
===================================================================*/
img
{
	border:none;
}
.bordure
{
	border:1px solid #fff;
}
.img_titre
{
	margin-left:10px;
}
/*######################################################################################################
								LA  PAGE   GALLERIE
######################################################################################################*/
.categorie_N
{
	font-size:30px;
	letter-spacing:0.7pt;
	color:#A69687;
}
a .categorie_N {color:#A69687;}
a:hover .categorie_N {color:#fff;font-weight:normal;}
.categorie_N_1
{
	font-size:20px;
	letter-spacing:0.7pt;
	color:#A69687;
}

/*######################################################################################################
								LA  PAGE   CONTACT
######################################################################################################*/

#module_formulaire
{
	margin:5px;
	padding:7px;
	/*border: 1px solid #000;*/
}

#module_coordonnees
{
	margin:3px;
	padding:7px;
	border: 1px solid #000;
}


.contact_form input{width:240px;padding-left:5px;border:1px solid #796E68;background-color:#000000;color:#FFFFFF;}
.contact_form textarea{width:240px;padding-left:5px;border:1px solid #796E68;background-color:#000000;color:#FFFFFF;font-family: "Trebuchet MS",Arial, Helvetica, Verdana, sans-serif;}


#valider
{
	float:right;
	margin-right:5px;
	_margin-right:10px;
}

label
{
	margin:0 20px 0 50px;
	float: left;
	width:150px;
	text-align:right;
}

/*######################################################################################################
								LA  PAGE   LIVRE D'OR
######################################################################################################*/
.message
{
	padding:0px;
	margin:0px;
}
#module_livre_dor
{
	margin:5px;
	padding:7px;	
}
#module_livre_dor label
{
	margin:0 20px 0 50px;
	float: left;
	width:50px;
	text-align:right;
}
#module_livre_dor #valider
{
	float:right;
	margin-right:60px;
	_margin-right:37px;
}
#module_livre_dor select
{
	background-color:#000;
	border:1px solid #796E68;
	color:#fff;
}
.lettrine
{
	float:left;
	margin:-5px 5px -5px 0;
	padding:0;
	font-size:36px;
	height:40px;
	/*border:1px solid #796E68;*/
}

/*######################################################################################################
								LA  PAGE   IDENTIFICATION
######################################################################################################*/
#module_identification label
{
	margin:0 20px 0 0px;
	float: left;
	width:80px;
	text-align:right;
}
#module_identification input{width:140px;border:1px solid #796E68;background-color:#000000;color:#FFFFFF;}
#module_identification #valider
{
	width:45px;
	height:20px;
	border-style:none;
}


 /*printer styles*/ 
@media print
{ 
/*hide the left column when printing*/
#colonne_gauche{display:none;} 
#centre_out{border-left:0;} 
img 
{
visibility:hidden;
}
/*hide the right column when printing*/
#colonne_droite{display:none;} 
#centre_out{border-right:0;} 
}
