/* CSS Document */


/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

/* BALISES HTML */
html, body {
	background: url('images/bg_body.png') repeat-x top #983400;
	/background: url('images/bg_body.png') repeat-x top #8e2a00;
	font-family:  Arial, Verdana, Helvetica, sans-serif;	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	width: 100%;
	height: 100%;
	font-size: 100%;
	color: #3F3F3F;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	width: 942px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
		
	text-align: right;
	padding: 0px;
	
	color: #8a2b00;
	
	font-size: 0.7em;
}

#liensevitement a { /* Les liens d'evitement */
	color:#8a2b00;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d evitement */
	color: #003042;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	top:-10000px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 948px;      /* ici la largeur fixe de l'element a center */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */

}
#tableau-td {
	vertical-align: middle;
}

#conteneur {	
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	
	z-index: 1;

	text-align: left;
	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BANNIERE ET POSITIONNEMENT DU LOGO */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#flash {	
	width: 1003px;
	height: 190px;	
	position: relative;
	z-index: 2;
	background: url('images/bg_flash.jpg') top right;
}

#slideshow {
	width: 1003px;
	position: relative;
	z-index: 3;	

}


h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	font-size: 100%;
	top:-1000px;
}

	#logo_int{
  		position: absolute;
		z-index: 20;
		top: 0;
		left: 15px;
		color: #00485b;
		font-size: .8em;
		width: 193px;
		height: 190px;
		background: #fff;
		-moz-opacity:0.8;
		opacity: 0.8;
		filter:alpha(opacity=80);
	}
		#logo_int h1{
			margin: 13px 0 14px 3px;
		}
		#logo_int p img{
			position: absolute;
		}
		#logo_int a{
			color: #00485b;
			text-decoration: none;
			display: block;
			position: absolute;
		}#logo_int a:hover{ text-decoration: underline; }
		
		
			.fr {
				top: 165px;
				left: 22px;
			}
			.imgfr {
				top: 160px;
				left: 75px;
			}.en {
				top: 165px;
				left: 127px;
			}
			.imgen {
				top: 160px;
				left: 100px;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BLOCK CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#block_contenu{
	width: 1003px;
	background: url('images/bg_conteneur_middle.png') repeat-y #e4effe;
}
#block_contenu_bottom{
	background: url('images/bg_conteneur.png') bottom no-repeat;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_gauche{
	width: 206px;
	float: left;
	
	background: url('images/bg_col_gauche_top.png') no-repeat top #e3effe;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {  /* Formulaire */
	margin: 8px 0 0 18px;
}

#col_gauche h2{
	position: absolute;
	top: -100000px;
}

#recherche label { /* Label */
	display: none;
}

#recherche img, #recherche input { 
	vertical-align: middle;
}

#recherche input { /* Champ de saisie */
	color: #644f4f;
	font-size: 0.7em;
	
	width: 157px;
	height: 22px;
	padding: 4px 0 0 0;
	
	background: url('images/input_recherche.gif') no-repeat top right;
	
	border: medium none;
	
	text-align: center;

}
#recherche input.boutonok, input.boutonok  {
	width: 19px;
	height: 22px;
	
	margin: -4px 0 0 -7px;
	
	background: url('images/input_ok_recherche.gif') no-repeat;
	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */

	font-size: 0em;	
}

#recherche input.boutonok:hover, input.boutonok:hover {
	background: url('images/input_ok_recherche-over.gif') no-repeat;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LES MENUS A GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_gauche #liens1{
	padding: 10px 0 10px 20px;
	background: #A14A00;
}
	#col_gauche #liens1 a{
		color: #efb456;
		font-size: 0.8em;
		font-weight: bold;
		
		background: url('images/puce_liens1.gif') no-repeat 0 0.4em;
		
		padding: 0 0 0 10px;
	}

#col_gauche #liens2{
	padding: 4px 0 0 20px;
	background: #E7E1DA;
}
	#col_gauche #liens2 a{
		color: #736559;
		font-size: 0.8em;
		display: block;
		background: url('images/puce_menu_gauche.gif') no-repeat 0 0.4em;
		
		padding: 0 0 0 10px;
	}
	
