div.smenu {
margin:0;
padding:0 ;
display:none;
position:absolute;
z-index:1000;
width:190px;
}
 
 
div.smenu ul {
margin:0 ;
padding:0;
padding-bottom:0px;
list-style:none;
border:1px solid #4998D0;
background:#fff;
width:100% !important;
display:block !important;
}
 
div.smenu ul li {
float:none !important;
display:block !important;
margin:0;
padding:0;
width:100% !important;
font-size: 10px !important;
font-weight:normal !important;
}
 
div.smenu li a {
margin:0;
font-size:10px !important;
font-weight:normal !important;
display:block !important;
margin-top:0px;
padding:5px !important;
/*background:none !important;*/
color:#026094 !important;
text-decoration:none;
text-align:left !important;
}
 
div.smenu li a:hover {
background:#D9EAF4 !important;
color:#000 !important;
}
 

 
/* sous-sous menu */
 
div.ssmenu {
margin:-23px 0 0 0;
padding:0 ;
display:none;
position:absolute;
left:191px;
/*top:4px;*/
z-index:1000;
width:140px;
}
 
div.ssmenu ul {
margin:0 ;
padding:0;
list-style:none;
border:1px solid #4998D0;
background:#fff;
}



/* Mise en forme du body */

body { background-color: #8E98A2; background-image: url(../images/bg.gif); background-position: top; background-repeat: repeat-x; text-align: justify; margin: 0px 0px 0px 0px;  }


/* ID(#) - Mise en forme de la page en DIV -  */

/* Cadre général */

#background { width: auto; height: 100%; min-height: 800px; background-color: #8E98A2; background-image: url(../images/background.jpg); background-repeat: repeat-x; padding-top: 15px; padding-bottom: 15px;  }
#page { width: 800px; margin-left: auto; margin-right: auto; border: solid 3px #252F5A; background-color: #FFFFFF; padding: 1px 1px 1px 1px; }

/* En-tête et menu */
/*-----------------*/

#header { height: 50px; width: auto; background-image: url(../images/header.jpg); background-repeat: no-repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; padding-top: 37px; padding-left: 20px; }

#menuFond { width: 100%; height: 20px; background-color: #6689CC; margin-top: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-top: 5px; }

#menu { float: left; width: auto; height: 20px; background-color: #6689CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-left: 8px;}
#menu a:link { color: #FFFFFF; text-decoration: none;}
#menu a:visited { color: #FFFFFF; text-decoration: none;}
#menu a:hover { color: #FFFFFF; text-decoration: underline;}

#menuActif { float: left; width: auto; height: 20px; background-color: #6689CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-left: 8px; text-decoration: underline; }
#menuActif a:link { color: #FFFFFF; text-decoration: underline;}
#menuActif a:visited { color: #FFFFFF; text-decoration: underline;}
#menuActif a:hover { color: #FFFFFF; text-decoration: underline;}

#menu2 { float: left; width: auto; height: 20px; background-color: #6689CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-left: 8px;}
#menu2 a { display: block; }
#menu2 a:link { color: #FFFFFF; text-decoration: none;}
#menu2 a:visited { color: #FFFFFF; text-decoration: none;}
#menu2 a:hover { color: #FFFFFF; text-decoration: underline;}
#menu2 li { list-style: none; margin: 0; padding: 0; }
	
* html #menu2 li { width: 1%; overflow: visible; }
*:first-child+html #menu2 li { overflow: visible; }

#menuActif2 { float: left; width: auto; height: 20px; background-color: #6689CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-left: 8px; text-decoration: underline; }
#menuActif2 a { display: block; }
#menuActif2 a:link { color: #FFFFFF; text-decoration: underline;}
#menuActif2 a:visited { color: #FFFFFF; text-decoration: underline;}
#menuActif2 a:hover { color: #FFFFFF; text-decoration: underline;}
#menuActif2 li { list-style: none; margin: 0; padding: 0; }

* html #menuActif2 li { width: 1%; overflow: visible; }
*:first-child+html #menuActif2 li { overflow: visible; }

#smenu { width: auto; margin-top: 1px; height: 24px; background-image: url(../images/smenu.jpg); background-repeat: repeat-x; } 

#chemin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7db339; width: auto; padding-right: 15px; padding-bottom: 10px; margin-bottom: 5px; text-align: right; }
#chemin a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7db339; text-decoration: none;}
#chemin a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7db339; text-decoration: none;}
#chemin a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7db339; text-decoration: underline;}
#schemin { width: auto; background: url(../images/separateurTexte.gif) repeat-x; padding-top: 1px; padding-bottom: 15px; }

/*-- Contenu --*/
/*-------------*/

/*#contenuBg { height: auto; width: auto; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0px 0px 0px 0px; background: url(../images/background_contenu.jpg) no-repeat; background-position: 160px top; } */
#contenuBg { height: auto; width: auto; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0px 0px 0px 0px; }

#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:24px; width: auto;}

#blocGauche { float: left; width: 220px; height: 100%; min-height: 500px; font-family: Arial, Verdana, Helvetica, sans-serif; margin-top: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(../images/background_gauche.jpg); background-repeat: repeat-x; margin-left: 5px; }
#blocCentre { float: left; width: 520px; height: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: justify; padding: 0px 0px 0px 0px; padding-left: 20px; padding-right: 20px; }


/*-- Bloc Gauche --*/
/*-----------------*/

#gauTitre1 { width: auto; text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #FFFFFF; background-color: #053769; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; }
#gauTitre2 { width: auto; text-align: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #053769; padding-bottom: 20px; padding-left: 10px; }

/*#gauImage { width: auto; align: center; padding-left: 20px; padding-top: 20px; padding-bottom: 15px; }*/
#gauImage { width: auto; text-align: center; padding-left: 20px; padding-top: 20px; padding-bottom: 15px; }

#gauTexte { width: auto; font-size: 13px; text-align: justify; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px; border-top: solid #000000 1px; }
#gauTexte a { font-size: 13px; color: #6689CC; text-decoration: none; }

#gauContact { width: auto; font-size: 12px; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px; border-top: solid #000000 1px; }
#gauContact a { font-size: 12px; color: #444444; text-decoration: none; }


/*-- Page --*/
/*----------*/

#cenApplication { font-family: "Times New Roman", Arial, Verdana, Helvetica, sans-serif; font-size: 40px; color: #6689CC; font-style: italic; padding-bottom: 5px; }
#cenTitre1 { clear: both; margin-top: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; background-color: #00245D; font-weight: bold; font-style: italic; margin-top: 10px; margin-bottom: 3px; padding-left: 10px; padding-top: 2px; padding-bottom: 3px; }
#cenTitre2 { margin-top: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; background-color: #C5D8EF; font-weight: bold; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; }

#cenImage { float: right; width: auto; align: center; padding-left: 10px; padding-top: 20px; padding-bottom: 15px; }
#cenTexte { width: auto; font-size: 13px; padding-left: 10px; padding-right: 10px; padding-top: 5px; }
#cenTexte a { color: #DC352F; text-decoration: none; font-size: 14px; }
#cenTexte a:hover { color: #DC352F; text-decoration: underline; }

#cenModules { float: left; width: 240px; font-size: 13px; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; }

#cenImage { left: auto; margin-right: auto; align: center; }

#titre1 { margin-top: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #6689CC; font-weight: bold; padding-bottom: 10px; }
#titre2 { margin-top: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #DC352F; font-weight: bold; background: url(../images/puce2.jpg) no-repeat; padding-left: 25px; }


/*-- Index --*/
/*-----------*/

#contenuIndex { height: 390px; width: auto; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0px 0px 0px 0px; background: url(../images/background_index.jpg) no-repeat; background-position: 0px 0px; padding-top: 15px; padding-left: 3px; }
#indexSlogan { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #252F5A; border-top: solid 1px #252F5A; border-bottom: solid 1px #252F5A; text-align: center; } 

#indexCadre { margin-left: 50px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color: #DC352F; font-weight: bold; }
#indexTexte { margin-left: 200px; margin-top: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #252F5A; padding-right: 20px; }


/*-- Footer --*/
/*------------*/

#footer { margin-top: 2px; margin-left: auto; margin-right: auto; margin-bottom: 0; height: 16px; width: auto; background: url(../images/bgFooter.gif) repeat-x; text-align:center; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #556074; padding-top: 5px; }

#footer2 { margin-top: 0; margin-left: auto; color: #6689CC; margin-right: auto; margin-bottom: 15px; width: auto; text-align: center; font-family: "Times New Roman", Verdana, Helvetica, sans-serif; font-size: 18px; padding-top: 12px; font-style: italic; font-weight: bold; }  


#spacer {clear: both;}
.spacer {clear: both;}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074;}

