/* Habillage du mini calendrier */

#calendar 
{ 
text-align: center;
margin:0 0 0 0;  
padding:0 2px 0 0; 
padding-top: 0.5em; 
background:#E0E0E0;
width:174px;
-moz-border-radius:15px;
}

#calendar table 
{ 
width:100%; 
margin:0 0 0 0; 
padding:0; 
}

#calendar caption 
{ 
font-size:0.8em;
padding:2px ; 
font-weight:bold; 
}

#calendar th 
{ 
-moz-border-radius: 1em;/*background: #ADC7D6;*/
background: #9ab2c0; 
font-weight: normal; 
color: #000; 
}

#calendar th abbr 
{ 
border: none; 
cursor: help; 
}

#calendar td 
{
-moz-border-radius: 0.7em; 
margin:auto 0;
padding:0; 
border:none; 
text-align:center; 
background:#bfc7cc; 
line-height:1.4em; 
 }

#calendar td.horsperiode 
{ 
background:#ececec; 
color:#ccc; 
}

#calendar td.occupe 
{ 
/*background: #FFD98F;*/background:#f8ac64; 
}

#calendar td a 
{ 
display:block; 
}

#calendar td span 
{ 
color:#aaa; 
}

#calendar td a:hover 
{
border:0px 
}

#calendar tr 
{ 
font-size:0.7em; 
}

#calendar h1 
{  
font-size: 17px; 
font-weight: bold; 
color: #943306; 
}


/* Habillage agenda */


#navigation
{
float:right;
background-color:transparent;
-moz-border-radius:15px;
}


#agenda-contenu
{
margin:200px 0 0 0;
font-size:0.7em;
padding:0px 2px 3px 2px;
-moz-border-radius:15px;
}

#agenda-contenu h1
{
margin-top:15px;
font-size:17px;
font-weight:bold;
color:#943306;
}

#agenda-contenu #fond-couleur
{
margin:0 0 0 0;
padding:1px 2px 2px 10px;
background-color:#f8ac64;
-moz-border-radius:15px;
}

#agenda-contenu #titre
{
-moz-border-radius:15px;
font-size:16px;
color:#6b2505;
font-family:Calibri,Cambria,Corbel,Arial;
}

#agenda-contenu #titre img
{
float:left;
}

#agenda-contenu #position-titre
{
padding-left:0px;/*Modification de la marge du titre des articles agenda barre droite*/
}

#agenda-contenu #titre:hover
{
text-decoration:underline;
}

#agenda-contenu #descriptif
{
margin:2px 0 0 0;
font-size: 13px;
font-family:Calibri,Cambria,Corbel,Arial;
text-align:justify;
padding-right:2px;
padding-left:2px;
}

/* Habillage zone de la photo insolite*/
#photo
{
padding:1px;
padding-bottom:5px;
text-align:center;
background: url(../../IMG/banniere-articlesV5.jpg) no-repeat ; 
}

#photo h1
{
font-size: 17px;
font-weight: bold;
color: #943306;
}

#photo img
{
border:2px solid;
border-color:#943306;
}

/* Contenu de la zone de l'agenda*/
#infos 
{  
width:740px;
background-color: #FFF;
border: 1px solid #DDD;
margin-left: 235px;
min-height:460px;
}

#breves
{
margin-top:3px;
margin-left:400px;
border-left:1px solid;
min-height:460px;
text-align:center;
}

body
{
background: url(../../IMG/body_bg.jpg) repeat-x ; 
background-color:#bfbfbf;
}

/*Page globale du site*/
#page
{
width: 970px;
margin: auto;
margin-top: 10px;
margin-bottom: 20px;    
font-family:Verdana,Tahoma;
background-color:#FFFFF0;
border-left:1px solid #a5a5a5;
border-right:1px solid #a5a5a5;
}

/* L'en-tête */
/*
#header {
  background: url(../../IMG/banner_ville.jpg) no-repeat ; 
 width: 968px; 
  height: 150px;
  text-align:left;
  border:1px solid #0ac0e1;
} */

#header 
{
background: url(../../IMG/banner_ville.jpg) no-repeat ; 
/* width: 968px; */
height: 150px;
text-align:left;
border:1px solid #0ac0e1;

}

#header img
{
margin-top:23px;
}

/*Zone de recherche page d'accueil*/
#rechercheformulaireAccueil
{
text-align:right;
margin-top:20px;
}

/*Zone de recherche*/
#rechercheformulaire
{
text-align:right;
margin-top:40px;
}

/*Differents en-tetes */
#header_amenage 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/images/banner_amenage.jpg) no-repeat ;
}

#header_enfance 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_enfance.jpg) no-repeat ;
}


