/*Couleurs utilis�es
#E66900 : orange
#999999 : gris
#00A800 : vert
*/

/*Largeur					   
total : 1000px (#pageBody)
menu : 140px (#pageConteneurGauche,#pageConteneurGauche ul li a)
contenu : 860px (#pageContenu)
barre de navigation : 630px (#pageNavigation)
*/

* { margin: 0; padding: 0; }
body {text-align: center; padding: 0; margin: 0; background: #7D6F6C/*#E66900*/; font-family: Arial, Helvetica, "Sans Serif"; font-size: 14px}
img { padding: 0; margin: 0; border: 0; background: #f6f6f6; display: block; }
p { padding: 5px 0 5px 0; }
input, select { border: 1px solid #000; font-size: 12px; font-family: Arial, Helvetica, "Sans Serif"; }
a:hover, a:active, a:focus { outline: none; }
table { border: 0; border-collapse: separate; border-spacing: 5px; }
#pageBody {
	background:#FFFFFF;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-right : 2px;
	padding-left : 2px;
/*	border-left: 5px #00A800 solid;
	border-right: 5px #00A800 solid;
	border-bottom: 5px #00A800 solid;*/
}

#pageMenu {
	width: 100%;
	background: #ffffff;/* La couleur de fond du menu gauche et de l'ensemble entourant #pageContenu et l'image est le bandeau de couleur s'affichant sur le menu*/
/*	padding-bottom: 10px;*/
	height:35px;
	border-bottom: 2px #EE1C23 solid;
}			   

#pageMenu table
{
  align:center;
  height:35px;
  margin-left:auto;
  margin-right:auto;
  border-spacing:0px;
}

#pageMenu table tr td
{
  width:200px;
  background: #FFFFFF url(images/BTNGENERIQUE.jpg) no-repeat;
  text-align:center;
}

#pageMenu table tr td a
{
/*background: #FFFFFF url(images/BTNGENERIQUE.jpg) no-repeat;*/
text-decoration: none;
color: black;
font: normal 16px/25px Arial, Helvetica, "Sans Serif";
text-align: center;
}

#pageMenu table tr td a:hover
{
/*background:#FFFFFF url(images/BTNGENERIQUE.jpg) no-repeat;/*La couleur de fond lorsqu'on passe le curseur sur le menu*/
font: bold 16px/25px Arial, Helvetica, "Sans Serif";
}

#pageConteneurGauche {
/*	float: top;*/
	width: 100%;
	height: 250px;
	background: url(images/BANNER.jpg) #ffffff center no-repeat;
	display: table;/* A enlever si on passe le menu � gauche*/
	border-bottom: 2px #EE1C23 solid;
/*             margin-bottom: 6px;*/
}
#pageConteneurGauche img
{
/*	margin-top:24px;*/
	margin-left: 10px;
}
#pageMenu ul {/*float:left; margin-top: 12px; margin-bottom: 2px; margin-left: 6px; */list-style-type: none; }
/*---     Passage du menu � gauche      ---
#pageMenu ul { margin-top: 24px; margin-bottom: 60px; list-style-type: none; }
*/
#pageMenu ul li { margin: 0; padding: 0; display: inline; border: none; }
#pageMenu ul li a {background: #FFFFFF url(images/BTNGENERIQUE.jpg) no-repeat; background-position: 0 0px; /*display: block; */width: 200px; height: 35px; text-decoration: none; color: black; font: normal 16px/25px Arial, Helvetica, "Sans Serif"; text-align: center; /*margin: 1px 0 0 0*/}
#pageMenu ul li a:hover
{
background-color: #FFFFFF;
background:#FFFFFF url(images/BTNGENERIQUE.jpg) no-repeat;/*La couleur de fond lorsqu'on passe le curseur sur le menu*/
background-position: 0 0;
/*margin: 1px 0 0 0;*/
/*margin-left: 6px;*/
font: bold 16px/25px Arial, Helvetica, "Sans Serif";
}
#pageMenu ul li a:focus { background-color: #7D6F6C;/*La couleur de fond lorsqu'on clique sur le bouton*/ background-position: 0 0; }
#pageMenu ul li a span { padding-left: 5px; }
#pageMenu ul li a:hover span { padding-left: 10px; }		   

