/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 12px; font-weight:regular; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; }

#dialog-form{display:none;}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h7 { font-size: 1.70em; color: #000; }
h1 { font-size: 15px; font-weight:bold; color: #B81318; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:hover { color: #000033; }
h3 { font-size: 1.20em; font-weight: bold; }
h4 { font-size: 1em; font-weight: bold; }
h3.spip {} /*Cf.: spip_style.css*/

/* Divers */
hr.spip {} /*Cf.: spip_style.css*/
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size:9px; font-style:italic; font-weight:bold; color: #133078; }
.formo{width:95%}

/* Listes SPIP */
ul.spip {} /*Cf.: spip_style.css*/
ol.spip {} /*Cf.: spip_style.css*/

/* Citations, code et poesie */
blockquote.spip {} /*Cf.: spip_style.css*/
blockquote.spip_poesie {} /*Cf.: spip_style.css*/
.spip_code {} /*Cf.: spip_style.css*/
.spip_cadre {} /*Cf.: spip_style.css*/

/* Tableaux */
table.spip {} /*Cf.: spip_style.css*/

/* Logos, documents et images */
.spip_logos {} /*Cf.: spip_style.css*/
.spip_documents {} /*Cf.: spip_style.css*/
.spip_documents_center {} /*Cf.: spip_style.css*/
.spip_documents_left {} /*Cf.: spip_style.css*/
.spip_documents_right {} /*Cf.: spip_style.css*/
.spip_doc_titre {} /*Cf.: spip_style.css*/
.spip_doc_descriptif {} /*Cf.: spip_style.css*/


/* Couleurs des liens
---------------------------------------------- */
a { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
body { background:#DADADA; margin: 0; padding: 0; text-align: center; }



#page {
	background:url(../IMG/vocationFonctionnaire_bg.gif) 0px 0px repeat-y #FFFFFF;
	position: relative; width: 1026px; padding:0px; margin: 20px auto; text-align: left; }

#enteteVF{
	background:url(../IMG/vocationFonctionnaire_bg_entete.gif) 0px 0px no-repeat transparent;
	display:block; float:left; width:1026px; margin-bottom:22px;
}
	div#enteteVF div.logoRetour{ display:block; float:left; margin:49px 29px 0px 41px; }
	div#pubPremium{ display:block; float:left; margin:36px 0px 0px; }
	
	#enteteVF div.navigationVF{
		display:block; float:left; margin:31px 33px 0px 35px;
		width:958px;
	}
		#enteteVF a.nav {
			display:block; float:left; margin:0px 0px 0px 2px;
			background:url(../IMG/vocationFonctionnaire_bg-menu.gif) 0px 0px repeat-x;
			height:30px;
			color:#FFFFFF; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none;
		}



		#enteteVF a.nav:hover, #enteteVF a.sel {
			display:block; float:left; margin:0px 0px 0px 2px;
			background:url(../IMG/vocationFonctionnaire_bg-menu_sel.gif) 0px 0px repeat-x;
			height:30px;
		}
		
			#enteteVF a.nav span{
				display:block; float:left; height:23px; padding-top:7px;
			}
			#enteteVF a.nav span.flecheMenu{
				background:url(../IMG/vocationFonctionnaire_fleche-menu.gif) 0px 0px no-repeat;
				height:30px; padding:0px; width:27px; margin-right:3px; overflow:hidden;	
			}
			#enteteVF a.nav span.sansflecheMenu{
				background:url(../IMG/vocationFonctionnaire_fleche-menu_sursel.gif) 0px 0px no-repeat;
				height:30px; padding:0px; width:10px; margin-right:3px; overflow:hidden;	
			}
			#enteteVF a.nav:hover span.flecheMenu, #enteteVF a.sel span.flecheMenu{
				background:url(../IMG/vocationFonctionnaire_fleche-menu_sel.gif) 0px 0px no-repeat;
				height:30px; padding:0px; width:27px; margin-right:3px; overflow:hidden;	
			}
			#enteteVF a.nav span.finBlocMenu{
				background:url(../IMG/vocationFonctionnaire_fin-bloc-menu.gif) 0px 0px no-repeat;
				height:30px; padding:0px; width:11px; overflow:hidden;
			}
			#enteteVF a.nav:hover span.finBlocMenu, #enteteVF a.sel span.finBlocMenu{
				background:url(../IMG/vocationFonctionnaire_fin-bloc-menu_sel.gif) 0px 0px no-repeat;
				height:30px; padding:0px; width:11px; overflow:hidden;
			}
		
		#enteteVF div.accesMembresVF { display:block; float:right; }
			#enteteVF div.accesMembresVF, #enteteVF div.accesMembresVF a { color:#B91518; font-weight:bold; font-size:9px; text-transform:uppercase; text-decoration:none; }
		 	#enteteVF div.accesMembresVF a:hover { text-decoration:underline; }
			
			
	#sousMenuVF {
		background-color:#133078; width:950px; height:18px;
		color:#FFFFFF; font-size:10px; font-weight:bold; text-align:left;
		display:block; float:left; margin:1px 13px 21px; padding:6px 25px 0px;
	}
	
	#sousMenuVF a{ color:#FFFFFF; text-decoration:none; }
	#sousMenuVF a:hover{ color:#FFFFFF; text-decoration:underline; }		
	#sousMenuVF span.pipe{ padding:0px 5px; }

