@charset "utf-8";
html
{
height: 100%;
width : 100%;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	background-color:#DDED9C;
	margin: 0; 
	padding: 0;
	margin-bottom:0;
	margin-top:3px;
 	color:#66614B;
}
	

.menuhaut a:hover {
	color: #5C6772;
	font-style: italic;
	font-size: 18px;

}

.menuBas{
	color: #5C6772;
	font-style: normal;
	font-stretch:semi-expanded;
	font-size: 11px;
}

/* les titres de localisation */

.titreMenu{
	color: #CF5050;
	font-style: normal;
	font-stretch:semi-expanded;
	font-size: 15px;
	font-weight:bold;
}

.titreSousMenu{
	color: #292929;
	font-style: normal;
	font-stretch:semi-expanded;
	font-size: 15px;
	font-weight:bold;
}

/* les textes dans la page */
.titrePage {
	font-size : 14px;
	border-bottom: 1px dotted #757575;
	font-weight:bold;
	color: black;
}

.txtSocle {
	color:#514339; 
}

.titreSocle {
	color: #FF9900;
	font-style: normal;
	font-stretch:semi-expanded;
	font-size: 13px;
	font-weight:bold;
}

.sousTitreSocle {
	color: #292929;
	font-size: 13px;
	font-weight:700;
}

.titreProg {
	color: #982929;
	font-style: normal;
	font-stretch:semi-expanded;
	font-size: 15px;
	font-weight:bold;
}

.sousTitreProg  {
	color: #FF9900;
	font-size: 15px;
	font-weight:700;
}

/*formulaires*/

FIELDSET {
     /* border-STYLE: solid;*/
     /* border-WIDTH: 1px;*/
     /* border-color: #D25900;*/
	  border-bottom-width:6px;
	  padding-top: 3px;	


 } 

/* class generale à toute la page */
.bgSocle #container { 
	width: 100%;
	margin: 0 auto;
} 

/* Bloc entete avec image de fond */
div#entete {
	width:100%;
	text-align:center;
}

/* zone entete avec le tableau */
div#zoneEntete {
/*margin:0 auto;*/
/*width: 760px;*/
height:138px;
margin-left:3em; /* marge en pourcentage par rapport à gauche */
margin-right:3em; /* idem à droite, du coup c'est entre */
padding:0;
margin-top:-3px;	
/*
background-color:#0033CC;*/
}

/* zone de localisation avec titre et fond dégradé*/


/*style pour les liens sur le menu du haut */
#zoneEntete a:link {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}
#zoneEntete a:visited {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}
#zoneEntete a:hover {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

#zoneEntete a:active {
font-family:verdana, sans-serif;
font-size:15px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

/*style pour les liens sur le menu du bas */
#baspage a:link {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}

#baspage a:visited {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:transparent;
text-decoration:none;
}
#baspage a:hover {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

#baspage a:active {
font-family:verdana, sans-serif;
font-size:10px;
font-weight:bold;
color:#5C6772;
background-color:#F1EEBC;
text-decoration:none;
}

#contenu a:link {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#575244;
background-color:transparent;
text-decoration:none;
}
#contenu a:visited {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#575244;
background-color:transparent;
text-decoration:none;
}
#contenu a:hover {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#F1EEBC;
background-color:#575244;
text-decoration:none;
}

#contenu a:active {
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#F1EEBC;
background-color:#575244;
text-decoration:none;
}

/***********************************à voir si nécessaire************************************/

/* Logo haut droite  menu du haut */
img#logo { margin-top:1px; }
*:first-child+html img#logo { margin-top:4px; } /* correction ie7 */
* html img#logo { margin-top:4px; } /* correction ie6 */

/* menu du bas entete */
img#msituation { margin-top:3px; }
img#mdescription { margin-top:3px; }
*:first-child+html img#msituation { margin-top:1px;} /* correction ie7 */
*:first-child+html img#mdescription { margin-top:1px; } /* correction ie7 */
* html img#msituation { margin-top:1px; } /* correction ie6 */
* html img#mdescription { margin-top:1px; } /* correction ie6 */

/***********************************************************************************************/

/* BLOC CONTENU */
div#contenu {
clear:both;
margin:0 auto;
width:760px;
/*height:100%;

height:350px;  Hauteur : on peut l'enlever, c'est parceque y'avait pas de contenu, mais la hauteur s'adaptera au contenu, sinon, si tu veux fixer la hauteur de la zone de contenu, et si le contenu depasse, tu rajoutes overflow:auto et tu auras une barre de defilement sur le contenu */
text-align: left;
background-color:#FFFFFF;
border:#B3D627 1px solid; /*le bord de la zone*/
/*overflow: auto; per;et le scroll dans le div*/
}


 div#titreRouille{
 float:left;
 width:550px;
 height:25px;
 /*margin:2px;*/
 padding-left:2px;
 padding-top:8px;
 text-align:left;
 border:#FF9900 1px solid;
 border-bottom-width:6px;
 background-color: #D25900;
}

/************************************* 4 colonnes (3 larges à gauche) *************************/
 div#textegauche1{
 float:left;
 width:184px;
 margin:2px;
 padding-top: 20px
 text-align:left;
 background-color:#FFFFFF;
 /*height:300px;*/
/*  border:#B3D627 1px solid;  le bord de la zone*/
}

 div#textegauche2{
 float:left;
 width:184px;
 margin:2px;
 padding-top: 20px
 text-align:left;
 background-color:#FFFFFF;
 /*height:300px;*/
/*  border:#B3D627 1px solid;  le bord de la zone*/
}

 div#textegauche3{
 float:left;
 width:184px;
 margin:2px;
 padding-top: 20px
 text-align:left;
 background-color:#FFFFFF;
 /*height:300px;*/
/*  border:#B3D627 1px solid;  le bord de la zone*/
}
/* Pour le bandeau vertical */
div#colonneDroite{
float:right;
/*width:185px;*/
width:175px;

margin:2px;
text-align: left;
 background-color:#FFFFFF;
/*border:#B3D627 1px solid; le bord de la zone*/
}
/**************************************************************************************/

/* ZONE DE TEXTES*/

/************************************* 2 colonnes (large à gauche) *************************/
 div#textegauche{
 float:left;
 width:560px;
 margin:2px;
 padding-top: 20px
 text-align:left;
 background-color:#FFFFFF;
 /*height:300px;*/
/*  border:#B3D627 1px solid;  le bord de la zone*/
}

/**************************************************************************************/


/**************************************************************************************/

/*****Mise en page  *************************/
 div#cadreVert{
 margin:2px;
 border:#982929 1px solid;
 border-bottom-width:6px;
}



/**************************************************************************************/

/* BAS DE PAGE */
div#baspage {
	margin: 2px;
	width:746px;
	height:18px;
	background-color: #FFFFFF;
	border:#FF9900 1px solid; /*le bord de la zone*/
	margin-top: 8px;
	padding: 3px;
	text-align: center;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#infoConnexion{
	border:1px solid #999;
	background-color:#0C0;
	color:#fff;
	font-weight:bold;
	text-align:center;	
}