body{
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-family: verdana;
	color:  #4d4d4d;
	font-size: 11px;
}

/** Permet le bon affichage du menu en attendant la correction de JCMS **/
.cms #wrapper{
	overflow: visible !important;
}

/** Gabarit de la page **/
#centre {
	width:1024px;
	margin-top: 15px;
}

#enteteLiens {
	width: 1024px;
	height: 21px;
	width: 1024px;
	background-color: #cfd0d2;
}

#enteteLiens a{
	color:  #4d4d4d;
	text-decoration: none;
	outline: none;
}

#enteteLiens a:HOVER{
	color:  #009ee0;
	outline: none;
}

#enteteLiens a:ACTIVE{
	color:  #003781;
	outline: none;
}

.enteteLien{
  float: right;
  margin-top: 3px;
  margin-right: 21px;
}
/*
#entete {
	width: 100%;
	height: 97px;
	background: url("../images/background_mega_menu.png") repeat-x;
	margin-bottom: 7px;
}
*/
#enteteCentre{
	width:1024px;
	margin: auto;
}

#mega_menu{
	float: left;
	position: relative;
	left: 63px;
	top: 40px;
}

#mega_menu .topic{
	float: left;
	margin-right: 21px;
}

#connexion_publique{
	float: right;
	margin-right: 21px;
	margin-top: 17px;
	vertical-align: top;
	width: 162px; 
}

#connexion_publique a {
    display: block;
    background: url("../images/bt_connexion.jpg") no-repeat right top ;
    height:22px;
    padding-left: 7px ;
    padding-top: 4px;
    color: #FFFFFF;
    text-decoration: none;
}

#connexion_publique a:hover {
    background: url("../images/bt_connexion_hover.jpg") no-repeat right top ;
    text-decoration: none;
}

#connexion_publique img{
	border: none;
}


#zoneRecherche{
	position: relative;
	width: 324px;
	top: 72px;
	left: 330px;
	height: 26px;
	float: left;
	background-color: #FFFFFF;
}

#zoneRecherche input{
	border: none;
	vertical-align: top;	
	height: 26px;
	padding: 0px;
	width: 294px;
}

/** Corps **/
#corps{
	width: 985px;
	margin : auto;
}

/** Contenu **/
#contenu {
	width:814px;
	display:block;
	margin-left: 2px;
}

/** Barre de gauche **/
#barreGauche {
	float:left;
	width:162px;
}

#sepBarreGauche{
	height: 15px;
	width: 148px;
	background-image: url("../images/divisionH.gif");	
	background-repeat: repeat-x;
	background-position: center;	
	margin: auto;
}

/** Zone indiquant la date de derniere connexion**/
#infoConnexion{
  text-align: center;
  width:148px;
  background-color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 9px;
  padding-left: 7px;
  padding-right: 7px;
}

#infoConnexion a {
  color: #4D4D4D;
}

#infoConnexion a:hover {
  color: #009EE0;
	text-decoration: none;
}

#infoConnexionVide{
  width:148px;
  background-color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
}

/** Zone d'accueil de la personne **/
#accueilPersonne{
  text-align: center;
  width:162px;
  background-color: #FFFFFF;
  padding-bottom: 7px;
}

#accueilPersonne a{
	margin:auto;	
	margin-bottom: 2px;
	outline: none;
}

span.bonjour{
	font-weight: bold;
	font-size: 11px;
	position: relative;
	top:7px;
	display: block;
	margin-bottom:5px;	
	padding-left: 7px;
	padding-right: 7px;
}

/** Menu de navigation vertical **/
#menu {
	width:162px;
}

#menu .bloc{
	width: 162px;
	height: 23px;
}

#menu .bloc a:active, .bloc a:FOCUS {
	outline: none;
}

#menu .separateur{
	height: 1px;
	width: 162px;
	background-image: url("../images/divisionH.gif");	
	background-repeat: repeat-x;
	background-position: center;
}

#menu .separateurSousMenu{
	height: 1px;
	width: 162px;
	background-image: url("../images/divisionH.gif");	
	background-repeat: repeat-x;
	background-position: center;
	display: none !important;
}

#menu a:active{
	background-color: #ACACAE;
	color:#4D4D4D;
	text-decoration:none;
}

#menu .bloc  a:visited.menuSel{
	color:#003781;
	background-color: #E5E5E5;
}