ul#font-family { padding:0; padding-left:20px; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074; list-style-type: square; }

.imgPositionGauche { padding-right: 20px; float: left;}
.imgPositionDroite { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; float: right;}


.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:10px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f; border: 1px solid #e2e3e4; background-color: #fff; padding-top:2px; padding-bottom:2px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6f6f6f; font-weight:normal; margin: 0px 0px 0px 0px}



#divInfos 
{
    width:400px;
    height:35px;
    font-family:Arial;
    font-size:18px;
    color:Red;  
    padding: 4px 0px 0px 40px;
    vertical-align:middle;
    background-image: url(../images/error.png);
    background-repeat:no-repeat;
}

#txtCommentaire 
{
    width:300px;   
    border:solid 1px #999999; 
}

#divConteneurSaisie 
{ 
    padding-top:20px;
    font-family:Arial;
    font-size:14px;
}

.ZoneSaisie 
{ 
    color:black;
    height:15px;
    width:130px;
    border:solid 1px #999999;
}

.libelles
{
    width:130px;
    text-align:right;    
    vertical-align:middle;
    padding-top: 4px;
    color: #666666;
}

#btnEnvoyer 
{
    width:120px;
    height:30px;
    font-family:Arial;
    font-size:15px;
    font-style:normal;
    font-weight:bold;
    border: solid 1px black;
    background-color:#6699CC;
    color:White;
    cursor:pointer;
}

#btnEnvoyer:hover
{
    border: solid 1px black;
    background-color:#99CCCC;
    color:black;
    cursor:pointer;
}