/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
	}
	body {
		font-size:68.75%;
		/**/font-family:Trebuchet MS, arial, helvetica, sans-serif;
		/**/color:#3D3D3F;
	}
	
	
/* ------------------------------------------------------------------------- Liens */
	a:hover, a:focus, a.focus {text-decoration:none; color:#333; }
	a img {border:none}
/* ------------------------------------------------------------------------- Liste */
	ul {list-style:none}
/* ------------------------------------------------------------------------- Divers */
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}

/* --------------------------------------------------------------------------------------------- Input type submit/button */
	input.bouton, input.defaultbutton  {
		font-size:1em;
		color:#fff;
		background:#4b93cb;
		border:1px solid #2f4572;
		padding:1px;
		cursor:pointer;
		margin-bottom:10px;
	}
	input.bouton:hover, input.bouton:focus, input.bouton.focus,
	input.defaultbutton:hover, input.defaultbutton:focus, input.defaultbutton.focus {
		background:#e6f2fb;
		border-color:#4b93cb;
		color:#4b93cb;
	}

/* -------------------------------------------------------------------- Sommaire */
	#sommaire {
		clear:both;
		padding:10px 0 5px 20px;
		margin:20px 0 0 0
	}
	#sommaire h2 {
		/**/color:#000;
		margin-bottom:10px
	}
	#sommaire ul {
		font-size:1.1em;
		padding-left:60px
	}
	#sommaire ul li {
		
	}
	#sommaire ul li a {
		/**/color:#000;
		text-decoration:none
	}
	#sommaire ul li a:hover, #sommaire ul li a:focus, #sommaire ul li a.focus {text-decoration:underline}
/* -------------------------------------------------------------------- Plan du site */
	#plan_site {
		float:left;
		width:100%;
		border-collapse:collapse
	}
	#plan_site tr td {
		vertical-align:top;
		padding:0 5px 5px 5px
	}
	#plan_site tr td h2 a {text-decoration:none}
	#plan_site tr td h2 a:hover, #plan_site tr td h2 a:focus, #plan_site tr td h2 a.focus {text-decoration:underline}
	#plan_site tr td ul li a {
		/**/color:#000;
		text-decoration:none
	}
	#plan_site tr td ul li a:hover, #plan_site tr td ul li a:focus, #plan_site tr td ul li a.focus {text-decoration:underline}

/* -------------------------------------------------------------------- Outils */
#outils {
		float:left;
		width:100%;
		padding:0 0 30px 0;
		margin:30px 0 0 0
	}
	#outils li {
		list-style-type:none;
		float:left;
		padding:0 0 0 17px;
		margin:0 20px 0 0
	}
	
	#outils li a {
		color:#969595;
		text-decoration:none;
		font-size:0.8em;
	}
	#outils li a:hover { color:#3CB500; }
	
	
	#retour {background:url(../images/background/retour.gif) no-repeat 0px 4px; }
	#envoyer_ami {background:url(../images/background/envoyer_page.gif) no-repeat 0px 4px; }
	#imprimer {background:url(../images/background/imprimer.gif) no-repeat 0px 4px; }
		#imprimer span {
			clear:both;
			}
			#imprimer span a {text-decoration:underline}
			#imprimer span a:hover {text-decoration:none}
	#haut_page {background:url(../images/background/haut_page.gif) no-repeat 0px 4px; }



/* CSS Document */
/* --------------------------------------------------------------------------------------------- Espacements */
	.sans_espacement {margin:0;}
	.petit_espacement {margin-bottom:5px}
	.grand_espacement {margin-bottom:20px}
	.tres_grand_espacement {margin-bottom:30px}
/* --------------------------------------------------------------------------------------------- Forcer le retour à la ligne */
	.passer_ligne {clear:both}
