body 
{margin: 0px;
 margin-bottom:5px;
 padding: 0px;
 overflow: auto;
 background-color: /*#ebf4fd gris bleu*//*#e1f5f4 gris*/ /*#ebfdf8 gris vert*/#8ca8c5;
 width: 100%;
 min-width: 770px;
 /*background-image:url(images/fond_body2.png); */
 background-position:top left;
 position:relative;}
 
 
/*-/////////////////////////////////////////////////////////////////////////////////////////////////////////////-*/
  
/*----------BANNIERE----------*/
#fond_en_tete 
{margin: auto;
 margin-top:5px;	/*marge supérieure page*/
 width: 100%;		
 height: 264px;
 background-image: url(images/fond_banniere4.png);
 background-repeat: repeat-x;
 background-color:transparent;
 position:relative;
 background-position: bottom;}
 
 #en_tete
 {margin: auto;
 height: 264px;
 background-image: url(images/banniere8.png);
 background-position: center;
 background-repeat: no-repeat;
 background-color:transparent;
 position:relative;}

 
/*-/////////////////////////////////////////////////////////////////////////////////////////////////////////////-*/ 


/*----------LE LAMPADAIRE----------*/
 
 /*----------LE LAMPADAIRE----------*/
 #lampadaire
 {position:absolute;
top: 392px;
left:75px;
z-index:5;
width:800px;}

#tete_lamph
{background-image:url(images/lampadaire_tete_hformoz.png);
background-repeat:no-repeat;
position:absolute;
top: 202px;
left:111px;
z-index:15;
width:800px;
height: 190px}

#tete_lamp
{background-image:url(images/lampadaire_tete_formoz.png);
background-repeat:no-repeat;
width:800px;
height:375px;
position: relative;
z-index:5;}
 

#corps_lamp
{background-image:url(images/lampadaire_corps.png); 
background-repeat:repeat-y;
background-position:75px;}

#pied_lamp
{background-image:url(images/lampadaire_pied.png); 
background-repeat:no-repeat;
background-position: 75px bottom;}

/*-/////////////////////////////////////////////////////////////////////////////////////////////////////////////-*/


/*---------LE CORPS----------*/
#corps {background-color:transparent; position:relative; min-width:865px;}

#corps_interne
{margin-top:5px;
margin-right:13%;
margin-left:21%;
background-color:transparent;
position:relative;
z-index:5;
min-width:667px;}

#corps_interne p a{text-decoration: none ; color: orange; font-weight: bold;}
#corps_interne p a:visited{text-decoration: none ; color: #96BE11; font-weight: bold;}
#corps_interne p a:hover{text-decoration: none ; color: red; font-weight: bold;}


/*---------TITRE------------*/

.contenant
{background-image: url(images/fond_contenant4.png); background-repeat: repeat-x;
margin-right: 30px;
margin-left:30px;
padding:0px;
padding-top: 0px;
height:130px;
margin-bottom:0px; padding-bottom: 0px;}

.tl/*bordure gauche du titre*/
{margin: 0px;
padding: 0px;
background-image: url(images/fond_contenant_g4.png);
width:30px;
height: 130px;
float:left;}

.tr/*bordure droite du titre*/
{ background-image: url(images/fond_contenant_d4.png);
 height:130px;
 width:30px;
 float:right;
 margin: 0px;
padding: 0px;}

/*texte titre (ombre)*/
#corps_interne h1{
font-family: Verdana, Arial;
height:85px;
margin: 0px;
padding:0px;
padding-top:35px;
padding-bottom:0px;
font-size:39px; color: orange; background-color: transparent; font-weight: bold;
position: relative;
left: 25%;
z-index: 30;}

/*texte titre*/
.titre_fondh1
{font-family: Verdana, Arial;
font-weight: bold;
font-size:38px;
color: white;
background-color: transparent;
position : relative;
top:-60px;
left:27%;
z-index: 35;}

/*Mascotte du titre (Box)*/
#mascotte2
{position: absolute; 
margin:0px; 
padding:0px; 
padding-left:5px; 
padding-top:15px; 
width:180px; height: 160px; 
background-image: url(images/fond_mascotte2.png); 
top:255px; 
left:20%; 
z-index: 9;
background-repeat: no-repeat;}


/*---------CORPS DE TEXTE------------*/

/*corps de texte*/
.contenug/*bordure gauche corps de texte*/
{background-image: url(images/fond_contenu_g2.png); 
margin-top:0px; 
padding-top: 0px;
margin-left:1px;
padding-bottom:0px;
background-position: top left;
background-repeat: repeat-y}