#header_asso 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_asso.jpg) no-repeat ;
}


#header_conseil 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_conseil.jpg) no-repeat ;
}


#header_formulo 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_formulo.jpg) no-repeat;
}


#header_ville 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_ville.jpg) no-repeat ;
}


#header_publication
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_publication.jpg) no-repeat ;
}


#header_services 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_services.jpg) no-repeat ;
}


#header_social 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_sommaire.jpg) no-repeat ;
}


#header_culture 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner_culture.jpg) no-repeat;
}


#header_autre 
{
width: 968px;
height: 150px;
text-align:left;
background: url(../../IMG/banner42.jpg) no-repeat ;
}

/* Le menu horizontal*/
#menu
{
width:890px ;
padding: 0 ;
margin: 0 auto ; 
list-style-type: none ; 	
}

/*Liens du menu horizontal*/
#menu a
{
display: block;
width:124px;
height:28px;
color: #FFFFFF;
background: #0ac0e1;
text-align: center; 
padding: 4px 0;
text-decoration:none;
float: left ; 
}

/*Survolement des liens du menu horizontal*/
#menu a:hover
{
color:#FFFFF0;
background:#1F1F1F;
}

/*Elements du menu horizontal*/
#menu li
{
float:left ;
width:124px ;
height:35px;
font-size:12px;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
}
   
/*Eléments deroulants du menu horizontal*/
#menu  li ul 
{ 
position:absolute;
left:-999em;
text-align:center;
list-style-type:none ; 
}

/*Survolement des sous-menus du menu horizontal*/
#menu li:hover ul
{ 
left:auto;
margin-top:18px;
margin-left:-41px;
}

/*Survolement des éléments du sous-menu du menu horizontal*/
#menu li:hover ul li
{ 
float: none;
font-size:11px;
}

/*Positionnement du menu horizontal*/
#position-menu
{
margin:0 auto; 
background:#0ac0e1;
height:36px;
}


/* Affichage du chemin */
#fil-ariane 
{ 
border: 1px solid #DDD;
font-size: 12px;
width:598px;      /*Modifier la taille en <===== & ======> en dessous du menu*/
margin-bottom:5px;
min-height:30px;
background-color:#FFFFF0;
padding:2px 2px 2px 2px;
-moz-border-radius: 1em;
}


/* Contenu principal de la page */
#content 
{ 
width:600px; 
padding:0px;
background-color:#FFFFF0;
font-family:Calibri,Corbel,Cambria,Arial;
overflow: auto;
}


/*Zone d'actualités: edito et à la une*/
#actualite
{
overflow:auto;
}


/*Edito du maire*/
#edito
{
border-color:#0ac0e1;
font-size: 16px;
margin-right:287px;
border-right:2px solid #e07109;
padding-right:3px;
text-align:justify;
/*letter-spacing: -0.03em;*/
}



/*Articles d'actualités*/
#alaUne
{
float:right;
width:282px;
padding-left:5px;
font-size:16px;
}


#alaUne #chapo-alaUne a
{
color:black;
}


#alaUne img
{
border:none;
}


#alaUne #chapo-alaUne:hover
{
text-decoration:underline;
/*color: #666;*/
/*background-color: #EEE;*/
}


#alaUne #chapo-alaUne a:hover
{
color: #666;
background-color: #EEE;
}

/* Pied de la page */
#footer 
{ 
background:url(../../IMG/footer.jpg) no-repeat;
padding: 5px;
text-align: center;
margin-top: 5px;
font-size: 10px;
}


/*
#liste-articles{
list-style-type: none ;
}
*/

/*Differents types de titres*/
h1 
{
font-size: 16px;
font-weight: bold;
color:#800000;
}


h2 
{
font-size: 14px;
font-weight: bold;
color: #030A3F;
text-decoration: underline;
}


h3 
{
font-size: 12px;
font-weight: bold;
color: #3794A8;
}


/*Liens*/
a 
{
color:#943306;
text-decoration: none;
border: none;
}


#divleft a:hover
{
color:#666;
background-color:#EEE;
text-decoration:underline;
}


/*Images du pied de page*/
#footer img
{
border:none;
}

/*Survolement des liens*/
a:hover 
{
color: #666;
/*background-color: #EEE;*/
background-color: none;
text-decoration:underline;
}



/*Page centrale: contenu entre l'en-tête et le pied de page*/
#page-centrale 
{
margin-top:5px;
overflow: auto;
}


/*Chemin ou l'on se trouve dans le fils d'ariane*/
#lien-accueil
{ 
float:left;
font-size: 12px;
padding:2px;
}


