/* corps de la page */

body
{
width:990px;
margin:auto;
background:url("images/fond.png") repeat-x scroll 0 1px #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height: 1.3em;
padding: 0 20px 20px;
color: #fff;
}

/* menu de navigation*/

a:link{text-decoration:none;color:#fff;}
a:visited{text-decoration:none;color:#fff;}
a:hover{text-decoration:none;color:orange;}

#navigation
{
background:none repeat scroll 0 0 #A0C037;
float:left;
height:33px;
padding:0;
width:990px;
}

#Nav {

position:absolute;
z-index: 100;
padding: 0;
margin: 0;
list-style: none;

}

#Nav li {
background:none repeat scroll 0 0 transparent;
float:left;
margin:0 0 0 0;
padding:5px 0;
text-align:center;
width:165px;
}

#Nav li .padmoins{
padding:0;

}

#Nav li a {
display: block;
background-color: #98b930;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}

#Nav li a:hover,#Nav li a:active {
display: block;
background-color: #e88a23;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}

.Menu {
margin:0;
padding:6px 0;
list-style: none;
display: none;
}

/* bandeau header */

#header
{
float:left;
background:url("./images/header.jpg") no-repeat scroll 0 0 transparent;
height:260px;
margin:0;
width:990px;
}

/* onglet du header */

#ongletHeader
{
background: none repeat scroll 0 0 #36333d;
    color: #ffffff;
    float: left;
    height: 27px;
    margin: 0;
    width: 990px;
}

/* style du corp */

#corps
{
background: #36333d;
border-left:1px solid #36333d;
border-right:1px solid #36333d;
color: #ffffff;
float: left;
padding: 20px 8px;
width: 972px;
}

/* style du pied de page */

#footer
{
background:url("./images/footer.png") no-repeat scroll 0 0 transparent;
float:left;
font-size:15px;
height:40px;
margin:0 0 10px;
padding:0;
text-align:center;
width:990px;
}

/* style du contenue de la page (colonne de gauche) */
.nouvelleformation
{
}

.Contenu
{
float:left;
font-size:1.1em;
padding:21px 0 0;
position:relative;
text-align:justify;
width:680px;
}

.coldroite
{
background:none repeat scroll 0 0 transparent;
float:right;
margin:0 9px 0 0;
text-align:center;
width:270px;
}
/* Agenda */

.topagenda
{
background:url("./images/images/agenda_top.png") no-repeat scroll 0 0 transparent;
float:left;
height:36px;
margin:20px 0 0;
width:271px;
}

.midleagenda
{
background:url("./images/images/agenda_middle.png") repeat scroll 0 0 transparent;
float:left;
margin:0;
padding:0 8px;
width:254px;
}

.midleagendaslide
{
background:url("./images/images/agenda_middle2.png") repeat scroll 0 0 transparent;
float:left;
margin:0;
padding:0 8px;
width:254px;
}

 h3, .midleagenda .midleagendaslide
{
color:orange;
float:left;
margin:3px 0 0;
padding:0 8px;
}

.bottomagenda
{
background:url("./images/images/agenda_bottom.png") no-repeat scroll 0 0 transparent;
float:left;
height:23px;
margin:0 0 10px;
width:270px;
}

.descelement
{
background:none repeat scroll 0 0 transparent;
display:none;
float:left;
margin:0 0 0 -1px;
width:254px;
}

.vm {float:left; margin:0 8px 10px 0; display:block; width:246px; cursor:help; height:30px; background:url(./images/vm.png) no-repeat 0 0;}
.vm:hover {background:url(./images/vm.png) no-repeat 0 -30px;}

/* style du bandeau défilant */

.top_bandeau
{
background:none repeat scroll 0 0 transparent;
float:left;
margin:0 0 0 126px;
position:absolute;
width:660px;
z-index:0;
text-align:left;
}

.bandeau_defilant
{
background:none repeat scroll 0 0 #36333d;
float:left;
font-weight:bold;
margin:0;
padding:0 10px;
margin:0 0 0 126px;
position:absolute;
z-index:0;
}

marquee {
float:left;
}

/* style de la boite news letter  */

.corpsnlemail{
background:url("./images/lettreinfos.png") no-repeat scroll 0 0 transparent;
height:100px;
margin:10px 0 0 1px;
padding:19px 5px 0;
width:259px;
}

.nlemail
{
height:21px;
width:200px;
}

.btnlemail
{
height:26px;
margin:0;
padding:0 0 3px;
width:30px;
}

.nlemailtitre{
color:#FF9900;
display:block;
font-size:medium;
margin:0 0 10px;
text-align:center;
}

label
{
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
padding-bottom:5px;
width:269px;
}

/* styles alerte newsletter */

