body { 
	background-color: #FFFFFF;
	background-repeat:repeat-x;		
	scrollbar-face-color: #CC0066;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #99CC00;
    scrollbar-shadow-color: #CC0066;
    scrollbar-highlight-color: #99CC00;
    scrollbar-3dlight-color: black;
    scrollbar-darkshadow-color: #fff;
}

div#principal {
	margin: 0 auto; 
	padding: 0; 
	width: 100%; 
	background-image: url(images/fond-jaune.gif);
	background-repeat:repeat-y;	
}

/********** calque espace ***********/ 
div#espace{
	float: right;
	width: 70px;	
}

/********** calque age 16/25 ***********/ 
div#age { 
	float: right;
	vertical-align: middle; /* ? */
	color: #ca2c7d;
	font-size: 48px;
}

/********** calque logo ***********/ 
div#logo {
	float: right;
	height: 180px;
	vertical-align: middle;
}

/********* menu horizontal ********/
div#menuhorizontal {
	float: left;
	width: 100%;
}

/********* menu vertical********/
div#menuvertical {
	float: left;
}

			#nav {
				width: 150px ;
				list-style: none ;
				margin: 0 0 10 30px;
				padding: 0 ;
				}
			#nav li {
				background: #99CC00 ;
				color: #fff ;
				border: 1px solid #000 ;
				margin-bottom: 10px ;
				}
			#nav li a {
				display: block ;
				background: #99CC00 ;
				color: #fff ;
	font-family: verdana;
	font-size: 14px;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #FF6600 ;
				text-decoration: underline ;
				}

/********* menu horizontal********/
div#menuho {
}

div#menuho ul li{
	display: inline;
}

	#nah {
		list-style: none ;
		/*margin: 0 ;*/
		padding: 0 ;
		height: 25px;
		margin-bottom: 10px;
		}
				
	#nah li {
		display: inline ;
		margin-right: 5px ;
		color: #fff ;
		background-color:#9966FF;
		text-align: center;
		}
				
	#nah li a {
		background-color:#9966FF;
		color: #fff ;
		font-family: verdana;
		font-size: 14px;
		padding:4px 67px ;
		text-align: center ;
		text-decoration: none ;
		}
				
	#nah li a:hover, #nah li a:focus, #nah li a:active {
		background: #FF6600 ;
		text-decoration: underline ;
		}


/********** calque actualites ***********/ 
div#actualites {
	float: left;
	margin: 0 0 0 45px;
	border: 1px solid black;
	width: 700px;
}

/********** calque contenant ***********/ 
div#contenant {
	float: justify;
	margin: 20 0 0 20px;
	width: 760px;
	height: 138px;
}


/************  formatage texte ***********/
p {  
	font-family: verdana;
	font-size: 14px;
	color: black;
	text-align: justify; 
}

.decal {
 	padding: 0 0 0 20px;
}

h1 {
	font-size: 24px;
	color: #940ed9;
	font-family: verdana;
}

.boite {
	overflow: auto;
	height: 50px;
	width: 695px;
}

ul li {
    font-family: verdana;
    color: #231F20;
	font-size: 14px;
	text-align: justify;
}

/***************** colorisation texte *****************/

.rose {
	color: #E2007A;
	font-weight: bold;
}

.bleu {
	color: #0099FF;
	font-weight: bold;
}

/*************** debut calque index1 ********************/
div#principalindex {
	margin: 0 auto; 
	padding: 0; 
	width: 100%; 
}

a.index, a:visited.index, a:hover.index {
	border: 0px;
	text-decoration: none;
}

/*******************acces partenaire*******************/

.apartenaire {
 	margin-left: 4 	0px;
 	width:150px
 	height:32px 
 	background-image: url(image/extraorange.gif);
}

.apartenaire:hover {
	background-image: url(image/extravert.gif);
}

/*******************contact*******************/

.acontact {
	text-decoration: none;
	font-weight:bold;
	color: #E20031;
}

.acontact:hover {
	text-decoration: underline;
	color: #5EC4E7;
}

/************ mentions légales *******************/

.ml {
 	font-size: 10px;
 	font-color: #E2007A;
 	text-align: center;

}