/* Panneau latéral gauche*/
#divleft 
{ 
text-align: left;
float:left;
border: none;
width:178px;
font-size: 13px;
margin-top: 0px; 
}

/*Panneau des sous-rubriques dans les rubriques et articles*/
#sous-rubriques
{
text-align: left;
background-color:#f8ac64;
border: 2px solid #DDD;
font-size: 13px;
margin-bottom:5px;
-moz-border-radius: 1em;
}

#sous-rubriques a
{
/*color:#943306;*/
color:#6b2505;
}

#sous-rubriques h2 
{
text-align:center;
font-family:"Lucida Bright";
text-decoration:none;
font-size: 14px;
}

#sous-rubriques ul
{
list-style-type:square;
padding-right:3px;
padding-left:0px;
margin-left:20px;
/*color:#943306;*/
color:#6b2505;
}


#sous-rubriques ul li
{
margin-top:5px;
}


#sous-rubriques li li
{
font-size: 12px;
}


#sous-rubriques li li li
{
font-size: 11px;
}


#sous-rubriques #sous-articles
{
list-style-type:square;
font-size:12px;
/*color:#943306;*/
color:#6b2505;
}


/*Rubriques actuelle*/
#sous-rubriques a.on 
{
color:black;
text-decoration:underline;
}


#sous-rubriques #sous-articles li
{
margin-top:5px;
}


/*Rubrique des accès directs*/
#actuRubrique
{
text-align: left;
background: #E0E0E0 ;
border: 2px solid #f8ac64;
font-size: 13px;
-moz-border-radius: 1em;
}


#actuRubrique h1 
{
text-align:center;
font-family:"Lucida Bright";
text-decoration:none;
font-size: 14px;
color:black;
}


#actuRubrique ul
{
list-style-type:square;
padding-right:3px;
padding-left:0px;
margin-left:20px;
color:#E07109;
}


#actuRubrique ul li
{
margin:0px;
margin-top:5px;
padding:0px;
}


/*Couleur du texte de l'acturubrique*/
#actuRubrique a
{
color:#E07109;
}


/*Zone de contact*/
#contacts
{
text-align: center;
background: #0AC0E1 ;
border: 2px solid #DDD;
font-size: 13px;
margin-top: 5px;
padding-bottom:5px;
-moz-border-radius: 1em;
}

#contacts a
{
/*color:#943306;*/
color:black;
text-decoration:none;
}


/*Zone des liens*/
#liens
{
text-align: center;
background-color: #E0E0E0;
border: 2px solid #f8ac64;
font-size: 13px;
margin-top: 5px;
padding-bottom:5px;
padding-top:5px;
-moz-border-radius: 1em;
}


/*Zone de la meteo*/
#meteo 
{
text-align:center;
border:2px solid #f8ac64;
-moz-border-radius: 1em;
font-family:Calibri,Cambria,Corbel,Arial;
font-size: 13px;
background-color:#E0E0E0;
margin:0 0 5px 0;
}
.maj
{
font-size:9px;
}
.resume
{
font-weight:bold;
margin:-10px 0 10px 0;
font-size:20px;
}
.t_ressentie
{
}
.t_reelle
{
}

#meteo h1
{
font-size:17px;
}


/*Zone de l'affichage de l'heure*/
#heure 
{
text-align:center;
font-family:Calibri,Cambria,Corbel,Arial;
color:black;
border: 2px solid #DDD;
-moz-border-radius: 1em;
margin-top: 5px;
font-size: 13px;
background-color: #f8ac64;
}


#divleft .art 
{
color: #333;
text-decoration: none;
font-weight: bold;
padding-left: 15px;
background: url(../../IMG/b-3.gif) no-repeat center left;
background-position : top left;
}


/*Panneau central*/
#contenu-general
{
margin-left:180px;
}


/* Panneau lateral droit*/
#divright 
{
border:solid 2px #f8ac64; 
margin:-40px 0 0 0;
float:right;
width:180px;
background-color:#E0E0E0;
-moz-border-radius:15px;
}


/*Colonnes des articles recents page accueil*/
#articles-recents
{
margin-top:10px;
font-size: 30px;
/*color:#6B6B6B;*/
color:#383838;
overflow:auto;
}


#articles-recents ul 
{
list-style-type: none ; 
margin:0px;
padding:0px;
}


 #articles-recents ul  li
{
margin-bottom:10px;
padding:4px;
font-size: 12px;
background:url(../../IMG/banniere-articlesV5.jpg); 
background-repeat:no-repeat; 
padding-top:8px;
font-size: 16px;
}


#articles-recents h1
{
padding:0px;
margin-bottom:0px;
margin-top:0px;
font-weight:bold;
font-size: 18px;
}


