@charset "utf-8";
/* CSS Document */
body{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:0.9em;
color: #666666;

}
a{color:#333333;}
a:hover{ color:#0066FF;}
#illus{
display:none;}

/* structure fond */ 

#back_tete{
min-width:850px;
background-color:#333333;
background:url(../images/back_2.jpg) repeat-x bottom center;
padding-bottom:5px;
}

#back_bas{
min-width:850px;
z-index:96;
overflow:hidden;
min-height: 500px;
background:url(../images/gradient.jpg)  repeat-x ;
}

#om_bas{
position:relative;
height:25px;
background:url(../images/om_bas.png) no-repeat top;
z-index:1;
}


/* en-tete */ 

#entete{
text-align:center;
top:10px;
position:relative; 
margin-left:auto; 
margin-right:auto; 
background: url(../images/entete.png) no-repeat top;
width:850px;
height:140px;
z-index:98;
}


/* menu principal */ 

#menu{
position:relative;
text-align: center ; 
top:100px;
}

#menu li{
font-size:0.9em;
display:inline;
}
#menu a{color:#fff;}
#menu li a{
text-decoration:none;
display:inline;
padding:5px;
margin:1px;
}

#menu li a:hover{
color: #0033FF;
background: #fff;
}




/* Sous-menu / rubriques */ 

#sous_menu{
font-size:0.9em;
text-align:center;
position:relative; 
padding:0;
width:850px;
margin:5px auto 0 auto;
background: url(../images/alpha_b.png) repeat;
z-index:99;
}

#rubriques li{
display:inline-block;

}

#rubriques li a{
color: #FFFFFF;
text-decoration:none;
display:inline-block;
padding:20px 5px 17px 5px;
}

#rubriques li a:hover{
color: #0033FF;
background: #fff;
}

.sous_menu_leg{
display:block;
font-style:italic; 
font-size:0.8em; 
color: #999999;
}

.sous_menu_texte{
color:#FFFFFF;
line-height:60px;
}




/* edito accueil */ 

#edito{
position:relative; 
margin:5px auto 0 auto;
width:850px;
height:144px;
margin-left:auto; 
margin-right:auto;
background: url(../images/edito.png) no-repeat;
z-index:99;
}
/* ARIANE */ 
#id_ariane{
font-size:0.8em;
color:#666;
position:relative;
float:left;
left:20px;
padding:164px 0.1em 0 0.1em;
}
#ariane{
top:149px;
color:#666;
position:relative;
width:auto;
left:20px;
float:left;
}

#ariane li a{
text-decoration:none;
color: #666666;
}

#ariane li a:hover{
color: #0066FF;
}

#ariane li{
font-size:0.8em;
padding:15px 0.1em 0 0.1em;
list-style-type:none;
display: inline-block;
}




/* IMAGE EN-TETE */ 
#image_rubrique{
position: absolute;
top:0;
left:0;
border-bottom:1px solid #eee;
}



/* CONTENU */ 

.center{
text-align:center;}

#contenu{
border: #eee 1px solid;
position:relative;
width:850px;
top:0px;
margin-left:auto; 
margin-right:auto;
margin-top:-25px;
min-height:450px;
z-index:99;
background-color:#FFFFFF;
}

#inner_contenu{
background:url(../images/angle.png) top left no-repeat;
font-size:0.8em;
width:630px;
padding:200px 110px 30px 110px;
line-height:1.5em; 
padding-bottom:1.5em;
}
#inner_accueil{
background:url(../images/angle.png) top left no-repeat;
font-size:0.8em;
text-align:justify;
width:780px;
padding:30px 30px 30px 40px;
min-height:930px;
line-height:1.5em; 
}

/* TITRES ET MAF GENERALE */ 
.liens{text-align:center;margin-top:20px;}
.liens a{text-decoration:none;}
.liens img{margin-bottom:20px;}
.liens a:hover{text-decoration:none; color:#0066FF;}
.mav{font-weight:bold;color: #333333;}

a img:hover{
border:1px solid #fff;
}
h1{
font-size:2em;
margin:20px 20px 20px 20px;
color:#0066FF;
}
h2{
font-size:1.5em;
margin:40px 20px 15px 20px;
color:#0066FF;
border-bottom:dotted #CCCCCC 1px;
}
h3{
font-size:1em;
margin:20px 20px 15px 20px;
color: #333333;
border-bottom:dotted #CCCCCC 1px;
}
h4{
font-size:1em;
margin:40px 20px 15px 20px;
color:#0066FF;
border-bottom:dotted #CCCCCC 1px;
}

.cut{
text-align:left;
margin:20px 20px 0 20px;
border-bottom:dotted #CCCCCC 1px;
}
.portrait{
float:left;
padding-right: 15px;
margin-left:20px;
}
.para{
line-height:25px;
text-align:justify;
margin:0 20px 0 20px;
}
.ancre{
text-decoration:none;
font-size: 1em;
font-style: italic;
color:#999999;
}



/* RACCOURCIS PRINT PDF DONS */ 
#plus{
position:absolute;
width:130px;
right:10px;
left:10px;
top:200px;
padding-top:10px;
bottom:10px;
z-index:200;
}

#print{
background:url(../images/imprimer.png) no-repeat left;
height:40px;
width:85px;
padding-left:45px;
padding-top:10px;
}

#pdf{
background:url(../images/pdf.png) no-repeat left;
height:40px;
width:85px;
padding-left:45px;
padding-top:10px;
}

