@charset "UTF-8";
/*////////////////////////
les selecteurs de balises
/////////////////////////*/

body {
	background-image:url(images/background.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a {
	color:#0066CC;
	text-decoration: none;    
}
a:visited a:link{
	color:#0066CC;

}
a:hover,a:focus,a:active{
	text-decoration: underline;
	color:#6633CC;  
}

h4 {
	background-image:url(images/fond-titre.png);
	background-repeat:no-repeat;
	margin-left:40px;
	padding:3px 0 5px 5px;
	font-size: 11px;
	font-style: normal;
	color:#FFFFFF;
}
h5 
 {
	background-image:url(images/fond-titre.png);
	background-repeat:no-repeat;
	padding:3px  3px 3px 3px;
	font-size: 10px;
	font-style: normal;
	color:#FFFFFF;
}
h6 {
	background-image:url(fond-titre2.jpg);
	background-repeat:no-repeat;
	margin:2px 2px 2px 2px;
	padding:3px 0 5px 5px;
	font-size: 11px;
	font-style: normal;
	color:#FFFFFF;
	}

/*////////////////////////
la structure
/////////////////////////*/

#conteneur {
	background-color: #FFF;
	width: 850px;	
	margin-right: auto;
	margin-left: auto;
	padding:3px 0 3px 0;
	border:#cccccc solid 1px;
	}


#header {
	background-color: #0033CC;
	height: 90px;
	margin-bottom:2px;
}
#photos {
	background-color: #CC6600;
	height: 60px;
	margin-bottom:2px;
}
#menuV {
    float:left;
	background-color:#FFFFFF;
	overflow:hidden;
	width: 150px;
	

}
#contenu {
	background-color:#FFFFFF;
	width: 690px;
	margin-left:150px;
	padding-left:10;
	min-height:500px;
	
}
#menuH {
	background-color:#FFFFFF;
	height: 30px;
	font-size:13px;
	font-weight:bold;
	color:#400080;
	text-align:center;
	
}

#gauche {
float:left;
width:490px;
margin-left:10px;
margin-left-width:1px;
border-left-style:solid;
border-left-color:#FFCC66;
	
}
#gaucheCHRS {
float:left;
width:300px;
margin-left:10px;
margin-left-width:1px;
border-left-style:solid;
border-left-color:#FFCC66;
	
}
#droite {
	margin:70px 10px 0 500px;
	background-color:#CC33CC;
	padding:10px 0 10px 0;
	
}
#droiteCHRS {
	margin: 0 10px 0 320px;
	padding:10px 0 10px 0;
	}


#footer {
	clear:both;	
}


/* ///////////////////////////
mise en forme du menu vertical*
/////////////////////////////*/
#menuV ul {
	margin: 0px;
	padding: 0 0 0 10px;
	font-size:12px;
	color:#006699;
	list-style-type: none;
}
.titre_menuV {
	background-color: #400080;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 3px;
	padding: 5 px 5px 3px 5px;
	
}
.titre_menuV a:hover, .titre_menuV a:focus{
	text-decoration: underline;
	color:#FFCCFF;  
}
.titre_menuV a {
	text-decoration: none;
	color:#FFFFFF;    
}
/*////////////////////////////////
 mise en forme du menu horizontal
 /////////////////////////////*/

#menuH ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
	text-align:center;	
}
#menuH ul li {
	display:inline;	
	background-color:#CC99FF;
	margin:0 1px 2px 1px;
	margin-bottom:1px;
	color:#0000FF;
}

#menuH ul li a {
background-image:url(images/boutons.jpg);
background-position:top;
text-decoration:none;
color:#400080;
padding: 4px 10px;
line-height: 30px;
}

#menuH ul li a:hover, .titre_menuH a:focus {
text-decoration:underline;
color:#400080;
background-color:#FFFFFF;
background-position:bottom;
}


/*Mise en forme du texte de contenu*/
.souligne {
text-decoration:underline;   
}
#contenu p {
	font-size: 11px;
	font-style: normal;
	color: #000000;
	margin:0 20px 10px 20px;
	text-align: justify;
}
#contenu ul li {
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	list-style-type: disc;
	
}
.titre_contenu {
	font-size: 14px;
	font-weight: bold;
	color: #400080;
	text-align: center;
}

#droite p {
color:#FFFFFF;
text-align:left;

}

.acontacter {
text-align:center;   
}

.tab-acueil {
width:600px;
margin-left:auto;
margin-right:auto;
border:solid #CC99FF 1px; 
 
}

td {
	padding:10px 30px 10px 40px;
	 
}




.tab-mots {
width:600px;
margin-left:auto;
margin-right:auto;
border:solid #CC99FF 1px;   
}





/*/////////////////////////////
Mise en forme du footer////////
///////////////////////////*/


#footer p {
margin:5px 0 0 150px;
padding:5px 5px 3px 5px;
font-size:10px;
text-align:center; 
}

/*/////////////////////////////
Mise en forme du diaporama////////
///////////////////////////*/
#diapo {
float:right;
margin-left:10px;
margin-top:8px;
margin-right:110px;
padding-left:100px;
height:200px;
width:250px;
}
/*/////////////////////////////
Les couleurs////////////////////
///////////////////////////*/

.orange {
color:#ff9201;
}

.rose {
color:#ff0066;
}

.mauve {
color:#330066;
}

.fond_rose{
background-color:#FF0066;
}