#articles-recents #articles-recents-debut 
{
font-size:12px;
height:150px;/*taille collones hauteur*/
margin:0 5px 0 5px;
}


/*Colonne gauche des articles page d'accueil*/
#colonne-article-gauche
{
width:297px;
font-size: 16px;
float:left;

}
#style_textecolgauche
{
float:left;
font-size:14px;
}
#style_textecoldroite
{
float:left;
font-size:14px;
}


.styleacol_gauche 
{
font-size:12px;
font-weight:bold;
border:solid 2px red;
}


#colonne-article-droite img
{
border:none;
}

#colonne-article-gauche img
{
border:none;
}


/*Colonne droite des articles page d'accueil*/
#colonne-article-droite
{
float:right;
width:297px;
font-size: 16px;
text-align:justify;
}
#articles-recents-debut
{
font-size:12px;
height:150px;/*taille des collones Hauteur*/
margin:0 5px 0 5px;
}


/*Liste des articles moins recents page accueil*/
#articles-moins-recents 
{
font-size: 15px;
background: url(../../IMG/banniere-moins-recentV5.jpg) no-repeat ; 
padding-top:7px;
}


#articles-moins-recents h1
{
padding:0px;
margin-bottom:0px;
margin-top:0px;
font-weight:bold;
font-size: 16px;
}


/*Contenu d'une rubrique*/
#rubrique
{
text-align:left;
min-height:100px;
font-size: 15px;
margin-top:0px;
padding:0px;
}

 
#rubrique #titre-rubrique
{
font-weight:bold;
font-size: 22px;
text-align:center;
color: #067F94;
overflow: auto;
}


#rubrique #logo-rubrique
{
float:left;
padding-right:5px;
}


#rubrique #texte-rubrique
{
padding-left:5px;
text-align : justify; 
}


/*Contenu d'un article*/
#article
{
/*text-align:justify;
min-height:170px;
font-size: 13px;
margin-top:0px;
padding:0px;*/
}


#article a img
{
color:#943306;
border-color:#943306;
}


#debut-article 
{
overflow: auto;
}


#article #titre-article
{
font-weight:bold;
font-size: 23px;
text-align:center; 
color: #800000;
}


#article #logo-article
{
float:right;
padding-left:5px;
}


#article #texte-article
{
padding-left:5px;
text-align:justify;
}


#article #surtitre-article
{
text-align:center;
font-size: 18px;
color: #E04D09;
font-weight:bold;
}


#article #soustitre-article
{
text-align:center;
font-size: 15px;
color: #067F94;
font-weight:bold;
}


#article #chapo-article
{
font-weight:bold;
font-size: 15px;
color:  #800000;
text-align:center;
}


#article #descriptif-article
{
font-weight:bold;
font-style: italic;
text-align:center;
}

/*Images du port folio*/
#documents_portfolio
{
text-align:center;
}

/*Page de recherche*/
#page-recherche-generale h1
{
font-size: 20px;
color: #943306;
text-align:center;
}


#page-recherche 
{
font-size: 17px;
background: url(../../IMG/banniere-moins-recentV5.jpg) no-repeat ; 
margin-top:0px;
padding-top:1px;
}


#page-recherche ul
{
list-style-type:square;
}


#page-recherche li{
margin-left:10px;
}


#page-recherche h2{
text-decoration:none;
font-size: 19px;
}

/******************************************/
/** NoteBulle **/
span.notebulle span { display: none; }
span.notebulle:hover span { 
	display: block; 
	font-family: Verdana, sans-serif; 
	font-size: 11px; 
	color: black;
	text-align: left;
	padding: 4px 8px; 
	margin: -4px 0px 0px 0px; 
	background-color: lightyellow; 
	border: 1px solid gray; 
	/* Larguer du texte, a personnaliser */
	width: 500px;  
	position: absolute; 
	overflow: hidden;
}
/******************************************/


/*style méteo modifier par Koehl eric*/
#meteo
{
}
.styledl
{
height:200px;
margin:5px 0 15px 0;
background-color:#f8ac64;
-moz-border-radius:15px;
}
.styledt
{
text-align:left;
margin:0 0 5px 5px;
padding:5px 0 5px 0;
font-weight:bold;
font-size:16px;
color:#6b2505;
}
.styledd1
{
text-align:left;
margin:3px 2px 0 3px;
font-weight:bold;
}
.styledd2
{
margin:3px 2px 0 2px;
}

.stylehr
{
color:#f8ac64;
height:3px;
}

.imagecolgauche
{
clear:both;
float:left;
}
.imagecoldroite
{
clear:both;
float:left;
}