.contenud/*bordure droite corps de texte*/
{background-image: url(images/fond_contenu_d2.png); 
margin-top:0px;
margin-right:1px; 
padding:4px;
padding-top: 0px;
padding-bottom:0px;
background-position: top right;
background-repeat: repeat-y;}

.contenu/*corps de texte hors bordure sup, inf, droite, gauche*/
{padding: 30px;
padding-top: 60px;
margin:0px;
background-color:white;
min-height: 450px;}


/*--Mise en page du corps de texte--*/

#corps_interne h2, #corps_interne h3
{text-indent:50px;
margin-top:20px;
margin-bottom: 10px;
padding-top:0px;
font-family: Verdana, Arial, serif;
font-size:1.1em;
background-color: transparent;}

.titre_cadre {
border: 1px solid black;
-moz-border-radius: 15px/20px;
-webkit-border-radius: 15px;
text-indent:50px;
margin-top:0px;
margin-bottom: 10px;
font-family: Verdana, Arial, serif;
font-size:0.95em;
border: 1px solid black;
padding: 3px;
padding-top:0px;
background-color: #97bf0d;
color : white;
position: relative;
left: 50px;
text-indent: 0px;
z-index:20;
display: block;
min-width:20px;
max-width:130px;
text-align: center;
}


#corps_interne h4
{font-family: Arial,helvetica,"sans-serif";
font-size: 0.95em;
margin-top:0px;
padding-top:3px;
letter-spacing:0.5px;
word-spacing: 2px;
text-indent:20px;
font-weight: normal;}

#corps_interne h4 em {font-weight: bold;}
#corps_interne h4 a{text-decoration: none ; color:#97bf0d;}
#corps_interne h4 a :visited{text-decoration: none ; color:orange;}

#corps_interne h2{ font-size: 0.95em ; margin: 0px; padding :0px;}

#corps_interne p
{font-family: Arial, serif;
margin:0px;
font-size: 0.9em;
text-align: justify;
text-indent:0px;
line-height:1.5em;
border: 1px solid black;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#E6EBFA;
padding: 5px;
padding-top: 17px;
position: relative;
top: -20px;
z-index:19;}

.gd/*google docs*/
{width: 607px;/*596px*/
margin : auto;}


/*---------SOUS MENU------------*/

#sous-menu
{position: absolute;
top:410px;
right:15%;
height:20px;
z-index: 14;}

#sous-menu2
{position: absolute;
top:436px;
right:17%;
height:20px;
z-index: 14;
}

.sous-menu_contenu
{background-image: url(images/fond_sous_menu3b.png);
background-position: top;
background-repeat: repeat-x;
margin-right: 13px;
margin-left:13px;
padding:0px;
height:20px;
margin-bottom:0px; 
padding-bottom: 0px;
padding-top:0px;}

.sous-menu_contenu p{padding-top: 2px; margin-top:0px;}

.sous-menu-bouton2{display:none}
.sous-menu-bouton1{float:right; margin: 2px; padding:0px;}
.sous-menu-bouton1:hover .ss-menu_left{background-position: bottom;}
.sous-menu-bouton1:hover .ss-menu_right{background-position: bottom;}
.sous-menu-bouton1:hover .sous-menu_contenu{background-position: bottom; padding-top: 0px;}
.sous-menu-bouton1:hover .sous-menu_contenu p{padding-top: 2px;}


.ss-menu_left/*bordure gauche menu*/
{margin: 0px;
padding: 0px;
background-image: url(images/gauche_sous_menu3b.png);
background-position: top;
width:13px;
height: 20px;
float:left;
position:relative;
z-index:150}

.ss-menu_right/*bordure droite menu*/
{background-image: url(images/droite_sous_menu3b.png);
background-position: top;
 height:20px;
 width:13px;
float:right;
 margin: 0px;
padding: 0px;
position: relative;
z-index:150}

#sous-menu a, #sous-menu2 a
{color: white;
font-family:verdana,"sans-serif";
font-weight:bold;
text-decoration:none;
font-size:12px;}



/*---------PIED DE CORPS------------*/

/*bordures du bas du corps de texte*/
 #pied_de_corps
 { 
margin: 0px;
padding: 0px;
background-color:transparent;
height: 19px;
width:100%;
}
#pied_de_corps_interne
 { 
margin: 0px;
margin-right:30px;
margin-left:30px;
padding: 0px;
background-color:transparent;
height: 30px;
background-image:url(images/fond_pied__corps2.png);
background-repeat: repeat-x;
}

