body {
	margin:auto;
	padding:0;
	background-color:#7F9BB3;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
}

/*-------------------------------------------------------------------------------------------------------*/
body img{border:0;}
hr {clear: both;visibility: hidden;margin:0;padding:0;line-height:0;}
.spacer{clear: both;visibility: hidden;margin:0;padding:0;}
/*-------------------------------------------------------------------------------------------------------*/
#photo{float:right; display:inline; margin-left:10px; margin-bottom:10px;}
#texte{
	line-height:1.4em;
	width:565px;
}
.invisible{display:none;}
.aligndroite{float:right;}
/*----------------------------------------------------------------*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////
STYLE EN RAPORT AVEC MANAGER
//////////////////////////////////////////////////////////////////////////////////////////////////////*/

.ImageBoite{border:1px solid #000000;background-color:#e2e2e2;}
.ImageCopyright{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#666666;padding:0;margin:0 2px;}
.ImageLegende{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000000;padding:0;margin:2px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////
INTERFACE
//////////////////////////////////////////////////////////////////////////////////////////////////////*/


.libelle{
font-weight:bold;
}
/*MOTEUR DE RECHERCHE----------------------------------------------------------------*/

.repereBandeau{
	background-color:#BDD5EA;
	border:1px solid #336699;
	padding:3px;
	margin-bottom: 10px;

}
#recherche{
width:560px;
}

#recherche ul{
	font-size:85%;
	margin:0;
	padding:0;
}

#recherche li{
margin:0;
padding:0;
	list-style-type:none;
}
/*-------------------------------------------------------------------------------------*/



#accueil_conteneur {
	width:750px;
	margin:auto;
	text-align:left;
/*	background-image:url(../img/accueil_fond.jpg);*/
}

#nav_haut {
	width:750px;
	height:20px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
	margin:0;
	padding:0;
	background-color:#7F9BB3;
	font-size:80%;
}
#nav_haut ul {
	margin:0;
	padding:0;
}

#nav_haut li{
	margin:0;
	padding:0;	
	display:inline;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

#nav_haut a{
	color:#FFFFFF;
	text-decoration:none;
}
#nav_haut a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/*---------------------------------------------------------*/
/*-----------POUR LA PARTIE DE contenu 2------------------*/

#contenu_2 {
	width:750px;
	margin:0;
	padding:0;
}
#barre_img_2 {
	width:150px;
	margin:0;
	padding:0;
	float:left;
}

#info_conteneur {
	width:600px;
	float:right;
	background-color:#FFFFFF;
	margin-top:99px;
}

/*---- info_outil contient les 3 petites fenetres à droite de l'écran-----*/
#info_outil {
	width:150px;
	margin:0;
	padding:0;
	float:left;
	top:30px;
	margin-top:83px;
}

#info_recherche {
	margin:0;
	padding:0;
	width:150px;
	height:60px;
	background-color:#FFFFFF;

}
#info_recherche form{
	padding-top:15px;
	padding-left:5px;
}
#info_recherche input{
	background-color:#FFFFFF;
	border-style:inset;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	border:1px solid #004B88;
	padding-left:2px;
	vertical-align:middle;
}
#info_recherche .but{
	width:30px;
	height:20px;
	border:1px solid #004B88;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6A92B4;
	font-style:italic;


}
/*------ donne_page contient les info principales de l'accueil ---- */
#donnee_page {
	float:left;
	width:400px;
	background-color:#FFFFFF;
	margin-top:10px;
	margin-right:20px;
	font-size:85%;
	text-align:left;
	padding-left:20px;
}

#pageCentre{
	float:right;
	display:inline;
	width:570px;
	margin:109px 10px 0 20px;
	font-size:85%;
	text-align:left;
}

#donnee_evenement h1{
	margin-top:10px;
	margin-bottom:15px;
	font-weight:normal;
}


