h1{
font-size:24px;
font-weight:bold;
}

h2{
font-size:14px;
font-weight:bold;
}

h3{
font-size:14px;
font-family:arial,sans-serif;
font-weight:normal;
}

.orange{color:#ff8a00;}





#img_terrasse{
position:relative;
float:right;
top:-5px;
right:11px;
}

#fond_cour{
height:321px;
width:540px;
background:url("../img/interface/fond_cour.jpg");
position:relative;
float:left;
top:0px;
left:17px;
}

#fond_cour .titre{
padding:4px 0 0 14px;
}

#fond_cour .sous-titre{
position:relative;
left:47px;
top:2px;
}

#fond_cour .goutte{
position:relative;
left:17px;
top:20px;
}

#fond_cour p{
text-align:justify;
font-size:11px;
position:relative;
width:436px;
left:49px;
top:20px;
}

#fond_cour p span{
text-indent:36px;
display:block;
margin-bottom:15px;
}

/*********************** page accueil ****************/

#coordonnees{
position:absolute;
top:705px;
left:51px;
}

#coordonnees ul{
list-style:url("../img/interface/puce1.gif") outside;
padding-left:20px;
}

#coordonnees li{
margin-bottom:50px;
font-family:verdana, sans-serif;
font-size:14px;
font-weight:bold;
}


#plan{
position:absolute;
top:680px;
left:346px;
}

#plan .goutte{
position:relative;
left:17px;
top:28px;
}

#plan .sous-titre{
position:relative;
left:47px;
top:10px;
}

#plan .plan{
position:absolute;
top:0;
left:64px;
}

#plan .plan-zoom{
position:absolute;
top:15px;
left:350px;
}

#plan .legende{
position:absolute;
width:300px;
top:300px;
left:345px;
font-size:11px;
}

#plan img{
border:0;
}

#plan a{
color:#FFF;
text-decoration:none;
}

#plan a:hover{
text-decoration:underline;
}



/************************ page presentation ****************/

#statut{
position:relative;
}

#statut .sous-titre{
position:relative;
left:47px;
top:-18px;
}

#statut .goutte{
position:relative;
left:17px;
top:0;
}

#statut p{
text-align:justify;
text-indent:20px;
padding-left:50px;
}


#capacite{
height:321px;
width:530px;
background:url("../img/interface/fond_cour.jpg");
position:relative;
float:left;
top:0px;
left:17px;
padding-right:10px;
}

#capacite .sous-titre{
position:relative;
left:47px;
top:-8px;
}
#capacite .sous-titre2{
position:relative;
left:47px;
top:-8px;

}

#capacite .goutte{
position:relative;
left:17px;
top:10px;
}

#capacite p{
position:relative;
left:48px;
top:2px;
font-size: 12px;
font-weight:bold;
}
#capacite .normal_font{
font-family:verdana, sans-serif;
font-size:11px;
font-weight:normal;
}
#capacite ul{
list-style:circle outside;
padding-left:80px;
padding-top:5px;
}

#capacite li{
margin-bottom:1px;
font-family:verdana, sans-serif;
font-size:11px;
}


#autre_instance{
position:relative;

}

#autre_instance .goutte{
position:relative;
left:17px;
top:28px;
}

#autre_instance .sous-titre{
position:relative;
left:47px;
top:10px;
}

#autre_instance p{
position:relative;
left:48px;
top:12px;
font-size: 12px;
font-weight:bold;
}

#autre_instance dl{
margin-left:30px;
margin-top:40px;
}

#autre_instance dt{
background:url("../img/interface/puce1.gif") no-repeat;
margin-bottom:5px;
margin-top:50px;
padding-left:20px;
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
}

#autre_instance dd{
margin-left:20px;
font-family:verdana, sans-serif;
font-size:11px;
text-align:justify;
margin-bottom:10px;
text-indent:20px;
}

#autre_instance span{
text-indent:220px;
color:red;
}

#autre_instance ul{
margin-left:40px;
margin-top:5px;
}


/************************* page charte ************************/
#charte{
position:relative;
top:0;
left:0;
padding-bottom:20px;
}

#charte .goutte{
position:relative;
left:17px;
top:17px;
}

#charte .sous-titre{
position:relative;
left:47px;
top:0px;
}

#charte p{
position:relative;
left:48px;
top:12px;
font-size: 12px;
font-weight:bold;
}

#charte dl{
margin-left:30px;
margin-top:30px;
}

