body {
text-align : center;
background: #fff;
background-image:url(verge.jpg);
background-repeat:repeat-x;

font-family: "Century Gothic",Helvetica,Verdana,Geneva;
font-size: 0.8em;
color: #666666;
margin : 0; 
padding : 0;
}

/*-----------------------index----------*/
#intro
{/*border: 1px solid #FF0000;*/
	width: 420px;
	margin: 30px auto;
	padding: 20px;
	text-align: center;
background: #fff;
border: 1px solid #CCCCCC;
}

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

#intro h1
{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 36px;
	color: #999999;
	font-weight:lighter;

}

#intro p
{

padding: 10px 0 10px 0;
margin: 0;
text-align: justify;
font-size: 13px;
}

#intro ul {
padding: 10px 0 10px 0;
margin: 0;
}

#intro li {
list-style-type: none;
padding: 0;
margin: 0;

}

#intro ul a
{
display: block;
font-family: "arial", helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #999999;
text-decoration: none;
padding-left: 10px;
}

/*........................*/
#intro a.bleu
{
	background: url(menu/menubleu.gif) no-repeat;
}
#intro a:hover.bleu
{
	background: url(menu/menuanimbleu.gif) no-repeat;
}
#intro a:active.bleu
{
background: url(menu/menubleu.gif) no-repeat;
}
/*........................*/
#intro a.vert
{
	background: url(menu/menuvert.gif) no-repeat;
}
#intro a:hover.vert
{
	background: url(menu/menuanimvert.gif) no-repeat;
}
#intro a:active.vert
{
background: url(menu/menuvert.gif) no-repeat;
}
/*........................*/
#intro a.jaune
{
	background: url(menu/menujaune.gif) no-repeat;
}
#intro a:hover.jaune
{
	background: url(menu/menuanimjaune.gif) no-repeat;
}
#intro a:active.jaune
{
background: url(menu/menujaune.gif) no-repeat;
}
/*........................*/
#intro a.rose
{
	background: url(menu/menurose.gif) no-repeat;
}
#intro a:hover.rose
{
	background: url(menu/menuanimrose.gif) no-repeat;
}
#intro a:active.rose
{
background: url(menu/menurose.gif) no-repeat;
}





#boite {
width: 770px;
margin: 0 auto ;
background-color: #FF0000;
}

/* Definitions des elements dans l'ordre du code Xhtml */
.spacer {
clear: both;
}

img { 
border : 0px; 
}
/*
padding-top, padding-right , padding-bottom, padding-left
*/
/* index */

#entete {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 18px;
	/*font-weight: bold;*/
color: #3333CC;
	width: 770px;
	height : 156px;
	margin : 15px 0 0 0;
	padding : 0;
	background-image:url(image/bandeau.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	background-color:#fff;
/*	border:1px solid #CC9900;*/
	}
	
#entete img {
float : left;
border : 0px; 
}


/*:::::::::::::::::::::  Menu haut ::::::::::::::::::::*/

#menu_entete {
float : right;
text-align : right;
font-size: 18px;
}

#menu_entete ul {
margin : 0; 
padding : 0;
bottom: 0;
list-style-type: none;
}

#menu_entete li {
display: inline;
margin : 0; 
padding : 0;
text-align: center;
}
#menu_entete a {
text-decoration: none;
margin: 0 ;
padding: 0;
}

#menu_entete .currentpage a, a:hover{
	color: #CCCCCC;
	text-decoration: none;
	font-style: italic;
}

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

#menu_entete .nextpage a:hover{
	color: #999999;
	text-decoration: none;
}




/*:::::::::::::::::::::  Menu gauche ::::::::::::::::::::*/

#menu_lateral
{
margin: 0;
padding: 0;
float: left;
width: 150px;
text-align: center;
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 18px;
/*font-weight: bold;*/
color: #FFF;
}


#menu_lateral ul
{
	background-color:#000000;
	margin: 0;
padding : 0;	
}

#menu_lateral li
{
list-style-type: none;
margin: 0;
padding: 8px 0 8px 0 ;
}


#menu_lateral a {
text-decoration: none;
margin: 0 ;
padding: 0;
}

#menu_lateral .currentpage a, a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;
}

#menu_lateral .nextpage a {
	color: #999999;
	text-decoration: none;
}

#menu_lateral .nextpage a:hover{
	color: #CCCCCC;
	text-decoration: none;
}

#menu_lateral img { 
border : 0;
margin: 0 ;
padding: 0;
}
/*::::::::::::::::::::: contenu ::::::::::::::::::::*/
/*________________page___________________*/

#page {
width: 620px;
float: right;
margin : 0; 
padding : 0;

}

#page .module {
background: url(image/bas.gif) repeat-x bottom;
margin: 0;
padding: 15px 15px 15px 15px;

border: 1px solid #CC9900;
text-align: left;

}

/*_image_*/

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


/*_text_*/


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


#page .module .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 .module 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 .module .texte {
/*H4*/
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
white-space: normal;
}

/*_liste et lien_*/

#page .module a {
color: #666666;
text-decoration: none;
border:0;
margin : 0; 
padding : 0;
}

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

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

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



/*_objet_*/



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

/*________________menu___________________*/

/*
padding-top, padding-right , padding-bottom, padding-left
*/

/*________________pack___________________*/

#pack {
width: 150px;
padding: 30px 0 0 0;
margin: 0;
float: right;
}

#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 ;
border:0;
margin : 0; 
padding : 0;
}
#pack a:hover{
color: #666666;
text-decoration: none ;
}

/*________________ours___________________*/

#ours {
margin: 15px 0px 0px 0px;
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
}