body {border:none;background-color:#dfdcd1;background-image:url(squelettes/imgsquelette/fond_ani.png);background-position:top center;background-repeat:no-repeat;}
div {font-size:1.03em;}
a:link, a:visited, a:hover, a:active {font-weight:normal;cursor:pointer;}
a.lien-gras {font-weight:bold;}

.toggler {cursor:pointer;}

.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.textjustify {text-align:justify;}

.container_12 {width:960px;margin:0 auto;}

h1.titre-print {display:none;}

.box {background-color:#eee;border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;}

#skip {

color:#fff;padding:0.4em 0;margin-top:0.8em;

	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;

	
	background: #335CA4 ; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C6DC3', endColorstr='#335CA4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3C6DC3), to(#335CA4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3C6DC3, #335CA4); /* for firefox 3.6+ */

}
#skip a {color:#fff;text-decoration:none;}
#skip a:hover {color:#ccc;}

#pied {

border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;

	
	background: #999483 ; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfb8a4', endColorstr='#999483'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bfb8a4), to(#999483)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bfb8a4, #999483); /* for firefox 3.6+ */

}
#pied ul {}
#pied h2 {margin:0.3em;}
#pied h3 {font-family:Century Gothic, Arial, sans serif;font-weight:normal;color:#fff;padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #fff;}
p.titre-pied {font-size:1.6em;font-family:Century Gothic, Arial, sans serif;font-weight:normal;color:#fff;padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #fff;}
#pied ul li {margin:0;list-style-type:none;font-size:1;border-bottom:1px solid #ccc;padding:0.3em 0;}
#pied ul li a {text-decoration:none;color:#fff;}
#pied ul li a:hover {color:#ccc;}
#pied form {margin:0 1em;}

.recherchebas-bouton {width:1.8em;margin-left:0em;border:0;background-image:url(squelettes/imgsquelette/recherchebas-bouton.gif);background-color:#999483;background-repeat:no-repeat;background-position:right;}

#mentions {

color:#fff;
	font-size:0.9em;

	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	
	background: #666 ; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666666, #444444); /* for firefox 3.6+ */
	
	border: none ;
	margin-bottom:1em;
	margin-top:0.5em;


}
#mentions a {color:#fff;text-decoration:underline;}
#mentions a:hover {color:#ccc;}


#chercher .submit {
-moz-border-radius:5px 5px 5px 5px;
background:-moz-linear-gradient(center top , #f60, #f90) repeat scroll 0 0 transparent !important;
color:#FFFFFF;
font-size:1em;
font-weight:bold;
padding:0.2em;
}

#chercher .case {
-moz-border-radius:5px 5px 5px 5px;
background-color:#ffe8d9;
color:#333333;
font-size:1em;
font-weight:bold;
padding:0.2em;
}

/* ---------------- bouton rechercher -----------*/ 

ul.nav li.secondary:hover a:hover {
	color:#fff;
	background-color:#335ca4;
}



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

droit-de-la-formation.fr

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

/* --------------------------------------- listes d'actualités de la page sommaire */

.rssactu {float:right;margin-top:-2.8em;}

