/************************************** CORPS BASE et BALISES GENERIQUES *******************************/
html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.html_document{
	background-color: #ffffff;
	background-image:none;
}
body{
	width:100%;
	height:100%;
	margin: 0px;
	padding:0px;
	font-family: times, arial, sans-serif; /* on définit la police de base dans la page */
	font-size: 12pt; /* on définit la taille de police de base dans la page */
	background-color: #89a2b9;
	color:#4e3123;
}
.body_document{
	background-color: #ffffff;
	background-image:none;
}
fieldset
{
  padding: 5px;
  margin: 5px;
  border : 1px solid #5b5e64;
  background:none;
}
legend
{
  color: #4e3123;
  font-size:12pt;
}
a:link { 
	color: #455d81 ;
	text-decoration: underline;
	border:0px solid #FFFFFF;
}
a:visited {
	color :#455d81 ;
	/*text-decoration: bold;*/
	text-decoration: underline;
	border:0px solid #FFFFFF;
}
a:hover {
	color: #455d81 ;
	/*text-decoration: bold;*/
	text-decoration: underline;
	border:0px solid #FFFFFF;
}
table{
	border-collapse:collapse;
	border-color:#4e3123;
}
hr
{
	width:70%;
	border:1px solid #324b74;
	background-color:#324b74;
}
.sans_bordure
{
	border:0px solid #4e3123;
}
/****************************************** STRUCTURE *******************************/
#conteneur
{
	position:relative;
	width:982px;
 	height:auto;
 	margin:auto;
 	margin-top:-5px;
 	padding:0px;
	overflow:hidden;
	border:0px solid #5f793f;
	background-color:#FFFFFF;
	z-index:0;
}
#titre_fond
{
	background-color:#FFFFFF;
}
#titre{
  position:relative;
  width:709px;
  height:146px;
  margin:auto;
  background-image:url('./images/titre.png');
  z-index:2;
}
#information
{
	position:relative;
	height:46px;
	margin-top:-27px;
	background-image:url('./images/information.png');
	border:1px solid #6d513a; 
	border-bottom:0px solid #6d513a;
	z-index:1;
	color:#FFFFFF;
}
#corps{
  position:relative;
  left:0px;
  right:auto;
  top:0px;
  bottom:auto;
  width:980px;
  height:auto;
  margin:0px;
  padding: 0px;
  overflow:hidden;
  border: 1px solid #536937;
  border-top: 0px solid #a6341a;
  color:#324b74;
}
#menu_principal{
  float:left;
  width:180px;
  min-height:400px;
  z-index:0;
  margin:0px;
  margin-top:4px;
  margin-left:4px;
  margin-bottom:15px;
  padding:0px;
  font-size: 0pt;
}
#main{
  float:left;
  left:0px;
  right:auto;
  top:0px;
  bottom:auto;
  width:760px;
  height:auto;
  z-index:0;
  margin:0px;
  padding:10px;	
  background:none;
  font-size:12pt;
  background-repeat:no-repeat;
  background-position: top right;
}
#main_actualite{
  float:left;
  left:0px;
  right:auto;
  top:0px;
  bottom:auto;
  width:615px;
  height:auto;
  z-index:0;
  margin:0px;
  padding:10px;	
  background:none;
  font-size:12pt;
  background-repeat:no-repeat;
  background-position: top right;
}
#actualite{
  float:left;
  width:145px;
  min-height:400px;
  z-index:0;
  margin:0px;
  margin-top:10px;
  margin-bottom:15px;
  padding:5px;
  font-size: 12pt;
  border-right: 1px solid #3a537a;  
  border-bottom: 1px solid #3a537a;
  background-color:#e6ebf0;
}
#pied{
  width:980px;
  height:34px;
  margin:auto;
  padding:0px;
  padding-top:5px;
  overflow: hidden;
  z-index:0;
  background:none;
  font-size:10pt;
  text-align:center;
  color:#FFFFFF;
  border: 1px solid #536937;
  border-top: 0px solid #a6341a;
  background-color:#cfd8cc;
  background-image:url('./images/pied.png');
}
#pied a
{
	color:#FFFFFF;
}
/***************************************************** MENUS **********************************************************************/
#menu_principal ul, #menu_principal li {
	margin:0;
	padding: 0;
	list-style:none;
}
#menu_principal ul {
	position: relative;
	right:auto;
	top:0px;
  	bottom:auto;
	width: 180px;
 	margin: 0px;
	padding: 0px;
  	z-index:0;
}
#menu_principal li {
  float: left;
  width: 120px;
}
#menu_principal li a { /* dimensions et définitions des boutons */
	position: relative;
	left: auto;
	right:auto;
	top:auto;
  bottom:auto;
  width: 160px;
  /*height: 32px;*/
  margin: 0px;
  margin-top:3px;
  padding-left:10px;
  padding-top:6px;
  border: 1px solid #3e577c;
  border-top: 0px solid #d6deea;
  border-left: 0px solid #d6deea;
  background-repeat:repeat-y;  
  background-color:#e6ebf0;  
  z-index:0;
  cursor:pointer;
  display: block;  /* mise en block de <a> pour lui donner des dimensions */
  color: #587296;
  font-family: times, verdana, arial; /* on définit la police de base dans la page */
	font-size: 12pt; /* on définit la taille de police de base dans la page */
	font-weight:bold;
	text-align: center;
  text-decoration: none;
  text-align:left;
}
#menu_principal .encours
{
	width: 155px;
	color:#213a63;
	text-decoration:underline;
	border-left:5px solid #3e577c;
}
#menu_principal .subMenu li a,
#menu_principal .open_at_load li a
{
	text-align:left;
	padding-left:30px;
}
#menu_principal a.encours { /* dimensions et définitions des boutons */

}
#menu_principal li a:hover {
  color:#213a63;
}
/***************************************************** / MENUS **********************************************************************/
#oPageContenu
{
	width:770px;
	height:1000px;
}
#oContenuContenu
{
	width:770px;
	height:1000px;
}
.EditeurTaille1
{
	font-size:8pt;
}
.EditeurTaille2
{
	font-size:10pt;
}
.EditeurTaille3
{
	font-size:12pt;
}
.EditeurTaille4
{
	font-size:14pt;
}
.EditeurTaille5
{
	font-size:18pt;
}
.EditeurTaille6
{
	font-size:24pt;
}
.EditeurTaille7
{
	font-size:36pt;
}
.texte_erreur
{
	color:#FF0000;
}
main table{
	border-collapse:collapse;
	border-color:#62739d;
	margin:auto;
}
main td{
	border-color:#62739d;
}
/************************************** ONGLET  *******************************/
.groupe_onglet
{
	width:100%;
	height:23px;
	border-bottom:1px solid #554544;
	margin-bottom:10px;
}
.onglet
{
	float:left;
	height: 20px;
	padding-right:10px;
	padding-left:10px;
	background-color:#ced8e2;
	text-align:center;
	cursor:pointer;
	border: 1px solid #324b74;
	padding-top:2px;
	color:#324b74;
	font-family: times, verdana, arial; /* on définit la police de base dans la page */
	font-size: 12pt; /* on définit la taille de police de base dans la page */
	text-align: center;
	text-decoration: none;
}
.onglet a
{
	color:#324b74;
	text-decoration: none;
}
.onglet_actif
{
	float:left;
	height: 20px;
	padding-right:10px;
	padding-left:10px;
	background-color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	border: 1px solid #324b74;
	border-bottom: 1px solid #FFFFFF;
	padding-top:2px;
	color: #324b74;
	font-family: times, verdana, arial; /* on définit la police de base dans la page */
	font-size: 12pt; /* on définit la taille de police de base dans la page */
	text-align: center;
	text-decoration: none;
}
.onglet_actif a
{
	color:#324b74;
	text-decoration: none;
}
.onglet_invisible
{
	float:left;
	height:20px;
	text-align:center;
	border:0px;
}
.onglet_inactif
{
	float:left;
	height:18px;
	background-color:#cdeaaa;
	text-align:center;
	border:1px solid #a6341a;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	color:#554544;
	text-decoration:line-through;
}
/************************************** FORMULAIRE CONTACT  *******************************/
#formulaire_information input
{
	width:500px;
	background-color:#e3e6e9;
	border:1px solid #5b5e64;
}
#formulaire_contact input, select
{
	width:150px;
	background-color:#cdd4df;
	border:1px solid #5b5e64;
}
#formulaire_contact input,#formulaire_contact textarea
{
	background-color:#cdd4df;
	border:1px solid #5b5e64;
}
#oMessage
{
	width:300px;
	height:150px;
	background-color:#cdd4df;
	border:1px solid #5b5e64;
}
/************************************** DOCUMENTS  *******************************/
.document_selection_document
{
	float:left;
	width:120px;
	height:130px;
	margin:5px;
	padding:0px;
	border:0px;
	text-align:center;
}
.document_selection_document_entete
{
	border:1px solid #990000;
}
.document_selection_document_corps
{
	border:1px solid #990000;
	border-top:0px;	
	padding:2px;
}
.document_selection_image
{
	float:left;
	width:120px;
	height:130px;
	margin:5px;
	padding:5px;
	border:1px solid #990000;
	text-align:center;
}
.document_selection_fichier
{
	float:left;
	height:40px;
	margin:5px;
	padding:5px;
	border:1px solid #990000;
	text-align:center;
}
/************************************** DECORATION  *******************************/
#tableau_contact
{
	width:100%;
}
#tableau_contact tr,#tableau_contact td
{
	border:1px solid #5b5e64;
	padding:2px;
}
#tableau_contact thead
{
	font-weight:bold;
	text-align:center; 
}
#tableau_contact_message
{
	width:300px;
}