@charset "iso-8859-1";
	/* AUTEUR : nihouarn  DATE DE CREATION : 14/09/07 */	
html{
font-size: 100%
}
body
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 62.5%;
	font-style: normal;
	text-align: center;
	background-image: url(images/fond1.jpg);
	background-color: #fff;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 125px 125px;
}  
#accueil { 
text-align:center; 
margin-top:0px; 
margin-left:130px; 
margin-right:0px;
}  	
#tab-archives {	 
background-image: url(images/parchem.jpg);
vertical-align: top; 
line-height: 1.8em;
border-color : #234363;
border-style : solid;
font-family : "Arial Narrow";
text-align: left; 
font-size : 1.8em;
font-weight : bold;
color : black;
width: 40em;
margin: auto
}	
address { 	 
font-family : Arial ; 
font-size : 10px; 
font-style: italic
 }
.decalage {
margin : 0 1px -5px;
}
.marge {
margin : 0 1px -3px
}
.border1 {
padding : 0;
border : solid;
border-width : 1px;
border-color : #6f3;
margin-top : 20px
}
.border2 {
margin-top : 20px;
border : 4px double black
}
.border3 {
border: 1px solid #cccccc;
margin-top : 20px
}
.border4 {
	margin: 0px;
	border-width: 3px 3px 1px 1px;
	border-style:  solid;
	border-color:  #034363
	}
.chuto1 {
color : black;
font-size : 1.2em;
font-family : "Arial";
text-align: left
}
.chuto1b {
color: #000063;
font-size : 1.2em;
font-family : "Arial";
text-align: left
}
.chuto2
 {
color:black;   
font-size:8pt;   
font-family: "Comic Sans MS"
	}
.chuto3
 {
color:black;  
font-size:1.3em;   
font-family: arial;
 text-align: center
	}
.chuto4
 {
color: #800000;  
font-size:1.5em;   
font-family: arial;
font-weight: bold;
	}
.chuto4titre
 {
color: #800000;  
font-size:2.5em;   
font-family: arial;
font-weight: bold;
	}
input, textarea {
background-color: #FFFF99;
	}
.chuto5
{
font: bold 1.4em "Comic Sans MS" ; 
line-height: normal;
color:black;	
text-align: center
} 
.eetat5l
{
	font: bold 1.4em "Comic Sans MS";
	line-height: normal;
	color:black;
	text-align: center
} 
.chuto7 {
color:black; font-size:10pt; font-family:"Comic Sans MS";
	 }
.chuto8 {
color:white; font-size:10pt; font-family:"Comic Sans MS"
	} 
.vert
	{
color:#000000; 
background:#0f0
}
.bleu
	{
color:#000; 
background:#66ffff
} 
.ocre
	{
color:#000000; 
background:#ddc095
}
.jaune
	{
color:#000000; 
background:#ff9
}
.rouge
	{
color:#fff; 
background:#f00
}
.gwenadu
	{
color:#fff; 
background:#000
}
.gris
	{
color:#000; 
background:#cfc;
margin: 0;
padding: 0
} 
.maires
{
	line-height: 2em;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	font-family: arial, 'Trebuchet MS', Verdana, Sans-Serif;
	text-align: justify
}
.contexte
{
	line-height: 1.5em;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	font-family: arial, 'Trebuchet MS', Verdana, Sans-Serif;
	text-align: justify
}
.contexte_titre
{
	line-height: 1.4em;
	font-style: normal;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

#dessus
{ 
border-width : 2px 4px 0px 1px;
} 
#dessous
{ 
border-width : 0px 4px 2px 1px;
} 
#dessous li{ 
	line-height: 2.4em;
} 
.boite1 {
background : #DDC095; 
border : #234363 solid;
border-width : 0px 4px 0px 1px;
padding : 0.5em;
text-indent : 2em;
text-align : justify;
font : normal normal bold 14px "Comic Sans MS";
margin : 0px auto 0 ;
width : 640px
}
.boite2 {
background : #FFFF99; 
border : #234363 solid;
border-width : 0px 4px 0px 1px;
padding : 0.5em;
text-indent : 2em;
text-align : justify;
font : normal normal bold 14px "Comic Sans MS";
margin : 0px auto 0 ;
width : 640px
}
.commentbox {
background : rgb(228, 250, 255); 
border : #69f solid;
border-width : 1px 1px 1px 6px;
padding : 0.5em;
text-indent : 2em;
text-align : justify;
font : normal normal bold 14px "Comic Sans MS";
margin : 0px 2px 2px 2px ;
width : 540px
}
#attention, #important {
border-left-color :  red
}
.mess1 {
display : block;
text-align : center;
font : normal normal bold 11px "arial";
width : 270px;
margin : 15px auto 0
}
	/* # style des titres#*/
