body
{
margin: 0;
padding: 0;
background: #DDDDDD;
}
		
#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: 0;
margin: 30px 0px 0px 20px;
}
		
#illus
{
margin: 0;
padding: 0;
float: right;
width: 250px;
height: 150px;
background: url(illus.jpg) no-repeat right top;
}

		
/*:::::::::::::::::::::  Menu  ::::::::::::::::::::*/
		
#menu ul
{
height: 35px;
margin: 0;
padding: 0;
background: url(menu.png) repeat-x 0 -25px;
list-style-type: none;
}


#menu li
{
float: left;
text-align: center;
}

#menu a
{
display: block;
padding: 0px 12px 0px 12px;
line-height: 25px;
font-family: "arial", helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
color: #008080;
text-decoration: none;
border-left: 1px solid #9b2;
border-right: 1px solid #9b2;
}

#menu a:hover
{
background: url(menu.png) repeat-x 0 0;
}

#menu img {
/*vertical-align : sub;*/
border: 0;
}
/*:::::::::::::::::::::  page  ::::::::::::::::::::*/
#contenu
{
margin: 0;
padding: 0;
}


#texte
{
float: right;
width: 550px;
margin: 0;
padding: 0;
}

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

#texte p
{
padding: 0 25px 0 0;
font-family: "arial", helvetica, sans-serif;
text-align: left;
font-size: 1.2em;
font-weight:100;
color: #008080;
line-height: 25px;
}

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

#image
{
text-align: center;
margin: 0;
padding: 0;
float: left;
width: 210px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.7em;
color: #666666;
line-height: 4px;
}

/*:::::::::::::::::::::  ours  ::::::::::::::::::::*/

#ref
{
clear: both;
width: 770px;
text-align: center;
padding: 0;
margin: 0;
background-color: #99CC00;
font-family: "Arial", Helvetica, sans-serif;
font-weight: normal;
font-size: 0.7em;
color: #008080;
}

#signet
{
text-align: right;
padding: 0;
margin: 0;
background: #DDDDDD;
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.5em;
color: #666666;
}

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

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

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

/*________________formulaire___________________*/

.form {
font-family: "arial", helvetica, sans-serif;
font-size: 0.8em;
font-weight:100;
	}

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 ***/
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;
}
	
.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
}