body
{
background-color:#333333;

/*font-family:Arial, Helvetica, sans-serif;*/
font-family: lucida sans unicode,lucida grande,sans-serif;
font-size:14px;
color:#333333;
}


#conteneur
{
width:1000px;
margin-left:auto;
margin-right:auto;

}

#header
{
width:1000px;
height:230px;
background-image:url(../images/element_template/header.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
position:relative;
}

#cache_menu
{
width:1000px;
height:19px;
background-image:url(../images/element_template/cache_menu.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
position:relative;
z-index:1;

}

#body
{
width:1000px;
background-image:url(../images/element_template/body.jpg);
background-repeat:repeat-y;
margin:0px;
padding:0px;
position:relative;

}

#footer
{
width:1000px;
height:44px;
background-image:url(../images/element_template/footer.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
position:relative;
}

/*************************************************** MENU ***********************************************************/
#langue
{
position:absolute;
top:105px;
left:40px;
height:80px;
width:300px;
}

#langue img
{
border:none;
}

#menu
{
position:absolute;
top:182px;
z-index:0;
right:40px;
overflow:hidden; 
background: bottom repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
margin-right:20px;
}

#menu ul 
{
float:right; 
margin:16px 16px 0 0; 
padding:0; 
list-style:none;
}
#menu li 
{
float:left; 
margin-left: 0px;
}
#menu a, #onglet_actif 
{
float:left; 
text-decoration:none; 
letter-spacing:1px; 
padding-left:15px;/*10px;*/ 
background:url(../images/element_template/menu_coin_gauche.png) 0% -250px no-repeat;
}
#menu span, #onglet_actif span 
{
float:left; 
padding:10px 25px 8px 0; 
background:url(../images/element_template/menu_coin_droit.png) 100% -250px no-repeat; 
color:#333;
}
#onglet_actif 
{
background-position:0 0;
}
#onglet_actif span 
{
background-position:100% 0; 
color:#333;
}
#menu a:hover, #menu a:focus 
{
background-position:0 -500px;
}
#menu a:hover span, #menu a:focus span 
{
background-position:100% -500px;
}

#menu_bas 
{
text-align:center;
font-size:15px;
width:920px;
margin:auto;
}

#menu_bas a
{
margin-left:15px;
color:#246707;
text-decoration:none;
}

#menu_bas a:hover
{
color:#CC6600;
text-decoration:none;
}

#onglet_actif_bas
{
margin-left:20px;
color:#CC6600;
text-decoration:none;
}

/************************************************* FIN MENU **********************************************************/

/******************************************** CONTENU GENERAL *****************************************************/
#cadre_general
{
background-image:url(../images/element_template/image_fond.jpg);
background-repeat:no-repeat;
background-position:top;
margin:0px auto 0px auto;
width:900px;
padding:0px 15px 0px 15px;
border:solid;
border-color:transparent !important;
border-color:white;
}

.cadre_activites_haut
{
background-image:url(../images/element_template/cadre_activites.png);
background-repeat:no-repeat;
background-position:top;
width:500px;
height:25px;
margin:20px 10px 0px 10px;
padding:0px;
}

.cadre_activites:hover .cadre_activites_haut
{
background-image:url(../images/element_template/cadre_activites_hover.png);
}

.cadre_activites_bas
{
background-image:url(../images/element_template/cadre_activites.png);
background-repeat:no-repeat;
background-position:bottom;
width:500px;
margin:0px 10px 0px 10px;
}

 .cadre_activites:hover .cadre_activites_bas 
{
background-image:url(../images/element_template/cadre_activites_hover.png);
}

 .cadre_activites:hover  a
{
color:#FFFFFF;
}

.cadre_activites:hover  .nom_activites
{
color:#246707;
}

.contenu_activites
{
padding:0px 10px 25px 60px;
width:400px;
}
/************************************************** TEXTE*************************************************************/
.texte_alerte
{
color:#CC6600;
}

/************************************************** CARTE*************************************************************/
#map
{
margin: 10px auto 20px auto;
border:solid 1px;
border-color:#246707;
}

.titre_info_bulle
{
text-align:center;
color:#246707;
font-size:16px;
font-weight:bold;
}

.titre_info_bulle a
{
color:#246707;
}

.titre_info_bulle a:hover
{
color:#CC6600;
}

/****************************************** FIN CONTENU GENERAL ****************************************************/

/******************************************* FORMULAIRE LOGIN ******************************************************/
#formulaire_login
{
text-align:center;
color:#FFFFFF;
}

#formulaire_login input[type=submit]
{
font-size: 0px ;
color:transparent;
background-image:url(../images/bouton/connection.png);
background-repeat:no-repeat;
width:41px;
height:40px;
border:none;
background-color:#333333;
background-position:top;
cursor: pointer; 
}

#formulaire_login input[type=submit]:hover
{
background-position:bottom;
}

#formulaire_login input[type=text], #formulaire_login input[type=password]
{
margin:0px 20px 0px 5px;
background-color:#CCCCCC;
}
/***************************************** FIN FORMULAIRE LOGIN ******************************************************/

/******************************************* FORMULAIRE LOGOUT ******************************************************/
#formulaire_logout
{
text-align:center;
color:#FFFFFF;
}

#logo_deconnexion
{
font-size: 0px ;
color:transparent;
background-image:url(../images/bouton/deconnection.png);
background-repeat:no-repeat;
width:41px;
height:40px;
border:none;
background-color:#333333;
background-position:top;
cursor: pointer; 
}

#logo_deconnexion:hover
{
background-position:bottom;
}


#deconnexion
{
font-size:14px;
color:#FFFFFF;
border:none;
background-color:#333333;
cursor: pointer; 
}

#deconnexion:hover
{
font-size:14px;
color:#CC6600;
border:none;
background-color:#333333;
cursor: pointer; 
}

/***************************************** FIN FORMULAIRE LOGOUT ******************************************************/


/******************************************* FORMULAIRE MAIL ******************************************************/
.formulaire_mail
{
margin-left:30px;
}

/*********************************************** SIGNATURE **********************************************************/
#signature
{
text-align:center;
}

.petit
{
font-size:10px;
}