h1 {color: #032363; font-size: 28px; font-weight: bold; text-align: center; margin: 0; padding: 0;line-height: 50px}
h2 {color: #032363; font-size: 2.2em; font-weight: bold; text-align: center; margin: 1em 0 0 0; line-height:normal}	 
h3 {color: #3333cc; font-size :2em; font-family: "arial"; }								
h4 {color: #3333cc; font-size :1.6em; font-family: "arial"; text-align: center; text-decoration : none;	}
h5 {color: #032363; font-size: 1.2em; font-weight: bold; text-align: center; margin: 0; padding: 0; line-height:20px}
h6 {color: #032363; font-size: 1em; font-weight: bold; text-align: center; margin: 0.2em; line-height:normal} 
#pageA h2, #pageB h2, #pageC h2, #pageD h2 , #pageE h2
{ color:#3333cc; font-size:20px; FONT-FAMILY: "Comic Sans MS"; padding-top: 1em; margin: 0; }
 
/* Début du menu horizontal (bandeau)*/	 
div#header { background-color:  #DDC095;}
div#bandeau {
	background-color: #DDC095;
	/* background-image: url(images/ciel3.jpg);	*/
	background-repeat: repeat;
	width: 500px;
	height: 124px;
	text-align: left;
	margin: 0 auto;
}	 
div#blason {
width: 130px; 
height: 124px;
float: left;; 
background-color: #DDC095; 
background-image: url(images/wlogo3.jpg)
} 
div#chuto {
width: 240px; 
height: 124px;
display: inline;
	float: right;
	background-color: #DDC095;
background-image : url(images/chuto_maire.jpg)
} 
#bandeau ul {   padding: 29px 10px 0 10px;  margin: 0;  LIST-STYLE-TYPE: none }
#bandeau li { padding: 0 0 0 9px; background: url(images/left.gif) no-repeat left top; float: left; margin: 0; }
#bandeau a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	background: url(images/right.gif) no-repeat right top;
	float: left;
	color: #034363;
	padding: 5px 5px 5px 0;
	text-decoration: none;
	background-repeat: no-repeat;
}
#bandeau a:hover { color: #f00}
#bandeau #actif {  background: url(images/left_on.gif)}
#bandeau #actif a { background: url(images/right_on.gif);
 padding-bottom: 5px; 
 color: #00f; 
 } 
/* # début de la page  */	  

.centre {text-align: center; width: 500px;  margin: auto }
.centre640 {text-align: center; width: 640px;  margin: auto }
.centre900 {text-align: center; width: 900px;  margin: auto }
/* # début de la partie css du pied de page et du menu vertical et du bord droit */	
#pied { 
background: #DDC095; 
height: 40px; 
clear: left; 
text-align: center
}	
#borddroit {
background: #fff; 
width: 70px; 
height: 670px; 
float: right; 
margin: 0; 
text-align: center; 
vertical-align: top; 
}	
#affiche {	 
width: 264px;
height: 60em;  
text-align: center; 
background: #DDC095; 
position: left; 
top: 300px; 
left: 0px; 
font-size: 1.3em
}
#presse {	 
width: 130px;
height: 20em;  
text-align: center; 
background: #DDC095; 
position: absolute; 
top: 124px; 
left: 135px; 
font-size: 1.3em
}
ul#presse-v{
margin: 0;
padding: 0;
font: bold 1em arial, helvetica, sans-serif;
list-style-type: none
}
#menu {	 
width: 130px;
height: 20em;  
text-align: center; 
background: #DDC095; 
position: absolute; 
top: 124px; 
left: 0; 
font-size: 1.3em
}
ul#menu-v{
margin: 0;
padding: 0;
font: bold 1em arial, helvetica, sans-serif;
list-style-type: none
}
#home {
text-align: center;
width: 100px
}
.brig {
text-align: center;
width: 9em;
margin: auto
}  

#menu-v a {
display: block;
margin: 1px auto;
color: #032363;
text-decoration: none;
line-height: 1.3em;
width: 115px;
border: 1px solid black;
text-align: center;
border-width: 1px ;
border-color: #cecece #39c #39c #cecece;
border-style: solid
}  
 #menu-v li.select, #bandeau li.select {background: #fff; font-size: 1.1em}
#menu-v a.g11, #bange a.g11 {background: #ff9;}	
#menu-v a.g12 {background: #6fc;}
#menu-v a.g13 {background: #9f9;}
#menu-v a.mus {background: #efe;} 
#menu-v a.rin {background: #6f6;}
#menu-v a:hover, #menu-v a:focus

#presse-v li.select {background: #fff; font-size: 1.1em}
#presse-v a.g11, #bange a.g11 {background: #ff9;}	
#presse-v a.g12 {background: #6fc;}
#presse-v a.g13 {background: #9f9;}
#presse-v a.mus {background: #efe;} 
#presse-v a.rin {background: #6f6;}
#presse-v a:hover, #presse-v a:focus

{
border-width: 1px 1px 1px 1px;
border-color:  #39c #cecece #cecece  #39c;	 
color:#f00
}

#annonce p:first-letter {
	color: black;
	font-size: 14pt;
	font-weight: bold
	}
#annonce p {
	margin: 0;
	padding: 0;
	text-indent: 3em;
	text-align: justify
	}	
	   /* # elements CSS page drapeau #*/  
.pinter:first-letter {
	color: black;
	font-size: 14pt;
	font-weight: bold
	}
.pinter {
	margin: 0;
	padding: 0;
	text-indent: 20px;
	text-align: justify
}
.drapeau
{
	line-height: 1.5em;
	font-style: normal;
	font-family: arial, 'Trebuchet MS', Verdana, Sans-Serif;
	text-align: justify
}
.declaration, .contenu
{
	font-size: 1.2em
}
.declaration
{
	width: 46%;
	float: left
}
.photo
{
	width: 60%;
	float: left;
	padding: 0;
	margin: 0
}

.preface { 
	background:  #FFFFFF url(images/parchem.jpg) repeat fixed 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	font: bold 1.4em "Comic Sans MS" ; 
line-height: normal;
color:black;
border-color: blue;
border-width:1px;
display: table;
}  
#intro {
margin: 0 auto;
width: 550px;
color:black; 
font-size:10pt;  
text-indent: 3em;
FONT-FAMILY: "Comic Sans MS";
text-align: justify
} 

.hr1 {
border:solid;
border-color:blue;
border-width:1px;
width:50%;
margin: 0 auto
    } 
.hr2 {
border:solid;
border-color:#DDC095;
border-width:5px;
width:50%;
margin: 0 auto
    } 


.evidence {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 36px;
	background-color: #66F;
	font-style: normal;
	line-height: normal;
}