/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-size: 1em;
	}
	
form, h1, h2, h3, h4, h5, dl { margin:0; padding:0;}

.colonne {
	position:relative;
	float: left;
	width: 48%;
}
#contenu_rubrique div.paragraphe {
	margin-left:1em;
	margin-right:1em;
}
.spacer {clear:both}
.img_left {float:left;margin-right:1em;}
.bleu {color:#25638C;}
.bleu_clair {color:#3AA1CE;}
.lien_no_underline {text-decoration:none}
a.lien:hover, a.lien_no_underline:hover {color:#000000;}
.blanc {color:#FFFFFF}
.fleche {
	background:url(images_site/fleche.gif) no-repeat;
	padding-left:2em;
	height:25px;
}
#centre #contenu #contenu_article.article p.spip {font-size:0.71em;}
p.spip a {color:#000000;}
p.spip a:hover {color:#25638C;}
#centre #contenu #contenu_article li.spip { font-size:0.71em;}
#contenu_article h3.spip {
	color:#25638C;
	font-size:0.88em;
	border-bottom:solid 1px #CCCCCC;
}
.spip_documents_left {margin-right:1em;}
.spip_documents_right {margin-left:1em;}
#conteneur {
	position: relative;
	width:980px;
	height:550px;
	margin: 0 auto;
	background:url(images_site/fd_header.jpg) no-repeat;
}
#bas_page {
	position: relative;
	width:980px;
	height:45px;
	margin: 0 auto;
	background:url(images_site/bas_page.gif) no-repeat;
}
#conteneur #fil_arianne {
	position:absolute;
	left:340px;
	top:150px;
	font-size:0.65em;
	color:#25638C;
	width:400px;
}
#conteneur #fil_arianne a {color:#25638C;}
#conteneur #fil_arianne a:hover {color:#000000;}

#conteneur #lien_certu a {
	position:absolute;
	left:15px;
	top:7px;
	width:145px;
	height:88px;
	background:url(images_site/logo_certu.jpg) no-repeat;
	text-indent:-50000px;
}
#conteneur #titre_site {
	text-indent:-50000px;
}


/* MENU HAUT */
#conteneur #menu_haut ul li {
	list-style-type:none;
}
#conteneur #menu_haut li a {
	position:absolute;
	height:37px;
	display:block;
	padding-top:10px;
	padding-left:35px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.03em;
	font-weight:bold;
	text-decoration:none;
}
#conteneur #menu_haut li a:hover {
	color:#D64914;
}
#conteneur #menu_haut li a.bt_accueil {
	position:absolute;
	left:186px;
	top:101px;
	width:116px;
	background:url(images_site/bt_accueil.gif) no-repeat;
}
#conteneur #menu_haut li a.bt_accueil:hover {
	background:url(images_site/bt_accueil2.gif) no-repeat;
}
#conteneur #menu_haut li a.bt_club {
	position:absolute;
	left:325px;
	top:101px;
	width:109px;
	background:url(images_site/bt_club.gif) no-repeat;
}
#conteneur #menu_haut li a.bt_club:hover {
	background:url(images_site/bt_club2.gif) no-repeat;
}
#conteneur #menu_haut #lang {
	position:absolute;
	top:2px;
	right:10px;
}
#conteneur #menu_haut #lang img {
	border:0;
}
#conteneur #menu_haut #lang dd {
	display:inline;
	margin:0;
	padding:0;
	padding-right:5px;
}
#conteneur #menu_haut #titre_theme {
	position:absolute;
	left:118px;
	top:155px;
	width:150px;
	height:20px;
	
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:0.96em;
	font-weight:bold;
}



/* MENU SECONDAIRE */
#menu_secondaire ul {
	margin:0;
	padding:0;
}
#menu_secondaire ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:3px;
}
#menu_secondaire ul li a {
	padding-left:1.5em;
	text-decoration:none;
	color:#999999;
	background:url(images_site/fleche_grise.gif) no-repeat;
}
#menu_secondaire ul li a:hover {
	text-decoration:none;
	color:#000000;
}