#menu .tiroir a:visited.menuSel{
	color:#4D4D4D;
	background-color: #CFD0D2;
	text-decoration:none;
}



.tiroir{
	width: 162px;
	height: 21px;
}

.tiroir a{
   border:0px;
}

.tiroir a:ACTIVE, .tiroir a:FOCUS{
	outline: none;
}

.menuSel{
	color:#003781;
	background-color: #E5E5E5;
}

.menuNonSel{
	color:#4D4D4D;
	background-color: #FFFFFF;
}

.menuSel:hover{
	color:#003781 !important;
	background-color: #CFD0D2 !important;
}

a.bgc_menu_2 {
	/** hauteur d'un tiroir de menu moins le padding-top **/
	height:23px;
	/** largeur de la barre de menu moins le padding-left **/
	width:162px;
	border:0px;
}

a.bgc_menu_2 font.texteBloc {
	position: relative;
	top:5px;
	left: 7px;	
}

.bgc_menu_2:hover{
	color:#009EE0;
	text-decoration:none;
	background-color: #FFFFFF;
}

.bgc_menu_3 {
	width:162px;
	border:0px;
	background-color: #E5E5E5;
}

a.bgc_menu_3 {
	color:#4D4D4D;
	height:21px;
	width:162px;
}

a.bgc_menu_3 font{
	position: relative;
	top:5px;
	left: 14px;
	font-family: verdana;
	font-weight: normal;
	text-decoration:none;
}

.menuSel .rouge {
	color: #4D4D4D;
	font-size: 11px;
}

.menuSel:hover .rouge {
	color:#003781 !important;
	background-color: #CFD0D2 !important;
}

.tiroir .menuSel{
	color:#4D4D4D;
	background-color: #CFD0D2;
	text-decoration:none;
}

.tiroir .menuNonSel{
	color:#4D4D4D;
	background-color: #E5E5E5;
	text-decoration:none;
}

.tiroir .menuNonSel:hover{
	background-color:#CFD0D2;
	color:#4D4D4D;
	text-decoration:none;
}

#menuNbMsg {
	font-weight: bold;
	color: #003781;
}

/** Mainframe **/
#mainframe {
	border:0px solid;
    float:left;
}

.mainframe_prive {
	width: 100%;
	margin-bottom: 24px;
	background-color: white;
	border: 2px solid #FFFFFF !important;
}

.mainframe_prive_backoffice {
  width: 100%;
  margin-bottom: 24px;
  height: 4500px !important;
  background-color: white;
  border: 2px solid #FFFFFF !important;
}

.mainframe_publique {
	width: 968px;
	margin-bottom: 24px;
	padding: 7px;
	background-color: white;
}

/**Pied de page **/
#piedPage{
	clear:both;
	width: 100%;
	height: 41px;
	background-image: url("../images/footer_1px.png");
	background-repeat: repeat-x;
	margin-top: 21px;
	float: left;
	position: fixed;
	bottom: 0px;
}

#piedPageCentre{
	width:980px;
	margin: auto;
}

#piedPage a{
	color:  #4d4d4d;
	text-decoration: none;
	outline: none;
}

#piedPage a:HOVER{
	text-decoration: underline;
	outline: none;
}

#piedPage a:ACTIVE{
	outline: none;
}

.navigationHorizontalePiedPage{
	float: left;
	margin-right: 21px;
	position: relative;
	top: 13px;
}

#piedPageSecondaire{
	margin-left: 7px;
}

#piedPageSecondaire_publique{
	margin-left: 7px;
}

.piedPageSecondaire{
	height: 30px;
	float: left;
	clear: both;
	margin-bottom: 60px;
	width: 100%;
}

.piedPageSecondaire a{
	color:  #4d4d4d;
	text-decoration: none;
	outline: none;
}

.piedPageSecondaire a:HOVER{
	text-decoration: underline;
	color:  #4d4d4d;
	outline: none;
}

.piedPageSecondaire a:ACTIVE{
	outline: none;
	color:  #4d4d4d;
}

.navigationHorizontalePiedPageSecondaire{
	float: left;
	margin-right: 14px;
}

.navigationHorizontalePiedPageSecondaire a{
	background-image: url("../images/puce_gris.gif");
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px;
}