#donnee_evenement h2{
	font-size:130%;
	font-weight:bold;
}
#donnee_evenement img{
	margin:0;
	padding:0;
	margin-top:5px;
	margin-left:10px;
	float:right;
}
#donnee_evenement  a{
	font-size:120%;
	font-weight:bold;
}
#donnee_evenement p a{
	font-size:85%;
	color:#000000;
	font-weight:normal;
}
#donnee_bref {

}

#donnee_bref h2{
	color:#336699;
	border-bottom:1px solid #336699;
	font-weight:normal;
	margin-bottom:10px;
}
#donnee_bref ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#donnee_bref li{
	margin:0;
	padding:0;
}
#donnee_bref a{
	margin:0;
	padding:0;
	font-weight:bolder;
	margin-bottom:0px;
	font-size:120%
}
#donnee_bref p{

	padding:0;
	border-bottom:1px solid #CCD6E0;
	padding-bottom:10px;
	margin-bottom:5px;
}
#donnee_bref img{
float:left;
margin-right:10px;
	margin-top:10px;
margin-bottom:10px;
}
#donnee_bref p a{
	font-size:85%;
	color:#000000;
	font-weight:normal;
}

/*NAVIGATION--------------------------------------------------------------------------*/

#menu_ver_conteneur {
	width:150px;
	float:left;
	/*background-color:#CAE6F1;*/
	text-align:center;

}

#menu_ver_conteneur ul{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:70%;
}

#menu_ver_conteneur li {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding:0;
	background-repeat: repeat-x;
	text-align:left;
	border-bottom:1px solid #A2C2D5;

}

#menu_ver_conteneur a{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	display:block;
	padding:3px 3px 3px 15px;
	color:#666666;
}
/*#menu_ver_conteneur a:hover{
	text-decoration:none;
}*/

#menu_ver_conteneur .menu_nivo_4 {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding-left:30px;
}
#menu_ver_conteneur .border_menu .ss_menu{
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#menu_ver_conteneur .ss_menu a:hover{
	text-decoration:underline;
}

#menu_ver_conteneur .border_menu_0{
	border-bottom:1px solid #CCCCCC;
}

#menu_ver_conteneur .sss_menu_1 {
	font-size:100%;
	margin:0;
	padding:0;
	border-top:1px solid #CCCCCC;
}
#menu_ver_conteneur .sss_menu_1 a {
	background-image:none;
	background-color:#FFFFFF;
	font-weight:lighter;
}

#menu_ver_conteneur .sss_menu_1 a:hover {
	text-decoration:underline;
}

#menu_ver_conteneur .sss_menu_1 li {
	border-bottom:1px solid white;
	margin:0;
	padding:0;
}

#menu_ver_conteneur .sss_menu_2{
	font-size:100%;
	margin:0;
	padding:0;
}
#menu_ver_conteneur .plan_ville{
	margin:0;
	border:0;
	padding:0;
	background-image:none;
	padding-bottom:10px;
	border-bottom:1px solid #A2C2D5;
}
#menu_ver_conteneur .spl{
	margin:0;
	border:0;
	padding:0;
	background-image:none;
	padding-top:10px;
	border-bottom:1px solid #A2C2D5;
	padding-bottom:10px;
}
#menu_ver_conteneur img {
	margin:0;
	border:0;
	padding:0;
	background-image:none;
}


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

#logo {
	width:150px;
	padding-top:10px;
	color:#006699;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;

}

.adresse {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:normal;
	margin:10px;
}

/* ------------- pour la colonne de droite pour la page d'accueil -------------------*/

.actualiteChapeau{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:120%;
	margin:0 5px 0 5px;
	font-weight:bold;
	color:#336699;
}
.newsletterChapeau{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:120%;
	margin:0 5px 0 5px;
	font-weight:bold;
	color:#336699;
}

#accueil_form_newsletter{
	margin-left:5px;
}