#enteteVF #pubDeclic{
	display:block; float:left; width:200px; height:200px;
	border:1px solid #000000;
	margin-bottom:13px;
}

#enteteVF #rechercheVF #champRechercheVF{
	font-size:12px; font-weight:normal; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #B91518; background-color:#FFFFFF;
	height:20px; width:169px; padding:3px 3px 0px;
	display:block; float:left;
}

#enteteVF #rechercheVF #btRechercheVF{
	border-top:1px solid #B91518; border-bottom:1px solid #B91518; border-right:1px solid #B91518; border-left: none;
	background:url(../IMG/vocationFonctionnaire_picto_rechercher.gif) 0px 0px no-repeat;
	height:25px; width:25px; overflow:hidden;
	display:block; float:left;
}

#enteteVF #calendrierConcoursVF{
	position:relative;
	display:block; float:left; width:406px; height:252px;
	background:url(../IMG/vocationFonctionnaire_calendrier_concours_recherche_bg.jpg) 0px 0px no-repeat;
}
	#enteteVF #calendrierConcoursVF h1{
		text-align:left; text-transform:uppercase; color:#000000; font-size:20px; font-weight:bold;
		margin:10px 0px 0px 104px;
		background-color:transparent;
	}
	#enteteVF #calendrierConcoursVF p{
		text-align:left; text-transform:uppercase; color:#FFFFFF; font-size:14px; font-weight:bold;
		margin:0px 0px 23px 104px;
	}
	#enteteVF #calendrierConcoursVF div.skinned-select{ margin:0px 0px 5px 104px; }
	
	#enteteVF #calendrierConcoursVF input.submitVF{
		 border:none; color:#000000; font-size:10px; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:left;
		 background: url(../IMG/vocationFonctionnaire_calendrier_concours_recherche_submit.gif) no-repeat top left transparent;
		 display:block; float:left; width:358px; height:25px; padding:1px 0px 0px 275px;
		 position:absolute; bottom:12px; left:0px;
	}
	#enteteVF #calendrierConcoursVF input.survolsubmitVF{
		 border:none; color:#FFFFFF; font-size:10px; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:left;
		 background: url(../IMG/vocationFonctionnaire_calendrier_concours_recherche_submit.gif) no-repeat -25px left transparent;
		 display:block; float:left; width:358px; height:25px; padding:1px 0px 0px 275px;
		 position:absolute; bottom:12px; left:0px;
	}
		

#enteteVF #pubVIP{
	display:block; float:right; width:300px; height:250px;
	border:1px solid #000000;
}		
			
	
#entete { width: 58em; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

.colonneleftVF{
	display:block; float:left; width:202px; margin-left:36px; overflow:hidden;
}

.colonnemainVF{
	display:block; float: left; width:730px; margin-left:23px;
}


