/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Fichier: style.css
* Version: 1.0.0 (26-08-2008)
* Website: CEQUAL
* Type: XHTML 1.0 Transitional
* Auteur: Expansion - www.expansion.be
* Description: /
* Commentaires: /

== STRUCTURE ===============================
* Layout: Fixe, centré horizontal
* Largeur de page: 1000px
* Nombre de colonnes: /
============================================

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* BODY - HTML
==========================================*/
* { margin: 0; padding: 0; }

body {
	background: url(../images/bg.jpg) #f1f2f4 no-repeat left bottom;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}
/* FIN BODY - HTML */


/* ELEMENTS
==========================================*/
h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bolder;
	color: #00326d;
	margin: 0 0 10px 20px;
	padding: 25px 0 0 0;
}

p { font-size: 11px; color: #666; margin: 0 0 16px 20px; padding: 0; text-align:justify;}

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

.clear { clear: both; }

img { border: 0; }
/* FIN ELEMENTS */


/* BLOCS STRUCTURE
==========================================*/
#global { position: relative; width: 1000px; padding: 0; margin: 10px auto; }
#banniere { width: 1000px; height: 107px; padding: 0; margin: 0; }
#nav { background: url(../images/fond_menu.jpg) no-repeat 0 0; width: 1000px; height: 35px; padding: 0; margin: 0; }
#contenu { background: url(../images/fond_contenu.jpg) repeat-y 0 0; width: 1000px; padding: 0; margin: 0; }
#footer { background: url(../images/footer.jpg) repeat-y 0 0; width: 1000px; padding: 0; margin: 0; height: 97px; }
#footer_bas { width: 1000px; padding: 0; margin: 0 0 60px 0; height: 52px; }
/* FIN BLOCS STRUCTURE */

.affiche_date{
	margin: 0 0 10px 20px;
	padding: 0px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.titre_actu_enews{
	margin: 0 0 10px 20px;
	padding: 0px 0 5px 0;
}

#categorie{
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
font-size:12px;
}

.texte_actu_enews{
	margin: 0 0 10px 20px;
	padding: 0px 0 8px 0;
}

.label{
	margin: 0 0 10px 20px;
	padding: 0px 0 5px 0;
	font-size:12px;
}

.count_doc{
	margin: 0 0 10px 20px;
	padding: 30px 0 15px 0;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

.liste_result{
	margin: 0 0 10px 50px;
	padding: 5px 0 5px 0;
	font-size:12px;
	list-style-type:none;
}
.liste_result li{
	margin-top: 5px;
	margin-top: 5px;
}

/* ----------------------------------------------------- Pagination */
	 ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:/**/1px solid #000;
		padding:5px 0 0 0;
		margin:0 0 10px 0
	}
	ul.pagination li {
		display:inline;
		margin:0 6px
	}
	ul.pagination li a {/**/color:#000}
	ul.pagination li a:hover {text-decoration:overline}
	ul.pagination li span {
		font-weight:bold;
		/**/color:#666
	}
	
.liste_result a{ color: #00326D; text-decoration: none; }
.liste_result a:hover { color: #00326D; text-decoration: underline; }
/* NAV TOP
==========================================*/
#nav_top { font-size: 10px; color: #00326D; height: 23px; width: 450px; margin: 0 0 0 520px; }
#nav_top a { color: #00326D; text-decoration: none; }
	#nav_top a:hover { color: #00326D; text-decoration: underline; }
#nav_top p { float: left; margin: 3px 0 0 0; padding: 0; }
#nav_top input { font-size: 10px; color: #666; height: 16px; }

#nav_top .recherche_input{
	margin-left:5px;
}

#nav_top  .recherche_ok{
	margin-bottom:-7px;
	width:31px;
	height:20px;
}

*+html #nav_top  .recherche_ok{
	margin-bottom:-4px;
}

#bloc_gauche .recherche_ok{
	margin-bottom:-5px;
	width:31px;
	height:20px;
}