#accueil_form_newsletter input{
	background-color:#FFFFFF;
	border-style:inset;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	border:1px solid #004B88;
	padding-left:2px;
	vertical-align:middle;
}
#accueil_form_newsletter .but{
	width:30px;
	height:20px;
	border:1px solid #004B88;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6A92B4;
	font-style:italic;
}
/*
#info_outil .blocs_pr {
	width:150px;
	background-color:#CAE6F1;
	float:left;
	font-size:70%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	background-image:  url("../../img/blocs/00_pied.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	text-align:left;
}
#info_outil .blocs_pr .blocsTitre_pr {
	background-image:  url("../../img/blocs/00_entete.gif");
	background-repeat:no-repeat;
	height:25px;
	font-size:15px;	
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:15px 0 0 35px;
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
}
#info_outil .blocs_pr ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#info_outil .blocs_pr li {
	margin:0;
	padding:0;
	margin-left:10px;
	font-weight:bold;

}
#info_outil .blocs_pr .actualite li {
	margin:0;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	color:#336699;
	padding:5px 0 5px 0;
	padding-left:10px;
	list-style-type:none;
	text-align:left;
	border-top:1px solid;
	border-top-color:#FFFFFF;
}

#info_outil .blocs_pr .contact {
	margin-top:10px;
	
}

#info_outil .blocs_pr img {
	margin-top:10px;
	margin-left:10px;
}
*/

/*---------------------fin des 3 elements -----------------*/

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

/*-----------POUR LA PARTIE DE contenu 1------------------*/
#contenu_1 {
	width:600px;
	height:100px;
	position:absolute;
	top:20px;
	margin-left:150px;
	text-align:left;
	z-index:51;
}
#barre_img {
	width:600px;
	height:75px;
}


/*-------------------------------------------------------------------*/
/*-----------POUR LA PARTIE DE contenu 3------------------*/

#pied_page {
	width:750px;
	height:25px;
	margin:0;
	padding:0;
	margin-top:20px;

}

#nav_bas {
	width:750px;
	padding:0;
	text-align:center;
	color:#FFFFFF;
	margin:10px auto 20px auto;;
}

#nav_bas ul {
	margin:0;
	padding:0;
}
#nav_bas li {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:80%;
	margin:0;
	padding:0;
	display:inline;
}
#nav_bas a{
	color:#FFFFFF;
	text-decoration:none;
}
#nav_bas a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}



/*---------------------------------------------------------------
  -------------POUR LA PAGE RUBRIQUE --------------------------
------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------
 la partie donnee principal de la rubrique contenant les vignettes, photo et texte ou sous-menu niveau 4
------------------------------------------------------------------------------------------------------------*/




#rubriqueSommaire{}
#rubriqueSommaire p{margin:0;padding:0;}	
#rubriqueSommaire a{}
#rubriqueSommaire a:hover{}

.sommaireChapeau{
margin:0.5em 0 0.5em 0!important;
}
#rubriqueSommaire ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.rubriqueSommaireN3{
	margin:0;
	padding:0;
}
.rubriqueSommaireN3 li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	margin-bottom:15px;
	list-style-type:none;
}
.rubriqueSommaireN4 {
}
.rubriqueSommaireN4 li{
	border-bottom:0px;
	padding:0;
	margin:0;	

}

.rubriqueSommaireN3 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:120%;
	padding:0;
	margin:0;
}


.rubriqueSommaireN4 a{
	color:#333333;
	font-weight:normal;
	font-size:85%;


	voice-family: "\"}\"";
    voice-family:inherit;
	
	padding-left:15px;
	background-image:url(../../img/puce_triangle.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	
	/*margin-left:15px;*/

	
}
html>body .rubriqueSommaireN4 a{
	background-image:url(../../img/puce_triangle.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	/*margin-left:15px;*/
}

.rubriqueSommaireN4 a:hover{
	color:#333333;
	}	
#rubriqueSommaire img{ 
	float: left;
	margin:0 10px 10px 0;
}



/*-------------------------------------------------------------------------------------
 FONT et COLOR et STYLE 
 
 pour le web_page
 
 ---------------------------------------------------------------------------------------*/
 
#page_donnee_page {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	width:400px;
	background-color:#FFFFFF;
	margin-top:10px;
	text-align:left;
	padding-left:20px;
	font-size:85%;
}
#page_donnee_page .rubrique_page_titre {

	margin-top:10px;
	margin-bottom:20px;
	border-bottom:1px solid #336699;
	font-weight:normal;
}