.alerteNews
{
background:url("./images/erreur.png") no-repeat scroll 2% 50% transparent;
border:1px solid red;
float:left;
margin:0 0 20px;
padding:15px 15px 15px 70px;
width:614px;
}

.succesNews
{
background:url("./images/succes.png") no-repeat scroll 2% 50% transparent;
border:1px solid green;
float:left;
margin:0 0 20px;
padding:15px 15px 15px 70px;
width:614px;
}

/* styles d'alerte ou réussite de la news letter */

.alertenlemail{
background:url("./images/erreur.png") no-repeat scroll 5% 4% transparent;
border:1px solid red;
float:left;
margin:0 0 20px;
padding:7px 15px 15px 70px;
text-align:left;
width:176px;
}

.succesnlemail
{
background:url("./images/succes.png") no-repeat scroll 5% 4% transparent;
border:1px solid green;
float:left;
margin:0 0 20px;
padding:15px 15px 15px 70px;
width:178px;
}

/* style des paragraphes de phormation présent sur l'accueil */

.text{
float:left;
margin:0 0 30px;
width:670px;
}

.text h1  /* style des "h2" present dans la balise "text" */
{
background: none repeat scroll 0 0 #98B930;
    color: #FFFFFF;
    float: left;
    font-size: 1.1em;
    height: 18px;
    margin: 0 0 9px;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
    width: 78.3%;
}

.ImgModForm{ /* positionnement des image dans la balise "text" */
float:left;
margin:0 15px 0 0;
}

/* alignement des images de présentation */

.imgleft
{
float:left;
margin-right: 10px;
}

/* styles des titres */

.titretresimportant
{
color:#FF9933;
float:left;
font-size:1.6em;
margin:0 0 15px;
padding:0;
text-align:center;
width:679px;
}

.titretresimportantOrange
{
border-bottom:1px solid;
color:#FF9933;
float:left;
font-size:1.7em;
margin:0 0 15px;
padding:5px 0;
text-align:left;
width:679px;
}

.titreimportant
{
color:#FF9900;
font-size:1.1em;
text-align:left;
}

.titrepresimportant
{
font-size:1em;
text-align:justify;
font-weight:normal;
}

/* styles des paragraphes "P" contenus  dans la balise "Contenue" */

.Contenu P
{
margin:0 0 15px;
padding:0 0 0 5px;
}

/* styles des paragraphes */

.pdroite
{
float:right;
margin:0 0 15px;
padding:0;
text-align:center;
width:292px;
}

.pgauche
{
float:left;
margin:0 0 15px;
padding:0;
width:680px;
}

.pgauche100
{
margin:15px 0 15px;
float:left;
width:99%;
}

table{
float:left;
}

.pgauche50
{
float:left;
width:48%;
}

.pdroite50
{
float:right;
width:48%;
}

a.info {
color:yellow;
float:left;
font-size:16px;
margin:5px 5px 0 0;
position:relative;
text-decoration:none;
}

a.hdp {
color:#fff;
font-size:14px;
position:relative;
text-decoration:none;
}

/* styles des boutons */

.hdp {
background:url("./images/hdp.png") no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:21px;
margin:0;
padding:0 9px 0 0;
width:121px;
}

.hdp:hover {background:url(./images/hdp.png) no-repeat 0 -21px;}

.plus {
background:url("./images/infos.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
float:right;
font-size:15px;
height:21px;
margin:0;
padding:0 9px 0 33px;
text-decoration:none;
text-transform:none;
width:119px;
}

.plus:link, .plus:visited{text-decoration:none;color:#fff;}
.plus:hover{text-decoration:none;color:#fcf907;}

.plus:hover {background:url(./images/infos.png) no-repeat 0 -21px;}

.accueil_bt {float:left; padding:0px; margin:0 8px 0 0; display:block; width:126px; height:22px; background:url(./images/accueil_bt.jpg) no-repeat 0 -22px;}
.accueil_bt:hover {background:url(./images/accueil_bt.jpg) no-repeat 0 0;}

.blog_bt {float:right; margin:0 0 0 0; display:block; width:72px; height:22px; background:url(./images/blog_bt.jpg) no-repeat 0 -22px;}
.blog_bt:hover {background:url(./images/blog_bt.jpg) no-repeat 0 0;}

.contact_bt {float:right; margin:0 0 0 0; display:block; width:131px; height:22px; background:url(./images/contact_bt.jpg) no-repeat 0 -22px;}
.contact_bt:hover {background:url(./images/contact_bt.jpg) no-repeat 0 0;}

/* styles des bulles */

a.info span {
   display: none; /* on masque l'infobulle */
}

a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 15px; /* on positionne notre infobulle */
   left: 0;

   background: white;

   color: #000;
   padding: 5px;

   border: 1px solid #CC5914;
   border-left: 8px solid #CC5914;
   
}