body, html{
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color:#605b4a;
	background: #fff;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #dbd9d2 url(images/fond_site.jpg) repeat-x;
}




a{
	text-decoration: none;
}

th {
  font-weight:bold;
  text-align:center;
  border-bottom: 1px solid #cfcfcf;
}

img.img_noborder {
	border: none;
	padding:0px;
}

.table_form_extranet img {
	border: none;
	padding:0px;
}

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


/******  BANNIERE  *****/

#banniere{
	width: 100%;
	height: 209px;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0px;
	overflow: hidden;
}

#bloc_banniere{
	width: 960px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	/*border: #0f0 solid 1px;*/
}

#flash_contenu{
	width: 334px; 
	height: 209px;
	float: right;
}

/****** outils  *****/

#bloc_outils{
	padding: 130px 0px 0px 0px;
	width: 450px;
	float: left;
	/*border: #0f0 solid 1px;*/
}

.lien_outils{
	display: block;
	float: left;
	color: #e7f7ff;
	font-size: 11px;
	background: url(images/fond_outils.gif) no-repeat right center;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}

.lien_outils:hover{
	color: #fff;
}

#bouton_drapeau{
	display: block;
	width: 18px;
	height: 13px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin-left: 7px;
}

#bouton_drapeau:hover{
	background-position: right;
}


/******  CONTENEUR  *****/


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

#bloc_menu_haut{
	height: 30px;
	background: url(images/fond_menu_haut.gif) repeat-x;
}

#menu_haut{
	width: 980px;
	margin: auto;
	padding: 1px 0px 0px 0px;
}

#menu_haut a{
	display: block;
	float: left;
	background: url(images/trait_menu_haut.gif) no-repeat right top;
	color: #fff;
	font-size: 16px;
	padding: 5px 16px 0px 18px;
}


#conteneur{
	width: 960px;
	margin: auto;
	padding: 20px 0px 0px 0px;
	/*border: #00f solid 1px;*/
}

#contenu{
	width: 640px;
	padding: 0px 20px 0px 20px;
	float: left;
	/*border: #00f solid 1px;*/
}




/******  COLONNE GAUCHE  *****/

#colonne_gauche{
	width: 224px;
	float: left;
	padding: 0px 0px 0px 0px;
	
	/*border: #f0f solid 1px;*/
	margin-right:10px;
}


/******  MENU  *****/
.menu1{
	text-align: right;
	display: block;
	color: #1c9ee3;
	font-size: 16px;
	background: url(images/ligne_menu1.gif) no-repeat right center;
	padding: 8px 16px 8px 12px;
}

a.menu1:hover{
	color: #b95625;
}

.menu1_actif{
	text-align: right;
  display: block;
	color: #b95625;
	font-size: 16px;
	font-weight: bold;
	background: url(images/ligne_menu1.gif) no-repeat right center;
	padding: 8px 16px 8px 12px;
}


.ligne_menu_1{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px 15px 0px 12px;
	overflow: hidden;
	background: url(images/fond_ligne_menu.gif) repeat-x;
	/*border: #0000ff solid 1px;*/
}




.menu2{
	text-align: right;
	display: block;
	color: #1c9ee3;
	font-size: 13px;
	background: url(images/ligne_menu2.gif) no-repeat right center;
	padding: 2px 16px 4px 12px;
}

.menu2:hover{
	color: #b95625;
}

.menu2_actif{
	text-align: right;
  display: block;
	color: #b95625;
	font-size: 13px;
	font-weight: bold;
	background: url(images/ligne_menu2.gif) no-repeat right center;
	padding: 2px 16px 4px 12px;
}


.ligne_menu_2{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px 15px 0px 12px;
	overflow: hidden;
	width:140px;
	float:right;
	background: url(images/fond_ligne_menu.gif) repeat-x;
	/*border: #0000ff solid 1px;*/
}

.menu3{
	text-align: right;
	display: block;
	color: #1c9ee3;
	font-size: 12px;
	background: url(images/ligne_menu3.gif) no-repeat right center;
	padding: 4px 16px 8px 12px;
}

.menu3:hover{
	color: #b95625;
}

.menu3_actif{
	text-align: right;
  display: block;
	color: #b95625;
	font-size: 12px;
	background: url(images/ligne_menu3.gif) no-repeat right center;
	padding: 4px 16px 8px 12px;
}

.ligne_menu_3{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px 15px 0px 12px;
	overflow: hidden;
	width:100px;
	float:right;
	background: url(images/fond_ligne_menu.gif) repeat-x;
	/*border: #0000ff solid 1px;*/
}


/*plan du site*/
.pds_menu0_actif{
  display: block;
	color: #1c9ee3;
	font-size: 18px;
	font-weight: bold;
	
	margin-top:5px;

}
.pds_menu1_actif{
  display: block;
	color: #b95625;
	font-size: 16px;
	font-weight: bold;
	margin-left:30px;
	margin-top:3px;

}
.pds_menu2_actif{
  display: block;
	color: #b95625;
	font-size: 14px;

	margin-left:60px;
	margin-top:1px;

}
.pds_menu3_actif{
  display: block;
	color: #b95625;
	font-size: 12px;
	
  margin-left:80px;
}
.pds_menu4_actif{
  display: block;
	color: #b95625;
	font-size: 11px;
	margin-left:100px;

}

/******  BOUTONS  *****/

.bouton_droit{
	display: block;
	width: 42px;
	height: 47px;
	float: left;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px 12px 0px 0px;
	/*border: #ff0 solid 1px;*/
}

.bouton_droit:hover{
	background-position: bottom;
}



/****** BLOC AGENDA ET COEUR  *****/

#bloc_infos{
	padding: 32px 12px 0px 0px;
	margin: 16px 0px 0px 0px;
	color: #021f32;
	font-size:11px;
}

