html { overflow-y: scroll; } 


body{
	font-family:arial;
	font-size:12px;
}

img{
	border:0;
	padding:0;
	margin:0;
}

.clear{
	clear:both;
	height:10px;
}

#global{
	width:960px;
	background:url(images/arrondi_vert.gif) no-repeat top right #89b520;
	margin:auto;
}


a:active,a:focus {
outline:none;
}


/******************	MENU GAUCHE	**********************/

#menuGauche{
float:left;
width:201px;
margin:10px 0 10px 10px;
padding:10px 0 10px 0;
background:url(images/arrondi_menu_gauche.gif) no-repeat top right #f2f2f2;
}


#menuGauche h2{
	font-size:14px;
	height:19px;
	color:#96BF0D;
	margin:6px 0 0 7px;
}

#menuGauche h3{
	background:url(images/coccinelle.gif) no-repeat top left;
	font-size:14px;
	color:#96BF0D;
	margin:20px 0 0 0;
	padding:0 0 20px 39px;
	font-weight:bold;
	text-align:center
}

#menuGauche ul{
	margin:0 0 25px 0;
	padding:0;
}

#menuGauche ul li{
	font-size:12px;
	margin:10px 10px 0 10px;
	padding:0;
	font-weight:bold;
	list-style:none;
}

#menuGauche ul li ul#sSFilms, #menuGauche ul li ul#editionPrecedente{
	display:none;
	margin:0;
	padding:0;
}

#menuGauche ul li ul#sSFilms li,   #menuGauche ul li ul#editionPrecedente li{
	font-size:11px;
	margin:2px 0 2px 15px;
	padding:2px 0 2px 15px;
	font-weight:normal;
	/*background-color:red;*/
	width:150px;
}

#menuGauche ul li ul#sSFilms li a,#menuGauche ul li ul#editionPrecedente li a{
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	display:block;	
}

#menuGauche a{
	text-decoration:none;
	display:block;
	color:#009036
}

#menuGauche a:hover, #menuGauche a.actif{
	text-decoration:none;
	color:#96BF0D
}


#menuGauche form{
	float:left;
	margin:0 10px 10px 10px;
	padding:0;
}

#menuGauche input{
	width:104px;
	height:14px;
	font-size:11px;
	font-weight:normal;
	display:inline;
}
/******************	MENU GAUCHE	**********************/



/******************	MENU HAUT	**********************/

#flash{
		
	float:left;
		margin:10px 0 10px 50px;

}

#menuHaut{
	float:left;
	margin:10px 0 10px 0;
	height:150px;
	color:#fff;
	font-size:12px;
	font-weight:bold;	
	
}


#menuHaut ul li{
	list-style:none;
	margin:0 0 9px 0;
	display: block;	
	
}


#menuHaut ul li#gb {
	background:url(images/ico-gb.gif) no-repeat center;
	width:25px;
	height:16px;
	
}

#menuHaut ul li#gb a{
	width:25px;
	height:16px;
}

#menuHaut ul li#fr{
	background:url(images/ico-fr.gif) no-repeat top right;
	width:25px;
	height:16px;
}

#menuHaut ul li#fr a{
	width:25px;
	height:16px;
}

#menuHaut ul li a{
	color:#fff;
	text-decoration:none;
	display: block;
}

#menuHaut ul li a:hover{
    color:#00933f;
	text-decoration:none;
}

#menuHaut ul li#inscriptions ul#inscriptionsOuvert{
	display:none;
	z-index:90;
	position:absolute;
	/*margin:30px 0 0 20px;
	padding:0px 0 8px 0;*/
		top:80px;
margin-left: 85px;
	width:55px;
	background:url(images/arrondi_menu_gauche.gif) no-repeat top right #f2f2f2;
}

#menuHaut ul li#inscriptions ul#inscriptionsOuvert li{
	background:none;
	padding-top:0;
	padding-left:5px;
	padding-bottom:0;
	padding-right:10px;
	margin:2px 0 2px 0;
	width:45px;
	text-align:left;
}

#menuHaut ul li#inscriptions ul#inscriptionsOuvert li a{
	color:#20a057;
	font-weight:normal;
}

#menuHaut ul li#inscriptions ul#inscriptionsOuvert li a:hover{
	font-weight:bold;
}

/******************	MENU HAUT	**********************/

/******************	DROIT	**********************/

#droit{
float:left;
}

/******************	DROIT	**********************/

/******************	CONTENU	**********************/

#contenu{
float:left;
background:url(images/fond_vert_2009.gif) no-repeat top right #fff;
width:670px;
margin-left:20px;
padding:20px 20px 0 20px;
display:inline;

}



td{
		padding:3px 5px 3px 5px;
		vertical-align:top;
	}

#fildariane{
color:#555;
	float:left;
	margin:10px 0 10px 20px;
	display:none;
	width:650px;
}

#fildariane a{
		color:#222;
		text-decoration:none;
	}
	
#fildariane a:hover{
		text-decoration:underline;
	}
	
.imageGauche{
	float:left;
	margin:0 5px 5px 0;
}

.imageDroite{
	float:right;
	margin:0 10px 5px 0;
}

.texteDroite{
	float:left;
	width:370px;
}


h1{
	font-size:18px;
	color:#2f9e38;
	margin:0 0 10px 30px;
	padding:0;
}

#contenu h2{
	font-size:14px;
	color:#2f9e38;
	margin:0 0 5px 0;
	padding:0;
}

#contenu h3{
	font-size:12px;
	color:#2f9e38;
	padding:0;
}
#chiffre {
		
		font-size:30px;
		float:left;
		margin:0 5px 0 0;
		vertical-align:text-top;
	}

#contenu a{
	
	color:#005189;
	text-decoration:none;
}

#contenu a:visited{
	color:#810081;
}

#contenu a:hover{
	text-decoration:underline;
}
/******************	CONTENU	**********************/



.encart{
		float:left;
		width:350px;
		margin:0 0 16px 0;
		padding:6px 10px 1px 10px;
		background-color:#ddde4b;
	}
	
.petitEncart{
		width:252px;
	}


.paveGauche{
	float:left;
	margin-right:10px;
	width:330px;
}

.paveDroite{
	float:left;
	width:330px;
}
/******************	PIED	**********************/

#pied{
	height:30px;
	text-align:center;
	color:#c6c6c6;
	
}

#pied a{
	color:#fff;;
	text-decoration:none;
}

#pied a:hover{
color:#00933f;
	text-decoration:none;
}

/******************	PIED	**********************/