/* MENU PRINCIPAL */
#menu_principal ul {
	margin:0;
	padding:0;
	margin-left:1.5em;
}
#menu_principal ul li {
	list-style-image:url(images_site/fleche_bleu.gif);
	list-style-position:outside;
	margin:0;
	padding:0;
	line-height:1.5em;
}
#menu_principal ul li a {
	color:#25638C;
	text-decoration:none;
}
#menu_principal ul li a:hover {
	color:#000000;
	}
#menu_principal ul li a.on {
	font-weight:bold;
}
#menu_principal ul li.on {
	list-style-image:url(images_site/fleche_bleu_clair.gif);
}


/* CENTRE */
#conteneur #centre {
	position:absolute;
	top:190px;
	width:980px;
	margin: 0 auto;
	background:url(images_site/fd_contenu.jpg) no-repeat;
}
#conteneur #centre p, 
#conteneur #centre li {
	font-size:11px;
}
#conteneur #centre li {
	font-size:11px;
}
#conteneur #centre h2 {
	font-size:0.88em;
	font-weight:bold;
}
#conteneur #centre #colonne_gauche {
	position:relative;
	top:0;
	left:0;
	width:312px;
	float:left;
	}
#colonne_gauche #logos,
#colonne_gauche #bt_lettre_infos,
#colonne_gauche #menu_secondaire,
#menu_principal {
	margin-left:50px;
}
#conteneur #centre #contenu {
	position:relative;
	top:0;
	margin-left:335px;
	padding-left:15px;
	width:615px;
	border-left:dashed 1px #83AEC3;
	}


/* ACCUEIL */
#contenu ul.encart_accueil {
	position:relative;
	height:132px;
	background:url(images_site/encart_accueil.gif) no-repeat;
	margin:0;
	padding:0;
	list-style-position:inside;
	padding:10px;
	
}
#contenu ul.encart_accueil li {
	margin-right:25px;
	margin-bottom:0;
}

#contenu ul.liste_fiche_accueil {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:1em;
}
#conteneur #centre #contenu ul.liste_fiche_accueil li {
	font-size:0.65em;
}
#logos {
	margin-top:20px;
}


/* FORMULAIRE RECHERCHE */
#form_rechercher {
	position:absolute;
	top:110px;
	right:10px;
}
#form_rechercher input.tx_form_rechercher {
	font-size:0.71em;
	background-color:#3AA1CE;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
}
#form_rechercher p {
	margin:0;
	padding:0;
	margin-top:0.4em;
	font-size:0.65em;
	}
#contenu_recherche {
	font-size:11px;
}

#contenu_recherche label {
	float:left;
	width:150px;
	margin-right:10px;
	text-align:right;
	color:#25638C;
	font-size:11px;
}
#contenu_recherche input,
#contenu_recherche select {
	font-size:11px;
}
#contenu_recherche fieldset {
	width:70%;
}
#contenu_recherche p {
	margin:0;
	padding:0;
	margin-bottom:0.5em;
}
#contenu_recherche h2 {
	font-size:14px;
	color:#25638C;	
	}
#contenu_recherche h2 span {
	color:#FF0000;
	}
.mot_recherche {
	color:#FF0000;
}
#contenu_recherche h4 {
	font-size:11px;
	display:inline;
}
#contenu_recherche ul {
	list-style-type:none;
}






/* PAGE ARTICLE */
#centre #contenu #contenu_article p,
#centre #contenu #contenu_article li {
	font-size:12px;
}
#contenu_article h2,
#contenu_article h4 {
	font-size:14px;
}
#contenu_article h2 {
	width:78%;
	padding-left:30px;
	height:35px;
	background:url(images_site/fleche.gif) no-repeat;
}
#contenu_article h3 {font-size:12px;}

