html*
{
margin:0px;
padding:0px;
}

body
{
background-color:#f2f2f2;   /*gris clair*/
margin:0px;
padding:0px;
font-family:Calibri, serif;
font-size:16px;
text-align:justify;
}

img
{
border:none;
}

a
{
color:#213C89;
}

h1
{
color:black;

font-size:45px;
font-weight:normal;
text-align:left;
font-family:Georgia;
margin:0px;
padding:0px;
}

h2
{
margin-top:0px;	
margin-bottom:25px;
font-family:Arial;
text-align:left;
font-size:30px;
font-weight:normal;
color:#3d8bac; /*violet*/
}

h3
{
font-weight:normal;
margin-top:15px;
margin-bottom:20px;
font-size:20px;
font-family:Georgia;
color:#213c89; /*Bleu*/
}


.p
{
margin-top:5px;
margin-bottom:5px;
text-indent:30px ;
text-align:justify;
}	

.p2
{
margin-top:5px;
margin-bottom:5px;
text-indent:0px ;
text-align:justify;
}	

.p3
{
margin-top:5px;
margin-bottom:5px;
text-indent:0px ;
text-align:center;
}	

	
.clearer
{
clear:both;
}

#conteneur
{
width:960px;
margin:auto;
height:100px;

}

#haut
{
background-image:url(images/bandeau3.jpg);
background-repeat:no-repeat;

}

#bandeau
{
width:960px;
height:129px;
text-decoration:none;

}

#bandeau h1
{
position:absolute;
margin-left:85px;
top:8px;
font-size:50px;
}


#bandeau img
{
position:absolute;
height:65px;
top:17px;
margin-left:12px;
}

#bandeau h1 .petit
{
font-family:verdana;

font-size:17px;

}


#menu, #menu ul 
{
padding:0px;
padding-left:159px;
margin:0px;
list-style:none;
line-height:21px;
text-align:center;


}

#menu
{
padding:0px;
margin:0px;
width:960px;
height:21px;

font-weight:bold;
font-family:Arial;
font-size:12px;
}

#menu a
{
display:block;
padding:0px;
background-image:url(images/menu_bleu3.gif);
background-repeat:no-repeat;
color:white;
text-decoration:none;
width:161px;
}

#menu li
{ 
float:left; 
}


#menu li ul
{ 
padding-left:0px;
position:absolute;
width:144px;
left:-999em;

}


#menu a:hover 
{
color:#a8cbff;    /*bleu très clair*/

}

#menu li:hover 
{

}

