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:#313651;
}

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/bandeau5.jpg);
background-repeat:no-repeat;
background-color:#D5CFD1
}

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

}

#bandeau h1
{
position:absolute;
margin-left:55px;
top:3px;
font-size:58px;
color:#d5cfd1;
}


#bandeau img
{
position:absolute;
height:70px;
top:70px;
margin-left:55px;
}

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

}

#bandeau h1 .petit2
{
font-family:verdana;
font-size:15px;

}


#menu, #menu ul 
{
padding:0px;
padding-left:157px;
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;

color:white;
text-decoration:none;
width:161px;
}

#menu li
{ 
float:left; 
background-image:url(images/menu_bleu.jpg);
}


#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_bleu2.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
{


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:-30px;



}

#milieu  .boite #contacts a
{

}


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


#milieu  .boite #meteo
{		
 
}

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

#milieu  .boite #montanhol 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:#B5B5CF;/*lavande*/
color:#31374F;  /*violet*/
width:150px;
}


#milieu  .boite select:hover
{
background:#B5B5CF;/*lavande*/
}

#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:#31374F;/*violet*/
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:#D5CFD1;/*gris*/
}

#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:#6699cc;/*lavande*/

}

#article .titre h3
{
height:20px;
text-align:center;
margin:5px;
color:#31374F;/*violet*/
}

#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;
}




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

.souligne
{
text-decoration:underline;
}	

.gras
{
font-weight:bold;
}	

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

.trombi
{
text-align:center;
padding:0px;
}

.trombi table
{

margin:0px;
text-align:center;
padding:0px;
}

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

.delegation
{
font-size:13px;
}

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

.italique
{
font-style:italic;
}

.petit
{
margin-left:180px;
color:#31374F;

line-height:20px;

}

.petit2	
{
margin-left:140px;
color:#31374F;
}

.marches table
{
text-align:center;
width:610px;
}

.marches table td
{
width:305px;
}

.titre_marches
{
color:#313651;
font-weight:bold;
}

#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;
}


#associations td
{
background:#B5B5CF;
border-right:1px solid #213c89; /*Bleu foncé*/
border-bottom:2px solid #213c89; /*Bleu foncé*/
width:300px;
text-align:center;

}