body{background-image:url(../../img/fond.gif);
background-repeat:repeat-x;
background-color:#99CCFF;
text-align:center;
padding:0; margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
margin-bottom:50px;
}
body{behavior:url("/shared/css/hover.htc");}


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;}
.invisible{display:none;}
form{margin:0;}

#outils ul, .actualites ul, .colonneDroite ul, .colonneGauche ul,.actuTertiaire ul, .sommaire, .sommaireAvecActus{
	margin:0;
	padding:0;
	list-style-type:none;
}

 /********************************/
 /********   STRUCTURE   *********/
 /********************************/
#global{
background-color:#FFFFFF;
width:750px;
text-align:left;
margin:0 auto;
}
#accessibilite { display:none;}
#accessibilite ul{margin:0 }
#entete{
position:relative;
width:777px;
height:153px;
background-image:url(../../img/bandeau/haut.gif);

background-repeat:no-repeat;
margin-left:-27px;
border-bottom:1px;
}
#logo{margin-left:27px;float:left;}
#recherche{ float:left;padding:0;text-align:left;padding-left:15px;padding:0px 10px 10px 15px;width:185px;
}
#contenu, #contenuAccueil{
position:relative;
width:530px; 
float:right; 
margin:0px 10px 0px 0; 
display:inline; 
text-align:left;
}
#contenu{top:-10px;}
#contenuAccueil{top:-35px;}
#navigation{ 
float:left;margin:0;padding:0;

width:190px;padding-top:5px;
padding-left:15px;

voice-family: "\"}\"";
voice-family:inherit;

width:170px;
}


#piedDePage{
	background-color:#99CCFF;
	clear:both;
	margin-top:20px;
	background-image:url(../../img/fond_pied_page.gif);
	height:24px;
	background-repeat:no-repeat;
	text-align:right;padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
}

#piedDePage .flecheHautPage {
	background-image:url(../../img/fleche_haut_page.gif);
	background-repeat:no-repeat;
	/*display:block;*/
	background-position:right bottom;
	margin-right:30px;
	padding-right:27px;
	padding-top:13px;
	padding-bottom:4px;
	color:#666666;
	text-decoration:none;
}
#piedDePage .flecheHautPage:hover {
text-decoration:underline
}
#piedDePage .flecheHautPage:active {
background-color:#D6EBFF;
}


#copyright{ font-size:70%; margin:10px 0;}
.imageDynamique {
	float:right;
	width:350px;
	height:141px;
	/*margin-left:427px;
	padding-right:10px;
	margin-top:23px;*/
	/*margin-top:25px;*/
	/*background-color:#EEEEEE;*/
	background-image:url(../../img/bandeau/0.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.bandeau2{	background-image:url(../../img/bandeau/2.gif);}
.bandeau5{	background-image:url(../../img/bandeau/5.gif);}
.bandeau6{	background-image:url(../../img/bandeau/6.gif);}
.bandeau7{	background-image:url(../../img/bandeau/7.gif);}
.bandeau8{	background-image:url(../../img/bandeau/8.gif);}
.bandeau9{	background-image:url(../../img/bandeau/9.gif);}
.bandeau10{	background-image:url(../../img/bandeau/10.gif);}
.bandeau11{	background-image:url(../../img/bandeau/11.gif);}
.bandeau12{	background-image:url(../../img/bandeau/12.gif);}
.bandeau13{	background-image:url(../../img/bandeau/13.gif);}

 /********************************/
 /********   DETAILLÉS   *********/
 /********************************/
#outils{ 
color:#A4C93B; text-align:center;
position:absolute;
top:0;
/*margin-left:65px;*/
padding-left:65px;
font-size:80%;
text-align:left;
/*background-color:#CC9966;*/
}

#outils ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:3px 10px; height:1.2em;}
#outils li {
display:inline;
color:#A4C93B;
}
#outils li a {
font-size:80%;
color:#A4C93B;
font-weight:bold;
padding:0 3px 0 3px;
text-decoration:none;
}
#outils li a:hover {
	text-decoration:underline;
}
/********************************/
#navigation ul{ 
list-style-type:none; margin:0; padding:0;
}
#navigation li.Niveau1{ padding:0;margin:0;margin-bottom:3px;}
#navigation li.Niveau1 a { margin:0;padding:0; text-decoration:none;height:17px; background-repeat:no-repeat;}
#navigation a.Niveau1Titre2{display:block; background-image:url(../../img/nav/bouton_decouvrez.gif);}
#navigation a.Niveau1Titre5{ display:block;background-image:url(../../img/nav/bouton_ville_pratique.gif);}
#navigation a.Niveau1Titre6{ display:block;background-image:url(../../img/nav/bouton_democratie.gif);}
#navigation a.Niveau1Titre7{ display:block;background-image:url(../../img/nav/bouton_enfance_jeunesse.gif);}
#navigation a.Niveau1Titre8{ display:block;background-image:url(../../img/nav/bouton_culture.gif);}
#navigation a.Niveau1Titre9{ display:block; background-image:url(../../img/nav/bouton_sport.gif);}
#navigation a.Niveau1Titre10{ display:block;background-image:url(../../img/nav/bouton_cadre_vie.gif);}
#navigation a.Niveau1Titre11{ display:block;background-image:url(../../img/nav/bouton_economie.gif);}
#navigation a.Niveau1Titre12{ display:block;background-image:url(../../img/nav/bouton_action_sociale.gif);}
#navigation a.Niveau1Titre13{ display:block;background-image:url(../../img/nav/bouton_seniors.gif);}