/*#pageRechEtLangue {float:right; margin: -100px 35px 3px 0; padding: 0 0 0 5px; width: 135px; height: 95px; font: normal 14px Arial, Helvetica, "Sans Serif"; background: transparent; display: inline; }*/
#pageRechEtLangue {float:right; margin: 220px 30px 0px 0px; padding: 0 0 0 0px; width: 80px; height: 30px; font: normal 18px Arial, Helvetica, "Sans Serif"; background: transparent; display: inline; }
#pageRecherche { margin: 0 0 3px 0; padding: 0 0 0 5px; height: 55px; display: block; }
#pageLangues { margin: 0 0 0 0; padding: 0 0 0 5px; height: 30px; display: block; }	
/*---     Passage du menu � gauche      ---
#pageRechEtLangue { margin: 0 0 3px 0; padding: 0 0 0 5px; width: 80px; height: 95px; font: normal 14px Arial, Helvetica, "Sans Serif"; background: #E66900; display: block; }
#pageRecherche { margin: 0 0 3px 0; padding: 0 0 0 5px; width: 135px; height: 55px; font: normal 14px Arial, Helvetica, "Sans Serif"; background: #a9a9a9; display: block; }
#pageLangues { margin: 0 0 0 0; padding: 0 0 0 5px; width: 80px; height: 40px; font: normal 14px Arial, Helvetica, "Sans Serif"; background: #a9a9a9; display: block; }
*/

#pageContenu
{
/*float: bottom;*/
width: 100%;
/*---     Passage du menu � gauche      ---
float: right;
width: 860px/*640px*/;
*/
margin: 1px;
padding: 0;
background: #ffffff
}
#pageContenu li { margin-left: 15px; padding-left: 5px; padding-bottom: 10px; }

#pageNavigation { margin: 0; padding: 5px 0 0 0; width: 100%/*930px*//*630px*/; height: 13px; /*border-top: 1px solid #a9a9a9; */}
#pageNavigation a { float: right; height: 13px; }

