/* CSS Document */


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

/* BALISES HTML */
html, body {
	background: url('images/bg_body_int.png') repeat-x top #fdfeff;
		
	font-family:  Arial, Verdana, Helvetica, sans-serif;	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	
	
	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: 0px;
	margin-bottom: 0px;
		
	text-align: right;
	padding: 0px;
	
	color: #b8d5ff;
	
	font-size: 0.6em;
}

#liensevitement a { /* Les liens d'evitement */
	color:#b8d5ff;
}
#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:-1000000px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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 {
	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: 17px 0 14px 8px;
		}
		#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: 160px;
				left: 15px;
			}
			.imgfr {
				top: 155px;
				left: 70px;
			}.en {
				top: 160px;
				left: 122px;
			}
			.imgen {
				top: 155px;
				left: 95px;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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;
	padding-bottom: 8px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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: #1e697a;
	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{
	margin: 10px 0 0 20px;
}
	#col_gauche #liens1 a{
		color: #3671bb;
		font-size: 0.8em;
		font-weight: bold;
		
		background: url('images/puce_menu_gauche.gif') no-repeat 0 0.4em;
		
		padding: 0 0 0 10px;
	}

#col_gauche #liens2{
	margin: 14px 0 0 20px;
}
	#col_gauche #liens2 a{
		color: #6a7602;
		font-size: 0.8em;
		display: block;
		background: url('images/puce_menu_gauche.gif') no-repeat 0 0.4em;
		
		padding: 0 0 0 10px;
	}
	
#newsletter_menu{
	background: url('images/bg_newsletter_menu_gauche.png') no-repeat top #e9ebee;
	
	text-align: center;
	
	padding: 5px 0 0 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;
}


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

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

	#menu ul li{
		display: inline;
	}
		#menu li a{
			text-transform: uppercase;
			color: #000;
			font-size: 0.63em;
			text-align: center;
			float: left;
			display: block;
			margin: 5px 0 0 0;
		}
			#menu .rubrique31{ width: 123px; } #menu .rubrique31:hover{ color: #9aac05; text-decoration: none; }
			#menu .rubrique30{ width: 98px; } #menu .rubrique30:hover{ color: #ac5f05; text-decoration: none; }
			#menu .rubrique37{ width: 133px; } #menu .rubrique37:hover{ color: #98041b; text-decoration: none; }
			#menu .rubrique40{ width: 94px; } #menu .rubrique40:hover{ color: #840dd1; text-decoration: none; }
			#menu .rubrique44{ width: 84px; } #menu .rubrique44:hover{ color: #0d98d1; text-decoration: none; }
			#menu .rubrique45{ width: 118px; } #menu .rubrique45:hover{ color: #d2a202; text-decoration: none; }
			#menu .lien_sortant{ width: 145px; color: #fff; /* margin: 5px -111px 0 0; */}
			
			#menu .rubrique131{ width: 123px; } #menu .rubrique131:hover{ color: #9aac05; text-decoration: none; }
			#menu .rubrique130{ width: 98px; } #menu .rubrique130:hover{ color: #ac5f05; text-decoration: none; }
			#menu .rubrique137{ width: 133px; } #menu .rubrique137:hover{ color: #98041b; text-decoration: none; }
			#menu .rubrique140{ width: 94px; } #menu .rubrique140:hover{ color: #840dd1; text-decoration: none; }
			#menu .rubrique144{ width: 84px; } #menu .rubrique144:hover{ color: #0d98d1; text-decoration: none; }
			#menu .rubrique145{ width: 118px; } #menu .rubrique145:hover{ color: #d2a202; text-decoration: none; }


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

#bienvenue h2{
	color: #3f5e84;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 7px 0;
}
#bienvenue img{
	border: 3px solid #fff;
	margin: 0 0 14px 0;
}
#bienvenue p{
	color: #758eab;
	font-size: 0.8em;
}




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

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

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

#last_evenement .bottom{
	background: url('images/agenda_accueil_bottom.png') no-repeat bottom;
	height: 87px;
}
	html>body #last_evenement .bottom{
		height: auto;
		min-height: 87px;
	}

.evmnt{
	float: left;
	margin: 0 0 0 0;
	
}

	.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: #3b6598;
			font-size: 0.8em;
			/font-size: 0.7em;
			padding: 0 0 0 18px;
			background: url('images/puce_h3_agenda.gif') no-repeat 0.4em 0.3em;
		}
		
	.texte_evmnt p{
		margin-bottom: 10px;
	}
		
	p.tout_agenda {
		background: url('images/puce_tout_agenda.gif') no-repeat 0em 0.5em;
		font-size: 0.87em;
		margin: 5px 0 0 20px;
		padding-bottom: 10px;
	}
		p.tout_agenda a{
			color: #3b6598;
			padding-left: 7px;
			text-decoration: underline;
		}p.tout_agenda a:hover{ text-decoration: none; }

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DERNIERES ACTUALITES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#last_actu{
	margin: 0 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: 107px;
}
	html>body #last_actu .bottom{
		height: auto;
		min-height: 107px;
	}

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

	.last_actus{
		margin: 0 0 0 25px;
	}
	.texte_actu{
		margin: 0 2px 0 0;
		padding: 0 0 0 0;
		color: #57524f;
		font-size: 0.85em;
		
	}
		.texte_actu h3{
			margin: 0 0 0 15px;
			padding: 10px 0 0 0;
		}
		.texte_actu h3 a{
			color: #3b6598;
			font-size: 0.83em;
			/font-size: 0.7em;
			padding: 0 0 0 11px;
			background: url('images/puce_h3_agenda.gif') no-repeat 0em 0.3em;
			display: block;
		}
		
	.texte_actu p{
		margin: 0 0 0 15px;
		height: 20px;
	}

#last_actu .block_photo_evmnt {
	float: right;
	border: 2px solid #ebe3dd;	
	margin: 5px 15px 0 0;
	clear:right;
	_margin: 0 0 0 0;
	_margin: 5px 15px 0 0;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PIED DE PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer{
	text-align: center;
	color: #475041;
	font-size: 0.8em;
}
#footer li {
	display: inline;
}
	#footer a{
		color: #475041;
	}
		#footer a:hover{
			color: #1659ad;
		}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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; }