@import url("./menu-haut_files/style.css");
/* corps de la page */

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

.rpxnow_lightbox_container {top:0;}

.titremenublog{
background:url("../images/chapeau.png") no-repeat scroll 0 0 transparent;
color:#fff;
float:left;
font-size:1em;
margin:0 0 0 -1px;
padding:0;
text-align:center;
width:202px;
}

fieldset{
color:#FFFFFF;
padding:0 10px 10px;
width:95%;
}

legend{
color:yellow;
font-weight:bolder;
padding:0 7px;
}

label{
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
height:13px;
margin:0 10px 0 0;
width:auto;
}

input{
float:left;
}

.inputpseudo{
margin:0 10px 0 0;
}

.inputtitre{
width:338px;
}

.puceacocher{
width:35px;
}
/* menu de navigation*/
a:link{text-decoration:none;color:yellow;}
a:visited{text-decoration:none;color:yellow;}
a:hover{text-decoration:none;color:orange;}

/* style navigation blog */

.navcontainer { width: 194px; float:left}

.navcontainer ul
{
font-family:Arial,Helvetica,sans-serif;
list-style-type:none;
margin-left:0;
margin-top:0;
padding-left:0;
}

.navcontainer a
{
background-color:#fff;
border-bottom:1px solid #333;
display:block;
padding:3px;
width:194px;
color: #000;
}

.navcontainer a:link, .navlist a:visited
{
color: #000;
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #66cc66;
color: #fff;
}

/* fin style navigation blog */

.haut_rep_billet{
background:url("../images/bulle_haut.png") no-repeat scroll 0 0 transparent;
color:blue;
float:left;
height:17px;
padding:35px 0 0 15px;
width:739px;
}

.milieu_rep_billet{
background:url("../images/bulle_milieu.png") repeat scroll 0 0 transparent;
color:#333333;
float:left;
padding:8px 10px 0;
width:719px;
}

.bas_rep_billet{
background:url("../images/bulle_bas.png") no-repeat scroll 0 0 transparent;
float:left;
height:20px;
margin:0 0 10px;
width:739px;
}

#navigation
{
background:none repeat scroll 0 0 #A0C037;
float:left;
height:34px;
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
{
float:left;
background:#36333d;
height:27px;
margin:0;
width:990px;
}

/* style du corp */

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

/* 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) */

.Contenu
{
float:right;
font-size:1.1em;
padding:0 15px;
position:relative;
text-align:justify;
width:76%;
}

.colgauche
{
background:none repeat scroll 0 0 transparent;
float:left;
text-align:left;
width:200px;
}
/* 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 15px;
width:644px;
}

.bandeau_defilant
{
background:none repeat scroll 0 0 #36333d;
float:left;
font-weight:bold;
margin:0;
padding:0 10px;
width:626px;
}

/* 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;
}

/* 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 1% 47% transparent;
border:1px solid green;
float:left;
margin:0 0 20px;
padding:15px 15px 15px 70px;
width:638px;
}

/* 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" */
{
color:#98B930;
float:none;
font-size:1.3em;
height:0;
margin:0 0 22px;
}

.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:#98B930;
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" */

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

.blog 
{
border-bottom:1px solid;
border-top:1px solid;
float:left;
margin:0 0 15px;
padding:3px 0;
width:100%;
}

.comblog 
{
background:none repeat scroll 0 0 #999999;
float:left;
margin:0 0 40px;
padding:7px 6px;
width:730px;
}

.contenublog 
{
border-bottom:0 solid;
border-top:0 solid;
float:left;
margin:0 0 15px;
padding:0 0 9px;
width:737px;
}

/* 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;}

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

.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: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;
   
}