#blocBrevesAccueil, #blocSyndicAccueil{ margin:22px 0 44px; }
	#blocBrevesAccueil h2, #blocSyndicAccueil h2{ font-size: 13px; font-weight:bold; text-transform:uppercase; background-color:#133078; display:block; clear:both; padding:5px; color:#FFF; border-radius:4px; }
	#blocBrevesAccueil ul, #blocSyndicAccueil ul{ margin:15px 0 0; padding:0; }
	#blocBrevesAccueil ul li, #blocSyndicAccueil ul li{ border-bottom: 1px dotted #133078; border-top:none; padding:5px 0; }
	#blocBrevesAccueil ul li.last, #blocSyndicAccueil ul li.last{ border-bottom:none; padding-bottom:22px; }
	
	div.titreBreveAccueil{ display:block; float:left; width:600px; }
	div.dateBreveAccueil{ display:block; float:right; font-size:11px; font-style:italic; }
	
	#blocBrevesAccueil li a, #blocSyndicAccueil li a{ font-weight:bold; text-decoration:none; }
	#blocBrevesAccueil li a:hover, #blocSyndicAccueil li a:hover{ font-weight:bold; color:#B81418; text-decoration:none; }
	a.lireSuite{ text-decoration:none; color:#B81418; font-size:12px; font-style:italic; font-weight:bold; }
	#blocBrevesAccueil a.lireSuite, #blocSyndicAccueil a.lireSuite{ margin-bottom:15px; }

a.btwww{
	background:url(../IMG/btwww.gif) 0px 0px no-repeat #FFF;
	display:block; width:48px; height:20px; text-decoration:none;
	cursor:pointer;
}
a.btwww:hover{
	background:url(../IMG/btwww.gif) -48px 0px no-repeat #FFF;
}
/*  ------------------------------------------
/*  Habillage de la colonne de gauche
/*  ------------------------------------------ */

.blocColG{ display:block; float:left; margin:0 0 22px; }

#slidingtabmenu #scroller-header {
	width:202px; height:32px;
}
	#slidingtabmenu #scroller-header a {
		display:block; float:left; height:20px; width:66px; padding:12px 1px 0px 0px;
		text-decoration:none; color:#133078; font-size:10px; font-weight:bold; text-align:center; line-height:10px;
		background:url(../IMG/sliding-tab-menu-67.gif) 0px 0px no-repeat transparent;
	}
	#slidingtabmenu #scroller-header a.prems {
		display:block; float:left;
		/*height:26px; width:68px; padding:6px 0px 0px;*/ height:20px; width:66px; padding:12px 1px 0px 0px;
		text-decoration:none; color:#133078; font-size:10px; font-weight:bold; text-align:center; line-height:10px;
		background:url(../IMG/sliding-tab-menu-68.gif) no-repeat transparent;
		background-position:0px 0px;
	}
	
	
		#slidingtabmenu #scroller-header a:hover, #slidingtabmenu #scroller-header a.selected {
			background-position:0px -32px;
			color:#FFFFFF;
		}

#slidingtabmenu #scroller-body {
	width:200px; padding-bottom:10px;
	border:1px solid #133078;
	background:url(../IMG/vocationFonctionnaire_sliding-tab-menu_bg.gif) left bottom repeat-x transparent;
}

#slidingtabmenu #mask {
	width:194px; margin:0 auto;
	overflow:hidden;
}

#slidingtabmenu #panel { }

#slidingtabmenu #panel div { float:left; }

/* Extra styling for each panel*/

#slidingtabmenu #panel ul {
	list-style:none;
	margin:5px 5px; padding:0;
}

	#slidingtabmenu #panel ul li {
		padding:5px;
		border-bottom:1px dotted #133078;
	}

	#slidingtabmenu #panel ul li.last {
		border-bottom:none !important;
	}

#slidingtabmenu #panel-1 { }
	#panel-1-para-1{ font-size:10px; margin:10px 10px 0px 10px; color:#000000; text-align:left; }
		#panel-1-para-1 img{ padding:0px 5px 10px 0px; }
	#panel-1-para-2{ font-size:11px; font-weight:bold; margin:15px 10px 10px 10px; color:#000000; text-align:center; }
	#panel-1-para-3{ margin:0px; text-align:center; }
	#panel-1-para-4{ font-size:10px; margin:5px 10px 15px 10px; color:#000000; text-align:left; }
		#panel-1-para-4 span{ color:#B81318; font-weight:bold; }
	#panel-1-para-5{ margin:0px 0px 1px 0px; }
		#rechercheConcoursParIntitule input{
			border:1px solid #243588; background-color:#FFFFFF;
			color:#000000; font-weight:bold; text-align:left; font-size:10px;
			display:block; float:right; height:15px; width:130px; padding:1px 2px; margin-top:3px;
		}
		#rechercheConcoursParIntitule input.ficheConcoursSubmit{
			border:none; background:url(../IMG/bouton_ok.gif) 0px 0px no-repeat transparent;
			display:block; float:right; overflow:hidden; height:34px; width:33px; margin:-3px 10px 1px 6px;
		}
	#panel-1-para-6{ margin:0px 10px; text-align:right; }
		#panel-1-para-6 a{ font-size:10px; font-weight:bold; text-decoration:underline; color:#000000; display:block; float:right; margin:10px 0px 0px; }
		#panel-1-para-6 a img{ padding-left:6px; margin-top:-10px; }
