BODY
{
scrollbar-face-color: #F5F5F5;
scrollbar-shadow-color: #E5E5E5;
scrollbar-highlight-color: #333399;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-track-color: #F5F5F5;
scrollbar-arrow-color: #333399;
margin-left: 2px;
margin-top: 0px;
background-color: #F5F5F5;
background-image: url(../images/wave.gif);
}


#container{max-width:750px;margin-left: auto;margin-right: auto;text-align:center; }

a img {
border: 0;
}

a 
{ 
 text-decoration:none; 
 font-size: 13px; 
 font-weight: normal; 
 color: #333399
 } 

a:hover 
{ 
text-decoration: underline; 
font-size: 13px; 
} 

.a_menu
{ 
text-decoration:none; 
font-size: 11px; 
font-weight: normal; 
color: #333399
} 

.a_menu:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #333399;
text-decoration: none
}  

.link2 
{
color:#333399;
text-decoration: none;
font-size: 16px;
}

.link2:hover {
text-decoration: underline;
font-size: 16px;
}

.link20 
{
color:#333399;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 20px; font-weight: bold
}

.link20:hover {
color:#333399;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 20px;
font-weight: bold
}

.link3
{
color:#333399;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal
}
.link3:hover {
color:#333399;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px;
font-weight: normal
}

.link4 
{
background-color:#FFCC00;
color:#333399;
text-decoration: underline;
font-size: 16px; 
font-weight: bold;
padding: 2px;
margin: 0px;
}

.link4:hover 
{
background-color:#FFCC00;
color:#333399;
text-decoration: none;
font-size: 16px; 
font-weight: bold;
padding: 2px;
margin: 0px;
}

.link4:hover0 {
background-color:#333399;
color:#FFCC00;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 2px;
margin: 10px;
}

.link5
{
color:#333399;
text-decoration: none;
font-size: 15px; 
font-weight: bold;
}

.link5:hover {
color:#333399;
text-decoration: underline;
font-size: 15px;
font-weight: bold;
}


.link_big 
{ 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #333399; 
 font-weight: bold;
 text-decoration: underline
 }
.link_big:hover
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #F5F5F5;
background-color:#333399;
font-weight: bold;
text-decoration: none
}
.link_little 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #333399; 
font-weight: bold;
text-decoration: none
}
.link_little:hover
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #333399;
font-weight: bold;
text-decoration: underline
}
.liensblanc { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal; 
color: #F5F5F5; 
text-decoration: none
} 
.liensblanc:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal; 
text-decoration: underline;
color: #F5F5F5
}

.liensblanc2 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px; 
font-weight: bold; 
color: #F5F5F5; 
text-decoration: none
} 
.liensblanc2:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px; 
font-weight: bold; 
text-decoration: underline;
color: #F5F5F5
}


.main 
{ 
font-size: 16px; 
color: #333399; 
font-style: normal; 
font-weight: normal;
line-height: 1.4em
}
.main2 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333399; 
font-weight: normal; 
font-style: normal
} 
.little 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333399; 
font-style: normal; 
font-weight: normal
} 
.title 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
color: #333399; 
font-style: normal ; 
font-weight: bold
} 
.title2 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #333399; 
font-style: normal ; 
font-weight: bold
} 
.title3 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333399; 
font-style: normal ; 
font-weight: bold
} 
.titlebig 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333399; 
font-style: normal ; 
font-weight: bold
} 
.titlegris 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #F5F5F5; 
font-style: normal ; 
font-weight: bold
} 
.titlegrisb 
{ font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #F5F5F5; 
font-style: normal; 
font-weight: bold 
}
.mainSmall 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #F5F5F5; 
font-style: normal; 
font-weight: normal
} 
.mainSmallgris
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #666666; 
font-style: normal; 
font-weight: normal
} 
.gris
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #666666; 
font-style: normal; 
font-weight: normal
} 
.text 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333399; 
font-style: normal; 
font-weight: normal
}
.text1 
{ 
font-family: Verdana,arial, Helvetica, sans-serif; 
font-size: 10px; color: #F5F5F5; 
font-style: normal; font-weight: normal
} 
.text1b 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; color: #333399; 
font-style: normal; font-weight: normal
}
.text2 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; color: #333399; 
font-style: normal; font-weight: normal
} 
.text3 
{ 
font-size: 14px; color: #333399;
font-style: normal; font-weight: bold
} 
.text4 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; color: #333399;
font-style: normal; 
font-weight: normal
} 
.mainSmallItalique 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #FFCC00; 
font-style: italic; 
font-weight: bold 
} 

input 
{ 
background-color: #F5F5F5; 
font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal; 
color: #333399
}
textarea 
{ 
background-color: #F5F5F5; 
font-family: verdana, arial, Helvetica, sans-serif; 
font-size: 10px;
color: #333399
}
select 
{ 
background-color: #F5F5F5; 
font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal; 
color: #333399
} 
.reponse_formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: red;
}

.formulaire {
	text-align:left;
	width : 80%;
	background-color: #F5F5F5; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;  
	padding: 20px; 
	border: 1px #666666 solid; 
	
}


.spip_surligne 
{ background-color: #FFFF66; }

.chapeau 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333399; 
font-style: normal; 
font-weight: bold
}
.pix 
{ 
 font-size: 9px; 
 font-style: normal; 
 font-weight: normal
 } 
a.spip_url
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333399; 
font-weight: bold;
text-decoration: none
}

