a
{
	outline: none;
}

body
{
	background-color:black;
}

#fond
{
	position:absolute;
	width:960px;
	height:758px;	
	margin-left:50%;
	left:-480px;
	background-color:black;
	background-image:url("../images/fond.jpg");
	background-repeat:no-repeat;
}

#contenu
{
	position:absolute;
	width:777px;
	height:461px;
	left:186px;
	top:160px;		
}

#menu
{
	position:absolute;	
	width:100%;
	top:0px;
	left:0px;
}

#pied_de_page
{
	position:absolute;	
	width:100%;
	top:465px;
	left:0px;
}

#zone_contenu
{
	position:absolute;
	width:639px;
	height:329px;
	left:44px;
	top:90px;		
}

.fil_ariane
{
	position:absolute;	
	left:0px;
	top:-20px;			
}

#zone_contenu a, #zone_contenu a:hover, #zone_contenu a:link, #zone_contenu a:visited
{
	color:black;
}

#zone_video
{
	position:absolute;
	width:512px;
	height:288px;
	left:10px;
	top:31px;		
	z-index:100;	
}

#zone_image_television
{
	position:absolute;
	width:650px;
	height:350px;
	left:0px;
	top:0px;		
	z-index:999;	
}

#image_television_top{position:absolute;left:0px;top:0px;}
#image_television_left{position:absolute;left:0px;top:60px;}
#image_television_right{position:absolute;right:0px;top:60px;}
#image_television_bottom{position:absolute;left:0px;bottom:0px;}

#menuaccueil{border:none;position:absolute;left:0px;top:0px;}

#img_menuorganisme, #img_menuorganisme_sel{border:none;position:absolute;left:109px;top:0px;}
#img_menuorganisme_sel{display:none;}
#sousmenuorganisme{position:absolute;top:39px;left:109px;display:none;}
#sousmenuorganisme img{border:none;}
#menuorganisme:hover #sousmenuorganisme, #menuorganisme #sousmenuorganisme:hover{display:block;}
#menuorganisme:hover #img_menuorganisme_sel{display:block;}
#menuorganisme:hover #img_menuorganisme{display:none;}



#img_menugala, #img_menugala_sel{border:none;position:absolute;left:214px;top:0px;}
#img_menugala_sel{display:none;}
#sousmenugala{position:absolute;top:39px;left:214px;display:none;}
#sousmenugala img{border:none;}
#menugala:hover #sousmenugala, #menugala #sousmenugala:hover{display:block;}
#menugala:hover #img_menugala_sel{display:block;}
#menugala:hover #img_menugala{display:none;}



#img_menuconcours, #img_menuconcours_sel{border:none;position:absolute;left:324px;top:0px;}
#img_menuconcours_sel{display:none;}
#sousmenuconcours{position:absolute;top:39px;left:2px;display:none;}
#sousmenuconcours img{border:none;}
#menuconcours:hover #sousmenuconcours, #menuconcours #sousmenuconcours:hover{display:block;}
#menuconcours:hover #img_menuconcours_sel{display:block;}
#menuconcours:hover #img_menuconcours{display:none;}



#img_menuarchives, #img_menuarchives_sel{border:none;position:absolute;left:430px;top:-4px;}
#img_menuarchives_sel{display:none;}
#sousmenuarchives{position:absolute;left:0px;top:38px;display:none;}
#sousmenuarchives img{border:none;}
#menuarchives:hover #sousmenuarchives, #menuarchives #sousmenuarchives:hover{display:block;}
#menuarchives:hover #img_menuarchives_sel{display:block;}
#menuarchives:hover #img_menuarchives{display:none;}



#menujoindre{border:none;position:absolute;left:0px;top:0px;}
#menufacebook{border:none;position:absolute;top:1px;left:100px;}


#zone_texte_accueil
{
	width:300px;
	float:left;
}

#conteneur_zone_video_small
{
	float:right;
	width:325px;	
}
#zone_image_television_small{position:absolute;width:325px;top:20px;}
#zone_video_small{position:absolute;top:30px;}
#image_television_top_small{position:absolute;left:0px;top:0px;}
#image_television_left_small{position:absolute;left:0px;top:36px;}
#image_television_right_small{position:absolute;left:264px;top:36px;}
#image_television_bottom_small{position:absolute;left:0px;top:168px;}

#img_parrain
{
	position:absolute;	
	bottom:-55px;
	right:-15px;
}

#conteneur_zone_video_small_4x3
{
	float:right;
	width:325px;
	height:284px;	
}
#zone_image_television_small_4x3{position:absolute;width:325px;top:20px;}
#zone_video_small_4x3{position:absolute;right:10px;top:40px;}
#image_television_top_small_4x3{position:absolute;left:62px;top:-3px;}
#image_television_left_small_4x3{position:absolute;left:0px;top:0px;}
#image_television_right_small_4x3{position:absolute;right:-99px;top:0px;}
#image_television_bottom_small_4x3{position:absolute;left:62px;top:229px;}
#conteneur_zone_video_small_4x3 #zone_video_titre
{
	position:absolute;
	bottom:-45px;	
	width:325px;
	right:-10px;
	height:83px;	
}