#navigation a.Niveau1Titre2:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre5:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre6:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre7:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre8:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre9:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre10:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre11:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre12:hover{ background-position:-190px 0px;}
#navigation a.Niveau1Titre13:hover{ background-position:-190px 0px;}


#navigation .Niveau2 a{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;color:#666666;font-size:70%;}
#navigation a.on{background-position:-190px 0px;}

#navigation .Niveau12 a.on{ color:#003366;font-weight:bold;}
#navigation .Niveau15 a.on{ color:#A4C93B;font-weight:bold;}
#navigation .Niveau16 a.on{ color:#189BF6;font-weight:bold;}
#navigation .Niveau17 a.on{ color:#E06B8C;font-weight:bold;}
#navigation .Niveau18 a.on{ color:#FFAE00;font-weight:bold;}
#navigation .Niveau19 a.on{ color:#FF0000;font-weight:bold;}
#navigation .Niveau110 a.on{ color:#42AF21;font-weight:bold;}
#navigation .Niveau111 a.on{ color:#0072FF;font-weight:bold;}
#navigation .Niveau112 a.on{ color:#47C9B2;font-weight:bold;}
#navigation .Niveau113 a.on{ color:#CC00FF;font-weight:bold;}

#navigation .Niveau2 a:hover{text-decoration:underline}
#navigation .Niveau2{padding:3px 5px 3px 20px;line-height:12px;
}
#copyright {
	color:#2E6194;
}
#copyright a{ color:#2E6194;text-decoration:none;}
#copyright a:hover {
	text-decoration:underline;
}

#recherche form{ margin:0;padding:0;}
#recherche .rechercheChamp{margin:0;padding:0;pading-left:2px;padding-top:2px;width:135px;font-size:70%;vertical-align:top}
#recherche .rechercheOK{ margin:0;padding:0;margin-left:5px;}

