/*CSS OBJECTIF AUTONOMIE*/
*{margin:auto;padding:0;color:#41357a;}
html{overflow:scroll;}

body
{
	background:#4a9694 url(../deco/etoile.gif) no-repeat 20px 20px;
	width:100%;
	font-style:georgia, serif, "sans serif";
}
/*********accueil*************/
.voeux {
width:100%;
height:150px;
background:#F9F9C4 url(../deco/voeux.jpg) 50% 5px no-repeat;
}

.logo{
	float:right;
	border:dashed 1px #43aea4;
	padding:0.5em;
	margin-left:0.5em;
}
/*********menu*************/
#menu{
	list-style:none;
}

.menuLi{
	float:left;
	background:no-repeat top left;
	height:32px;
	margin:5px 0 5px 15px;
}

.menuLi a{
	display:block;
	font-size:0.9em;
	color:#41357a;
	text-decoration:none;
	margin:0 0 0 20px;
}

.menuLi a:link{
	font-size:0.9em;
	display:block;
	color:#41357a;
	text-decoration:none;
}
.menuLi a:hover{
	color:#43aea4;
	text-decoration:underline;
}
.menuLi a.on{
	text-decoration:underline;
}
/*********Titres*************/
h1{

}
h2{
	color:#41357a;
	font-size:1.4em;
	text-align:left;
	padding-left:115px;
	border-bottom:solid 1px #41357a;
	background:url(../deco/logo.gif) no-repeat left #c2e2ba;
	height:70px;
	margin-top:0;
}
h3{
	font-size:1.2em;
	text-transform:uppercase;
	border-bottom:dashed 1px #43aea4;
	color:#41357a;
	clear:both;
}
/*********Textes*************/
#contenu p{
	margin-top:0.5em;
	text-align:justify;
	font-size:1em;
}

#contenu ul {
margin-left:30px;
}

li.spip dt.spip_doc_titre {
margin-right:40px;
}

.spip_documents {
text-align:left;
}

dt {
float:left;
}
/*********Textes*************/
.lienADroite a{
	color:#41357a;
	border-bottom:solid 1px #41357a;
	background:url(../deco/logo-transparent.gif) no-repeat left;
	float:right;
	text-decoration:none;
}
.lienADroite a:hover{
	color:#43aea4;
}
/*********retour accueil*************/
#accueil{
	position:absolute;
	font-size:1em;
	margin-left:2em;
	margin-top:3em;
	z-index:2;
}
#accueil p a{
	color:#ffff00;
}
#accueil p a:hover{
	color:#ffffff;
}
/*********page*************/
#page{
	z-index:1;
	border:solid 1px #43aea4;
	margin-left:auto;
	min-width:300px;
	min-height:350px;
	max-width:800px;
	background:#f9f9c4;
	clear:both;
}

h4 {
	font-size:0.9em;
	font-weight:bold;
	text-align:justify;
}

.col-gauche, .col-droite {
float:left;
width:50%;
}

#actualites p {
text-align:center;
}

#actualites p span {
display:block;
text-align:center;
max-width:320px;
min-height:40px;
margin-bottom:5px;
}

#souscription ul {
	list-style-type:square;
	margin:15px 0 0 20px;
}

#souscription ul li {
	margin-bottom:10px;
}

a.pdf {
	font-size:0.9em;
	color:#990000;
	background:url(../deco/pdf.png) 100% 100% no-repeat;
	padding:5px 25px 5px 0 ;
}

a.open-office {
		font-size:0.9em;
	color:#990000;
	background:url(../deco/open-office.png) 100% 100% no-repeat;
	padding:5px 25px 5px 0 ;
}

a.word {
	font-size:0.9em;
	color:#990000;
	background:url(../deco/word.png) 100% 100% no-repeat;
	padding:5px 25px 5px 0 ;
}

/**********************infoPlus********************/
#contact{
	font-size:0.9em;
	color:#43aea4;
	margin:10px 5px 5px 15px;
	border-left:dashed 1px #43aea4;
	border-right:dashed 1px #43aea4;
	padding-left:0.5em;
	padding-right:0.5em;
}
#contact{
	clear:both;
	text-align:center;
	border-top:dashed 1px #43aea4;
	border-bottom:dashed 1px #43aea4;
}

/*********contenu*************/
#contenu{
	clear:both;
	margin:0em 1em 0em 1em;
}
#contenu h3{
	margin-top:1em;
}
/*********encarts du contenu*************/

/*********entete et pied de page*****A REVOIR*******/
#piedPage{
	min-width:300px;
	max-width:800px;
	color:#FFFFFF;
	border:solid 1px #ffffff;
	text-align:center;
	margin:0 auto 0 auto;
	clear:both;
	height:45px;
}
.entete{
	font-size:12px;
	background:#41357a;
	text-align:center;
	color:#ffffff;
}
.elmtPiedPage{
	background:#c2e2ba;
	text-align:center;
}
.elmtPiedPage p{
	clear:both;
}
.elmtPiedPage li{
	color:#FFFFFF;
	float:left;
	border-left:dashed 1px #ffffff;
	border-right:dashed 1px #ffffff;
	list-style-type:none;
	margin:2px;
	padding-left:0.5em;
	padding-right:0.5em;
	height:40px;
}
.elmtPiedPage li a{
	color:#ffffff;
	text-decoration:none;
	font-size:0.8em;
}
.elmtPiedPage li a:hover{
	color:#41357a;
	text-decoration:underline;
}
.clear {
	clear:both;
}