#contenu_article h4 {
	margin-top:1em;
	margin-bottom:1em;
}
#contenu_article #bt_imprimer a {
	position:absolute;
	right:30px;
	width:61px;
	height:42px;
	background:url(images_site/bt_imprimer.gif) no-repeat;
	padding-top:28px;
	text-decoration:none;
	font-weight:bold;
	color:#3AA1CE;
	font-size:11px;
	text-align:center;
}
.haut_page {
	font-size:10px;
	text-align:right;
}
.etude {
	padding-left:15px;
	background:url(images_site/point_vert.gif) no-repeat 2px;
	color:#259C60;
}
.experimentation {
	padding-left:15px;
	background:url(images_site/point_orange.gif) no-repeat 2px;
	color:#D57917;
}
.cadre { 
	margin-top:1em;
	margin-bottom:1em;
	width: 100%;
	background-color: #D6E4EE;
}
.cadre_expert { 
	margin-top:1em;
	margin-bottom:1em;
	width: 600px;
}
.haut_expert {
	background:url(images_site/haut_expert.gif) no-repeat;
	height: 37px;
	text-align:right;
	line-height:1em;
}
.recommande { 
	color:#25638C; 
	font-weight:bold; 
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:5em;
}
.recommande2 { 
	color:#ffffff; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	padding-right:3em;
}
.bas_expert {
	background:url(images_site/bas_expert.gif) no-repeat;
	height:15px;
	font-size:1px; /* correction d'un bug IE */
	}
.hautgauche, .hautdroit, .basgauche, .basdroit {
	height: 19px; width: 19px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
.hautgauche {
	background: url(images_site/hautgauche.gif);
}
.hautdroit {
	float: right;
	background: url(images_site/hautdroit.gif);
}
.basgauche {
	background: url(images_site/basgauche.gif);
}
.basdroit {
	float: right;
	background: url(images_site/basdroit.gif);
}
.contenu_cadre {
		height: auto;
	min-height: 50px; /* pour firefox prenne toute la hauteur de page*/
	_height: 50px; /*underscore hack uniquement interprété par IE Win*/
	min-height: 50px;
}
.contenu_cadre p, 
.contenu_cadre h3, 
.contenu_cadre li,
.contenu_cadre dt,
.contenu_cadre dd {
	margin-left:1em;
	margin-right:1em;
}
.contenu_cadre ul {
	margin-left:2em;
	padding-left:2em;
}
.contenu_cadre p {
	padding:0;
}
.contenu_cadre a {
	color:#25638C;
}
.contenu_cadre a:hover {
	color:#000000;
}
/* liste documents */
dl.documents_dispo {
	margin-top:1em;
	margin-bottom:1em;
}
dl.documents_dispo dt img {
	float:left;
	border:0;
}
dl.documents_dispo dd {
	font-size:12px;
	padding-left:40px;
}


/* RUBRIQUE */
#contenu_rubrique h2,
#contenu_mentions h2 {
	font-size:14px;
}
#contenu_rubrique h3,
#contenu_mentions h3 {
	font-size:12px;
}
#contenu_rubrique h4 {
	font-size:11px;
	display:inline;
}
#contenu_rubrique h2,
#contenu_mentions h2 {
	width:78%;
	padding-left:30px;
	height:35px;
	background:url(images_site/fleche.gif) no-repeat;
}
#contenu_rubrique dl.expert {
	float:right;
}
#contenu_rubrique dl.expert dd {
	font-size:10px;
}
#contenu_rubrique ul {
	list-style-type:none;
}


/* PLAN DU SITE */
#contenu_plan h2 {
	font-size:14px;
}
#contenu_plan h2 {
	width:78%;
	padding-left:30px;
	height:35px;
	background:url(images_site/fleche.gif) no-repeat;
}
#contenu_plan ul {
	margin-top:0.2em;
	line-height:0.8em;
}

/* MENTONS */
#contenu_mentions p a,
#contenu_rubrique p a {
	color:#000000;
}
#contenu_mentions p a:hover,
#contenu_rubrique p a:hover {
	color:#25638C;
}


.liste_fleche {
	list-style-image:url(images_site/fleche_bleu_clair.gif);
}
.liste_fleche_ronde li {
	line-height:1.5em;
	list-style-image:url(images_site/fleche_ronde.gif);
}
.liste_fleche_ronde a {
	color:#25638C;
	font-weight:bold;
}
.liste_fleche_ronde a:hover {
	color:#000000;
	}