@charset "utf-8";

body{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	background:white url("/images/interface/fd_body.gif") repeat left top;
	color:black;
}

*{z-index:1}
img{border:0}

blockquote{
	color:#799C13;
	font-size:20px;
	line-height:16px;
	display:block;
	float:left;
	width:310px;
	margin:0;
	padding:0;
}
#contenu blockquote p{margin-top:0; text-align:left;}
p{font-size:11px;}

/* H1 et h2 définis par sIFR */

h3{
	font:bold 2em Verdana, Arial, Helvetica, sans-serif;
	color:#799C13;
	margin:0 10px;
}
	h3 span{
		color:black;
		font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	}
h4{
	color:white;
	background-color:#799C13;
	padding:5px;
	margin:1em 0;
	text-transform:uppercase;
	font-size:10px;
}
a{
	text-decoration:underline;
	color:#799C13;
}

#global{
	width:980px;
	/*height:65em;*/
	margin:auto;
}
	
/* Cadre avec son ombre */

#ombre_gch{
	background:transparent url("/images/interface/fd_ombre_gch.gif") repeat-y left top;
}
#ombre_dte{
	background:transparent url("/images/interface/fd_ombre_dte.gif") repeat-y right top;
}
#ombre_sup{
	width:100%;
	height:25px;
	background:#00763B url("/images/interface/fd_ombre_sup.gif") repeat-x left bottom;
}
	#ombre_sup_gch{
		width:50%;
		height:100%;
		float:left;
		background:transparent url("/images/interface/fd_ombre_sup_gch.gif") no-repeat left bottom;
	}
	#ombre_sup_dte{
		width:20%;
		height:100%;
		float:right;
		padding-right:5px;
		background:transparent url("/images/interface/fd_ombre_sup_dte.gif") no-repeat right bottom;
	}
	#ombre_inf{
		width:100%;
		height:100%;
		background:#00763B url("/images/interface/fd_ombre_inf.gif") repeat-x left top;
	}
	#ombre_inf_gch{
		width:50%;
		height:100%;
		float:left;
		background:#00763B url("/images/interface/fd_ombre_inf_gch.gif") no-repeat left top;
	}
	#ombre_inf_dte{
		width:50%;
		height:100%;
		float:right;
		background:#00763B url("/images/interface/fd_ombre_inf_dte.gif") no-repeat right top;
	}
	