*+html #bloc_gauche .recherche_ok{
	margin-bottom:-2px;
}

/* FIN NAV TOP */


/* MENU
==========================================*/
#nav ul { list-style-type: none; margin: 0 0 0 6px; padding: 0; width:990px; height: 25px; }
	#nav li { margin: 0; padding: 0; display: block; float: left; font-size: 11px; font-weight: bolder; color: #fff; width: 165px; height: 25px; text-align: center; text-transform: uppercase;}
	#nav li a { margin: 0; padding: 10px 0 0 0; display: block; color: #fff; text-decoration: none; height: 25px; }
		#nav li a:hover { display: block; background: url(../images/menu_on.jpg) repeat-x 0 0; border-left:1px solid white;border-right:1px solid white; font-size:12px;}
	#nav_on a { background: url(../images/menu_on.jpg) repeat-x 0 0; border-left:1px solid white;border-right:1px solid white;}	
/* FIN MENU */

/* SOUS MENU
==========================================*/
#sousnav ul { list-style-type: none; margin: 0; padding: 0 3px 0 5px !important; padding: 0 3px 0 6px;  height: 28px; background: url(../images/fond_contenu.jpg) repeat-y 0 0; }
	#sousnav li { margin: 0; padding: 0; display: block; float: left; font-size: 11px; font-weight: bolder; color: #fff; width: 20%; height: 28px; text-align: center; background: url(../images/menu_on.jpg) repeat-x 0 0; text-transform:uppercase; }
	#sousnav li a { margin: 0; padding: 7px 0 0 0; display: block; color: #fff; text-decoration: none; height: 21px; }
		#sousnav li a:hover { display: block; background: #FFB129; border-left:1px solid white;border-right:1px solid white;font-size:12px;}
	#sousnav_on a { background: #FFB129;  border-left:1px solid white;border-right:1px solid white;}	
/* FIN SOUS MENU */

/* COMPAS */
#compas { padding-top:7px; font-size: 12px;}
#compas a{ color: #00326D; text-decoration: none; }
#compas a:hover { color: #00326D; text-decoration: underline; }