hr { display: block; clear: both; visibility: hidden; height: 1px; margin: 0; padding: 0; color: #F00; border: 0; } 

div.frame_accueil { margin: 0; }
div.frame_accueil .champ_texte_du_haut { margin: 0 9px 0 9px; padding: 20px 0 0 0; width: 400px; display: block; } div.frame_accueil .champ_image_du_centre { margin: 20px 9px 10px 9px; padding: 0; width: 400px; height: 400px; display: block; }
div.frame_accueil .champ_texte_du_bas { margin: 0 9px 0 9px; padding: 0; width: 400px; display: block; } div.frame_accueil .champ_conteneur_droite_liste_type_1_sous_frame { border-left: 2px solid #a9a9a9; margin: 3px 0 10px 0; padding: 0; float: right; width: 220px; }	   

div.frame_banniere { margin: 0 5px 12px 5px; padding: 0; width: 100%/*630px*/; }
div.frame_banniere .champ_image_banniere { /*margin: 0 5px 0 5px; padding: 0; *//*width:620px;*/ text-align: center; }	  
div.frame_banniere .champ_image_banniere img {margin-left: auto; margin-right: auto; }	  
			   
/*FRAME HORIZONTALE*/
/*
div.frame_type_1 { display: block; margin: 0 10px 5px 10px; padding: 0; width: 100%; text-align: left; } div.frame_type_1 .champ_image_du_haut, div.frame_type_1 .champ_texte_du_haut, div.frame_type_1 .champ_image_du_bas, div.frame_type_1 .champ_texte_du_bas { margin: 0 0 5px 0; padding: 0; }
*/
div.frame_type_1 { display: block; margin: 0 0px 5px 0px; padding: 0; width: 100%; text-align: left; }
div.frame_type_1 .champ_texte_du_haut, div.frame_type_1 .champ_texte_du_bas { margin: 0 10px 5px 10px; padding: 0; }
div.frame_type_1 .champ_image_du_haut, div.frame_type_1 .champ_image_du_bas { margin: 0 0 5px 0; padding: 0; }
div.frame_type_1 .champ_image_du_haut, div.frame_type_1 .champ_image_du_bas { text-align: center; }
div.frame_type_1 .champ_image_du_haut img, div.frame_type_1 .champ_image_du_bas img { margin-left: auto; margin-right: auto; }
div.frame_type_1 .champ_texte_du_haut marquee img, div.frame_type_1 .champ_texte_du_bas marquee img {display : inline;}
div.frame_type_1 .champ_texte_du_haut img, div.frame_type_1 .champ_texte_du_bas img {display : inline;}
div.frame_type_1_sous_frame { display: block; margin: 0 3px 0 3px; padding: 10px 0 10px 0; width: 214px; text-align: center; border-bottom: 1px solid #a9a9a9; }
div.frame_type_1_sous_frame .champ_image_du_haut, div.frame_type_1_sous_frame .champ_image_du_bas, div.frame_type_1_sous_frame .champ_texte_du_bas { margin: 0 7px 0 7px; padding: 0; width: 200px; display: block; }

/*FRAME VERTICALE*/
div.frame_type_2 { display: block; margin: 0 0px 5px 0px; padding: 0;
width: 100%/*630px*/; text-align: left; }
div.frame_type_2 .champ_image_de_gauche, div.frame_type_2 .champ_texte_de_gauche, div.frame_type_2 .champ_image_de_droite, div.frame_type_2 .champ_texte_de_droite { margin: 0 5px 0 0; padding: 0;  }
div.frame_type_2 .champ_texte_de_gauche, div.frame_type_2 .champ_texte_de_droite { vertical-align: top; background-color:#FFFFFF; width:100%} 
					  
/*FRAME AVEC CELLULES*/
/*
div.frame_type_3 { display: block; margin: 0 10px 10px 10px; padding: 0; width: 100%; text-align: left; }
div.frame_type_3 .champ_image_du_haut, div.frame_type_3 .champ_texte_du_haut { margin: 0 0 5px 0; padding: 0; }
div.frame_type_3 .champ_image_du_haut { text-align: center; }
div.frame_type_3 .champ_image_du_haut img { margin-left: auto; margin-right: auto; }
*/
div.frame_type_3 { display: block; margin: 0 0px 10px 0px; padding: 0; width: 100%/*620px*/; text-align: left; }
div.frame_type_3 .champ_image_du_haut { margin: 0 0 5px 0; padding: 0; }
div.frame_type_3 .champ_texte_du_haut { margin: 0 10px 5px 10px; padding: 0; }
div.frame_type_3 .champ_image_du_haut { text-align: center; }
div.frame_type_3 .champ_image_du_haut img { margin-left: auto; margin-right: auto; }
div.frame_type_3_sous_frame { float: left; display: block; margin: 10px 23px 10px 23px; padding: 0; width: 150px; height: 120px; border: 1px solid #000000; }
div.frame_type_3_sous_frame .champ_image { width: 150px; height: 100px; text-align: center; display: table-cell; vertical-align: middle; }
div.frame_type_3_sous_frame .champ_image img { display: inline; }
div.frame_type_3_sous_frame .champ_texte { text-align: center; font: bold 12px/20px Arial, Helvetica, "Sans Serif"; }

div.frame_type_4 { display: block; margin: 0 10px 10px 10px; padding: 0; width: 100%/*620px*/; text-align: left; } div.frame_type_4 .champ_image_du_haut, div.frame_type_4 .champ_texte_du_haut { margin: 0 0 5px 0; padding: 0; } div.frame_type_4 .champ_image_du_haut { text-align: center; }
div.frame_type_4 .champ_image_du_haut img { margin-left: auto; margin-right: auto; }
div.frame_type_4_sous_frame { display: block; margin: 0; padding: 0; }
div.frame_type_4_sous_frame .champ_texte { } 

.champ_form { font: normal 14px/25px Arial, Helvetica, "Sans Serif"; }
.champ_form .champ_form_texte { float: left; margin-left: 20px; width: 150px; text-align: left; }
.champ_form .champ_form_saisie { float: left; text-align: left; }
.champ_form .champ_form_checkbox { float: left; margin-left: 20px; width: 20px; text-align: left; }
.champ_form .champ_form_checkbox_texte { float: left; text-align: left; }
.champ_form .champ_form_envoyer { text-align: center; margin-top: 10px; }
.champ_form .champ_form_envoyer input { width: 200px; }
.form_obligatoire { color: red; }
.form_obligatoire_texte { font-size: 10px; }

#copyright {
	clear: both;
	display: block;
	text-align: center;
	font: bold 10px verdana;
	color: #999999/*#fff*/;
	background: :#999999;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#copyright a {
	color: #999999/*#fff*/;
	text-decoration: none;
}
#copyright a:hover { text-decoration: underline; }
#author, #author a, #author a:hover { visibility: hidden; }