* {
	margin: 0;
	padding: 0;
}

img{border:0 none;}

body#accueil{background-image:url(images/fond-entete.jpg);
background-repeat:no-repeat;
width:auto;
height:250px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
}

body#activite{background-image:url(images/fond-entete-activite.jpg);
background-repeat:no-repeat;
width:auto;
height:250px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
}

body#service{background-image:url(images/fond-entete-service.jpg);
background-repeat:no-repeat;
width:auto;
height:250px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
}
body#tarif{background-image:url(images/fond-entete-tarif.jpg);
background-repeat:no-repeat;
width:auto;
height:250px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
}

body#plan{background-image:url(images/fond-entete-plan.jpg);
background-repeat:no-repeat;
width:auto;
height:250px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
}

body#nouvelle{background-image:url(images/fond-entete-nouvelle.jpg);
background-repeat:no-repeat;
width:auto;
height:250px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
}

img{margin:0;}

.logo{position:absolute;
top:0px;
left:0px;}

.langue{position:absolute;
top:400px;
right:0px;}

.entete{margin:0 auto;
width:750px;
display:block;
}

#rubrique{
background-image:url(images/motif.jpg);
background-repeat:repeat-x;
width:auto;
}

#navigation{
width:750px;
margin:0 auto;
height:69px;
}


#navigation li {
	float: left ;
	width: 150px ;
	height:30px;
	color: #fff ;
	margin-top:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	list-style:none;
	
	font-size:14px;
	font-weight:bold;
}

#navigation li.accueil a {
	display: block ;
	background:url(images/Couliaccueil.png) left top no-repeat ;
	color:#660033;
	height:30px;
	
	padding: 10px 0px 0px 10px;
	text-align:center;
	text-decoration:none;	
		}
#navigation li.accueil a:hover, #navigation li a:focus, #navigation li a:active, li.accueil a#active {
	background:url(images/Couliaccueil.png) right top no-repeat ;
	color:#182a6f;
	
	}



#navigation li.Activites a {
	display: block ;
	background:url(images/Activite.png) left top no-repeat ;
	color:#660033;
	height:40px;
	
	padding: 10px 0px 0px 10px;
	text-align:center;
	text-decoration:none;	
		}
#navigation li.Activites a:hover, #navigation li a:focus, #navigation li a:active, li.Activites a#active  {
	background:url(images/Activite.png) right top no-repeat ;
	color:#182a6f;
	}


#navigation li.Tarif a {
	display: block ;
	background:url(images/TarifCouli.png) left top no-repeat ;
	color:#660033;
	height:40px;
	
	padding: 0px 0px 0px 5px;
	text-align:center;
	text-decoration:none;	
		}
#navigation li.Tarif a:hover, #navigation li a:focus, #navigation li a:active, li.Tarif a#active  {
	background:url(images/TarifCouli.png) right top no-repeat ;
	color:#182a6f;
	}

#navigation li.Plan a {
	display: block ;
	background:url(images/PlanCouli.png) left top no-repeat ;
	color:#660033;
	height:40px;
	
	padding: 10px 0px 0px 10px;
	text-align:center;
	text-decoration:none;	
		}
#navigation li.Plan a:hover, #navigation li a:focus, #navigation li a:active, li.Plan a#active  {
	background:url(images/PlanCouli.png) right top no-repeat ;
	color:#182a6f;
	}


#navigation li.Services a {
	display: block ;
	background:url(images/ServiceCouli.png) left top no-repeat ;
	color:#660033;
	height:40px;
	
	padding: 10px 0px 0px 10px;
	text-align:center;
	text-decoration:none;	
		}
#navigation li.Services a:hover, #navigation li a:focus, #navigation li a:active, li.Services a#active  {
	background:url(images/ServiceCouli.png) right top no-repeat ;
	color:#182a6f;
	}


#site{background:white;}

#centre{width:750px;
background-image:url(images/coin2.jpg);
background-repeat:no-repeat;
margin:20px auto 10px;

}



#centre h1{font-size:18px;
color:#4F0ADE;
text-align:center;
margin:20px;
}

#texte{width:350px;
float:left;
padding:10px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#Tarif p{
margin:10px 0;
background:#FFFFCC;}

#Tarif table {
border: medium solid #000000;
width: 100%;
border-collapse: collapse
}
#Tarif .caseune, #Tarif .caseune {
border: thin solid #6495ed;
width: 250px;
text-align:left;
}

#Tarif td , #Tarif th {
border: thin solid #6495ed;
width: 100px;
text-align:center;
}

#texte p{margin:20px 10px;
color:#333333;}
#texte li{margin:10px 20px;
color:#333333;}
#texte a{color:#b50c0c;
font-size:20px;
text-decoration:none;
display:block;
margin-top:5px;}
#texte a:hover{color:#077f0a;
font-size:20px;}

.date{font-weight:bold;
color:#333333;}

#Activites-interne{font-size:16px;
font-weight:bold;
margin:20px 20px;
text-decoration:underline;}

#Activites-externe{font-size:16px;
font-weight:bold;
margin:20px 20px;
text-decoration:underline;}

.gras{font-weight:bold;}
#texte li{list-style-image:url(images/liste.png);}

#images img{padding:15px 8px;}


#illustration{float:right;
width:300px;
padding:10px 10px;
}
#illustration li{list-style-image:url(images/liste.png);
color:#333333;}
#illustration ul{margin:20px 10px 20px 10px;
}

#illustration p{width:220px;
color:#990000;}
#illustration a{
text-decoration:none;
font-size:12px;
color:#999999;
}
#illustration a:hover{color:#0000FF;}


img.imagexterne{margin:300px 0 0;}
img.imagexterneN{margin:50px 0 0;}
.separation{
clear:both;
visibility:hidden;}

.phrasetarif{font-weight:bold;
color:#FF0000;
text-decoration:underline;
margin:10px;}






#basdepage{
background:#f6f6d9;
font-family:Batang;
font-size:12px;
color:#666666;
width:auto;


}


#contenubasdepage{width:750px;
margin:0 auto;
border-top-color: black;
border-top-style:solid;
border-width:1px;

}


#coordonnees{width:240px;
float:left;
margin-top:10px;
height:100px;
background-image:url(images/fondcoordonnees.png);
background-repeat:no-repeat;
font-size:12px;
}
#coordonnees p{padding:10px;}
#coordonnees a{text-decoration:none;
color:red;}
#coordonnees a:hover{color:#0000FF;}

#annonce{width:340px;
float:left;
margin:10px;
background-image:url(images/fondannonce.png);
background-repeat:no-repeat;
height:100px;
}
.grasrouge {font-weight:bold;
color:#FF0000;}
#annonce p{padding:10px;}
#annonce a{font-size:10px;
text-decoration:none;
color:#FF0000;}
#annonce a:hover {color:#0000FF;}

#liste{width:150px;
float:right;
height:100px;
list-style:none;
height:100px;
background-image:url(images/fondlistebas.png);
background-repeat:no-repeat;
margin-top:10px;
}

#liste ul{padding:10px;}
#liste li{list-style:none;}
#liste li a{color:red;
text-decoration:none;}
#liste li a:hover {color:#0000FF;}
.mention{
clear:both;
text-align:right;
font-size:10px;
padding:20px;
}
.mention a{text-decoration:none;
color:#999999;
}.mention a:hover{color:#0000FF;}