#slidingtabmenu #panel-2 { }
	#slidingtabmenu #panel-2 h4{
		color:#000000; font-size:10px; text-align:left; font-weight:bold;
		margin:0px 0px 3px;
	}
		#slidingtabmenu #panel-2 h4 span{ color:#000000; font-style:italic; font-size:10px; text-align:left; font-weight:normal; }
	#slidingtabmenu #panel-2 p{
		color:#000000; text-decoration:none; font-size:10px; text-align:left;
		margin:0px;
	}
	#slidingtabmenu #panel-2 a{ color:#000000; text-decoration:none; }
	#slidingtabmenu #panel-2 a:hover{ color:#B81318; }

#slidingtabmenu #panel-3 { }
	#slidingtabmenu #panel-3 h4{
		color:#000000; font-size:10px; text-align:left; font-weight:bold;
		margin:0px;
	}
		#slidingtabmenu #panel-3 h4 span{ color:#000000; font-style:italic; font-size:10px; text-align:left; font-weight:normal; }
	#slidingtabmenu #panel-3 a{ color:#000000; text-decoration:none; }
	#slidingtabmenu #panel-3 a:hover{ color:#B81318; }



#trouvezVotreConcours{ width:202px; }
	#trouvezVotreConcours h5{ text-align:left; text-transform:uppercase; font-weight:bold; font-size:11px; margin:0px; color:#B81318; }
	#trouvezVotreConcours h6{ text-align:left; text-transform:uppercase; font-weight:normal; font-size:11px; margin:10px 0px 0px; padding-top:10px; border-top:1px solid #243588;  color:#B81318;}
	#trouvezVotreConcours ul{ list-style:none; margin:0px; padding:0px; }
		#trouvezVotreConcours ul li{ margin:0px; padding:0px; font-size:9px; }
		#trouvezVotreConcours ul li a{ text-decoration:none; font-weight:bold; color:#243386; font-size:10px; }
		
#encemomentForum{
	width:194px; padding:35px 3px 0px 3px;
	border:1px solid #133078;
	background:url(../IMG/vocationFonctionnaire_en-ce-moment-sur-le-forum.gif) 0px 0px no-repeat #FFFFFF;
	color:#000000; font-size:11px; font-style:italic;
}

	#encemomentForum marquee{ margin:0px; padding:0px; }
	#encemomentForum .pointer { cursor: pointer; }
	#encemomentForum a { text-decoration:none; font-weight:normal; color:#000000; }
	#encemomentForum a:hover { text-decoration:none; color:#B91518; }

#temoignagesVF{ width:202px; }
	#temoignagesVF h4{
		display:block; float:left; width:195px; height:21px; padding:9px 0px 0px 7px; margin:0px 0px 3px;
		background:url(../IMG/vocationFonctionnaire_titre-temoignages.gif) 0 0 no-repeat;
		text-transform:uppercase; text-align:left; font-style:italic; color:#FFFFFF; font-size:12px;
		overflow:hidden;
	}
	#temoignagesVF div{
		display:block; float:left; width:180px; padding:10px 10px 60px 10px; margin:0px;
		border:1px solid #000000;
		background:url(../IMG/vocationFonctionnaire_bg-temoignage.gif) 0 0 no-repeat;
		position:relative;
		font-size:10px;
	}
		#temoignagesVF p{ margin:10px 0 0; }
		#temoignagesVF a{
			position:absolute; display:block; bottom:10px; right:10px;
			text-decoration:none; color:#B81418; font-size:10px; font-style:italic; font-weight:bold;
		}
		#BFM{position:absolute; display:block; bottom:10px; left:10px;}

#enKiosque{
	width:188px; height:72px; padding:32px 0px 0px 12px;
	border:1px solid #000000;
	background:url(../IMG/vocationFonctionnaire_en-kiosque.gif) 0px 0px no-repeat #FFFFFF;
	color:#FFFFFF; font-size:11px; font-weight:bold; text-align:left;
}
	#enKiosque a{ color:#FFFFFF; text-decoration:none; }
	#enKiosque p{ font-size:12px; margin-top:7px; }

#dialoguerAvecVF{
	width:153px; height:97px; padding:7px 7px 0px 40px;
	border:1px solid #000000;
	background:url(../IMG/vocationFonctionnaire_questions.jpg) 0px 0px no-repeat #FFFFFF;
	color:#1F264C; font-size:11px; font-weight:bold; text-align:center;
}
	#dialoguerAvecVF a{ color:#1F264C; text-decoration:none; }
	#dialoguerAvecVF p{ color:#FFFFFF; margin:7px 0px; }