#conteneur_zone_video_small_16x9
{
	float:right;
	width:507px;
	height:274px;	
}
#zone_image_television_small_16x9{position:absolute;width:507px;top:20px;right:-75px;}
#zone_video_small_16x9{position:absolute;right:20px;top:30px;}
#image_television_top_small_16x9{position:absolute;left:0px;top:0px;}
#image_television_left_small_16x9{position:absolute;left:0px;top:47px;}
#image_television_right_small_16x9{position:absolute;right:0px;top:47px;}
#image_television_bottom_small_16x9{position:absolute;left:0px;top:219px;}
#conteneur_zone_video_small_16x9 #zone_video_titre
{
	position:absolute;
	bottom:5px;	
	width:507px;
	right:-75px;
}
#zoneImage_16x9
{
	width:222px;
	height:310px;
	position:absolute;
	left:0px;
	top:5px;	
}
#listeImage_16x9
{
	list-style-type:none;
	position:absolute;
	left:-30px;
	top:0px;
	padding:0px;
	width:240px;
}

.clapper
{
	margin:12px;
}

#footer
{
	position:absolute;
	bottom:-20px;
	right:0px;	
	color:#f59e00;	
}

#footer a, #footer a:link, #footer a:visited, #footer a:active
{
	color:#f59e00;
	text-decoration:none;	
}

#footer img
{
	border:none;
}

#ban_comm
{
	position:absolute;
	bottom:0px;
	left:185px;
}

#formCnx
{
	display:block;
	width:300px;
	margin-left:auto;
	margin-right:auto;	
}

.conteneur_controle
{
	width:460px;
	clear:left;
	padding-top:5px;
}

.conteneur_controle label
{
	font-weight:bold;
	float:left;
	width:100px;
}

.conteneur_controle .txt
{	
	width:350px;
}

.conteneur_controle .btn
{
	margin-left:50%;
	width:100px;
	left:-50px;
}






#conteneur_zone_video_small_4x3_presse
{
	float:left;
	width:325px;
	height:284px;	
}

#zone_video_small_4x3_presse{position:absolute;left:10px;top:70px;}
#zone_image_television_small_4x3_presse{position:absolute;width:325px;top:50px;}
#image_television_top_small_4x3_presse{position:absolute;left:62px;top:7px;}
#image_television_left_small_4x3_presse{position:absolute;left:0px;top:10px;}
#image_television_right_small_4x3_presse{position:absolute;right:-99px;top:10px;}
#image_television_bottom_small_4x3_presse{position:absolute;left:62px;top:239px;}









div.errmsg
{
	display:block;
	color:red;
}

div.errmsg span
{
	display:block;
	color:red;
}

div.msg
{
	display:block;
	color:green;
}

div.msg span
{
	display:block;
	color:green;
}

ul.errmsg
{
	color:red;
}

ul.msg
{
	color:green;
}




/*DÉBUT CSS utilisé pour la gallerie de photos*/

	#zoneImage
	{
		width:337px;
		height:310px;
		position:absolute;
		left:0px;
		top:5px;		
	}
	
	#listeImage
	{
		list-style-type:none;
		position:absolute;
		left:-30px;
		top:0px;
		padding:0px;
		width:370px;
	}
	
	.cadreImage
	{
		float:left;
		width:114px;
		height:91px;
		background-image:url("../images/petit_cadre.png");
		background-repeat:no-repeat;		
	}
	
	.cadreImage16x9
	{
		float:left;
		width:114px;
		height:84px;
		background-image:url("../images/petit_cadre16x9.png");
		background-repeat:no-repeat;		
	}
	
	.imageContenu
	{
		position:relative;
		left:12px;
		top:7px;
		width:92px;
		height:67px;
		cursor:pointer;
	}
	
	.imageContenu16x9
	{
		position:relative;
		left:12px;
		top:7px;
		width:92px;
		height:61px;		
		cursor:pointer;
	}
	
	#agrandisImage
	{
		width:388px;
		height:400px;
		position:absolute;
		left:338px;
		top:0px;		
		background-image:url("../images/grand_cadre.png");
		background-repeat:no-repeat;
	}
			
	#agrandisImage16x9
	{
		width:433px;
		height:311px;
		position:absolute;
		left:293px;
		top:0px;		
		background-image:url("../images/grand_cadre16x9.png");
		background-repeat:no-repeat;
	}
	
	.agrandisImageContenu
	{
		position:relative;
		left:43px;
		top:25px;
		width:316px;
		height:242px;
	}
	
	.agrandisImageContenu16x9
	{
		position:relative;
		left:43px;
		top:26px;
		width:363px;
		height:242px;
	}
	
	#grande_image_titre
	{
		position:absolute;
		left:20px;
		top:300px;	
		z-index:900;		
	}


/*FIN CSS utilisé pour la gallerie de photos*/





/*DÉBUT CSS utilisé pour les pages d'administration*/

.tabGestion
{
	width:90%;
	border-collapse:collapse;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.ongSep
{
	width:5px;
}

.ongMenu
{
	width:100px;
	border-top:1px solid #195318;
	border-right:1px solid #195318;
	border-left:1px solid #195318;
	background-color:#248d22;
	text-align:center;
}

.ongMenu a
{
	color:white;
}

.ongMenusel
{
	width:100px;
	border-top:1px solid #248d22;
	border-right:1px solid #248d22;
	border-left:1px solid #248d22;
	background-color:#195318;
	text-align:center;
}

.ongMenusel a
{
	color:white;
}


.gestContent
{
	border:1px solid #195318;
}

.gestContent a, .gestContent a:visited, .gestContent a:hover,.gestContent a:link
{
	color:#195318;
}

/*FIN CSS utilisé pour les pages d'administration*/