body
{
background-color:#197F7F;
background-position:center;
background-position:top;
background-repeat:repeat-y;
}


#conteneur /*Cadre principal*/
{ 

width:1050px; /* Largeur du cadre principal*/
margin-left: auto; /* Centrage sur la page a gauche */
margin-right: auto; /* Centrage sur la page a droite */
text-align:center; /* centage des elements interne a ce cadre*/
}

/***********************************************************************************************************/
/******************************************HEADER*********************************************************/
/***********************************************************************************************************/
#header /*Baniere*/
{
background-image:url(../images/elements_template/banner.jpg); /* adresse de l'image de fond de la baniere */
height:375px; /* hauteur de la banniere*/
width:1050px; /* largeur de la baniere*/

margin:0; /* Taille des marges */
padding:0; /* Taille des marges interieurs*/
}

/***********************************************************************************************************/
/******************************************BODY************************************************************/
/***********************************************************************************************************/

#body /* Corp du cadre */
{
background-image:url(../images/elements_template/body.jpg); 
background-position:center;
background-repeat:repeat-y;
/*border-top:solid 1px; /* Taille de la bordure superieur */
/*border-top-color:#D6D6D6; /* Couleur de la bordure superieur*/
/*border-bottom: solid 1px; /* Taille de la bordure inferieur */
/*border-bottom-color:#D6D6D6; /* Couleur de la bordure inferieur */
/*border-left:solid 1px;
border-left-color:#666666;
border-right:solid 1px;
border-right-color:#666666;*/

margin:0;  /* Taille des marges */
padding:0; /* Taille des marges interieurs*/
text-align:center;  /* centage des elements interne a ce cadre*/
/*background-color:#ECECEC; /* couleur du fond du corp de cadre */
width:1050px; /* largeur du corp */
}

#body_interieur /* conteneur du cadre interne du corp de cadre */
{
width:970px;
margin-left: auto;
margin-right: auto;


}

#body_interieur_top /* partie haute du cadre interne du corp de cadre */
{
width:970px;
height:15px;
background-image:url(../images/elements_template/body_interieur_top.jpg);
}

#body_interieur_middle/* partie du millieu du cadre interne du corp de cadre */
{

width:968px;
background-color:#FFFFFF;
border-top:solid 1px; /* Taille de la bordure superieur */
border-top-color:#FFFFFF; /* Couleur de la bordure superieur*/
border-bottom: solid 1px; /* Taille de la bordure inferieur */
border-bottom-color:#FFFFFF; /* Couleur de la bordure inferieur */
border-left:solid 1px #666666;
border-right:solid 1px #666666;
}

#body_interieur_bottom /* partie basse du cadre interne du corp de cadre */
{
width:970px;
height:15px;
background-image:url(../images/elements_template/body_interieur_bottom.jpg);
}
/***********************************************************************************************************/
/******************************************FOOTER*********************************************************/
/***********************************************************************************************************/

#footer /* Pied du site*/
{

text-align:center;
background-image:url(../images/elements_template/footer.jpg);
background-repeat:no-repeat;
height:85px;
width:1050px;
margin:0;
padding:0;

}

.texte_footer
{
margin-top:0px;
color:#056508;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
text-align:center;
}

.texte_footer_rouge
{
color:#CC3300;
font-weight:normal;
}

/***********************************************************************************************************/
/******************************************MENU***********************************************************/
/***********************************************************************************************************/

#menu
{
overflow:hidden; 
background: bottom repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-right:20px;
}

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

color:#fff;
}
#menu a:hover, #menu a:focus 
{
background-position:0 0px;
color:#333;
}
#menu a:hover span, #menu a:focus span 
{
background-position:100% 0px;
color:#333;
}

/***********************************************************************************************************/
/******************************************CONTENU GENERAL**********************************************/
/***********************************************************************************************************/
#contenu_general
{
background-image:url(../images/elements_template/image_fond_marco.png);
background-repeat:no-repeat;
background-position:top;

color:#197F7F;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;

margin-left:25px;
margin-left:25px;
display:block;
text-align:left;
}