#info_recherche_page {
	position:absolute;
	top:0;
	margin-left:590px;
	margin-top:125px;
	width:150px;
	text-align:center;
}

#info_recherche_page form{
	padding-top:15px;
	padding-left:5px;
}
#info_recherche_page input{
	background-color:#FFFFFF;
	border-style:inset;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	border:1px solid #004B88;
	padding-left:2px;
	vertical-align:middle;
}
#info_recherche_page .but{
	width:30px;
	height:20px;
	border:1px solid #004B88;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6A92B4;
	font-style:italic;
}
/* ---------------------------------------------------------------------------------------*/
.copyright{
	padding:0;
	color:#ffffff;
	font-size:70%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.copyright a{
	color:#ffffff;
	text-decoration:none;
}
.copyright a:hover{
	color:#ffffff;
	text-decoration:underline;
}
/* ---------------------------------------------------------------------------------------*/
.theme{
	font-style:italic;
	color:#FF6600;
	}
.actuTheme{
	font-style:italic;
		color:#FF6600;
	}
/* ---------------------------------------------------------------------------------------*/


/* POUR LE CHEMIN , ARBORESCENCE */
.chemin {color:#000000;  text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 10px;}
.cheminFin {color:#000000;  text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 10px}
.chemin a {color:#000000;  text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 10px;}
.chemin a:hover {color: #336699; text-decoration: underline;}

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

/* EVENEMENT */
#AgdEvent img{
float:right;
}
/* ---------------------------------------------------------------------------------------*/


/*STYLE POUR PLAN DU SITE*/
.planSite ul{
	padding:0;
	margin:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
}

.planSite a{
	text-decoration:none;
}
.planSite a:hover{
	text-decoration:underline;
}

.planSiteN1 li a,.planSiteN1 li span{
	padding-left:10px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	margin-top:20px;
}
.planSiteN1 li a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

.planSiteN2 li a{
	font-weight:bold;
	color:#666666;
	margin: 6px 0 3px 10px;
	display:inline;
}

.planSiteN3 li a{
	font-weight:normal;
	color:#666666;
	margin: 0 0 0 30px;
}
.planSiteN3 li a:hover{
	text-decoration:underline;
	color:#666666;
}
.planSiteN4 li a{
	font-weight:normal;
	color:#666666;
	margin: 0 0 0 60px;
	font-size:80%;
}
.planSiteN4 li a:hover{
	text-decoration:underline;
	color:#666666;
}
#p797 ,#p797 ul,#p797 ul li,#p797 li,#p797 ul.planSiteN2,#p797 .planSiteN2 li{display:none }
/* FORMULAIRE ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.formEtiquette{
font-weight:bold;
padding-top:20px;
padding-bottom:5px;
color:#333333;
}

.formEnvoye{
	border:1px solid #000000;
	text-align:center;
	margin:5px;
	background-color:#E6ECF2;
	color:#990000;
}

.formBouton{
	margin-top:10px;
	text-align:center;
}


.formTableau 		{
	background-color: #FFFFFF;
	width: 400px;
}
.formDroite 		{width:30% ;}
.formGauche 		{width:70% ;}
.formBouton 		{

	color:#000000;
	text-align: center;
	font-weight: bold;
	cursor: hand;
	margin-top: 6px;
	margin-bottom: 1px;
}

.formObligatoire 	{ color:#FF0000; font-weight: bold;}



/* FORMULAIRE ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#servicePublic{width:95%}