#global_contenu{
	border:5px solid white;
	margin:0 10px;
	padding:5px;
}
	.anim_bandeau{
		width:100%;
		height:200px;
		background:transparent url("/images/interface/panoramique.jpg") no-repeat left top;
	}
	.logo{
		display:block;
		float:right;
		margin-left:636px;
		width:304px;
		height:200px;
		background:transparent url("/images/interface/logo_ligue.png") no-repeat left top;
		z-index:10;
		position:absolute
	}
	.anim_bandeau img{z-index:1;}
	#menu_principal{
		width:100%;
		background-color:#799C13;
		text-transform:uppercase;
		margin-bottom:5px;
		float:left;
		z-index:10;
	}
		#menu_principal>dl{
			padding:0;
			margin:0;
			float:left;
			z-index:10;
		}
		
		#menu_principal>dl a{
			display:block;
			text-decoration:none;
			color:white;
			padding:3px 10px 8px 10px;
			height:23px;
			line-height:30px;
			z-index:10;
			font-size:12px;
		}
		#menu_principal>dl dd{display:none; position:absolute;}
		#menu_principal a:hover, #menu_principal a.actif, #menu_principal dl.on a{
			background:transparent url("/images/interface/fd_menupp_hover.gif") no-repeat 10px bottom;
			color:black;
		}
		#menu_principal dl.on, #menu_principal dl:hover{
			height:auto;
		}
		
	#menu_principal dl.on dd{
		margin:0;
		display:block;
		background-color:white;
		color:black;
		padding:0;
		z-index:10;
		clear:left;
	}
	#menu_principal dl.on dd dl dd{
		margin:0;
		position:relative;
		display:block;
		background-color:white;
		padding:0;
		z-index:10;
		width:160px;
	}
	#menu_principal dl.on dd dl dd a{font-size:9px; color:#666666; display:block; }
	#menu_principal dl.on dd a{
		display:block;
		float:none;
		border-bottom:1px solid black;
		text-transform:none;
		color:black;
		padding:0;
		margin-top:5px;
		height:auto;
		background-image:none;
		min-width:140px;
		line-height:20px;
		font-weight:normal;
		z-index:10;
		/**/border:5px solid white;
		border-width:0 5px;
	}

	#menu_principal dl.on dd a:hover, #menu_principal dl.on dd dl dd a:hover{color:white; background-color:black;}
	/* Fin menu deroulant -->*/
	
	.fil_ariane{
		font-size:9px;
		background-color:#799C13;
		color:white;
		text-transform:uppercase;
		margin:5px 0;
		padding:5px 10px;
	}
		.fil_ariane a{color:white; text-decoration:none;}
			
	#fd_colonne_gch{
		width:100%;
		height:100%;
		background:transparent url("/images/interface/fd_colonne_gch.gif") no-repeat left top;
		overflow:hidden;
		clear:both;
	}
	
	#contenu{
		border:5px solid #97bb5f;
		width:710px;
		min-height:563px;
		height:100%;
		float:right;
		background-color:#cfe1d3;
		overflow:hidden;
		
	}
		#contenu p.error{ color:red; font-size:14px; font-weight:bold; }
		/* pour contenu et liste_actualites */
		#contenu .scroll{
			padding:0 10px;
			margin-bottom:10px;
		}
		#contenu h1{font-size:18px; margin-left:10px; }
		#contenu p{margin:10px; line-height:18px; text-align:justify; font-size:11px;}
		#contenu img{float:left; margin-right:10px; margin-bottom:10px;}
		#contenu  strong{font-size:12px; line-height:20px;}
		#contenu table{
			margin:10px;
		}
			#contenu .intro{
				background-color:#00763B;
				color:white;
				width:100%;
				overflow:hidden;
			}
			#contenu .intro h1{
				display:inline;
			}
			#contenu .intro p{
				line-height:24px;
				font-size:14px;
			}
			#contenu .intro img{margin-bottom:0;}
		.voir_tout{
			text-align:center;
			background-color:#008650;
			color:white;
			text-decoration:none;
			display:block;
			padding:4px 0;
			text-transform:uppercase;
			margin:5px;
		}
		
	#colonne_gch{
		float:left;
		width:194px;
	}
		#newsletter{ 
			border-top:5px solid #97bb5f;
			padding:0 5px 5px 5px;
			background-color:#CFE1D3;
			margin-right:5px;
			width:100%;
			margin:0 5px;
			overflow:hidden;
		}
		#newsletter img{ position:absolute; margin-left:-54px; margin-top:-13px; }
		#newsletter p{ margin-left:50px; font-size:12px; font-weight:bold; color:#01773D; } 
		#newsletter input.form-text{ margin-left:50px; width:100px; vertical-align:middle; }
		#newsletter input.form-submit{ margin:0; vertical-align:middle; color:white; border-width:0; background-color:#01773D; padding:1px 3px; }

		#liste_actualites{
			padding:10px 5px 5px 5px;
			background-color:#799C13;
			margin-right:5px;
			width:100%;
			margin:0 5px 5px 5px;
		}
			#liste_actualites .date{
				font-size:9px;
			}
			#liste_actualites .scroll{
				margin-top:10px;
			}
			.item{
				background:transparent url("/images/interface/puce_date.gif") no-repeat left top;
				padding:0 10px 0 15px;
				margin-bottom:18px;
				color:white;
			}
				.item strong{font-size:10px;}
				.item h3{font-size:14px;margin:0; color:white;}
				.item p{font-size:9px; color:black; text-align:justify; margin:5px 0 10px 0;}
				.item .plus{
					background-color:white;
					color:#799C13;
					font-size:9px;
					padding:2px 5px;
					text-decoration:none;
				}
				
		#liste_actualites .voir_tout{
			background-color:white;
			color:#799C13;
		}
		
		#contenu .listing-actus p{ font-size:12px; }
		
		
		/* Cote swing */
		.coteswing{ border-top:4px solid #97bb5f; border-bottom:4px solid #97bb5f; overflow:hidden; display:block; width:214px; line-height:20px; background-color:#007239; }
		
		/* Page liste_actus */
		a.actus{
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			color:#799C13;
			/*background-color:#799C13;*/
			display:block;
			padding:2px;
			margin:5px;
			text-decoration:none;
		}
		a.plus_infos{
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			color:white;
			background-color:#799C13;
			display:block;
			padding:2px;
			margin:5px;
			text-decoration:none;
			clear:both;
			text-align:right;
		}
		.titre{
			background-color:#799C13;
			color:white;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			padding:3px;
			margin:5px;
			width:auto;
		}
		.suivant, .precedent, .retour{
			color:black;
			text-transform:uppercase;
			text-decoration:none;
		}
		.suivant{float:right; margin-right:5px;}
		.retour{color:#797b7c;}
		.precedent{float:left; margin-left:5px;}
				
		#separation_blocs{
			width:215px;
			height:15px;
			background:transparent url("/images/interface/fd_separation_blocs.gif") no-repeat left top;
		}
		#partenaires{
			margin:8px;
			color:white;
			font:bold 14px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			width:13.8em;
		}
			#partenaires a{
				text-decoration:none;
				color:white;
			}
		#partenaires .partenaires{
			background-color:white;
			height:116px;
			padding:0;
			margin-bottom:3px;
			overflow:hidden;
		}
		
		.regulateur{
			clear:both;
			/*visibility:hidden;*/
		}
		
		#ombre_inf{
			font-size:10px;
			color:white;
			height:auto;
			line-height:20px;
			font-size:9px;
		}
			#ombre_inf a{color:white; text-decoration:none;}
			#ombre_inf span{color:#799C13;}
			#ombre_inf_gch{width:40%; padding:10px;}
			#ombre_inf_dte{width:53%; padding:10px; text-align:right;}


			.francais, .english, .espanol{display:block; width:17px; height:11px; float:right; margin:3px;}
			.francais{background-image:url("/images/interface/dp_fr.gif");}
			.english{background-image:url("/images/interface/dp_en.gif");}
			.espanol{background-image:url("/images/interface/dp_es.gif");}
			
			
			/* ************* PAGE CONTACT **************** */
			.adresse{
				margin-top:70px;
				width:230px;
				padding:166px 25px 0 75px;
				background:transparent url("/images/interface/logo_contact.gif") no-repeat center top;
				float:left;
				font-weight:bold;
				line-height:20px;
			}
				.adresse span{
					color:#799C13;
					font-weight:normal;
				}
			.formulaire_contact{
				float:left;
				width:350px;
				padding:10px;
			}
				.formulaire_contact h4{font-size:9px;}
				.formulaire_contact .form{text-transform:uppercase; width:100%;}
				.formulaire_contact input, .formulaire_contact textarea{border:0; width:100%;}
				.formulaire_contact input[type="radio"], .formulaire_contact input[type="button"], #newsletter input[type="button"]{width:auto;}
				.formulaire_contact input[type="button"], #newsletter input[type="button"]{
					background-color:#799C13; 
					float:right;
					color:white;
					text-transform:uppercase;
					font-size:10px;
					padding:3px;
					cursor:pointer;
				}
				#newsletter input[type="button"]{ background-color:white; color:#799C13; border:1px solid #799C13; border-top-width:3px ; }
			table.form tr td{width:233px;}
			
		/* ******* Page ORGANIGRAMME ********* */
		.president{
			left:-4px;
		}
	
		#tooltip {
			position: absolute;
			z-index: 3000;
		}
		
		#tooltip h3, #tooltip div { margin: 0; }