a
{
color:#CC3300;
font-size:14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

a:hover
{
color:#197F7F;
font-size:14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

a span, a:hover span
{
color:#197F7F;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
}

a:hover span
{
color:#CC3300;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
}

.titre
{
color:#056508;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:normal;
}

.titre_bold
{
margin:0px;
padding-top:10px;
color:#197F7F;
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:25px;
font-weight:bold;
}

.titre_haut
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:25px;
}

.titre_secondaire
{
/*color:#5A5A5A;*/
color:#056508;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:left;
margin-right:20px;
}

h2
{
/*color:#5A5A5A;*/
color:#056508;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
display: inline ;
}
.texte_de_base
{
color: #434343;
font-size:16px;

font-family:Verdana, Arial, Helvetica, sans-serif;
}

#liste_decaler /* Permet de decaler les liste a puces du diaporama (bricolage) */
{
margin-left:420px;
}

.texte_rouge
{
color:#CC3300;
}

.texte_vert
{
color:#056508;
}

.separateur_invisible
{
clear:both;
visibility:hidden;
}

.titre_type_activite
{
color: #197F7F;
font-size:16px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.nom_activite
{
color:#CC3300;
font-size:14px;
font-weight:bold;

font-family:Verdana, Arial, Helvetica, sans-serif;
}


.caracteristique_activite
{
color: #434343;
font-size:16px;

font-family:Verdana, Arial, Helvetica, sans-serif;
}

.reduction
{
color:#056508;
font-size:16px;

font-family:Verdana, Arial, Helvetica, sans-serif;
}

.image_gauche
{
margin-left:30px; 
float:left;

}

.activite_du_bas
{
margin-right:30px;
float:right;
width:600px;

}
/***********************************************************************************************************/
/******************************************DIAPORAMA*****************************************************/
/***********************************************************************************************************/
#conteneur_diaporama
{
float:right;
margin: 20px;
margin-right:60px;
margin-top:0;
width:200px;


}

#conteneur_diaporama_contact
{
float:left;
margin: 20px;
margin-right:80px;
margin-top:0;



}

#diaporama_top
{
background-image: url(../images/elements_template/diaporama_top.jpg);
height:20px;
width:380px;

}
#diaporama_middle
{
background-color:#ECECEC;
width:378px;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
margin:0px;
}
#diaporama_bottom
{
background-image:url(../images/elements_template/diaporama_bottom.jpg);
height:20px;
width:380px;
margin:0px;

}
/***********************************************************************************************************/
/******************************************CARTE**********************************************************/
/***********************************************************************************************************/
#carte
{
width: 950px;
height: 400px; 
margin:auto;
}

#formulaire_provenance
{
margin-left:20px;
}

/***********************************************************************************************************/
/******************************************ACTIVITES**********************************************************/
/***********************************************************************************************************/
.texte_alerte
{
color:#FF0000;
}

.bouton_connexion
{
background: url('../images/bouton/connection.png');	
/*background-position:center; 
background-repeat: no-repeat;*/
border:none;
cursor:pointer;	
width: 40px;
height:40px;
font-family: Tahoma,Verdana; 
font-size: 9pt; 
}
.bouton_connexion:hover
{
background: url('../images/bouton/connection_hover.png');	
/*background-position:center; 
background-repeat: no-repeat;*/
border:none;
cursor:pointer;	
width: 40px;
height:40px;
font-family: Tahoma,Verdana; 
font-size: 9pt; 
}

.bouton_deconnection
{
background: url('../images/bouton/deconnection.png');	
border:none;
cursor:pointer;	
width: 25px;
height:25px;
font-family: Tahoma,Verdana; 
font-size: 9pt;
}
.bouton_deconnection:hover
{
background: url('../images/bouton/deconnection_hover.png');	
border:none;
cursor:pointer;	
width: 25px;
height:25px;
font-family: Tahoma,Verdana; 
font-size: 9pt;
}

.bouton_menu
{
background: url('../images/bouton/bouton_menu.png');	
background-position:center; 
background-repeat: no-repeat;
border:none;
cursor:pointer;	
width:120px;
height: 40px;
font-family: Tahoma,Verdana; 
font-size: 9pt; 
color: #666666;
}

.bouton_menu:hover
{
background: url('../images/bouton/bouton_menu_hover.png');	
background-position:center; 
background-repeat: no-repeat;
border:none;
cursor:pointer;	
width:120px;
height: 40px;
font-family: Tahoma,Verdana; 
font-size: 9pt; 
color: #666666;
}

.tableau_liens
{
border: 0px;
font-size:14px;
color: #434343;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lien_activites
{
color:#5796E6; /*bleu fond de la page */
font-size:14px;
}

.lien_activites:hover
{
color:#056508; /* vert des branches*/
}

.thumbshot
{
border:none;
}

/***********************************************************************************************************/
/******************************************CALENDRIER*****************************************************/
/***********************************************************************************************************/

.bouton
	{
		display:inline;
	}
	
.statut_occupe
	{
		color:#FF0000;
	}
	
.statut_libre
	{
		color:#056508;
	}
	
.tarif_semaine
	{
		font-size:14px;
	}

/***********************************************************************************************************/
/******************************************CADRE ACTIVITES************************************************/
/***********************************************************************************************************/
.cadre_activites_haut
{

background-image:  url(../images/elements_template/cadre_activites_haut.png);
background-repeat:no-repeat;
/*border:solid;*/
width:570px;
height:20px;
padding:0px;
margin:0px;
}
.contenu_activites
{
width:530px;
margin-left:20px;
}
.cadre_activites_bas
{

padding-top:0px;
padding-bottom:25px;
margin:0px;
width:570px;
background-image:  url(../images/elements_template/cadre_activites_bas.png);
background-repeat:no-repeat;
background-position:bottom;
}
.liste_activites
{
list-style:none;
padding:0px;

}