.bl{
 background-image: url(images/fond_pied__corps_g2.png);
 height:30px;
 width:30px;
 float:left;
 margin-left:1px;}
 
.br
 {background-image: url(images/fond_pied__corps_d2.png);
 height:30px;
 width:30px;
 float:right;
 margin-right:1px;}


 
/*-/////////////////////////////////////////////////////////////////////////////////////////////////////////////-*/

 
/*---------COLONNE DE DROITE------------*/
/*barre de droite*/
#colonne_droite
{position: fixed;
bottom:5px;
right:0px;
width: 13%;
background-color:transparent;
min-width: 100px;
margin-top: 20px;
z-index:100;}

/*mise en page des liens*/
#colonne_droite a:visited{text-decoration: none}
#colonne_droite a{text-decoration: none}

/*mise en page titre*/
#colonne_droite h3
{margin-top:0px;
color:white;
font-family: Verdana, Arial, serif;
background-color: transparent;
text-align:center;
padding-top: 6px;
font-size:9px;}


/*Les Box*/
#sms, #facebook, #partenaires, #newsletter
{position:relative;
width:80px;
height:80px;
margin:auto;
margin-top: 5px;
background-color:transparent;
background-repeat: no-repeat;
margin-bottom: 0px;}

/*Box contenu*/
#sms{background-image: url(images/box_90_sms2_ie2.png); background-position: top;}
#facebook{background-image: url(images/box_90_facebook_ie2.png); background-position: top;}
#newsletter{background-image: url(images/box_90_newsletter_ie2.png); background-position: top;}
#partenaires{background-image: url(images/box_90_ie2.png); background-position: top;}

#sms:hover{background-position: bottom;}
#facebook:hover{background-position: bottom;}
#newsletter:hover{background-position: bottom;}
#partenaires:hover{background-position: bottom;}

/*cadre défilant partenaires*/
#diapo{position: relative; top:-4px; left:5px; margin: 0px; height: 60px; width:80px;}



/*-/////////////////////////////////////////////////////////////////////////////////////////////////////////////-*/

/*---------MENUS----------*/
#menu 
{float: left;
 width:17%;
 height:100%;
 min-width:155px;
 margin-left:2%;
 margin-top: 5px;
 background-color:transparent;
 position:relative; 
 z-index:15;}
 
/* On cache tous les sous menu avec la propriété display none */ 
#menu ul ul {display:none;} 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
#menu .niveau1 li.sousmenu:hover ul.niveau2{display:block;}

/* Texte dans le menu */ 
#menu a 
{font-family:  verdanna, arial, "sans serif";
 color:white;
 font-weight: bold; 
 font-size:0.9em;} 

/* couleur du fond sous-menu */ 
#menu li ul{background: transparent;} 

/*taille du menu*/ 
#menu ul 
{padding: 0px;
width: 155px;
border:0px solid; 
margin:auto;
margin-top: 20px;} 

/*On positionne les elements du menu */ 
#menu ul li 
{position:relative;
top: 0px;
left: 0px;
list-style: none; /*on enleve les icones de liste */ 
border-bottom:0px solid; /*ajout d'une bordure de separation d'element:*/
margin-top:0px;
margin-bottom: 5px;
height: 35px;} 

#menu ul ul 
{position: absolute;
margin-top: 0px;
margin-bottom: 0px;
text-indent: 30px;
top: 5px;
left: 143px; /*position du sous-menu*/
border: 0px solid black;/*bordure sous menu*/
width: 170px;
z-index: 200;
/*Texte sous menus*/
font-family:  verdanna, arial, "sans serif";
color:white; 
font-weight: bold;}

#menu ul ul li
{margin-bottom: 0px;
height: 20px;}

#menu li a {text-decoration: none; /* plus de soulignement pour les liens */}

/*bouton menu*/
.bouton 
{width: 155px;
 height: 41px; 
 background-image: url(images/bouton_new.png);
 background-position: top;
 color:white;
 text-align: center;}

 .bouton:hover 
{width: 155px;
 height: 41px;
 background-image: url(images/bouton_new.png);
 background-position: bottom;}

/*boutons sous-menus*/ 
.bouton3
{width: 170px;
 height: 20px;
 background-image: url(images/3bouton_170_20.png);
 background-position:top;
 background-repeat:no-repeat;
 background-color:transparent;
 padding-top:0px;}

 .bouton3:hover 
{width: 170px;
 height: 20px;
 background-image: url(images/3bouton_170_20.png);
 background-position:bottom;
 color: white;
 font-weight:bolder;}
 
 