h2.titre-liste {padding-bottom:0.2em;margin:1em 0 0.8em 0;font-size:1.8em;;color:#335ca4;border-bottom:1px solid #ff6600;}
h3.titre-liste-actus {margin-top:0.5em;padding-bottom:0.2em;border-bottom:1px solid #ccc;font-size:1.4em;;}

h4.titre-dossier {font-size:1em;;}
h4.payant {padding-right:1em;background-image:url();background-position:right;background-repeat:no-repeat;}

ul.liste-actus {margin:0 0 0 0;}
ul.liste-actus li {margin:0 0 0 1.5em;list-style-type:disc;list-style-position:outside;}

#article ul.liste-actus li:hover {background-color:#fff6f0;}

ul {margin:0 0 1em 0;}
ul li {margin:0 0 0 1.5em;list-style-type:disc;list-style-position:outside;}

.boiteliens {width:100%;border:1px solid #b8b8b8;background-image:url(squelettes/imgsquelette/fondboiteliens.gif);text-align:center;margin:0.5em 0 0.5em 0;}
.boiteliens a {text-decoration:none;color:#000;vertical-align:middle;}
.boiteliens a:hover {color:#666;}
.sepboiteliens {vertical-align:middle;}

.lire-suite {vertical-align:middle;font-size:0.85em;;padding:0.6em 1.5em 0.5em 1em;background-image:url(squelettes/imgsquelette/lire-suite.gif);background-repeat:no-repeat;background-position:right;}
a.lire-suite{color:#000;text-decoration:none;}
.lire-suite:hover {background-image:url(squelettes/imgsquelette/lire-suite-2.gif);}
a.lire-suite:hover {color:#fff;text-decoration:none;}
 
/* --------------------------------------- article */

h2.titre-article {padding-bottom:0.2em;margin:1em 0 0.8em 0;font-size:1.8em;;color:#335ca4;border-bottom:1px solid #ff6600;}

#article hr {display:none;}
#article h3 {margin-top:1.5em;padding-bottom:0.3em;border-bottom:1px solid #ccc;font-size:1.4em;;}
#article ul {margin:0 0 1em 0;}

#article ul li {margin:0 0 0 1.5em;list-style-type:disc;list-style-position:outside; padding:0.5em;}

.surtitre {font-style:italic;margin:0 0 -2em 0;}
.soustitre {font-style:italic;margin-bottom:1.5em;}
.chapeau {font-weight:bold;}
.texte {font-size:1.1em; text-align: justify; color:#000;}

.ps {font-size:0.85em;;padding-top:1.5em;margin-top:1.5em;border-top:1px solid #eee;}
.notes {font-size:0.85em;;}

.ariane {font-size:0.85em;;padding:0.5em;}
.ariane a {color:#666;text-decoration:underline;}

.barrefonctions {float:right;clear:both;}

.sommaire_ancre {float:right;background-image:url(squelettes/imgsquelette/retoursommaire.gif);}
#outil_sommaire {background-image:none;border:none;width:15em;background-color:#fff;}
#outil_sommaire div.cs_sommaire_titre_avec_fond {color:#fff;background-color:#335ca4;font-weight:normal;padding:0.3em;font-size:1em;background-image:none;border:none;text-align:left;margin-bottom:0.5em;}
#outil_sommaire .cs_sommaire_inner ul li {list-style-type:none;}
#outil_sommaire .cs_sommaire_inner ul li a {}

.sommaire {display:block;width:15em;float:right;background-color:#fff;}
.titre-sommaire {padding:0.2em;}
#toggle-paragraphs {text-decoration:none;background-color:#335ca4;font-size:0.85em;;}
/*.paragraphs {background-color:#fff;}*/

/* --------------------------------------- liens sociaux addthis */
.addthis_toolbox .hover_effect {font-size:0.9em;width: 100%;padding: 10px 0 6px 10px;border-top: 1px solid #eee;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.addthis_toolbox .hover_effect div{float: left;}
.addthis_toolbox .hover_effect a { border: 1px solid #fff;padding: 2px 4px 2px 16px;position: relative;text-decoration: none;}
.addthis_toolbox .hover_effect a:hover
{-moz-border-radius: 4px;-webkit-border-radius: 4px;background: #999483;color: #fff;text-decoration: none;}
.addthis_toolbox .hover_effect span{ position: absolute;width: 16px;height: 16px;top: 0;left: 0;}
.addthis_toolbox .hover_effect img {margin:3px}


/* --------------------------------------- publicités */

.regiepub {font-size:0.85em;;text-align:center;background-color:#eee;padding:0.5em;border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;}


/* --------------------------------------- liens */

a {color:#335ca4;text-decoration:underline;}
a:hover {color:#000;}

/* --------------------------------------- formulaires */

fieldset {background-color:#ffe8d9; border:1px solid #666;}

/* --------------------------------------- identification */

#login {color:#000; margin-top: 0.4em; background-color:#eee;}
#login H2, #login H3 {font-family:Helvetica,Arial,sans-serif;}
#login a {color:#000;}
#login a:hover {color:#335CA4;}

h4 {font-size:1.4em;margin:1em 0}

/*  ------- moteur de recherche  ----    */

#chercher {padding:1em 0; margin-top:0.5em; 

	border-radius: 5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;

	background-color: #eee !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eeeeee,  #cccccc); /* for firefox 3.6+ */

}

#chercher form {padding: 0 1em; float:right; font-size:1.2em;}
#chercher.case {color:#333;font-size:1em;font-weight:bold;padding:0.1em; background-color:#eeeee; -moz-border-radius:5px; -webkit-border-radius:5px;}
#chercher.submit {color:#fff;font-size:1em;font-weight:bold;padding:0.1em; background-color:#ff6600; -moz-border-radius:5px; -webkit-border-radius:5px;}


/*-------------------------------------- Menu CSS3 --------------------------------------*/

		
#nav {
font-size:110%;
	margin: 0;
	padding: 2px;
	line-height: 100%;
	
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;

	
	background: #ff6600; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8533', endColorstr='#ff6600'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8533), to(#ff6600)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ff8533,  #ff6600); /* for firefox 3.6+ */
	
	border: none ;
	z-index:10
	
}
#nav li {
	margin: 4px;
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
	z-index:10
	
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0.4em;
	margin: 0;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
	z-index:10
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eeeeee,  #bbbbbb); /* for firefox 3.6+ */
	font-weight: bold;
	color: #ff6600;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	z-index:10

}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	z-index:10
}
#nav ul a:hover {
	background: #ff6600 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff6600'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#ff6600)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ff6600,  #ff6600) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	z-index:10
	
}
/* level 2 list */
#nav ul {
	background: #eee; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 15em;
	position: absolute;
	top: 1.83em;
	left: 0;

	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	z-index:10

}
/* dropdown */
#nav li:hover > ul {
	display: block;
	z-index:10
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	z-index:10
}
#nav ul a {
	font-weight: normal;
	padding:0.8em 0.6em;
	z-index:10
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
	z-index:10
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	z-index:10
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	z-index:10
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	z-index:10
}
#nav {
	display: inline-block;
	z-index:10
}
html[xmlns] #nav {
	display: block;
	z-index:10
}
* html #nav {
	height: 1%;
	z-index:10
}

#nav .secondary {float:right;z-index:10}

/* mise en valeur d'un element de menu */
#nav .oui {border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;background: #335CA4 ; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C6DC3', endColorstr='#335CA4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3C6DC3), to(#335CA4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3C6DC3, #335CA4); /* for firefox 3.6+ */
	}


/* FIN du menu CSS3 */

.source_jur {padding-left:1.3em;background-image:url(squelettes/imgsquelette/extlink.gif);background-repeat:no-repeat;background-position:left center;}

.pratique {
padding:1em;margin:1em 0;
background-color:#eee;-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	background-image:url(squelettes/imgsquelette/fp-pratique.png);
	background-position:right top;
	background-repeat:no-repeat;}

.cle {
padding:1em;margin:1em 0;
background-color:#eee;-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	background-image:url(squelettes/imgsquelette/fp-cle.png);
	background-position:right top;
	background-repeat:no-repeat;}

h4 a.visible {padding-left:1.2em;background-image:url(squelettes/imgsquelette/moins.gif);background-repeat:no-repeat;background-position:left center;}
h4 a.hidden {padding-left:1.2em;background-image:url(squelettes/imgsquelette/plus.gif);background-repeat:no-repeat;background-position:left center;}


.savoirplus {padding:1em;margin:1em 0;
background-color:#eee;-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	background-image:url(squelettes/imgsquelette/fp-plus.png);
	background-position:right top;
	background-repeat:no-repeat;}
	



a.ext {
padding-right:12px;
background-image:url(squelettes/imgsquelette/extlinkddf.gif);
background-position:right center;
background-repeat:no-repeat;
}

a.ext:hover {
background-image:url(squelettes/imgsquelette/extlinkddf2.gif);
}

/* *************  menu abonne fiches pratique *****************/

a:link.abonnefp, a:visited.abonnefp {
		padding:0.2em;
		width:98%;
		background-color:#335ca4;
		text-align:center;
		font-size:1.2em;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-border-radius:3px;
		color:#fff;
		background: #335CA4 ; /* for non-css3 browsers */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C6DC3', endColorstr='#335CA4'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#3C6DC3), to(#335CA4)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #3C6DC3, #335CA4); /* for firefox 3.6+ */
		text-decoration:none;
		color:#fff;
		display: block;
		margin:10px 0;
}

a:hover.abonnefp { 

	background: #ff6600; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8533', endColorstr='#ff6600'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8533), to(#ff6600)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ff8533,  #ff6600); /* for firefox 3.6+ */

 }
 
/*****    ajout jp ****/
 
#toggle-login, #adapter {display:none;}

#article {margin-top: 1.5em;}

/* --------------------------------------- formulaires forms et table */

fieldset {background-color:#f7f7f7; border:1px solid #666;}
.spip_forms fieldset{border:none;padding:0;margin:0; background-color:#f7f7f7; }
.spip_forms {border:none;}
.spip_forms legend {
background-color:#335CA4;
color:#FFFFFF;
display:block;
font-size:1.1em;
font-weight:bold;
margin:0;
padding:0.4em;
width:100%;}

.spip_forms .forml, .spip_forms .formo {
border-color:#666 #ccc #ccc #666; -moz-border-radius:10px; -webkit-border-radius:10px; width:98%;
}
.spip_forms .forml, .spip_forms .fondl {
background:none repeat scroll 0 0 #e0e6ef;
color:#4A4336;}

.spip_forms .spip_form_ok {
background:none repeat scroll 0 0 #335CA4;
color:#FFF;
font-weight:bold;
margin:1em 0 0;
padding:2em;
}

.spip_form_champ {margin:1em;}

.spip_forms .spip_bouton {background-color:#eee;padding:0.5em; display:block;}
.spip_forms .spip_bouton input {background-color:#335CA4; color:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px}