#charte dt{
padding-left:20px;
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
margin-top:30px;
}

#charte dd{
margin-bottom:10px;
margin-top:5px;
padding-left:50px;
font-size:12px;
text-align:justify;
text-indent:20px;
}

#charte dd img{
float:right;
padding-left:20px;
}

#charte ul{
margin-left:50px;
margin-top:5px;
}

/******************** projet de vie / soins *********************/

#projet_vie{
height:321px;
width:530px;
background:url("../img/interface/fond_cour.jpg");
position:relative;
float:left;
top:0px;
left:17px;
padding-right:10px;
}

#projet_vie .sous-titre{
position:relative;
left:47px;
top:2px;
}

#projet_vie .goutte{
position:relative;
left:17px;
top:20px;
}

#projet_vie p{
position:relative;
left:40px;
top:20px;
font-size: 12px;
padding-right:60px;
}

#projet_vie ul{
list-style:circle outside;
padding-left:275px;
margin-top:-10px;
}

#projet_vie li{
font-size:10px;
}

#projet_vie p span{
text-indent:30px;
display:block;
margin-bottom:20px;
text-align:justify;
}

#img_projet_vie{
float:left;
padding:10px 40px 10px 20px;
}


#projet_soins{
position:relative;
padding:10px;
}

#projet_soins .sous-titre{
position:relative;
left:47px;
top:2px;
}

#projet_soins .goutte{
position:relative;
left:17px;
top:20px;
}

#projet_soins p{
position:relative;
left:30px;
top:12px;
font-size: 12px;
padding-right:40px;
}

#projet_soins ul{
list-style:circle outside;
padding-left:150px;
margin-top:20px;
margin-bottom:30px;
}


#projet_soins li{
font-size:12px;
line-height:1.5em;
}

#projet_soins p span{
text-indent:20px;
display:block;
margin-bottom:20px;
text-align:justify;
}


/*********************** informations financières *********************/
.mention{
	font-size:12px;
	font-style:italic;
}
#info-finan{
position:relative;
line-height:1.5em;
padding: 0 20px 20px;
}

#info-finan .goutte{
position:relative;
left:17px;
top:28px;
}

#info-finan .sous-titre{
position:relative;
left:47px;
top:10px;
}

#info-finan p{
position:relative;
left:48px;
top:12px;
font-size: 12px;
font-weight:bold;
}

#info-finan dl{
margin-left:50px;
margin-bottom:30px;
margin-top:20px;
}

#info-finan dt{
margin-top:10px;
margin-bottom:5px;
padding-left:100px;
font-family:verdana, sans-serif;
font-size:12px;
font-weight:bold;
}

#info-finan dd{
padding:10px 200px;
font-size:12px;
}

#info-finan ul{
margin-top:-14px;
margin-left:118px;
}

#info-finan .legende{
position:absolute;
top:305px;
right:15px;
font-size:11px;
font-weight:bold;
color:#fff;
}

/*********************** loisir **************************/
#img_loisirs{
position:absolute;
top:676px;
left:20px;
}

#fond_cour_loisir{
height:321px;
width:540px;
background:url("../img/interface/fond_cour.jpg") no-repeat;
position:relative;
float:left;
top:0px;
left:17px;
}

#fond_cour_loisir .sous-titre{
position:relative;
left:47px;
top:2px;
}

#fond_cour_loisir .goutte{
position:relative;
left:17px;
top:20px;
}

#fond_cour_loisir p{
text-align:justify;
font-size:11px;
position:relative;
width:490px;
left:30px;
top:15px;
}

#fond_cour_loisir p span{
text-indent:20px;
display:block;
margin-bottom:15px;
}

#fond_cour_loisir dl{
margin-left:65px;
padding-top:10px;
}

#fond_cour_loisir dt{
font-size:12px;
font-weight:bold;
}

#fond_cour_loisir dd{
margin-bottom:10px;
margin-left:20px;
text-align:justify;
}


#loisir_bloc_4{
position:absolute;
top:670px;
left:346px;
width:540px;
}

#loisir_bloc_4 p{
position:relative;
left:48px;
top:12px;
font-size: 12px;
font-weight:bold;
}

#loisir_bloc_4 dl{
margin-left:20px;
padding-top:20px;
}

#loisir_bloc_4 dt{
font-size:12px;
font-weight:bold;
}

#loisir_bloc_4 dd{
margin-bottom:9px;
margin-left:20px;
text-align:justify;
}