.bouton4
{width: 170px;
 height: 20px;
 background-image: url(images/4bouton_170_20.png);
 background-position:top;
 background-repeat:no-repeat;
 background-color:transparent;
 padding-top:0px;}

 .bouton4:hover 
{width: 170px;
 height: 20px;
 background-image: url(images/4bouton_170_20.png);
 background-position:bottom;
 color: white;
 font-weight:bolder;}
 
 
.bouton5
{width: 170px;
 height: 20px;
 background-image: url(images/5bouton_170_20.png);
 background-position:top;
 background-repeat:no-repeat;
 background-color:transparent;
 padding-top:0px;}

 .bouton5:hover 
{width: 170px;
 height: 20px;
 background-image: url(images/5bouton_170_20.png);
 background-position:bottom;
 color: white;
 font-weight:bolder;}
 
/*taille et position du texte des menus*/
/*menu*/
#menu p
{padding-top:12px;
 margin: auto; 
 margin-top:0px; 
 margin-bottom:0px; 
 font-size:0.9em; 
 font-weight:bolder;}
 
 /*sous-menu*/
#menu .niveau2 p {padding-top:3px; font-size: 0.8em;}


/*-/////////////////////////////////////////////////////////////////////////////////////////////////////////////-*/

/*----------BONUS----------*/
#bonus
{width:150px;
height:143px;
margin:auto;
margin-top: 50px;
margin-bottom:50px;
background-color:transparent;
background-image:url(images/box_150_2.png);
background-position: top;
padding-top: 0px;}

#bonus:hover {background-position: bottom; margin-top: 50px; padding-top: 0px;}

#bonus h3
{margin-top:0px;
padding-top:0px;
color:white;
font-family: Verdana, Arial, serif;
background-color: transparent;
text-align:center;
padding-top: 8px;}


/*-/////////////////////////////////////////////////////////////////////////////////////////////////////////////-*/

/*----------PIED DE PAGE----------*/

#pied_de_page 
{width: 100%;
 height:129px;
 margin:auto;
 margin-top:1px;
 padding: 1px;
 padding-bottom:0px;
 padding-right:0px;
 padding-left:0px;
 margin-bottom:5px;
 text-align: center;
 font-size: 1em;
 background-color: transparent;
 background-image: url(images/fond_contenant4.png);
 font-family:  verdanna, arial, "sans serif";
 font-weight: bold;}
 

#signature
{font-size:0.6em;
padding-top:0px;
color: white;
margin-top:25px;
}

#pied_de_page p em{color:red; font-style: normal; font-weight: bold;}

#pied_de_page2
{/*background-image: url(images/box_pieddepage.png);*/
background-repeat:no-repeat;
width:427px;
height:98px;
margin: auto;
color: white;
padding-top: 15px;
}

#pied_de_page2 p{padding-top:0px;}

#vers_haut_page
{background-image:url(images/haut_de_la_page2.png);
height:200px;
width:161px;
position: absolute;
bottom:3px;
left:150px;
margin:0px;
padding:0px;
z-index:100;}

/*////news, accueil////*/
#news
{position: absolute;
top:430px;
left: 23%;
width: 62%;
z-index: 14;}

#cadre1{float:right; position: relative; width:30%; background-color:transparent;}
#cadre2{float:left; position: relative; width:30%; background-color:transparent;}
#cadre3{position: relative; width:30%; background-color:transparent; margin-left: 35%; margin-right: 34%;}

#news h2{ font-size: 0.95em ; margin: 0px; padding :0px;}

#news a {text-decoration: none ;}
a img{border:none}

.titre_cadre{position: relative; left:7%}

#news #petite_news p 
{font-family: Arial, serif;
margin: auto;
margin-top: 30px;
font-size: 0.9em;
text-align: justify;
text-indent:0px;
line-height:2em;
background-color:#E6EBFA;
color: black;
padding: 25px;
padding-top: 17px;
position: relative;
z-index:19;
border: 1px solid black;
width: 80%;}

#cadre1 p , #cadre2 p ,#cadre3 p{height:180px; width: 95%; text-align: center; padding: 5px; position:relative;}

#petite_news{margin-top: 10px; margin-bottom: 0px; position: absolute; width: 99%; top: 210px;}



#news p 
{font-family: Arial, serif;
margin:0px;
font-size: 0.9em;
text-align: justify;
text-indent:0px;
line-height:1.5em;
background-color:#E6EBFA;
color: black;
padding: 10px;
padding-top: 17px;
position: absolute;
top: 18px;
z-index:19;
border: 1px solid black;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;}