#VFsurFacebook{
	width:202px;
}


/*  ------------------------------------------
/*  Habillage de la colonne principale
/*  ------------------------------------------ */

.blocColM{ display:block; float:left; margin:0 0 22px; }
.sousCol{ display:block; width:354px; }


#slidingtabmenu-sommaire #scroller-header-sommaire { display:block; float:left; width:142px; }
	#slidingtabmenu-sommaire #scroller-header-sommaire a {
		display:block; float:left; height:32px; width:102px; padding:4px 0px 0px 40px;
		margin-top:2px;
		text-decoration:none; color:#133078; font-size:19px; font-weight:normal; text-align:left;
	}
	#slidingtabmenu-sommaire #scroller-header-sommaire a.prems {
		display:block; float:left; height:32px; width:102px; padding:4px 0px 0px 40px;
		text-decoration:none; color:#133078; font-size:19px; font-weight:normal; text-align:left;
	}
	
		a.edito { background:url(../IMG/bouton_edito.gif) 0px 0px no-repeat transparent; }
		a.alaune { background:url(../IMG/bouton_a-la-une.gif) 0px 0px no-repeat transparent; }
		a.pratique { background:url(../IMG/bouton_pratique.gif) 0px 0px no-repeat transparent; }
		a.forum { background:url(../IMG/bouton_forum.gif) 0px 0px no-repeat transparent; }
	
		#slidingtabmenu-sommaire #scroller-header-sommaire a:hover, #slidingtabmenu-sommaire #scroller-header-sommaire a.selected {
			background-position:0px -36px;
			color:#FFFFFF;
		}

#slidingtabmenu-sommaire #scroller-body-sommaire, #encartZoom {
	display:block; float:left; width:565px; margin-left:22px;
	padding-bottom:25px;
	border-left:1px solid #B91518;
	background:url(../IMG/sliding-menu-tab-sommaire_bg.gif) left bottom repeat-x transparent;
}

#encartZoom div.container{
	width:521px; margin:0 auto; padding-top:25px;
}

#slidingtabmenu-sommaire #mask-sommaire {
	width:521px; margin:0 auto;
	overflow:hidden;
}

#slidingtabmenu-sommaire #panel-sommaire { }
	#slidingtabmenu-sommaire #panel-sommaire div { float:left; }
	#slidingtabmenu-sommaire #panel-sommaire p.footer { text-align:left; margin:30px 0px 0px 100px; }
		#slidingtabmenu-sommaire #panel-sommaire p.footer a {
			display:block; float:left; height:32px; width:85px; padding:4px 0px 0px 40px; margin-right:10px;
			text-decoration:none; color:#000; font-size:19px; font-weight:normal; text-align:left;
		}
		#slidingtabmenu-sommaire #panel-sommaire p.footer a.avant { background:url(../IMG/bouton-avant.gif) 0px 0px no-repeat transparent; font-size:13px; height:29px; width:65px; padding:7px 0px 0px 40px; }
		#slidingtabmenu-sommaire #panel-sommaire p.footer a.apres { background:url(../IMG/bouton-apres.gif) 0px 0px no-repeat transparent; font-size:13px; height:29px; width:65px; padding:7px 0px 0px 40px; }
		#slidingtabmenu-sommaire #panel-sommaire a.lireSuite{ text-decoration:none; color:#B81418; font-size:12px; font-style:italic; font-weight:bold; }
	




/* Extra styling for each panel*/

#slidingtabmenu-sommaire #panel-sommaire ul {
	list-style:none;
	margin:5px 5px; padding:0;
}

	#slidingtabmenu-sommaire #panel-sommaire ul li {
		padding:5px;
		border-bottom:1px dotted #133078;
	}

	#slidingtabmenu-sommaire #panel-sommaire ul li.last {
		border-bottom:none !important;
	}

#slidingtabmenu-sommaire #panel-1-sommaire { }
#slidingtabmenu-sommaire #panel-2-sommaire { }
#slidingtabmenu-sommaire #panel-3-sommaire { }	
	#slidingtabmenu-sommaire #panel-3-sommaire h4 {
		margin:0px 0px 10px 0px; text-align:left; font-weight:bold; font-size:13px; color:#000000;
	}	
#slidingtabmenu-sommaire #panel-4-sommaire { }
	