#menu li:hover ul ul, #menu li.sfhover ul ul
{
left:-1000em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul 
{
left: auto;
min-height: 0;
}


#milieu
{
background-image:url(images/colonnes2.jpg);
background-repeat:repeat-y;
width:960px;
margin:0px;
padding:0px;
float:left;
}

#milieu #gauche
{

text-align:center;
float:left;
width:159px;
margin:0px;
padding:0px;
}

#milieu #gauche img
{
margin:0px;
padding:0px;
}



#milieu #gauche
{
font-weight:bold;
font-family:Arial;
font-size:12px;
line-height:20px;
color:white;
}

#milieu #gauche ul
{
background-color:#d5cfd0;  /*gris foncé*/
margin:0px;
padding:0px;
	
}

#milieu #gauche li
{

text-align:left;
list-style-type:none;

margin:0px;
padding:0px;
line-height:20px;
padding-left:5px;	

}

#milieu #gauche li .titre
{
background-image:url(images/menu_bleu.jpg);
background-repeat:no-repeat;
text-align:center;
padding:0px;
margin-left:-5px;

}

#milieu #gauche #menuG ul li
{
border-bottom:1px solid white;
}

#milieu #gauche #infos li
{
border-bottom:1px solid #31374F;
}

#milieu #gauche #liens li
{
border-bottom:1px solid white;
}



#milieu #gauche a
{

text-decoration:none;
color:black;
}

#milieu #gauche a span
{
color:#213c89;
}

#milieu #gauche a:hover
{
text-decoration:none;
color:#213c89;  /*bleu bandeau*/
}

#milieu #gauche a:hover span
{
color:black;
}

#milieu #contenu
{
text-align:justify;
margin-left:5px;
padding:10px;
padding-top:17px;
float:left;
width:615px;


}

#milieu #droite
{

background-image:url(images/bandeauD.jpg);
background-repeat:no-repeat;
text-align:center;
float:right;
width:159px;
margin:0px;
padding:0px;

}

#milieu #droite a
{
text-decoration:none;
color:black;
}

#milieu  .boite
{

margin-top:30px;
margin-bottom:30px;
}

#milieu .boite ul
{
margin:0px;
padding:0px;
list-style-type:none;
text-align:left;
}

#milieu  .boite li
{
background-color:#d5cfd0;  /*gris foncé*/
margin-bottom:2px;
padding:3px; 
}

#milieu  .boite #contacts
{
 margin-top:150px;



}

#milieu  .boite #contacts a
{
color:red;
}


#milieu  .boite #newsletter
{
padding-bottom:10px;
}


#milieu  .boite #meteo
{		
 
}

#milieu  .boite #acces img
{
 margin-top:8px;
}

#milieu  .boite #journal a
{
color:black;
font-size:18px;
text-decoration:underline;
}


#milieu  .boite #contacts
{
color:black;
}

#milieu  .boite #contacts a
{
color:#213c89	;
}

#milieu  .boite #contacts a:hover
{
color:white;
}

#milieu  .boite select
{
margin-top:20px;	
margin-bottom:0px;
padding:0px;
background-color:#31374F;/*violet*/
background-color:#31374F;/*violet*/
color:#213c89;  /*bleu bandeau*/
width:150px;
}


#milieu  .boite select:hover
{
background-color:#31374F;/*violet*/
}

#milieu .boite h2
{
font-size:18px;
margin:0px;
background-image:url(images/menu_bleu2.jpg);
background-repeat:no-repeat;
color:white;
text-align:center;
}

#pied
{
clear:both;
width:960px;
height:20px;

}

#pied ul
{
margin:0px;
padding:0px;
}

#pied li
{
line-height:20px;
width:192px;
padding:0px;

text-align:center;
list-style-type:none;
float:left;
}

#pied li a
{
font-size:10px;
text-decoration:none;
color:gray;
}

#pied li a:hover
{
color:black;
}



/*---------------------------------------------------DIV PARTICULIERS------------------------------------------*/


#accueil h2
{
color:#3d8bac;
font-family:Arial;
margin:0px;


padding:0px;

text-align:center;
}


#accueil ul
{
padding-left:5px;
margin-top:0px;
padding-top:0px;

}

#accueil li
{
margin:0px;

margin-top:0px;
padding:10px;
width:590px;
list-style-type:none;


}

#breve
{
font-size:13px;

}




#breve ul
{
margin:0px;
padding:0px;
padding-left:5px;		
padding-bottom:20px;
}

#breve li
{

padding:5px;
margin-top:5px;

background-color: #e8e8e8;

}

#breve h3
{
color:#213c89;
float:left;
margin:0px;
margin-right:4px;
padding:0px;
font-size:12px;
font-family:arial;
font-weight:bold;
}



#article li
{
width:580px;

/*border-bottom:1px solid #3d8bac;*/
}

#article .titre
{
background-color:#3d8bac;

}

#article .titre h3
{
height:20px;
text-align:center;
margin:5px;
color:white;
}

#article .description
{
}


#article .vignette
{
float:left;
width:150px;
}

#article .vignette img
{
width:150px;
padding-bottom:10px;
}

#article .accroche
{
margin-left:165px;

width:410px;
}

#article .accroche a
{
color:#213c89; /*Bleu foncé*/
}

#article .accroche .plus
{
text-align:right;
}


#article h3
{
color:#213c89; /*Bleu foncé*/
font-size:17px;
margin:0px;
margin-bottom:10px;
}

#retour
{
text-align:right;
}

#retour a
{
color:#213c89; /*Bleu foncé*/
}

#detail ul
{
margin-left:15px;
padding:0px;
}


/*  Associations  */


#culture,#social,#sports,#anciens_combattants,#divers
{
margin-bottom:20px;	
}


.col_gauche
{
width:290px;
float:left;
margin-left:5px;
}

.col_droite
{
width:290px;
float:right;
margin-right:5px;
}

.asso
{
margin-bottom:20px;
padding:5px;
text-align:left;

border-left:1px solid #213c89; /*Bleu foncé*/
border-bottom:1px solid #213c89; /*Bleu foncé*/
}


form table td
{
background:#31374F;
color:white;
padding:3px;
}

.souligne
{
text-decoration:underline;
}	

.gras
{
font-weight:bold;
}	

.bleu
{
color:#213c89; /*Bleu foncé*/
}

.trombi
{
text-align:center;
}

.trombi .gras
{
font-weight:bold;
}

.delegation
{
font-size:13px;
}

.bleu_c
{
color:#31374F;/*violet*/
}

.italique
{
font-style:italic;
}

.petit
{
font-size:12px;
}

#salles table
{	
text-align:center;
}

#eglise_g
{
margin-top:25px;
float:left;

width:395px;
}

#eglise_d
{
float:right;
right:0px;
}

#lavoir_g
{
float:left;



}

#lavoir_d
{
margin-top:40px;

width:395px;
float:right;
right:0px;
}
	
#newsletter
{
display:none;
}
/* 110 */