a.spip_in 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333399; 
font-weight: bold;
text-decoration: underline
}

a.spip_out
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333399; 
font-weight: bold;
text-decoration: underline
}

a.spip_out:hover
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333399; 
font-weight: bold;
text-decoration: none
}

.spip_code { }
p.spip_note { }
h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}

table.spip {
}
table.spip tr.row_first {
	background-color: #FCF4D0;
}
table.spip tr.row_odd {
	background-color: #C0C0C0;
}
table.spip tr.row_even {
	background-color: #F0F0F0;
}
table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: center;
}
hr.spip { }
b.spip { }
i.spip { }

.forml { 
width: 100% ; 
background-color: #e4f0f0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;  
color: #333399
}

.spip_encadrer { 
	width : 80%;
	background-color: #F5F5F5; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;  
	padding: 5px; 
	border: 1px #333399 solid; 
}

.spip_cadre { 
	width : 100%;
	background-color: #F5F5F5; 
	padding: 5px; 
}

.spip_bouton { background-color: #F5F5F5;}

.spip_documents_vignettes{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 9px;
 	color: #333399;
}




.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
}

.formrecherche 
{ 
width: 100% ; 
background-color: #F5F5F5;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;  
color: #333399
}

/*
 * Habillage des forums
 */
ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
	
ul.forum-total2 {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin-left: 10px;}
	
.forum-fil {
	margin-top: 3em;
	list-style: none;}

.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
	background-color: #F5F5F5;}

.forum-titre {
	color: #333399;
	font-weight: bold;
	font-size: 120%;
}

.forum-item {
list-style: none;
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #333399;
	font-weight: normal;
	font-size: 100%;
}

.forum-repondre-message {
	text-align: right;
}

.forum-repondre {
	width : 245;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 2px;
	margin: 0px;
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum {
	border: 1px #CCCCCC solid;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
	background-color: #FFFFFF;

}

ul ul .forum {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;

}

ul ul ul .forum {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;

}

ul ul ul ul .forum {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;

}

ul ul ul ul ul .forum {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;

}


/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #C6C6EC;
}

ul ul .forum-chapo {
	background: #D9D9F2;
}

ul ul ul .forum-chapo {
	background: #E8E8F7;
}

ul ul ul ul .forum-chapo {
	background: #F5F5FC;
}
ul ul ul ul ul .forum-chapo {
	background: #ffffff;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
li .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #C6C6EC;
}

li li .forum-chapo {
	background: #D9D9F2;
}



.points_espacement {  
width : 100%;
height : 8;
padding: 0px;
background-image: url(http://ile-de-groix.info/images/point.gif);
}

.calendar_head {
background-color: #FFFFFF
}

.calendar_not_this_month
{
background-color: #CCCCCC
}

.calendar_this_day
{
background-color: #FFFFFF;
border: 2px #333399 solid;
font-weight: bold; 
font-size: 12px; 
color:#CC0033;
}

calendar_this_month
{
background-color: #FFFFFF
}

.cadre { 
font-family: Verdana, Arial, Helvetica, sans-serif;  
background-color: #FFFFFF;
padding: 5px;
font-size: 11px; 
border: #CCCCCC solid; 
border-width: 1px;
}

.cadre_texte {
	margin-bottom: 5px;
	border: solid #CCCCCC;
	border-width: 1px 1px 1px 1px;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 0px;
 	font-size: 16px; 
}

.cadre_cartouche {
	margin-bottom: 5px;
	border: solid #CCCCCC;
	border-width: 1px 1px 1px 1px;
	background-color: #EEEEEE;
	padding: 2px;
	margin: 0px;
 	font-size: 10px; 
}

.cadre_citation {
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 2px;
	color: #FFCC00;
 	font-size: 12px; 
	text-align: right;
}


.cadre_titre {
	margin-bottom: 5px;
	border: solid #CCCCCC;
	border-width: 1px 1px 0px 1px;
	background-color: #EEEEEE;
	padding: 2px;
	margin: 0px;
 	font-size: 11px; 
}

.cadre_titreex {  
width : 100%;
background-color: #EEEEEE;
padding: 3px;
border: #CCCCCC solid;
border-width: 1px 1px 0px 1px;
}

.cadre_annonce {  
background-color: #F5F5F5;
padding: 2px;
border: 2px #FFCC00 dashed;
font-size: 10px; 
}

.cadre_noir {  
width : 97%;
background-color: #000066;
margin: 5px;
padding: 2px;
border: 1px #000000 solid;
font-size: 16px; 
color: #FFFFFF; 
}



/*
 * Habillage des petitions
 */

.signatures {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	background: #e4f0f0;
	font-size: 12px;
	width : 95%;
}
.signatures td {
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	clear: right;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 0.5em;
	margin: 0px;
}
.signature-date {
	white-space: nowrap;
	background: #e4f0f0;
	padding: 0.5em;
	font-size: 10px;
}
.signature-nom {
	font-weight: bold;
	background: #ecf4f4;
	padding: 0.2em;
	text-align: center;
}
.signature-message {
	font-size: 85%;
	background: #f4f8f8;
	padding: 0.4em;
	text-align: justify;
}

blockquote {
	margin-left : 20px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	border : solid 1px #666666;
	background-color: #F5F5F5;
	padding: 3px;
}

.cadre_forum {
margin-left: 5px;
}

.cadre_forum2 {
margin-left: 10px;
}