#col_gauche img{
	padding: 5x 0 0 0;
}
	
#newsletter_menu{
	background: url('images/bg_newsletter_menu_gauche.png') no-repeat top #e9ebee;
	
	text-align: center;
	
	padding: 5px 0 4px 0;
	
	margin: -5px 0 0 0;
}

#newsletter_menu img, #newsletter_menu input { 
	vertical-align: middle;
}

#newsletter_menu label{
	float: left;
	color: #644f4f;
	font-size: 0.7em;
	
	margin: 0 0 0 15px;
}

#newsletter_menu .spip_boutoncss{
	width: 21px;
	height: 21px;
	margin: 3px 0 0 -4px;
	
	border: none;

	background: url('images/bouton_ok_newsletter.gif') no-repeat;
	
	font-size: 0em;
	color: #fff;
}

#newsletter_menu #mail_inscription_{
	width: 85px;
	height: 17px;	
	
	padding: 2px 0 0 0;
	margin: 3px 0 0 0;
	
	color: #c4a10d;
	text-align: center;
	font-size: .7em;
	
	border: 1px solid #dbe4f0;
	border-right: none;
}

.reponsenews{
	color: red;
	font-size: 0.7em;
	zoom: 1;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE CENTRALE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_centrale{
	width: 797px;
	float: left;
	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu{
	width: 797px;
	height: 61px;
	background: url('images/bg_menu.png') no-repeat;
	
	padding: 15px 0 0 0;
}

	#menu ul li{
		display: inline;
	}
		#menu li a{
			text-transform: uppercase;
			color: #000;
			font-size: 0.6em;
			text-align: center;
			float: left;
			display: inline;
			margin: 5px 0 0 0;
		}

			#menu .rubrique1{ width: 111px; } #menu .rubrique1:hover{ color: #9aac05; text-decoration: underline; }
			#menu .rubrique4{ width: 120px; } #menu .rubrique4:hover{ color: #98041b; text-decoration: underline; }
			#menu .rubrique7{ width: 105px; } #menu .rubrique7:hover{ color: #840dd1; text-decoration: underline; }
			#menu .rubrique9{ width: 117px; } #menu .rubrique9:hover{ color: #0d98d1; text-decoration: underline; }
			#menu .rubrique17{ width: 112px; } #menu .rubrique17:hover{ color: #D2A202; text-decoration: underline; }
			#menu .lien_sortant{width:226px;color: #fff;} #menu .lien_sortant:hover{ text-decoration: underline; }

			#menu .rubrique23{ width: 111px; } #menu .rubrique23:hover{ color: #9aac05; text-decoration: underline; }
			#menu .rubrique26{ width: 120px; } #menu .rubrique26:hover{ color: #98041b; text-decoration: underline; }
			#menu .rubrique27{ width: 105px; } #menu .rubrique27:hover{ color: #840dd1; text-decoration: underline; }
			#menu .rubrique29{ width: 117px; } #menu .rubrique29:hover{ color: #0d98d1; text-decoration: underline; }
			#menu .rubrique36{ width: 112px; } #menu .rubrique36:hover{ color: #D2A202; text-decoration: underline; }

