body
{
margin: 0;
padding: 0;
background: #E8EAD4;
}
		
#conteneur
{
width: 770px;
margin: 0 auto;
text-align: left;
background: #fff;

}
/*:::::::::::::::::::::  entete  ::::::::::::::::::::*/
#header
{
text-align: center;
margin: 0;
padding: 0;
height: 150px;
}
		
#logo
{
float: left;
/*width: 400px;
height: 110px;*/
padding: 10px 0 0 10px;
margin: 0;
}
		
#illus
{
margin: 0;
padding: 0;
float: right;
width: 250px;
height: 150px;
background: url(illus.jpg) no-repeat right top;
}

		
/*:::::::::::::::::::::  Menu  ::::::::::::::::::::*/
		
#menu
{

margin: 0;
padding: 0;
float: left;
width: 180px;
}

#menu ul
{

margin: 0;
padding: 10px 0 10px 10px;
}

#menu li
{
align: left;
list-style-type: none;

margin: 0;
padding: 0;
}

#menu a
{
display: block;
height: 20px;
text-align: left;
font-family: "arial", helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #966658;
text-decoration: none;
padding-left: 28px;
padding-top: 3px;
}

#menu a:hover
{
background: url(fleur.jpg) no-repeat;
}
#menu a:active
{
background: url(fleur.jpg) no-repeat;
}

/*:::::::::::::::::::::  page  ::::::::::::::::::::*/
/*
padding-top, padding-right , padding-bottom, padding-left
*/
#contenu
{
margin: 0;
padding: 0;
}
.lettrine
{
float: left;
width: .7em;
font-size: 4em;
line-height: 83%;
}

#texte
{
text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
width: 550px;
float: right;
margin: 0;
padding: 0;
}

#texte img
{
padding: 0;
margin: 0;
border: 0;
}

#texte form
{
padding: 0;
margin: 0;

}

#texte h1
{
padding: 0 25px 10px 0;
font-family: "arial", helvetica, sans-serif;
font-size: 27px;
font-weight:100; 
font-style: oblique;
text-align: right;
line-height: 25px;
color: #F0C17B;
border-bottom: 1px solid #F0C17B;
}


#texte h2
{
font-family: "arial", helvetica, sans-serif;
font-size: 24px;
font-weight:100; 
text-align: left;
line-height: 25px;
color: #F0C17B;
}

#texte h3
{
font-family: "arial", helvetica, sans-serif;
font-size: 18px;
font-weight:100; 
text-align: left;
line-height: 25px;
color: #F0C17B;
}

#texte p
{
padding: 0 25px 0 0;
text-align: justify;
font-family: "arial", helvetica, sans-serif;
/*font-size: 0.8em;*/
font-size: 14px;
font-weight:100;
color: #666666;
line-height: 25px;
}

#texte a
{
font-family: "arial", helvetica, sans-serif;
font-weight:100;
color: #666666;
line-height: 25px;
}

#texte a:hover
{
color: #E6C484;
}

#texte ul, ol
{
padding: 0 25px 5px 15px;
font-family: "arial", helvetica, sans-serif;
font-size: 14px;
font-weight:100;
color: #535353;
list-style-position: ouside;
}

#texte ul a
{
color: #666666;
}

#texte ul a:hover
{
color: #E6C484;
}

#texte ul li
{
text-align: left;
}

#texte cite
{
display : block;

font-style: italic ;
font-family: "Times New Roman", Times, serif;
font-size: 5 px;
font-weight:100;
color: #8CAAA8;
}

.droite
{
text-align: right;
}

.gauche
{
text-align: left;
}

#texte .vignette
{
padding: 0px 0px 5px 0px;
margin: 0px 25px 0px 10px;
text-align: center;
float: right;
width: 202px;
border: 1px solid #666;
}

#texte .vignette img
{
padding: 3px 3px 0px 3px;
margin: 0;

}

#texte .image
{
padding: 0px 10px 10px 10px;
margin: 0;
text-align: center;
width: 478px;
clear: both;
border: 1px solid #666;
}

#texte .image img
{
padding: 5px 5px 0px 5px;
margin: 0;

}


#texte .legende
{
width: 200px;
font-family: "arial", helvetica, sans-serif;
font-size: 0.6em;
font-weight:100;
color: #535353;
}

#texte hr
{
clear: both;
}

