/** styles de base **/ 
/*les styles de base pour td, p, a sont dans stylebase.css*/ 

body, html{
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color:#5d5d5d;
	background: #716d61;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(images/fond_site.gif);
}



.spacer{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}

/****  STRUCTURE  *****/


#super_conteneur{
	width: 100%;
	background: url(images/fond_banniere.jpg) no-repeat center top;
	padding: 0px 0px 30px 0px;
	/*border: #f00 solid 1px;*/
}

#contenu{
	width: 860px;
	margin: 0px auto 0px auto;
	/*border: #f00 solid 1px;*/
	background:url(images/fond_contenu.gif) repeat-y;
}

#bloc_banniere{
	width: 860px;
	height: 270px;
	margin: auto;
	/*border: #f00 solid 1px;*/
}

#banniere{
	width: 390px;
	height: 270px;
	float: right; 
}



/****  BLOC OUTILS  *****/


#bloc_outils{
	width: 460px;
	/*height: 40px;*/
	margin: 0px 10px 0px 0px;
	padding: 200px 0px 0px 0px;
	float: left;
	/*border: #f0f solid 1px;*/
}

#bloc_outils a{
	color: #4e4e4e;
	font-size: 12px;
	display: block;
	float: right;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

#bloc_outils a:hover{
	color: #a0c43f;
	
}

.separateur_outils{
	height: 11px;
	width: 1px;
	font-size: 0px;
	float: right;
	padding: 0px;
	margin: 8px 8px 0px 8px;
	overflow: hidden;
	background: #4e4e4e;
}

#recherche{
	margin: 2px 0px 8px 20px;
	float: right;
}

.champs_recherche{
	border: #828282 solid 1px;
	color: #4e4e4e;
	background: #fff;
}

.champs_recherche_ok{
	border: none;
	color: #4e4e4e;
	background: none;
  cursor:pointer;
  cursor:hand;	
}


/****  CONTENU   *****/

#titre{
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 35px 0px;
	/*border: #ff0 solid 1px;*/
}

#colonne_contenu{
	width: 580px;
	float: right;
	padding: 0px 35px 0px 0px;
	/*border: #f0f solid 1px;*/
}

#colonne_contenu p{
	text-align: justify;
}

.titre_para{
	color: #1b6f94;
	text-transform: uppercase;
	background: url(images/fond_titre_para.gif) no-repeat;
	padding: 0px 0px 14px 14px;
	
}





/****  COLONNE MENU   *****/

#colonne_menu{
	width: 175px;
	padding: 0px 0px 0px 30px;
	float: left;
	/*border: #f0f solid 1px;*/
}

.menu1{
	width: 152px;
	font-weight: bold;
	font-size: 13px;
	background: url(images/fond_menu1.gif) no-repeat;
	padding: 8px 0px 0px 12px;
	margin: 0px 0px 12px 0px;
	background: #fff;
	border: solid 1px;
	border-left: solid 8px;
}

.menu1 a{
	padding: 0px 0px 8px 0px;
	display: block;
	color: #000;
	border: 0px;
}

.menu1 a:hover{
	color: #1b6f94;
}

.separateur_menu{
	height: 1px;
	font-size: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 8px 0px 8px 12px;
	background: url(images/fond_separateur_menu.gif) no-repeat left;
}

.menu2{
	padding: 0px 2px 0px 8px;
	margin: 0px 0px 0px 0px;
}

.menu2 a{
	display: block;
	font-weight: lighter;
	color: #2b2b2b;
	font-size: 12px;
	background: url(images/fond_menu2.gif) no-repeat;
	padding: 0px 0px 8px 8px;
	margin: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.menu2 a:hover{
	color: #1b6f94;
}


.menu3{
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
}

.menu3 a{
	display: block;
	font-weight: lighter;
	color: #777777;
	font-size: 12px;
	padding: 0px 0px 8px 8px;
	margin: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.menu3 a:hover{
	color: #1b6f94;
}

/******* plan du site ********/
/* CSS Document */

.pds_menu0{
	width: 300px;
	font-weight: bold;
	font-size: 13px;
	background: url(images/fond_menu1.gif) no-repeat;
	padding: 8px 0px 0px 12px;
	margin: 0px 0px 12px 0px;
	background: #fff;
}

.pds_menu0 a{
	padding: 0px 0px 8px 0px;
	display: block;
	color: #000;
	border: 0px;
}

.pds_menu0 a:hover{
	color: #1b6f94;
}

.pds_menu1{
	width: 300px;
	font-weight: bold;
	font-size: 13px;
	background: url(images/fond_menu1.gif) no-repeat;
	padding: 8px 0px 0px 12px;
	margin: 0px 0px 12px 0px;
	background: #fff;
	/*border: solid 1px;*/
	border-left: solid 3px #999999;
}

.pds_menu1 a{
	padding: 0px 0px 8px 0px;
	display: block;
	color: #000;
	border: 0px;
}

.pds_menu1 a:hover{
	color: #1b6f94;
}

.separateur_menu{
	height: 1px;
	font-size: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 8px 0px 8px 12px;
	background: url(images/fond_separateur_menu.gif) no-repeat left;
}

.pds_menu2{
	padding: 0px 2px 0px 8px;
	margin: 0px 0px 0px 0px;
}

.pds_menu2 a{
	display: block;
	font-weight: lighter;
	color: #2b2b2b;
	font-size: 12px;
	background: url(images/fond_menu2.gif) no-repeat;
	padding: 0px 0px 8px 8px;
	margin: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.pds_menu2 a:hover{
	color: #1b6f94;
}


.pds_menu3{
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
}

.pds_menu3 a{
	display: block;
	font-weight: lighter;
	color: #777777;
	font-size: 12px;
	padding: 0px 0px 8px 8px;
	margin: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.pds_menu3 a:hover{
	color: #1b6f94;
}

/****  FOOTER   *****/

#footer{
	width: 840px;
	height: 39px;
	margin: 0px auto 0px auto;
	background: url(images/fond_footer.gif) no-repeat;
	padding: 40px 20px 0px 0px;
	white-space: nowrap;
}


#footer a{
	color: #a3b0b7;
	font-size: 11px;
}

#footer a:hover{
	color: #92c3de;	
}


/****  ACCUEIL   *****/

#bloc_accueil{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 970px;
	height: 570px;
	margin: -285px 0px 0px -485px;
	/*border: #f0f solid 1px;*/
}