/*

			
			
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MESSAGE DE BIENVENUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bienvenue{
	width: 409px;
	padding: 0 0 0 28px;
	margin: -20px 0 0 0;
	float: left;
	height: 300px;
}html>body #bienvenue {
	height:auto;
	min-height: 300px;
}
		

#bienvenue h2{
	color: #e78713;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 7px 0;
}
#bienvenue img{
	margin: 0 0 10px 0;
}
#bienvenue p{
	color: #d7bfad;
	font-size: 0.7em;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DERNIER EVENEMENT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#last_evenement{
	float: left;
	width: 346px;
	background: url('images/agenda_accueil_middle.png') repeat-y;
	margin: -15px 0 0 0;
	zoom: 1;
}

#last_evenement .top{
	padding-top: 3px;
	background: url('images/agenda_accueil_top.png') no-repeat top;
	zoom: 1;
}

#last_evenement .bottom{
	background: url('images/agenda_accueil_bottom.png') no-repeat bottom;
	zoom: 1;
	height: 82px;
}html  #last_actu .bottom{
		height: auto;
		min-height: 85px;
	}

.evmnt{
	float: left;
	margin: 0 10px 0 5px;
	_margin: 0 10px 0 3px;
	
}

	.texte_evmnt{
		margin: 0 2px 0 20px;
		padding: 0 0 0 0;
		color: #fff;
		font-size: 0.85em;
	}
		.texte_evmnt h3{
			margin: 3px 0 0 15px;
		}
		.texte_evmnt h3 a{
			color: #fedd02;
			font-size: 0.75em;
			/font-size: 0.7em;
			padding: 0 0 0 15px;
			background: url('images/puce_h3_agenda.gif') no-repeat 0.1em 0.3em;
		}
		
	.texte_evmnt p{
		font-size: 0.8em;
	}
		
	p.tout_agenda {
		background: url('images/puce_tout_agenda.gif') no-repeat 15px 0.5em;
		font-size: 0.8em;
		margin: 5px 0 0 27px;
		padding-bottom: 10px;
	}
		p.tout_agenda a{
			color: #fedd02;
			padding-left: 15px;
			text-decoration: underline;
		}p.tout_agenda a:hover{ text-decoration: none; }

#last_evenement .block_photo_evmnt{
	float: right;
	display: inline ;
	margin: 0 10px 0 0;
	padding: 0;
}#last_evenement .block_photo_evmnt img{
	border: 2px solid #ebe3dd;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DERNIERES ACTUALITES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#last_actu{
	margin: 5px 0 10px 0;
	float: left;
	width: 346px;
	background: url('images/actu_accueil_middle.png') repeat-y;
}

#last_actu .top{
	background: url('images/actu_accueil_top.png') no-repeat top;
}

#last_actu .bottom{
	background: url('images/actu_accueil_bottom.png') no-repeat bottom;
	height: 110px;
	padding-top: 3px;
		
}
	html  #last_actu .bottom{
		height: auto;
		min-height: 110px;
	}


#last_actu h2{
	float: left;
	width: 21px;
	height: 102px;
	margin: 8px 0 0 3px;
	_margin: 8px 0 0 2px;
}

	.last_actus{
		margin: 0 0 0 25px;
		clear: right;
	}
	.texte_actu{
		margin: 0 2px 0 0;
		padding: 0;
		color: #57524f;
		font-size: 0.8em;
	}
		.texte_actu h3{
			margin: 0 0 0 15px;
		}
		.texte_actu h3 a{
			color: #722727;
			font-size: 0.8em;
			/font-size: 0.7em;
			text-indent: 11px;
			background: url('images/puce_h3_agenda.gif') no-repeat 0em 0.3em;
			display: block;
		}

	.texte_actu p{
		margin: 0 0 0 10px;
		padding: 0 10px 7px 0;
		height: 20px;
		font-size: 0.9em;
	}

.last_actus .block_photo_evmnt {
	float: right;
	display: inline;
	margin: 5px 15px 0 0;
	background-color: #ebe3dd;
	padding: 2px 2px 2px 2px;
	_padding: 2px 2px 0 2px;
	height: 48px;
}
	.last_actus .block_photo_evmnt img {

	}

		p.tout_actu {
		background: url('images/puce_tout_actu.gif') no-repeat 0em 0.5em;
		font-size: 0.8em;
		margin: 0px 0 0 40px;
		padding-bottom: 5px;
		}
		p.tout_actu a{
			color: #722727;
			padding-left: 7px;
			text-decoration: underline;
		}p.tout_actu a:hover{ text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PIED DE PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer{
	text-align: center;
	color: #eae5de;
	margin-bottom: 3px;
	font-size: 0.8em;
}
#footer ul li{
	display: inline;
}
	#footer a{
		color: #eae5de;
	}
		#footer a:hover{
			color: #eae5de;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser ŕ placer un   pour eviter le bug sous netscape (page ŕ rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 1px;
	font-size: 0px;

}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }

/* Flottant ŕ gauche */
.float_left { float: left; }
/* Flottant ŕ droite */
.float_droite { float: right; }