#dons{
background:url(../images/dons.png) no-repeat left;
height:40px;
width:95px;
padding-left:40px;
padding-top:15px;
}

a.banniere_dons{
color: #FFFFFF;
font-size:1em;
font-weight:bold;
text-decoration:none;
}

a.banniere_dons:hover{
color:#333;
}

a.banniere{
color:#888;
font-size:0.9em;
text-decoration:none;
}

a.banniere:hover{
color:#333;
}



/* CONTACT */ 
#formulaire{
position:relative;
left:20px;}




/* BAS DE PAGE - DATE DE MODIF */ 
#modif{
bottom:0;
width:580px;
border-top:1px solid #CCCCCC;
font-size:0.8em;
position:relative;
padding:10px;
left:130px;
}

#modif_accueil{
width:800px;
font-size:0.8em;
position:relative;
padding:10px 0 10px 0;
left:25px;
}


/* ACCUEIL */ 
#banniere_accueil{
position:absolute;
width:170px;
height:881px;
top:0;
right:0;
}


.haut{
float:right;
}


ul.cercles{
margin: 20px 70px 20px 40px;
line-height:2em;
text-align:justify;
list-style-type: square;
}
.cadre{
display:block;
margin: 0 70px 20px 20px;
padding-left:20px;
border:#999999 1px dotted;}
.air{
line-height:40px;
color:#0033FF;
font-weight:bold;
}
.air_accueil{
text-align:left;
color:#0066FF;
font-weight:bold;
font-size:1.5em;
}
#inner_contenu p{
margin-bottom:1em;
}

#dons_pied a{
margin:0;
padding:0;
left:105px;
width:214px;
height:106px;
display:block;
position:relative;
float:left;
text-align:center;
padding-top:25px;
color: #999999;
text-decoration:none;
}
#dons_pied a:hover{
background:url(../images/dons_pied.png) no-repeat top ; color: #fff;
}

#contact_pied a{
margin:0;
padding:0;
width:214px;
display:block;
left:105px;
height:106px;
position:relative;
float:left;
text-align:center;
padding-top:25px;
color: #999999;
text-decoration:none;
}
#contact_pied a:hover{
background:url(../images/contact_pied.png) no-repeat top ;color: #fff;
}
#forum_pied a{
margin:0;
padding:0;
width:214px;
display:block;
left:105px;
height:106px;
position:relative;
float:left;
text-align:center;
padding-top:25px;
color: #999999; 
text-decoration:none;
}
#forum_pied a:hover{
background:url(../images/forum_pied.png) no-repeat top ; color: #fff;
}
#plan_pied{
position:relative;
text-decoration:none;
color: #999999;
text-decoration:none;
width:300px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:0.9em;
height:20px;
top:10px;
}
#plan_pied a:hover{

color:#0066FF;
}
#edito_texte{
top:0;
width:600px;
height:auto;
border-bottom:1px  dotted #CCCCCC;
padding-bottom:10px;
margin-bottom:10px;
}
.clear{
display:block;
clear:both;}
.actus{
float:left;
width:600px;
border-bottom:1px  dotted #CCCCCC;
padding-bottom:10px;
margin-bottom:10px;
}
.date{
color:#999999;
font-size:0.9em;
font-style:italic;
padding-bottom:20px;}
.video{
z-index:300;
padding-right:10px;
width:329px;
height:200px;
float:left;
}
.texte_video{
padding-top:10px;
}
.texte_image{
padding-top:10px;
}
.image{
padding-right:10px;
height:100%;
float:left;
}
#racc_son{
position:absolute;
right:0;
top:0;
padding:10px 10px 10px 20px;}
#racc_maladie{
position:absolute;
right:0;
top:0px;
padding:10px 10px 10px 20px;}
#racc_dons{
position:absolute;
right:0;
top:0px;
padding:10px 10px 10px 20px;}
#racc_par{
text-align:center;
width:150px;
position:absolute;
right:0;
top:210px;
padding:10px 10px 10px 20px;}
#racc_tab{
text-align:center;
width:150px;
position:absolute;
right:0;
top:620px;
padding:10px 10px 10px 20px;}
#pied {
margin:0;
padding:0;
top:0;
margin-left:auto; 
margin-right:auto;
width:850px;
height:165px;
position:relative;
background:url(../images/pied.png) top no-repeat;
}


.pg1 {
	text-decoration:none;
	font-size:10px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}
#tagcloud {
	text-align:center;
	width:100px;
	position:absolute;
	right:15px;
	top:775px;
	padding:10px 10px 10px 20px;						
	border: 1px solid #eee;
	line-height: 22px;
}
#tagcloud a {
	text-decoration:none;
}
#tagcloud a:hover {
	text-decoration:none;
	background-color:#B3B3B3;
	color:#FFFFFF;
}
.pg1-1 {
	color: #FFCC00;
	font-size: 16px;
}
.pg1-2 {
	font-size: 14px;
	color: #0066FF;
}
.pg1-3 {
	font-size: 12px;
	color: #FF33CC;
}
.pg1-4 {
	font-size: 10px;
	color:#333333;
}
.pg1-5 {
	font-size: 8px;
	color: #FF99FF;
}
.sign, .sign a{
	font-size: 9px;
	color: #BFBFBF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

/* VERIFICATION */ 
.exp{
vertical-align:top;
font-size:0.9em;
line-height:0.9em;
}