/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}
body {
	background: url('images/bg_body_int.png') repeat-x top #FDFEFF;
	height: 100%;
	}
a img { border: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liensevitement { /* Block contenant les liens d'evitement */
	width: 942px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #AECFFF;
	font-size: 0.7em;
}
#liensevitement a { /* Les liens d'evitement */
	color: #AECFFF;
}#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active { color: #003042; }
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	top:-10000px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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 {	
	background-color: #fff;
	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: 189px;	
	position: relative;
	z-index: 2;
	background: url('images/page_bandeau_31.jpg') no-repeat;
}
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: 189px;
		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_int.png') repeat-y #e4effe;
}
#block_contenu_bottom{ background: url('images/bg_conteneur_int.png') bottom no-repeat; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_gauche{
	width: 206px;
	float: left;
}
#col_gauche-top{ background: url(images/bg_col_gauche_top.png) no-repeat top; }
	#col_gauche h2{
		width: 186px;
		background: url('images/bg_col_gauche_h2.gif') no-repeat #a2b900 0.3em 0.8em;
		font-size: 0.8em;
		line-height: 25px;
		padding: 10px 0 12px 20px;
		margin-top: 0px;
		color: #fff;
	}
		#col_gauche h2 a{
			color: #fff;
			text-decoration: none;
		}#col_gauche h2 a:hover{
			color: #fff;
			text-decoration: underline;
		}
		

#menu_divers li{
	display: block;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {  /* Formulaire */
	width: 180px;
	padding: 8px 0 0 18px;
}
#col_gauche #recherche h2{
	position: absolute;
	top: -100000000px;
}
#recherche 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; }
#liens1{
	background: #7ab2e5;
	font-size: 0.8em;
	padding: 14px 0 11px 0;
	zoom: 1;
}
	#liens1 a{
		color: #daeafc;
		text-decoration: none;
		background: url('images/puce_liens1.gif') no-repeat 20px 0.5em;
		padding: 0 0 0 30px;
		font-weight: bold;
	}#liens1 a:hover{ text-decoration: underline; }
	#liens1 .on,#liens2 .on{ text-decoration: underline; }
#liens2{
	font-size: 0.8em;
	padding: 14px 0 11px 0;
}
	#liens2 a{
		color: #000;
		text-decoration: none;
		background: url('images/puce_liens1.gif') no-repeat 20px 0.5em;
		padding: 0 0 0 30px;
	}#liens2 a:hover{ text-decoration: underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE CENTRALE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_centrale{
	width: 797px;
	float: right;
	padding-bottom: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu{
	width: 797px;
	height: 61px;
	background: url('images/bg_menu_int.gif') 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: block;
			margin: 5px 0 0 0;
			text-decoration: none;
		}
			#menu .rubrique31{ width: 123px; } #menu .rubrique31:hover{ color: #9aac05; text-decoration: underline; } #menu .rubrique31.actif{ color: #9aac05; text-decoration: underline; }
			#menu .rubrique30{ width: 98px; } #menu .rubrique30:hover{ color: #ac5f05; text-decoration: underline; } #menu .rubrique30.actif{ color: #ac5f05; text-decoration: underline; }
			#menu .rubrique37{ width: 133px; } #menu .rubrique37:hover{ color: #98041b; text-decoration: underline; } #menu .rubrique37.actif{ color: #98041b; text-decoration: underline; }
			#menu .rubrique40{ width: 94px; } #menu .rubrique40:hover{ color: #840dd1; text-decoration: underline; } #menu .rubrique40.actif{ color: #840dd1; text-decoration: underline; }
			#menu .rubrique44{ width: 84px; } #menu .rubrique44:hover{ color: #0d98d1; text-decoration: underline; } #menu .rubrique44.actif{ color: #0d98d1; text-decoration: underline; }
			#menu .rubrique45{ width: 118px; } #menu .rubrique45:hover{ color: #d2a202; text-decoration: underline; } #menu .rubrique45.actif{ color: #d2a202; text-decoration: underline; }
			#menu .lien_sortant{ width: 145px; /* margin: 5px -111px 0 0;*/ padding: 0 0 0 0; color: #fff; } #menu .lien_sortant:hover { text-decoration: underline; }
			
			#menu .rubrique131{ width: 123px; } #menu .rubrique131:hover{ color: #9aac05; text-decoration: underline; } #menu .rubrique131.actif{ color: #9aac05; text-decoration: underline; }
			#menu .rubrique130{ width: 98px; } #menu .rubrique130:hover{ color: #ac5f05; text-decoration: underline; } #menu .rubrique130.actif{ color: #ac5f05; text-decoration: underline; }
			#menu .rubrique137{ width: 133px; } #menu .rubrique137:hover{ color: #98041b; text-decoration: underline; } #menu .rubrique137.actif{ color: #98041b; text-decoration: underline; }
			#menu .rubrique140{ width: 94px; } #menu .rubrique140:hover{ color: #840dd1; text-decoration: underline; } #menu .rubrique140.actif{ color: #840dd1; text-decoration: underline; }
			#menu .rubrique144{ width: 84px; } #menu .rubrique144:hover{ color: #0d98d1; text-decoration: underline; } #menu .rubrique144.actif{ color: #0d98d1; text-decoration: underline; }
			#menu .rubrique145{ width: 118px; } #menu .rubrique145:hover{ color: #d2a202; text-decoration: underline; } #menu .rubrique145.actif{ color: #d2a202; text-decoration: underline; }

#menu_divers span{
	display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contenu{
	margin: 0 70px 0 70px;
	font-size: 0.8em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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: 0px;
			font-size: 1px;
		}
		.clearliste { clear: both; }
	/* Pour affichage correct PNG */
		.format_png { behavior: url(win_png.htc); }
		.imprimer { /* paragraphe bouton Imprimer */
			float: right;
			margin-top: 10px;
		}
		.siimprimer { display: none; }