div#clubVF{
	width:545px; height:114px; padding:10px 10px 0px 180px; position:relative;
	background:url(../IMG/vocationFonctionnaire_club.jpg) 0px 0px no-repeat transparent;
}
	div#clubVF h3{
		font-size:15px; font-weight:bold; text-align:left; color:#B81318;
		margin:0px;
	}
		div#clubVF h3 span{ color:#243385; }
	div#clubVF p{ margin:2px 0px 0px; }
	div#clubVF ul{ margin:0px; padding:0px; }
		div#clubVF li{
			margin:0px; padding:0px 0px 0px 15px;
			list-style:url(../IMG/puce_fleche-rouge.gif) inside;
		}
	div#clubVF a#inscriptionClubVF{
		position:absolute; bottom:3px; right:20px; display:block; height:13px;
		background:url(../IMG/puce_fleche-rouge.gif) 0px 2px no-repeat transparent; padding-left:15px;
		color:#133078; font-weight:bold; font-style:italic; text-align:left; text-decoration:none;
	}
	div#clubVF a#inscriptionClubVF:hover{ text-decoration:underline; }

div#derReferences{ float:right; }
	div#derReferences h3{
		background:url(../IMG/vocationFonctionnaire_preparation-aux-concours.gif) 0px 0px no-repeat transparent;
		display:block; height:51px; width:257px; padding:16px 15px 0px 82px; margin:0px 0px 15px;
		color:#FFFFFF; font-size:13px; font-weight:bold; text-align:left;
	}
	div#derReferences h3 span{ font-size:17px; letter-spacing:-1px; }
	div#derReferences ul{ margin:0px 52px; padding:0px; width:250px; }
		div#derReferences li{
			margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;
			text-align:left;
			list-style-type:none; border-bottom:1px solid #133078;
		}
		div#derReferences li.last{ margin:0px; padding:0px; border-bottom:none; }
			div#derReferences a{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
			div#derReferences a:hover{ color:#B91518; }
	

div#meilleuresVentes{ float:left; }
	div#meilleuresVentes h3{
		background:url(../IMG/vocationFonctionnaire_meilleures-ventes.gif) 0px 0px no-repeat transparent;
		display:block; height:51px; width:257px; padding:16px 15px 0px 82px; margin:0px 0px 15px;
		color:#FFFFFF; font-size:13px; font-weight:bold; text-align:left;
	}
	div#meilleuresVentes h3 span{ font-size:17px; letter-spacing:-1px; }
	div#meilleuresVentes ul{ margin:0px 52px; padding:0px; width:250px; }
		div#meilleuresVentes li{
			margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;
			text-align:left;
			list-style-type:none; border-bottom:1px solid #133078;
		}
		div#meilleuresVentes li.last{ margin:0px; padding:0px; border-bottom:none; }
			div#meilleuresVentes li a{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
			div#meilleuresVentes li a:hover{ color:#B91518; }

div#fichesmetier{ float:left; }
	div#fichesmetier h3{
		background:url(../IMG/metiers.gif) 0px 0px no-repeat transparent;
		display:block; height:51px; width:257px; padding:16px 15px 0px 82px; margin:0px 0px 15px;
		color:#FFFFFF; font-size:13px; font-weight:bold; text-align:left;
	}
	div#fichesmetier h3 span{ font-size:17px; letter-spacing:-1px; }
	div#fichesmetier ul{ margin:0px 52px; padding:0px; width:250px; }
		div#fichesmetier li{
			margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;
			text-align:left;
			list-style-type:none; border-bottom:1px solid #133078;
		}
		div#fichesmetier li.last{ margin:0px; padding:0px; border-bottom:none; }
			div#fichesmetier li a{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
			div#fichesmetier li a:hover{ color:#B91518; }




p#lienMagazineVF{
	text-align:center; color:#FFF; display:block; height:43px; width:100%; padding-top:7px; margin:50px 0px;
	background:url(../IMG/bandeau-VSP.gif) 67px 0px no-repeat;
}
	p#lienMagazineVF a{
		text-decoration:none; color:#FFF; font-size:11px; font-weight:normal;
	}
	p#lienMagazineVF a span{
		text-decoration:none; color:#FFF; font-size:16px; font-weight:bold;
	}

div#pubInterne72890{ margin:0px 0px 22px; }

img#pictoTrombone{ display:block; float:left; margin:22px 10px 22px 0px; }
p#rappelCriteresRecherche{ display:block; float:left; text-align:left; margin:22px 0px;}
div.blocPaginationConcours{ display:block; float:right; margin:80px 0px 22px;}
div.paginhaut{ margin-top:0px;}