.navigationHorizontalePiedPageSecondairePremier{
	float: left;
	margin-right: 14px;
}

/** Zone de texte **/
.titre{
	font-size: 13px !important;
	color: #003781;	
	font-weight: bold;	
}

/** Zone de division **/
.divisionH{
	height: 15px;
	background-image: url("../images/divisionH.gif");	
	background-repeat: repeat-x;
	background-position: center;
}

.popup_content .divisionH{
	margin-left: 7px;
	margin-right: 2px;
}

/** Liens **/
a{
	color: #003781;
	text-decoration: none;
}

a:HOVER{
	color: #009ee0;
	text-decoration: underline;	
}

.ZoneDroite{
	text-align: right;
}

/** Puces */
a.puce{
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px;
}



/** Fenetres modales */
#popup_shadow{
	display: none;
    z-index: 99998;	
    height: 100%;
    width: 100%;
    float: left;
    position: fixed;
}

#popup_shadow_content{
	opacity : 0.6;
    filter : alpha(opacity=60); 
    background-color: #000000;  
    height: 100%;
    width: 100%;
}
.popup_border_shadow{
	display: none;
	opacity : 0.6;
    filter : alpha(opacity=60);
    z-index: 99997;	
	position: fixed;
}

#popup_border_shadow_top_left{
  	background: url("../images/border_shadow_corner.gif") 0 0 no-repeat;
}

#popup_border_shadow_top_right{
  	background: url("../images/border_shadow_corner.gif") -3px 0 no-repeat;
}

#popup_border_shadow_bottom_left{
  	background: url("../images/border_shadow_corner.gif") 0 -3px no-repeat;
}

#popup_border_shadow_bottom_right{
  	background: url("../images/border_shadow_corner.gif") -3px -3px no-repeat;
}

#popup_border_shadow_top{
  	background: url("../images/border_shadow_top_bottom.gif") 0 0 repeat-x;
}

#popup_border_shadow_bottom{
  	background: url("../images/border_shadow_top_bottom.gif") 0 -3px repeat-x;
}

#popup_border_shadow_left{
  	background: url("../images/border_shadow_left_right.gif") 0 0 repeat-y;
}

#popup_border_shadow_right{
  	background: url("../images/border_shadow_left_right.gif") -3px 0 repeat-y;
}

.popup_content{
 /* masque par défaut */	
	display: none;
 	opacity : 1;
    filter : alpha(opacity=100); 
	border: 7px solid #FFFFFF;
	background-color: #E8E8E8;
	z-index: 99999;
    float: left;
}

.popup_content iframe{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:none;
	width: 100%;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;	
}

#close{
	float: right;
	margin-right: 2px;
	background: url("../images/bt_close.gif"); 
	height: 20px;
	width: 20px;
	position: relative;
	top:-5px;
}

.popup_content .formulaire .bloc{
	background-color: #E8E8E8;
}
/** Mire de connexion */
#connexion{
	width: 448px;	
	position: fixed;
}

/** Mire de sessionExpiree */
#sessionExpiree{
	width: 400px;	
	position: fixed;
}

#sessionExpiree .bloc{
	background-color: #E8E8E8;
	margin: 5px;
}

#closeSI{
	float: right;
	background: url("../images/bt_close.gif"); 
	height: 20px;
	width: 20px;
	position: relative;
}

/** Formulaires**/
.formulaire{
	font-weight: bold;
	border: 0px;
}

.formulaire a{
	border: none;
	display: inline;
}

.formulaire a.puce{
	font-size: 9px;
}

.formulaire .titre{
	font-size: 13px;
	margin-left: 7px;
	color: #003781;
}

.formulaire .soustitre{
	font-size: 13px;
	margin-bottom: 10px;
	margin-left: 7px;
}

.formulaire .erreur{
	color: red;
	margin-left: 7px;
	float: left;
	margin-top: 3px;
}

.formulaire .ZoneDroite{
	margin-top: 10px;
	margin-right: 2px;
}

.formulaire .blocboutons{
	background-color: #eeeeee;
	height: 22px;
}

.formulaire .blocboutons a{
	margin-left:2px;
	float: right;
	outline: none;
}

.formulaire .bloc{
	background-color: #eeeeee;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 2px solid #FFFFFF;
	width: 100%;
}

.formulaire .bloc table{
	width: 100%;
	table-layout: fixed;
	margin-left: 5px;
	padding-right: 5px;
}