#bloc_infos h1{
	color: #79a9d9;
	font-weight: bold;
}

#bloc_infos img{
	float: left;
	padding: 0px 5px 4px 0px;
}


/****** TITRE PAGE  *****/

#titre_page{
  margin: 0px 0px 0px 0px;
	border: #fff solid 1px;
	padding:4px;
	/*height:40px;*/
	font-size: 22px;
	font-family: HelveticaNeue, Helvetica, Arial;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #C5C0B7;
	color: #ffffff;
	text-align:center;
	
}

.ligne{
	height: 12px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
	background: url(images/fond_ligne.jpg) no-repeat center;
	/*border: #0000ff solid 1px;*/
}


/******  FOOTER  *****/
#bloc_footer{
	background: url(images/frise_footer.gif) repeat-x top;
}


#footer{
	width: 902px;
	height: 26px;
	margin: auto;
	padding: 50px 40px 0px 40px;
	color:#ffffff;
	/*border: #ff0 solid 1px;*/
}

#footer a{
	color: #fdfcfa;
	font-size: 10px;
}

#footer input {
	color: #777777;
	background-color:#ffffff;
	border:1px solid #999999;
	font-size: 10px;
}


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

#bloc_accueil{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 580px;
	margin: -290px 0px 0px -480px;
	/*border: #ff0 solid 1px;*/
}

/**** HAUT ACCUEIL  ***/

#ligne_haut{
	padding: 0px 0px 0px 0px;
	height: 449px;
	/*border: #f0f solid 1px;*/
}

#accueil_menu{
	width: 184px;
	float: left;
	padding: 140px 0px 0px 45px;
	/*border: #f0f solid 1px;*/
}

#accueil_menu a{
	display: block;
	color: #1d3648;
	background: url(images/fond_menu_accueil.gif) repeat-x bottom;
	padding: 4px 0px 4px 12px;
}

#accueil_menu a:hover{
	color: #3da8e7;
}

/*#colonne_accueil_image{
	width: 300px;
	height: 370px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 80px 0px 0px 0px;
	border: #0ff solid 1px;
}

#colonne_accueil_boutons{
	width: 180px;
	height: 100px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 300px 0px 0px 0px;
	border: #0ff solid 1px;
}*/

/******  BOUTONS ACCUEIL  *****/

#bloc_bouton_accueil {
	width: 41px;
	height: 200px;
	margin-top: -15px;
	margin-bottom: -18px;
	float: right;
	
	text-align:center;
	/*background-color:red;*/
}

.bouton_accueil{
	width: 41px;
	height: 32px;
	display: block;
	float: right;
	background-repeat: no-repeat;
	background-position: top;
	margin: 15px 0px 0px 0px;
	/*border: #ff0 solid 1px;*/
}

.bouton_accueil:hover{
	background-position: bottom;
}

/*** BAS ACCUEIL ***/

#ligne_bas{
	width: 100%;
	padding: 0px 0px 0px 0px;
	height: 134px;
	clear: both;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil{
	width: 200px;
	padding: 12px 0px 0px 60px;
	float: left;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil a{
	display: block;
	width: 150px;
	color: #908b6b;
	font-size: 11px;
	background: url(images/fond_outils.gif) no-repeat ;
	padding: 0px 0px 4px 8px;
	margin: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil a:hover{
	color: #bda722;
}

/****** BLOC AGENDA ET COEUR  *****/

#bloc_infos_accueil{
	width: 270px;
	float: left;
	padding: 20px 12px 0px 26px;
	margin: 16px 0px 0px 0px;
	color: #021f32;
	font-size:11px;
}

#bloc_infos_accueil h1{
	color: #79a9d9;
	font-weight: bold;
}

#bloc_infos_accueil img{
	float: left;
	padding: 0px 5px 4px 0px;
}

#footer_accueil{
	clear: both;
	height: 10px;
	margin: auto;
	padding: 8px 40px 0px 50px;
	/*border: #ff0 solid 1px;*/
}

#footer_accueil a{
	color: #979589;
	font-size: 10px;
}

/* netc de base */
/**forms**/
input,textarea,select {
  border:1px solid #444444;
  color: #444444;
  background: #ffffff;
  font-size:11px;
  font-family: verdana;
}
.saisie {
  border:1px solid #444444;
  color: #444444;
  background: #ffffff;
  font-size:11px;
  font-family: verdana;
}
input.inputSubmit {
  border:1px solid #2F98CF;
  font-family: verdana;
  font-size:12px;
  background:#2F98CF;
  color: #FFFFFF;
  font-weight:bold;
  cursor:pointer;

}
.formChamp
{
	margin-bottom: 5px;
}
.formIntituleChamp
{
	float: left;
	width: 150px;
	margin-right: 15px;
}
.formInputChamp
{
	float: left;
}
.formInputSubmit
{
	text-align: center;
}


/* div d'alerte */
#div_alerte_fond {
  position:absolute;
  top:0px;
  margin: 0px;
  background-color : #000000;
  width: 100%;
  height: 100%;
  
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
  
}

#div_alerte {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-200px;
  margin-left:-400px;
  height: 400px;
  width: 800px;
  background-color : #ffffff;
  border: 5px solid #CDE000;
  overflow-y: scroll;
  
}

#div_alerte_message {
  position:relative;
  text-align:justify;
  display:block;
  width:100%;
  height:100%;
}
#div_alerte_fermer {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-200px;
  margin-left:410px;
  width:20px;
  height:20px;
  text-align:center;
}


/*
extranet
*/
.table_listing_extranet {
  width:100%;
}
.table_listing_extranet td {
  border-bottom: 1px solid #cfcfcf;
  padding:4px;
  margin:0px;  
}