/* BLOCS ACCUEIL index.html
==========================================*/
#bloc_gauche { width: 715px; float: left; margin: 0 0 0 20px !important; margin: 0 0 0 10px; padding: 0; }
#bloc_droite { width: 220px; float: left; margin: 0 0 0 20px; padding: 0; }
.bloc_fond { background: url(../images/fond_bloc.jpg) repeat 0 0; margin: 10px 0 0 0; padding: 15px; }
.bloc_contenu { background: #00326D; }
	.bloc_contenu p { color: #fff; }
.bloc_contenu h2 {
	background: url(../images/h2.jpg) no-repeat 0 0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #ffab17;
	margin: 0;
	padding: 5px 0 2px 30px;
	border-bottom: 2px dotted #ffab17;
}
	.bloc_contenu h2 a { color: #ffab17; text-decoration: none; }

.bloc_interne { float: left; width: 340px; margin: 10px 0 0 0; padding: 0; }
	.bloc_interne img { float: left; margin: 5px 15px 40px 15px; }
.bloc_contenu h3 { font-size: 11px; font-weight: bolder; color: #BAD6EC; margin: 0 0 10px 0; padding: 0; }
.savoirplus { text-align: right; margin: 7px 15px 15px 0; }
	.savoirplus a { background: url(../images/plus.jpg) no-repeat 0 0; padding: 0 0 0 15px; color: #FFAD1F; text-decoration: underline; }
		.savoirplus a:hover { text-decoration: none; }
.sousbloc { float: left; width: 218px; margin: 20px 0 0 15px !important; margin: 20px 0 0 10px; padding: 0; background: #346192; height: 120px; }
	.sousbloc h1 { height: 20px; color: #FFAD1F; margin: 5px 0 10px 0; padding: 0 0 0 30px; font-size: 12px; border-bottom: 2px dotted #ffab17; }
		.sousbloc h1 a { color: #FFAD1F; text-decoration: none; }
	.sousbloc p { color: #fff; margin: 0 10px 10px 30px; }
.savoirplus2 { margin: 0 0 0 30px; position: relative;  }
	.savoirplus2 a { background: url(../images/plus2.jpg) no-repeat 0 0; padding: 0 0 0 15px; color: #fff; text-decoration: underline; }
		.savoirplus2 a:hover { text-decoration: none; }
.sousbloc_bas { float: left; width: 218px; margin: 0 0 0 15px !important; margin: 0 0 0 10px; background: #346192; height: 25px; }
		
#actualites { margin: 20px 0 0 0; border-bottom: 1px solid #3B526C; }
	#actualites h1 { height: 17px; background: #3B526C; color: #fff; padding: 3px 0 0 0; margin: 0; font-size: 12px; text-align: center; }
		#actualites h1 a { color: #fff; text-decoration: none; }
	#actualites ul { list-style-type: none; }
	#actualites li { color: #575858; padding: 5px 10px 5px 10px; border-bottom: 1px dotted #575858; }
	#actualites a { color: #3B526C; }
		#actualites a:hover { text-decoration: none; }
	
#enews { margin: 20px 0 0 0; border-bottom: 1px solid #769EB7; }
	#enews h1 { height: 17px; background: #769EB7; color: #fff; padding: 3px 0 0 0; margin: 0; font-size: 12px; text-align: center; }
		#enews h1 a { color: #fff; text-decoration: none; }
	#enews ul { list-style-type: none; }
	#enews li { color: #575858; padding: 5px 10px 5px 10px; border-bottom: 1px dotted #575858; }
	#enews a { color: #769EB7; }
		#enews a:hover { text-decoration: none; }
	
.archives1 { margin: 5px 0 5px 0; text-align: right; }
	.archives1 a { color: #3B526C; background: url(../images/archives1.jpg) no-repeat 0 0; padding: 0 0 0 15px; }
		.archives1 a:hover { text-decoration: none; }
.archives2 { margin: 5px 0 5px 0; text-align: right; }
	.archives2 a { color: #769EB7; background: url(../images/archives1.jpg) no-repeat 0 0; padding: 0 0 0 15px; }
		.archives2 a:hover { text-decoration: none; }
	
#contact a { width: 218px; height: 34px; display: block; color: #fff; background: url(../images/contacteznous.jpg) no-repeat 0 0; margin: 46px 0 0 0; padding: 12px 0 0 0; text-align: center; text-decoration: none; font-size: 13px; font-weight: bolder; }
	#contact a:hover { width: 218px; height: 34px; display: block; color: #fff; background: url(../images/contacteznous.jpg) no-repeat 0 -46px; margin: 46px 0 0 0; padding: 12px 0 0 0; text-align: center; text-decoration: none; font-size: 13px; font-weight: bolder; }
/* FIN BLOCS */


/* BLOCS PAGE page.html
==========================================*/
.bloc_contenu2 { background: #00326D; margin: 0; padding: 0; min-height:142px; height: auto !important; height: 142px; }
	.bloc_contenu2 p { color: #fff; margin: 0 20px 8px 0; }
	.bloc_contenu2 img { float: left; margin: 0 20px 0 0; }
	.titre2 {
		background: url(../images/h2_bis.jpg) no-repeat 0 0;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bolder;
		color: #00326D;
		margin: 15px 0 10px 20px;
		padding: 0 0 0 25px;
	}
/* FIN BLOCS */


/* FOOTER
==========================================*/
#copyright { color: #000; font-size: 10px; float: left; margin: 70px 0 0 35px; }
#mentions { color: #BCBCBC; font-size: 10px; float: right; margin: 70px 100px 0 0; }
/* FIN FOOTER */

/* RECHERCHE */
	#nombre_resultats {
		display:block;
		font-size:1.3em;
		font-weight:bold;
		color:#000;
		margin: 0 0 10px 50px;
		padding: 0px 0 8px 0;
	}
	#nombre_resultats span {color:#1ab0e0}
	#no_resultat {
		display:block;
		margin: 0 0 10px 75px;
		padding: 0px 0 8px 0;
	}
	/* --------------------------------------------------------------------------------------------- Résultats de la recherche */
	 #resultats {
		float:left;
		width:95%;
		margin: 0 0 10px 50px;
		padding:0 0 0 5%;
		list-style-type:none;
	}
	.conteneur_espacement{
		margin: 0 0 0px 75px;
	}
	
	#resultats li {margin:0 0 20px 0}
	#resultats li a {
		font-size:1.2em;
		font-weight:bold;
		color:#000;
		background:url(../images/fleche_gris.gif) no-repeat 0 50%;
		padding:0 0 0 10px;
	}
	#resultats li p {
		text-align:justify;
		line-height:1.7em;
		padding:2px 0 0 20px
	}
	
	#resultats li span {
		font-size:1.2em;
		font-weight:bold;
		font-style: italic;
		padding:0 0 0 10px
	}
	#texte{
		font-size:14px;
		margin: 0 0 10px 50px;
		padding: 0px 0 0px 0;
	}
/* --------------------------------------------------------------------------------------------- Aide */
	#aide {
		padding:0 0 0 20px;
		margin:0 0 15px 75px;
		list-style-type:none;
	}
	#aide li {
		background:url(../images/fleche_gris.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 3px 0;
		
	}
	
	/* --------------------------------------------------------------------------------------------- Espacements */
	.sans_espacement {margin:0}
	.petit_espacement {margin-bottom:5px}
	.grand_espacement {margin-bottom:20px}
	.tres_grand_espacement {margin-bottom:30px}
	/* ------------------------------------------------------------------------- Alignement */
	#contenu p.alignement_centre {text-align:center}
	#contenu p.alignement_droite {text-align:right}
	/* ------------------------------------------------------------------------- Retour à la ligne */
	#contenu p.retour_ligne {clear:both}
	
	.couleur_bleue_taille_10 {font-size:10px;color: #00326d;}
	.couleur_bleue_taille_12 {font-size:12px;color: #00326d;}
	.couleur_bleue_taille_14 {font-size:14px;color: #00326d;}
	.couleur_bleue_taille_16 {font-size:16px;color: #00326d;}
	
	.couleur_orange_taille_10{font-size:10px;color: #ffab17;}
	.couleur_orange_taille_12{font-size:12px;color: #ffab17;}
	.couleur_orange_taille_14{font-size:14px;color: #ffab17;}
	.couleur_orange_taille_16{font-size:16px;color: #ffab17;}
	
	/* Liste à puces + liste numéroté */
	#contenu #bloc_gauche ul{
		line-height:1.3em;
		margin-left:35px;
		text-align:justify;
	}
	
	#contenu  #bloc_gauche ul li{
		margin-bottom:10px;
	}
	#contenu  #bloc_gauche ol{
		line-height:1.3em;
		margin-left:35px;
		text-align:justify;
	}
	#contenu  #bloc_gauche ol li{
		margin-bottom:10px;
	}
	#contenu #bloc_gauche table{
		line-height:1.3em;
		margin-left:35px;
		text-align:justify;
	}

/* --------------------------------------------------------------------------------------------- Images */

	#contenu div.object-left {
		float:left;
		clear:left;
		margin-bottom:10px;
		margin-left:20px;
	}

	#contenu div.object-left img {margin:0 10px 0 0}

	#contenu div.object-right {
		float:right;
		clear:right;
		margin-bottom:10px
	}

	#contenu div.object-right img {margin:0 0 0 10px}

	#contenu div.object-right p {text-align:right}

	#contenu div.object-center {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		margin-bottom:10px
	}

	#contenu div.object-center p {text-align:center}