#sommaireRubrique{}
#sommaireRubrique img{ float:left; margin:0 10px 10px 0;}
.sommaireRubriqueElement{clear:both; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #cccccc;}

/********************************/
/**********   DIVERS   **********/
/********************************/

.chemin { font-size: 60%}
.cheminFin {}
.chemin a,.chemin a:visited {text-decoration:none; color:#666666}
.chemin a:hover {text-decoration: underline;}

p.fichierAssocie{}
p.datePublication{ color:#999999; font-size:70%; text-align:center; border-top:1px solid #cccccc; padding-top:5px; margin-top:10px; clear:both;}
p.dateLibelle{ font-style:italic; font-size:80%; font-weight:bold;}

/********************************/
/****** IMAGE WEBEDITOR *********/
/********************************/

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


/********************************/
/******* FORMULAIRES ************/
/********************************/

.formEnvoye {
color:#33CC00;
width:100%;
border: 1px solid #66CC00;
text-align: center;
font-weight: bold;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formPasEnvoye {
color:#FF0000;
width:100%;
border: 1px solid #FF0000;
text-align: center;
font-weight: bold;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formTableau {
background-color: #ffffff;
width: 100%;
}
.formDroite {font-weight: bold; width:30% ;}
.formGauche {font-weight: bold; width:70% ;text-align:right;vertical-align:top}
.formBouton {
color:#000000;
text-align: center;
margin-top: 6px;
margin-bottom: 1px;
}
.formEtiquette{
font-size:120%;
font-weight: bold;
padding-top: 15px ;
}
.formObligatoire { /*color:#FF0000; font-weight: bold;*/} 

/********************************/
/******* FORMULAIRES ************/
/********************************/
.abonnement {width:48%;float:left;margin-right:2%;}
.desabonnement {width:48%;float:left;}
.newsletter h2 { color:#FF9900;font-size: 115%; }
.newsletter legend {display:none;}
.newsletter fieldset {border:0px solid #FFFFFF}


/********************************/
/******* SOMMAIRE RUBRIQUE ************/
/********************************/
.sommaireAvecActus{
	float:left;
	width:345px;
}

.sommaire .image{width:100px;float:left;}
.sommaire li {
clear:both;
margin-bottom:20px;
color:#666666;font-size:75%;
}
.sommaire img{
	margin:0;
	padding:0;
	float:left;
	padding:1px;
	border:1px solid #189BF5;
	margin-right:5px;
	margin-bottom:20px;

}
.sommaire a{
	color:#0066FF;
	font-weight:bold;
	font-size:100%;
}
.sommaire .date{
	font-weight:bold;font-size:90%;
}
.sommaire .theme{
	font-weight:bold;font-size:90%;color:#FF9900;
}


/********************************/
/******* CONTENU ************/
/********************************/
#contenu .hautTitre{
	background-image:url(../../img/haut_titre.gif);
	background-repeat:no-repeat;
	display:block;
	height:4px;width:530px;
	margin-top:7px;padding:0;font-size:0px;
}
#contenu h1#titrePrincipal {
	color:#A4C93B;
	font-size:140%;
	font-weight:bold;
	margin-bottom:10px;
	background-color:#E4EFC4;
	margin:0;
	padding-left:15px;
}
#contenu .basTitre{
	background-image:url(../../img/bas_titre.gif);
	background-repeat:no-repeat;
	display:block;height:26px;
}
#contenu h2.chapeau{margin-top:0;margin-bottom:10px;
font-size:80%;color:#666666;
position:relative;
top:-15px;margin-right:80px;
}

.actualites {float:right; width:165px;margin-top:10px; }
.agendaDroite{float:right; width:165px;margin-top:10px;margin-right:5px; }
#contenu .actualites h2 {
	margin:0;
	padding:0;
	display:block;
	height:43px;
	background-image:url(../../img/titre_actualites.gif);
	background-repeat:no-repeat;
}
#contenu .actualites .contenuActualites {
	border-right:2px solid #D1E49D;
	border-left:2px solid #D1E49D;
	font-size:80%;
}
#contenu .piedActualites {
	display:block;
	clear:both;
	height:11px;font-size:10%;
	background-image:url(../../img/pied_acces_direct.gif);
	background-repeat:no-repeat;
}
#contenu .actualites .contenuActualites ul{
margin:0 10px;font-size:85%;color:#666666;padding-top:5px;}
#contenu .actualites .contenuActualites li{
padding-bottom:8px;}
#contenu .actualites .contenuActualites a{
	color:#0066FF;
	font-weight:bold;

}
#contenu .texte {font-size:80%;color:#666666 }