#bloc_outils_accueil{
	width: 480px;
	/*height: 40px;*/
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil a{
	
	color: #4e4e4e;
	font-size: 12px;
	display: block;
	float: left;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	
}

#bloc_outils_accueil a:hover{
	color: #0d98d5;
	
}

.separateur_outils_accueil{
	height: 11px;
	width: 1px;
	font-size: 0px;
	float: left;
	padding: 0px;
	margin: 8px 8px 0px 8px;
	overflow: hidden;
	background: #4e4e4e;
	text-decoration: none;
}

#bloc_banniere_accueil{
	width: 100%;
	height: 280px;
}

#banniere_accueil{
	width: 390px;
	height: 270px;
	float: right; 
}



#bloc_menu_accueil{
	width: 960px;
	/*border: #f0f solid 1px;*/
	
}

.menu1_accueil{
	width: 100px;
	height: 40px;
	font-weight: bold;
	font-size: 13px;
	background: url(images/fond_menu1.gif) no-repeat;
	padding: 5px 12px 0px 12px;
	margin: 0px 4px 8px 4px;
	background: #fff;
	float: left;
	text-align: center;
	border: solid 1px;
	border-bottom: solid 8px;
}

.menu1_accueil a{
	padding: 0px 0px 8px 0px;
	display: block;
	color: #000;
	text-decoration: none;
}

.menu1_accueil a:hover{
	color: #1b6f94;
}


#bloc_contenu_accueil{
	width: 100%;
	background: #fff;
	padding: 0px 0px 20px 0px;
}


.bloc_actus{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 20px;
	width: 340px;
	text-align: justify;
	float: left;
}

.bloc_actus h1{
	font-size: 13px;
	color: #1b6f94;
	text-transform: uppercase;
	margin: 0px 0px 8px 0px;
	border-bottom: #1b6f94 solid 2px;
}

.bloc_actus h2{
	color: #1b6f94;
	padding: 0px 0px 8px 0px;
}

.bloc_actus img{
	float: left;
	margin: 0px 8px 3px 0px;
	/*border: #1b6f94 solid 1px;*/
}



.lien_plus{
	display: block;
	color: #e37b00;
	text-align: right;
	float: right;
	font-size: 11px;
	margin: 4px 0px 0px 0px;
}

.lien_plus:hover{
	color: #ffaf51;
}



.cadre_img_accueil{
	background: #dadada;
	padding: 3px;
	margin: 0px 12px 5px 0px;
	float: left;
}

.ligne_accueil{
	height: 1px;
	font-size: 0px;
	padding: 0px;
	margin: 16px 0px 12px 0px;
	overflow: hidden;
	background: #BFB488;
	clear: both;
}


.liste{
	background: url(images/fond_liste.gif) no-repeat;
	padding: 0px 0px 5px 12px;
}

#footer_accueil{
	width: 100%;
	/*height: 39px;*/
	margin: 0px auto 0px auto;
	background: url(images/fond_footer_accueil.gif) repeat-x;
	padding: 20px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}


#footer_accueil a{
	display: block;
	color: #a3b0b7;
	float: right;
	font-size: 11px;
	text-decoration: none;
}

#footer_accueil a:hover{
	color: #92c3de;	
}



/**forms**/
input,textarea,select {
	border: #828282 solid 1px;
	color: #4e4e4e;
	background: #fff;
  font-size:11px;
  font-family: Arial;
}
.saisie {
	border: #828282 solid 1px;
	color: #4e4e4e;
	background: #fff;
  font-size:11px;
  font-family: Arial;
}
.submit {
  font-size:11px;
  font-family: Arial;
	border: #828282 solid 1px;
	color: #4e4e4e;
	background: #fff;
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
}

hr {
    color: #a7a7a7;
    text-align:center;
    width: 75%
    size:1;
}

/*test*/
.test {
background-repeat:no-repeat;
background-position:left;
background-image:url(images/puces/puceBleue.gif);
padding-left:10px;
}

.hrSeparateur {
    color: #a7a7a7;
    text-align:center;
    width: 400px;
    size:1;
}

/* special ancre */
.divanchor {
    background-image: url(images/anchor.gif);
}