
body {
text-align : center;
background-color: #efefef;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
/*font-size: 12px;*/
font-size: 0.8em;
color: #666666;
margin : 0; 
padding : 0;
}

#boite {
width: 770px;
/* pour centrer sur explorer et mozilla */
margin-left: auto;
margin-right: auto;
}

td {
vertical-align:top;
}

a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
/* Definitions des elements dans l'ordre du code Xhtml */
.spacer {
clear: both;
}

img { 
border : 0px; 
}

/* index */
#entete {
margin-top : 5px;
text-align : left;
background-color:#fff;
border:1px solid #CC9900;
}

/*________________page___________________*/

.page {
background: white url("bas.gif") repeat-x bottom;
float: right;
width: 580px;
margin-top: 11px;
background-color: #fff;
border: 1px solid #CC9900;
padding: 15px 15px 15px 15px;
text-align: left;
}

/*_image_*/

.page .visuel {
width: 50%;
/*border-right: #E60003 1px dotted;*/
float: left;
}


/*_text_*/


.page .bloctexte {
width: 45%;
float: right;
}


.page .accroche {
/*H3*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
text-indent: 2em;
text-align: justify;
white-space: normal;
margin: 20px 10px 30px 10px;
}


.page h1 {
text-align: left;
font-size: 2em;
font-style: italic;
font-family: "Times New Roman", Times, serif;
color: #C4A96E;
letter-spacing: 2px;
text-decoration: none;
}


.page .texte {
/*H4*/
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
white-space: normal;
}

/*_liste et lien_*/

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

.page a:hover {
color: #666666;
text-decoration: none;
}

.page .accroche ul {
font-weight: bold;
/*list-style: none;*/
margin-left: 0;
padding-left: 1em;
text-indent: 1em;
}

.page .accroche li {
font-weight: lighter;
}



/*_objet_*/



.page hr {
color: #CC9900 ;
background-color: #CC9900 ;
height: 1px;
border: 0 ;
}

/*________________menu___________________*/

#menu {
width: 150px;
margin: 0;
float: left;
}

/*________________pack___________________*/

#pack {
margin: 0;
float: left;
}

#pack .logo{
float: left;
margin: 2px;
}

#pack h1{
font-weight: 300;
text-align: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
}

#pack h2 {
color: Purple;
font-weight: 700;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#pack .text {
/*H3*/
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
white-space: normal;
}

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

/*________________ours___________________*/

#ours {
float: right;
width: 605px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #666666
}

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

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



/*________________formulaire___________________*/



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

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

fieldset {	/*** Mise en forme des cadres ***/
margin: 0;
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
}