div.blocResultatConcoursVF{ display:block; margin-bottom:22px; width:355px; float:left; margin-right:20px; }
div.noMargR{ margin-right:0px; }
	div.blocResultatConcoursVF h3{
		display:block; width:335px; padding:10px; margin-bottom:2px;
		background-color:#DDE1F0;
		text-align:left; font-size:13px; font-weight:bold; color:#243487;
	}
	
	div.blocResultatConcoursVF tr.pair td{ background-color:#7888C3; }
	div.blocResultatConcoursVF tr.impair td{ background-color:#BBC3E1; }
	
	div.blocResultatConcoursVF td{
		padding:3px 10px; vertical-align:top;
		text-align:left; font-size:11px; font-weight:bold; color:#243386;
	}
	
	div.blocResultatConcoursVF td.cellGVF{
		text-align:left; font-size:11px; font-weight:normal; color:#000;
	}
	
	div.blocResultatConcoursVF p.enSavoirPLUS{
		margin:2px 0px 0px; display:block; padding:5px 10px; text-align:right;
		background:url(../IMG/loupe.gif) 228px 3px no-repeat #DDE1F0;
		font-size:13px; font-weight:bold; color:#243487;
	}
	
	div.blocResultatConcoursVF p.enSavoirPLUS a{
		font-weight:bold; font-size:10px; color:#243487; text-decoration:none;
	}
	
div.blocResultatConcoursDetailVF{ display:block; width:730px; float:left; margin-bottom:22px; }
	div.blocResultatConcoursDetailVF h3{
		display:block; width:710px; padding:10px; margin-bottom:2px;
		background-color:#DDE1F0;
		text-align:left; font-size:13px; font-weight:bold; color:#000;
	}
	
	div.blocResultatConcoursDetailVF tr.pair td{ background-color:#7888C3; }
	div.blocResultatConcoursDetailVF tr.impair td{ background-color:#BBC3E1; }
	
	div.blocResultatConcoursDetailVF td{
		padding:3px 10px; vertical-align:top;
		text-align:left; font-size:11px; font-weight:bold; color:#243386;
	}
	
	div.blocResultatConcoursDetailVF td.cellGVF{
		text-align:left; font-size:11px; font-weight:normal; color:#000;
	}
	div.blocResultatConcoursDetailVF td.bandeauCadenas{
		padding:10px 10px 10px 40px; height:13px; border-top:2px solid #FFF;
		background:url(../IMG/cadenas.gif) 10px 3px no-repeat #DDE1F0;
		text-align:left; font-size:10px; font-weight:bold; color:#243487;
	}
	
	p#retourRecherche{ text-align:center; margin:0px 0px 22px;}


#conteneur { display:block; float: left; width: 729px; overflow: hidden; }
#contenu { padding-top: 0.30em; }
#une {width:48% ;float: left;}
#bref {width:48% ;float:right;}

#navigation { float: right; width: 260px; margin-top: 1em; overflow: hidden;margin-left:3px;}
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied {
	display:block; float:left; width:1026px;
	background:url(../IMG/vocationFonctionnaire_pied_bg_bottom.gif) 0px 100% no-repeat transparent;
	padding-bottom:22px;
}
	#pied div.logoRetour{ display:block; float:left; margin:49px 0px 0px 41px; }
	#pied h5{
		width:949px; height:22px; padding:8px 0px 0px 51px; margin:9px 13px 0px;
		background:url(../IMG/vocationFonctionnaire_pied_bg.gif) 0px 0px no-repeat;
		text-align:left; font-weight:bold; font-size:11px; color:#FFFFFF; text-transform:uppercase;
	}
	#pied h6{ text-align:left; font-weight:normal; font-size:14px; color:#FFFFFF; text-transform:uppercase; margin-bottom:4px; }
	#pied #blocRaccourcis {
		background-color:#B91518;
		display:block; float:left; width:898px; margin:0px 13px 10px; padding:15px 51px 20px;
	}
		#pied #blocRaccourcis p{ margin:0px; }
		#pied #blocRaccourcis a{ text-decoration:none; color:#FFFFFF; font-size:10px; font-weight:bold; }
			#pied #blocRaccourcis h6 a{ font-weight:normal; font-size:14px; }
		#pied #blocRaccourcis a:hover{ text-decoration:underline; }
		#raccourcisCol1{ display:block; float:left; width:165px; margin-right:30px; }
		#raccourcisCol2{ display:block; float:left; width:173px; margin-right:30px; }
		#raccourcisCol3{ display:block; float:left; width:207px; margin-right:30px; }
		#raccourcisCol4{ display:block; float:left; width:253px; }
		
	#liensPied, #liensPied a{ text-align:center; color:#000000; font-size:10px; font-weight:normal; text-decoration:none; }
	#liensPied a:hover{ text-decoration:underline; }
	
	
/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
div.breaker{ height:1px; clear:both; overflow:hidden; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */

#hierarchie {
	clear:both; background:url(../IMG/ariane-fleche.gif) 0px 0px no-repeat #BBC3E1;
	font-size:10px; padding:6px 6px 5px 30px; margin-bottom:22px; color: #000;
}
#hierarchie a { color: #000; padding:3px 0px; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight:normal; color: #000; font-size:12px; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
#documents_portfolio a:hover .spip_logos { border-color: #F57900; }
#documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


/*  ------------------------------------------
/*  Sous-navigation et autres menus
/*  ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; background: #95B6EF; border: 0; color:#fff; font-weight:bold;}
.rubriques ul li { }

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }





div.memeRubriqueVF{ margin:50px 0 0; }
	div.memeRubriqueVF h2.titre{
		font-size:15px; font-weight:normal; color:#1F264C; text-transform:uppercase; text-align:left;
		margin:0px 0px 5px;
	}
	div.memeRubriqueVF ul{
		border-top:1px solid #20264C; padding:5px 0px 0px 0px; margin:0px; list-style:none;
		display:block; float:left;
	}
	div.memeRubriqueVF ul li.memeRub{ padding:5px 0px; margin:0px; border-bottom:1px solid #20264C; }
	div.memeRubriqueVF ul li.last { border-bottom:none; }
		div.memeRubriqueVF ul a{ font-size:12px; font-weight:bold; text-decoration:none; color:#243386; }
		div.memeRubriqueVF ul a:hover{ color:#7886C3; }
		
		
#liensApparentesVF{ margin:22px 0px 0px; width:730px; }	
	#liensApparentesVF div.colonneLiensVF{ display:block; float:left; width:355px; }	
	#liensApparentesVF div.colGvf{ margin-right:20px; }
		#liensApparentesVF div.blocLiensAppVF{ display:block; margin-bottom:22px; padding:25px 0px 0px 74px; }
		
		#liensApparentesVF #articlesLiesBG{ background:url(../IMG/picto_articles.gif) 0px 0px no-repeat; }
		#liensApparentesVF #sujetsLiesBG{ background:url(../IMG/picto_forum.gif) 0px 0px no-repeat; }
		#liensApparentesVF #concoursLiesBG{ background:url(../IMG/picto_ficheMetierpicto_ficheConcours.gif) 0px 0px no-repeat; }
		#liensApparentesVF #metiersLiesBG{ background:url(../IMG/picto_ficheMetier.gif) 0px 0px no-repeat; }
		#liensApparentesVF #temoignagesLiesBG{ background:url(../IMG/picto_temoignage.gif) 0px 0px no-repeat; }
		#liensApparentesVF #zoomArticleBG{ background:url(../IMG/picto_zoom.gif) 0px 0px no-repeat; height:68px; }
		
			#liensApparentesVF h5{ text-align:left; font-size:22px; color:#B81418; font-weight:normal; text-transform:uppercase; line-height:10px; margin:0px 0px 25px; }
				#liensApparentesVF h5 span{ font-size:10px; color:#000; font-weight:bold; }
			#liensApparentesVF ul{ margin:0px; padding:0px; border-top: 1px solid #20264C; width:100%; list-style:none; }
			#liensApparentesVF li{ margin:0px; padding:5px 0px; border-bottom: 1px solid #20264C; width:100%; }
			#liensApparentesVF li a{ font-weight:bold; font-size:12px; color:#243386; text-decoration:none; }
			#liensApparentesVF li a:hover{ color:#7886C3; }


	#liensApparentesVF div.colonneZoom{ display:block; float:left; width:142px; overflow:hidden; }

/*  ------------------------------------------
/*  Autres supports
/*  ------------------------------------------ */

/* Affichage pour les petits ecrans (type 400 x 300) */
@media handheld, only screen and (max-device-width: 481px), only and (max-device-width: 400px), only and (max-width: 400px) {
div#page, div#conteneur, div#navigation, div#extra { width: auto; }


}