/* --------------------------------------------------------------------------------------------- Titres */
	h1 {
		clear:both;
		margin:0 0 0 0; 
		padding:0;
		}
		
		
		
	.main_content h1 { margin:0 0 10px 0; }		
		
		h1 span {
			font-family: Arial;
			font-size:0.55em;
			background:#a7d04c;
			color:#fff;
			text-transform:uppercase;
			padding:0 3px;
			}
			
	.subtree_level_2_node_id_8316 	h1 span { background:#a7d04c; }		
	.subtree_level_2_node_id_201 	h1 span { background:#4BBDDE; }
	.subtree_level_2_node_id_211 	h1 span { background:#fd854f; }
	
	h2 {
		margin-top:6px;
		font-size:1.3em;
		color:#4B93CB;
		margin-bottom:6px;
		line-height:1em;
		font-weight:normal;
	}
	
	h3 {
		font-size:1.2em;
		margin-bottom:4px;
		font-weight:bold;
		color:#0e3360;
		}
	
	h4 {
		font-size:1em;
		margin-bottom:3px;
	}
	h5, h6 { font-size:0.9em; font-weight:normal; color:#4B93CB;}
	
	
/* views */
.line { margin-bottom:15px; }	
	
/* --------------------------------------------------------------------------------------------- Paragraphes */
	.contenu p {
		line-height:1.5em;
		text-align:justify;
		margin-bottom:10px;
	}

/* ------------------------------------------------------------------------- Alignement */
	.contenu p.alignement_gauche {text-align:left;}
	.contenu p.alignement_droite {text-align:right;}
	.contenu p.alignement_centre {text-align:center;}
/* ------------------------------------------------------------------------- Introduction */
	.contenu p.introduction {
		overflow:hidden;
		padding:0 0 0 0;
		margin-bottom:15px;
	}
/* ------------------------------------------------------------------------- Mise en avant */
	.contenu p.mis_en_avant {
		overflow:hidden;
		border:1px dotted #0070AA; 
		background:#F2F8F8; 
		padding:5px 10px;
		}
		* html .contenu p.mis_en_avant {clear:both}
/* ------------------------------------------------------------------------- Citation */
	.contenu p.citation {
		overflow:hidden;
		font-style:italic;
		background:#efefef url(../images/background/citation.gif) no-repeat 97% 5px;
		padding:10px 60px 10px 10px;
		color:#434F59;
	}
	* html .contenu p.citation {clear:both}
/* --------------------------------------------------------------------------------------------- Liens */
	.contenu a {color:#0070AA}
		.contenu a:hover {color:#333}
	.contenu a.externe {
		background:url(../images/background/lien_externe.gif) no-repeat right 50%;
		padding:0 14px 0 0;
	}
	.contenu a.lightbox.externe {
		background:none;
		padding-right:0;
	}
/* --------------------------------------------------------------------------------------------- Listes */
/* ------------------------------------------------------------------------- Premier niveau */
	.contenu ul, .contenu ol {
		overflow:hidden;
		padding:0 0 10px 20px;
	}
	.contenu ul li {
		padding:0 0 0 0;
		margin:0 0 3px 0;
		list-style-type:disc;
	}
	.contenu ul li ul li {
		list-style-type:circle;
	}	
	.contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		margin:0 0 3px 0;
	}
/* ------------------------------------------------------------------------- Second niveau */
	.contenu ul li ul, .contenu ol li ol {padding:3px 0 0 20px}
/* --------------------------------------------------------------------------------------------- Tableaux */
	.contenu table.tableau_donnees {
		float:left;
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
	.contenu table.tableau_donnees tr p {
		line-height:normal;
		margin-bottom:0
	}
	.contenu table.tableau_donnees tr th {
		background:#0084C2;
		border-bottom:1px solid #fff;
		padding:4px;
		color:#fff;
	}
	.contenu table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dotted #ccc;
		padding:6px 4px
	}
	.contenu table.tableau_donnees tr.alterne td {background:#ededed}
	.contenu table.tableau_donnees tr.survol td {background:#F0F3F3;color:#000;}
	.contenu table.tableau_donnees tr td.alignement_centre {text-align:center}
	.contenu table.tableau_donnees tr td.alignement_droite {text-align:right}

/* --------------------------------------------------------------------------------------------- Object */
	div.object-left {
		float:left;
		margin-right:15px;
		margin-bottom:3px
	}
	div.object-right {
		float:right;
		margin-left:15px;
		margin-bottom:3px
	}
	div.object-center {
		text-align:center;
		margin-bottom:10px
	}

.vignette_block { margin-left:0; }
.vignette { border:1px solid #fff; margin-top:5px; }
/* --------------------------------------------------------------------------------------------- Image */
	div.image img {	
		vertical-align:middle;
	}
/* ------------------------------------------------------------------------- Légende */
	div.image span.legende {
		overflow:hidden;
		display:block;
		font-size:.9em;
		font-style:italic;
		color:#fff;
		padding:2px 4px 6px 4px
	}
	div.object-center div.image span.legende {
		text-align:left;
		margin-left:auto;
		margin-right:auto
	}
/* --------------------------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		/*float:right;*/
		width:250px;
		background:#cdd8de url(../images/background/degrade_bleu_blanc.gif) repeat-x left bottom;
		border-top:1px dashed #6f8da2;
		padding:8px 10px 4px 10px;
		margin:0 0 10px 15px
	}
/* --------------------------------------------------------------------------------------------- Vidéo */
	.contenu pre.video {
		text-align:center;
		margin-bottom:15px
	}
/* --------------------------------------------------------------------------------------------- Fichier joint */
	.contenu div.fichier_joint {
		width:100%;
		padding:0 0 5px 0
	}
	.contenu div.object-right span.fichier_joint {float:right}
	
.savoir_plus { clear:both; }
.savoir_plus a {
	padding:1px 0 0 14px;
	background:url(../images/background/savoir-plus.gif) no-repeat 0 4px;
	text-decoration:none;
	font-size:0.8em;
	}
	.savoir_plus a:hover {
		text-decoration:none;
		background:url(../images/background/savoir-pluso.gif) no-repeat 0 4px;
		}

#fiche { background:#fff; }		
#fiche_haut { background:#ccc url(../images/background/fiche_haut_bgd.gif) repeat-x; }
#fiche .contenu { margin:0; padding:40px; width:auto; float:none; }
#fiche #outils { clear:both; }

.contenu .formulaire ul, .contenu .formulaire li { margin-left:0; padding-left:0; list-style-type:none; }

/* FOLDER */
.folder_intro { border-bottom:1px solid #3CB500; overflow:hidden; margin-bottom:15px; padding-bottom:15px; font-style:italic;  }
.rub2 .folder_intro { border-bottom:1px solid #F35600; }
.rub3 .folder_intro { border-bottom:1px solid #4895ED; }
.rub4 .folder_intro { border-bottom:1px solid #7400AA; }
.folder_left { clear:both; width:48%; float:left; }
.folder_right { width:48%; float:right; }

#encadre {
	background:#EDEDED;
	width:182px;
	float:right;
	}
#encadre .titre { padding:21px 0 0 12px; background:url(../images/background/encadre-titre.gif); color:#464231; font-weight:bold; font-size:1.3em; }
#encadre-body { padding:0 13px; }

/* Agenda */
.date, .lieu { font-weight:bold; padding-right:10px; }


/* annuaire */		
.full.annuaire form { padding:10px; }

div.contenu ul.pagination {
		float:left;
		width:100%;
		line-height:normal;
		padding:20px 0 0 0
	}
	div.contenu ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0;
		list-style:none;
	}
	div.contenu ul.pagination li a, div.contenu ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #4b93cb;
		padding:1px 4px;
		text-decoration:none;
		
	}
	div.contenu ul.pagination li a {
		color:#fff;
		background:#e6f2fb;
		color:#4b93cb;
	}
	div.contenu ul.pagination li a:hover, div.contenu ul.pagination li a:focus, div.contenu ul.pagination li a.focus {
		color:#fff;
		background:#4b93cb;
	}
	div.contenu ul.pagination li span {
		color:#fff;
		background:#4b93cb;
	}
	
	.form_item { clear:both; overflow:hidden; height:100%; margin-bottom:15px; }
	.captcha { padding:10px; margin-bottom:15px; }
	.cnil { font-size:0.8em; }

h2.bordure { padding:10px 0; color:#333; }



.separation, .vue_line { clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #a7d04c; overflow:hidden; height:100%; }

	.subtree_level_2_node_id_8316 .separation, .subtree_level_2_node_id_8316 .vue_line { border-bottom:1px dotted #a7d04c; }		
	.subtree_level_2_node_id_201 .separation, .subtree_level_2_node_id_201 .vue_line { border-bottom:1px dotted #fd854f; }
	.subtree_level_2_node_id_211 .separation, .subtree_level_2_node_id_211 .vue_line { border-bottom:1px dotted #4bbdde; }


.separation { margin-top:20px; }
.conteneur { clear:both; margin-bottom: 15px; }

.object-left .class-file { display:block; width:583px; margin-bottom:10px; }

.class-feedback-form label  { width:30%; display:block; float:left; }
.class-feedback-form .captcha label { width:auto; display:block; float:none; }
.class-feedback-form .captcha label a { display:block; }

.full.tipafriend label { width:40%; display:block; float:left; }
.full.tipafriend .captcha label { width:auto; display:block; float:none; }
.full.tipafriend .captcha label a { display:block; }

.full_commentaire label { width:25%; display:block; float:left; }
.full_commentaire .captcha label { width:auto; display:block; float:none; }
.full_commentaire .captcha label a { display:block; }

.full_commentaire h2 { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:4px 0; }

.contenu p.grand_espacement { margin-bottom:20px; }

.contenu table { margin-bottom:20px; }

.contenu table td { padding:5px; }
.contenu table td.alignement_centre { text-align:center }

/*a.embedinline { display:inline; float:left; }*/

.petit_espacement strong { font-weight:normal; }

/* SERVICE PUBLIC V2 */
#servicepublicv2 { width:100%; overflow:hidden; }
	#servicepublicv2 h1 { overflow:hidden; }
		#servicepublicv2 h1 img { vertical-align:middle; }
	#servicepublicv2 ul#accueilspv2 { list-style:none; margin:0; padding:0; }
		#servicepublicv2 ul#accueilspv2 li { width:50%; float:left; margin:0; padding:0; background:none; }
			#servicepublicv2 ul#accueilspv2 li img { vertical-align:middle; }
	#servicepublicv2 ul { overflow:visible; }
	.cadre { padding:2%; margin:0 0 10px 0; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; overflow:hidden; }
	#colg { width:66%; float:left; }
	#cold { width:24%; float:right; overflow:hidden; }
	a.voirtout { font-weight:bold; }
	.definition { border-bottom:1px dotted #F00; color:#F00 }
		.definition em { display:none; }
		.definition:hover { position:relative; }
		.definition:hover em { display:block; width:200px; height:auto; position:absolute; z-index:1000; left:0; top:1.4em; padding:5px; font-style:normal; color:#000; border:2px solid #999; background:#ECECEC; overflow:hidden; }
	.note , .attention , .info , .savoir { padding:5px 5px 5px 30px; margin:0 0 15px; border:1px solid #D0BB0C; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
	.note { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_NOTE.png) 5px 5px no-repeat; }
	.attention { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_ATTENTION.png) 5px 5px no-repeat; }
	.info { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_INFO.png) 5px 5px no-repeat; }
	.savoir { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_SAVOIR.png) 5px 5px no-repeat; }
	.chapitre { /* border-bottom:1px dotted #CCC; margin:0 0 10px 0;*/ }

