body
{
background-color:#FFFFFF;
}

#conteneur
{
margin-right:auto;
margin-left:auto;
width:1200px;
height:1110px;

background-image:url(../images/element_template/cadre_principal.png);
}

#cadre_general
{
position: relative;
left: 110px;
top:120px;
width:977px;
height:777px;
/*border:solid 1px;*/


}

#photo_gauche
{
float:left;
/*border:solid 1px;*/
width:230px;
height:898px;

position:absolute;
top:-50px;
left:22px;
}

#titre
{
position:absolute;
left: 280px;
top:17px;
width:660px;
height:120px;
padding:10px 10px 10px 10px;
/*border:solid 1px;*/
text-align:center;
}

#content
{
position:absolute;

left: 280px;
top:190px;

width:660px;
height:515px;
/*border:solid 1px;*/
padding:10px;
overflow:auto;
}

/******************************************* FORMULAIRE LOGIN ******************************************************/
#login
{
position:absolute;

left: 290px;
top:820px;
color:#333333;
}

.texte_alerte
{
color:#993300;
}

#formulaire_login
{
text-align:center;

}

#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:#FFFFFF;
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;

}

#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:#FFFFFF;
background-position:top;
cursor: pointer; 
}

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


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

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

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

.petit
{
font-size:10px;
}

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

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

.titre_info_bulle a
{
color:#246707;
}

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

/************************************************** PAGE DES LIENS*************************************************************/
.liens
{
padding:0px;
margin-left:0px;
list-style:none;
}

.sous_liens
{
padding:0px;
margin-left:0px;
list-style:none;
}

.titre_type_liens
{
font-size:18px;
color:#13234B;
}

/************************************************** POST IT*************************************************************/
.post_it
{
/*margin-top:20px;*/
background-image:url(../images/element_template/post-it.png);
width:266px;
height:284px;
/*float:right;*/

}
.texte_post_it
{
width:200px;
height:190px;
/*border: 1px solid;*/
margin-left:25px;
margin-top:44px;
font-family:"Comic Sans MS";
font-size:13px;
color:#13234B;
}

.titre_post_it
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
color:#993300;
font-weight:bold;
}
/******************************************* FORMULAIRE MAIL*************************************************************/
.texte_alerte
{
color:#993300;
}

.recapitulatif_formulaire
{
font-size:18px;
color:#13234B;
}

/******************************************* CADRE ACTIVITES*************************************************************/
.cadre_activites_haut
{
background-image:url(../images/element_template/cadre_activites.png);
background-repeat:no-repeat;
background-position:top;
width:595px;
height:35px;
margin:0px 10px 0px 10px;
padding:0px;

}

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

.contenu_activites
{
color:#FFFFFF;
padding:0px 15px 40px 20px;
width:550px;
}

.contenu_activites strong
{
color:#f7ea7a;
/*color:#f6e552;*/
/*color:#ead412;*/
font-weight:normal;
}