#texte table
{
width: 100%;
border:0;
padding: 0;
margin: 0;
text-align: center;
}

#texte .sep
{
color: #F0C17B;
background-color: #F0C17B;
height: 1px;
border: 0;
}

#texte .info
{
	text-align: center;
	font-family: "arial", helvetica, sans-serif;
	/*font-size: 0.8em;*/
font-size: 6 px;
	font-weight:100;
	color: #333333;
}
/*:::::::::::::::::::::  ours  ::::::::::::::::::::*/




#signet
{
clear:both;
width: 770px;
background: #DDDDDD;
}

#signet p
{
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.6em;
color: #666666;
text-align: right;
}

#signet a 
{
text-decoration: none;
color: #666666;
}

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

#signet img
{
vertical-align:middle;
border :0;
}
/*________________formulaire___________________*/



legend {	/*** Mise en forme des titres des cadres ***/

font-family: "Arial", Helvetica, sans-serif;
font-size: medium;
color: #008080;
background: transparent;
}

fieldset {	/*** Mise en forme des cadres ***/
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.8em;
padding: 0;
margin: 0 15px 0 15px ;
font-style: normal;
padding: 1em;
}

.row {
clear: both;	/*** Retour à la ligne obligatoire pour chaque ligne contenant un champ ***/
padding: 0;
margin: 0;
}

.titre {	/*** Mise en forme des intitulés de champs ***/
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 30%;	/*** Les intitulés prennent la moitié de la largeur totale du formulaire... ***/
text-align: right;	/*** ... et ils sont alignés à droite ***/
margin: 0;
padding: 0 0.5em 0 0;
font-family: "arial", helvetica, sans-serif;
font-size: 0.9em;
font-weight:100;
color: #535353;
}
	
.champs {
float: right;	/*** Très important, ne pas suprimer ! ***/
text-align: left;
}

textarea {
font-size: 1em; 
color: #006699; 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
color: #000000;
border:1px solid #006699;
}

select {
border:1px solid #006699;
background-color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #006699;
text-align: center
}

.bouton {
text-align: center;
}

.alert {
font-size: 1em; 
color: #BF0000; 
font-family: "Arial", Helvetica, sans-serif;
}

#part
{
text-align : left;
color: #666666;
width: 548px;
float: right;
margin: 0;
padding: 0 0 20px 0;
font-family: "arial", helvetica, verdana, sans-serif;
font-size: 22px;
}

#part dl
{
float : left;
width : 340px;
margin: 5px 0 10px 10px;
padding: 0;
font-family: "arial", helvetica, verdana, sans-serif;
}

#part dt
{

font-size: 22px;
font-family: "arial", helvetica, verdana, sans-serif;
margin: 0;
padding: 0;
}

#part dd
{
font-size: 13px;
margin : 3px 0 0 0;
padding: 0;
}

#part .baseline
{
font-family: "arial", helvetica, verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
font-weight: 700;
}

#part .geo
{
margin: 5px 0 3px 0;
padding: 0;
border-top: 1px solid #CCC;

}

#part hr
{
	clear : both;
	border : 1px solid #FFF;
}

#part hr.client
{
	clear : both;
	margin : 0;
	padding : 0;
border: 0;
color: #FFF;
background-color: #FFF;
height: 0;
}

#part .image
{
display: block;
width : 152px;
/* height: 152px; */
margin : 0;
padding : 0;
float : left;
/*border :0;*/
border: 1px solid #FFF;
}

#part img
{

float : right;
border :0;
}



#part .image hr 
{
clear : both;
border: 0;
color: #000;
background-color: #FFF;
height: 0;
margin : 0;
padding : 0;
}

#part .image input
{
margin : 0;
padding : 0;
float : left;
}

#part .coordonne input
{
margin : 0;
padding : 0;
float : right;
}

#part h1
{
	display: block;
	padding-top: 0;
	margin: 0 10px 10px 0 ;
	font-size: 25px;
	font-weight:lighter;
	text-align: right;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	border-bottom: 1px solid #666666;
	color: #666666;
	line-height: 40px;
	clear: both;
}


#part h2
{
	display: block;
	font-size: 15px;
	text-align: justify;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	color: #666666;
}

#part a 
{
text-decoration: none;
color: #666666;
}

#part a:hover
{
color: #E6C484;
}