.formulaire .bloc .label{
	background-color: #cfd0d2;
	height: 21px;
	padding-left: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 40%;
}

.formulaire .bloc .content{
	padding-left: 6px;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 7px;	
	width: 60%;
}

.formulaire .bloc .note{
	margin-left: 7px;	
}

.formulaire input {
  color: #4D4D4D;
  border: 1px solid #E5E5E5;
  font-size: 11px;
  font-family: Verdana Regular,Verdana;
  width: 100%;
  height: 19px;
  line-height: 19px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.formulaire select {
  color: #4D4D4D;
  border: 1px solid #E5E5E5;
  font-size: 11px;
  font-family: Verdana Regular,Verdana;
  width: 100%;
  height: 19px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/** Boutons **/
#boutonOK{
	background: url("../images/boutonOK.gif");	
	height: 22px;
	width: 50px;
	display: block;
}

#boutonValider{
	background: url("../images/bt_bleu_valider.jpg");	
	height: 22px;
	width: 148px;
	display: block;
}

a#boutonValider:hover{
  background-position: 0 -22px;
}

#boutonMonProfil{
	background: url("../images/mon_profil.jpg");	
	height: 22px;
	width: 148px;
	display: block;
}

a#boutonMonProfil:hover{
  background-position: 0 -22px;
}

#boutonMDP{
	background: url("../images/mot_de_passe.jpg");	
	height: 22px;
	width: 148px;
	display: block;
}

a#boutonMDP:hover{
  background-position: 0 -22px;
}

#boutonDeconnexion{
	background: url("../images/deconnexion.jpg");	
	height: 22px;
	width: 148px;
	display: block;
	margin-bottom:0px !important;
}

a#boutonDeconnexion:hover{
  background-position: 0 -22px;
}

/**********************/
/* Messages d'erreurs */
/**********************/
.titError {
	color: #A50034 !important;
	font-size: 11px;
	font-weight: bold;
}

/****************/
/* Textes       */
/****************/
.txtProperties {
  COLOR: #4D4D4D !important;
  FONT-FAMILY: Verdana Regular,Verdana !important;
  FONT-SIZE:11px !important;
}

/***********************/
/* Releve Electronique */
/***********************/
.TitListeDoc {
	font-weight: bold;
}

/***********/
/* Tableau */
/***********/
.Tb {BORDER-SPACING:1px; BACKGROUND-COLOR:#EEEEEE; BORDER-WIDTH: 0; WIDTH: 100%; FONT-SIZE:100%}
.LnTit {BACKGROUND-COLOR: #E5E5E5; TEXT-ALIGN: center; WIDTH: 100%; FONT-WEIGHT: bold}
.LnA {BACKGROUND-COLOR:#FFFFFF; COLOR: #4D4D4D}
.LnB {BACKGROUND-COLOR:#F9F9F9; COLOR: #4D4D4D}
.CelA {COLOR: #4D4D4D;}
.CelB {COLOR: #4D4D4D;}

.MarginDoc {
	margin-left: 5px;
	margin-right: 5px;
}


/* Page Identification */

#bodyIdentification {
	color: #000000;
	height : 360px;
	background-color: #FFFFFF;
	font-family: Arial, "Trebuchet ms", Verdana, sans-serif;
	margin-left: 20%;
	margin-top : 13%;
	font-size: 11px
}

.Tit {
	color: #001645;
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.MSGError {
	color: red;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.fondGris {
	width: 963px;
	height: 220px;
	background-color: #ECECEB;
	border: solid #A2A5A4 1px;
}

#titreIdentification {
	margin-bottom: 0px;
}

#sousTitreIdentification {
	left: 130px;
	position: relative;
	font-size: 13px;
}

#tableauIdentification {
	margin: 0px auto auto;
	font-size: 13px;
}

#tableauIdentification tr {
	height: 50px;
}

#tableauIdentification .colonneLibelle {
	width: 100px;
}

.BtnValider {
    background: url("../images/bt_bleu_valider.jpg") repeat scroll 0 0 transparent;
    display: block;
    height: 22px;
    width: 148px;
}

.BtnValider img {
	display: none;
}

#tableauIdentification .BtnValider {
	width: 83px;
	margin: auto;
}

#tableauIdentification input {
	width: 145px;
}