{
	FONT-SIZE: 0.7em; FONT-FAMILY: Arial, Helvetica, sans-serif
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #CCFFCC;
	HEIGHT: 100%;width: 100%;
	}



	
	
#principal {
	HEIGHT: 100%
}

#sigle 
{	position: absolute;
	left: 131px;
	TOP: 0px;
	width: 85%;
	height:25%;
	z-index:1;
	background: #CCFFCC;
}	
#logo  
{	position: absolute;
	left: 3px;
	TOP: 0px;
	width: 15%;
	height:25%;
	z-index: 2;
	background: #CCFFCC;

}
#logoback  
{	position: absolute;
	left: 269px;
	TOP: 150px;
	width: 45%;
	height:75%;
	z-index: 4;
	

}

#droit { position: absolute;	
	 left: 134px; TOP: 104px;
}
#journal { position: absolute;	
	 left: 150px; TOP: 115px;
}

#contenu {
	position: absolute;
	top: 35%;
	left: 40%;
	PADDING-RIGHT: 2%;
	PADDING-LEFT: 0%;
	COLOR: #211884;
	PADDING-TOP: 0%;
	text-align: justify;
	width: 50%;
	height: 50%;
	z-index: 5;





	
}

#contact {position: absolute;
	COLOR: #211884;
	top: 27%;
	left: 15%;

}
#president  
{	position: absolute;
	left: 362px;
	TOP: -195px;
	width: 15%;
	height:25%;
	z-index: 2;
	background: #CCFFCC;

}

#adhesion  
{	position: absolute;
	left: -212px;
	TOP: -64px;
	width: 1090px;
	height:2639px;
	z-index: 2;
	background: #CCFFCC;

}


#lettrephoto {
	position: absolute;
	top: 153px;
	left: 179px;
	PADDING-RIGHT: 10%;
	PADDING-LEFT: 0%;
	COLOR: #211884;
	PADDING-TOP: 0%;
	text-align: justify;
	z-index: 5;
}
#lettre {
	position: absolute;
	top: 470px;
	left: 103px;
	PADDING-RIGHT: 2%;
	PADDING-LEFT: 0%;
	COLOR: #211884;
	PADDING-TOP: 0%;
	text-align: justify;
	z-index: 5;
	width: 592px;
	height: 496px;


}

#modalite {
	position: absolute;
	top: 27%;
	left:5%;
	PADDING-RIGHT: 2%;
	PADDING-LEFT: 0%;
	COLOR: #211884;
	PADDING-TOP: 0%;
	text-align: justify;
	/*background-image:url("e:/bac/logoback.gif");
	/*background-repeat:no-repeat;*/ 
	z-index: 5;
}
#textjournal { position: absolute; top: 200px; left: 500px;
 PADDING-RIGHT: 30px; PADDING-LEFT: 0px; COLOR: #211884; PADDING-TOP: 0px; text-align: justify;
 FONT-SIZE: 18px;	
}
#menu {
	position: absolute;
	margin: auto;
   	top: 170px;
	left: 11px;
	PADDING-LEFT: 0%;
	WIDTH:149px;
	height:295px;
	PADDING-top: 2%;
	background: #339933 ;
	z-index: 4;

	
}
#menunvx {
	background: #339933 ;
	z-index: 4;
}
#menunvx H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 80%; MARGIN-BOTTOM: 0px; COLOR: #6d62ff
}
#menunvx UL {
	MARGIN-TOP: 0px; PADDING-LEFT: 1%; MARGIN-LEFT: 0px; LIST-STYLE-TYPE: disc;
}
#menunvx LI {
	COLOR: #6d62ff; 
}

#menunvx LI A {
	 COLOR: white; font-size: 0.7em; text-decoration: none;
}
#menunvx LI A:hover {
	COLOR: #ff9900;
}




#menu H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 80%; MARGIN-BOTTOM: 0px; COLOR: #6d62ff
}
#menu UL {
	MARGIN-TOP: 0px; PADDING-LEFT: 1%; MARGIN-LEFT: 0px; LIST-STYLE-TYPE: disc;
}
#menu LI {
	COLOR: #6d62ff; 
}

#menu LI A {
	 COLOR: white; font-size: 0.7em; text-decoration: none;
}
#menu LI A:hover {
	COLOR: #ff9900;
}
#contenu  {
	FONT-SIZE: 1.1em; 
}

#contenu A:link {
	COLOR: #211884;
	
}
#contenu A {
	COLOR: #211884;
}
#contenu A:hover {
	COLOR: #ff9900;
}

#pied {
	position: absolute;
	top:90%;
	height: 10%;
	width: 100%;
	TEXT-ALIGN: center;
	font-size: 0.75em;
	BACKGROUND-color:  #98C032;
	color: white;
	z-index:6;
	left: 1px;
}
#pied2 {
		BACKGROUND-color:  #98C032;
	color: white;
	z-index:6;
	}


#menutop {
	position: absolute;
	top: 80px;
	left:0px;
	height: 20px;
	margin: 0 10px 1em 0px;
	clear: both;
	background: #4D81A9;
	z-index: 6;

}


#menutop ul, #menutop li { 
	margin:0;
	padding: 0;
	list-style-type: none;
	}
#menutop ul {
	
	height: 20px;
	width: 790px;
	left: 0px;

}

#menutop li {
float: left;
}

#menutop li a { /* dimensions et définitions des boutons */

display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 20px;
width: 130px;
color: #FFF;
font-family: ARIAL, Helvetica, Sans-Serif;
font-size: 12px;
FONT-WEIGHT: bold;
text-decoration: none;
border-right: 1px solid #fff;
text-align: center;
padding-top: 4px;
}


#menutop a:hover {
color: #ff9900;
}

#contact {
	position: absolute;
	top: 102px;
	left: 0px;
	width: 790px;
	height: 437px;
	background-color: #CCFFFF;



	
	}
#photobac1 {
	position: absolute;
	top: 27%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 3;	}
#photobac2 {
	position: absolute;
	top: 160%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 4;	}
#photobac3 {
	position: absolute;
	top: 290%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 5;
	}
#photobac4 {
	position: absolute;
	top: 420%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 6;
	}
#photobac5 {
	position: absolute;
	top: 570%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 7;
	}
#photobac6 {
	position: absolute;
	top: 700%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 6;
	}
#photobac7 {
	position: absolute;
	top: 830%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 6;
	}
#photobac8 {
	position: absolute;
	top: 960%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 6;
	}
#photobac9 {
	position: absolute;
	top: 1090%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 6;
	}
#photobac10 {
	position: absolute;
	top: 1220%;
	left: 0%;
	height:130%;
	width:100%;
	z-index: 6;
	}					
#news {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #990000;
	text-decoration: blink;
}
.unnamed1 {
	font-family: "Bookman Old Style";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #3366CC;
}
.siglescrool {
	font-size: 150%;
	font-family: "Copperplate Gothic Bold";
	letter-spacing:1px;
	color: #FF6600;
	}