/* CSS agora.gouv.fr */

/* - - - Styles generiques - - - */

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #cdd0d4 url("../images/fond_degrade.jpg") repeat-x;
	color: #3A3A3A;
	margin: 0;
	padding: 0;
}
th, td {
/*	font-size: .8em !important;
	font-size: 0.8em;*/
}
a:link {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #d7d7d7;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #f46604;
	text-decoration: none;
	border-bottom: 1px solid #ffd1b2;
}
a:active {
	color: red;
}

h3, h2 { 
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #324a9f;
	margin: 0;
	padding: 0.5em 0 0.1em 0; 
}

h3.titre_bleue {
	padding-left: 5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color:#336699;
}

h3.titre_gris {
	padding-left: 5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:#999999;
}

h3.texte_gris {
	padding-left: 5px;
	margin-left:25px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#999999;
}

h4, .comme_du_h4 { 
	font-weight: bold;
	font-size: 1.1em; 
	margin: 0; 
	padding: 0; 
}

h4.titre_bleue { /* titre bleu colonne droite  */
	padding-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:#336699;
	display: block;
	border-left: solid 6px #336699;
	line-height:10px;
}
h5 { 
	font-weight: bold;
	font-size: 1em;
	margin: 0; 
	padding: 0; 
}
p { 
	margin: 0; 
	padding: 0.1em 0 0.3em 0; 
}
p.titre {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-weight: bolder;
}
ul {
	margin: .5em 0 .5em 1.8em;
	padding: 0;
}

ul li {
	margin: 0;
	padding:0;
	list-style-image: url("../images/puce_etoile_grise.gif");
	list-style-type: none;
}


/* - - - Blocs et mise en page - - - */

div#page {
	width: 1000px;
	margin: 1.5em auto;
	text-align: left;
}
/* BANDEAU DU HAUT */
#entete {
	background: url("../images/bandeau.jpg") top left no-repeat;
	height: 140px;
}
#accessibilite {
	display: none;
}
#entete ul {
	margin:0;
	padding:0;
}
#entete li {
	display:inline;
	list-style-type:none;
}
#entete a {
	text-decoration: none;
    text-indent: -5000px;
	border: none;
}
#entete a.titre {
	position:absolute;
	width: 418px;
	height:96px;
}
#bandeau_haut { /* Banniere d'identite du site*/
	position: relative;
	margin: 0; 
}

#entete h1 {
	margin: 0;
	padding: 0;
}
#entete h1 a {
	width: 380px;
	height: 100px;
}

/* - - - Onglets du menu horizontal - - - */
#onglets {
	margin-left: 102px;
	width: 670px;
	top: 112px;
	position: relative;
	line-height: 27px;
}
#onglets ul {
	padding: 0px;
	margin: 0px;
}
#onglets ul li {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

#onglets ul li#rub_1 a {
	float: left !important;
	margin-left: 130px;
	background:url("../images/nav_presentation_off.gif") no-repeat;
	width: 103px;
	height: 27px;
	color: #c0c0c0;
}
#onglets ul li#rub_1 a:hover, #onglets ul li#rub_1secteurcourant a {
	float: left !important;
	background:url("../images/nav_presentation_on.gif") no-repeat;
}
#onglets ul li#rub_1secteurcourant a {
	float: left !important;
	margin-left: 130px;
	background:url("../images/nav_presentation_on.gif") no-repeat;
	width: 103px;
	height: 27px;
	color: #c0c0c0;
}
#onglets ul li#rub_2 a {
	float:left !important;
	margin-left:5px;
	background:url("../images/nav_documentation_off.gif") no-repeat;
	width: 119px;
	height: 27px;
	color: #c0c0c0;
}

#onglets ul li#rub_2 a:hover {
	float:left !important;
	background:url("../images/nav_documentation_on.gif") no-repeat;
}
#onglets ul li#rub_2secteurcourant a {
	float:left !important;
	margin-left:5px;
	background:url("../images/nav_documentation_on.gif") no-repeat;
	width: 119px;
	height: 27px;
	color: #c0c0c0;
}

#onglets ul li#rub_3 a {
	float:left !important;
	margin-left:5px;
	background:url("../images/nav_telechargement_off.gif") no-repeat;
	width: 125px;
	height: 27px;
	color: #c0c0c0;
}

#onglets ul li#rub_3 a:hover {
	float:left !important;
	background:url("../images/nav_telechargement_on.gif") no-repeat;
}
#onglets ul li#rub_3secteurcourant a {
	float:left !important;
	margin-left:5px;
	background:url("../images/nav_telechargement_on.gif") no-repeat;
	width: 125px;
	height: 27px;
	color: #c0c0c0;
}

#onglets ul li#rub_4 a {
	float:left !important;
	margin-left:5px;
	background:url("../images/nav_communaute_off.gif") no-repeat;
	width: 108px;
	height: 27px;
	color: #c0c0c0;
}

#onglets ul li#rub_4 a:hover {
	float:left !important;
	background:url("../images/nav_communaute_on.gif") no-repeat;
}
#onglets ul li#rub_4secteurcourant a {
	float:left !important;
	margin-left:5px;
	background:url("../images/nav_communaute_on.gif") no-repeat;
	width: 108px;
	height: 27px;
	color: #c0c0c0;
}

/* FORMULAIRE RECHERCHE */
#recherche {
	position: absolute; /* evite conflit avec les onglets */
	top: 130px !important;
	top: 130px;
	margin-left: 714px !important;
	margin-left: 614px;
	height: 25px !important;
	height: 27px;
	display: inline;
	border: 1px solid #9B9B9B;
	background: #fff;
}
#paddingRecherche {
	padding: 4px 27px 0 4px;
}
form#recherche_spm {
	margin: 0;
	padding: 0;
}
input.formrecherche {
	width: 150px;
	color: #666666;
	font-size: .9em;
	border: 1px solid #fff;
}
input.ok_recherche {
	position:absolute;
	width: 27px !important;
	width: 20px;
	background: #fff;
	color: #666666;
	font-size: .9em;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFBFBF;
}

/* - - - chemin de fer - - - */
.chemin {
	display: relative;
	margin: 0;
	background: #E3E8FF url("../images/chemin.gif") repeat-y;
	padding: 4px 300px 5px 16px;
	font-size: 0.85em;
	color: #666;
}
.chemin a {
	color: #666666;
	border: none;
}
.chemin a:hover {
	text-decoration: underline;
	border: none;
}

/* - - - - colonne gauche contenu - - - - - */

div#container2 {
	background: #fff url("../images/fond_colonne_droite.gif") right top repeat-y;
}
div#container2_large {
	background: #fff;
}

div#contenu {
	margin-left: 0;
	margin-right: 300px;
	padding: 25px 15px 15px 15px;
	height: auto !important;
	height: 400px;
}
div#contenu_large {
	margin-left: 0;
	margin-right: 0;
	padding: 25px 15px 15px 15px;
}
div#complement {
	margin-left: 30px;
	margin-right: 375px;
	padding: 5px;
}
div#navigation {
	width: 282px !important;
	width: 298px;
	float: right;
	margin: 0;
	padding: 40px 15px 15px 0;
	font-size: 1em;
}
div#outils {
	border: none;
	/* Box Model Hack
	http://css-discuss.incutio.com/?page=BoxModelHack */
	width: 170px !important;
	width:180px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0;
}
.popup {
	width: 350px !important;
	margin-left: auto;
	margin-right: auto;
}
.popup #menu, .popup #navigation {
	display: none;
}
.popup div#container2 {
	background: #FFF;
}
.popup div#contenu {
	background: #FFF; margin: 0;
}

div.nettoyage {
	clear: both;
	height: 1px;
}
#boite_gauche_titre { /* englobe la lettrine+mot+majuscule */
	width: 350px !important;
	width: 350px;
	padding: 2em 0 0 2em;
}

#boite_gauche_titre .lettrine { /* pour mettre image rond_orange */
	line-height: 2.5em;
	font-size: 2em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	padding: 0 0 0.2em 2.1em;
	margin: 0 0 0.3em 0;
	color: #F46603;
	background: url("../images/rond_orange.gif") no-repeat;
	height:60px;
}	

.majuscule { /* pour mettre majuscule en blanc du mot en orange dans rond_orange */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight:bold;
	color:#fff;
	text-transform: uppercase;
	margin:0 0 0.2em -0.95em;
}

.mot { /* pour mettre le mot en orange après la majuscule */
	font-size: 1.2em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	margin-top: -2.4em;
	color: #F46603;
}

.discret { color: #999; font-size: 0.8em; }

.suivant {
	font-size: smaller;
	font-weight: bolder;
	text-align: right;
	margin-top: 1em;
}



.versionPDF {
	float: right;
	line-height: 19px;
	padding-right: 23px;
	background: #fff url("../images/PDFF.gif") right top no-repeat;
}

/* - - - Colonne droite "navigation" - - - */

#navigation ul li a {
	border: none;
}
#navigation h3 a {
	border-bottom: 1px solid #ffd1b2;
}
#navigation input, #navigation select {
	font-size: 0.8em;
}
#navigation h3 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #FF7C01;
	margin: 0;
	padding: 0 0 0 8px;
	border-left: solid 6px #FF7C01;
}
#navigation h3 a {
	color: #FF7C01;
}
#navigation h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #336699;
	border-left: solid 6px #336699;
	padding-left: 10px;
}

#navigation p {
	margin-left: 1.4em;
}
div#navigation .rubrique {
	font-weight: bold;
	color: #c33;
}
div#navigation ul{
	margin:0 0 0 1.4em;
	padding: 0;
	list-style-type:none;
}
div#navigation li{
	margin-top: 5px;
	list-style-image:url("../images/carre_bleu.gif"); /* picto bleu dans la div navigation de droite */
	margin-left: 15px !important;
	margin-left: 15px;
}
div#navigation li.current {
	font-weight: bold;
}
div#navigation li li{
	margin-top: 3px;
}
div#navigation ul ul{
	margin: 0px 0px 10px 15px;
	padding:0px;
}

/* Zone "outils" */
div#outils {
	font-size: smaller;
}

div#outils ul {
	margin: 0;
	padding: 0;
}

/* - - - Colonne centrale fond blanc - - - */
div#contenu .surtitre {
	margin: 0;
	padding: 0.3em 0 0 0;
}

div#contenu .soustitre {
	margin: 0;
	padding: 0 0 0.3em 0;
}
div#contenu .chapo {
	font-size: 1em;
	font-weight: bolder;
	text-align: justify;
}
div#contenu .texte {
	font-size: 1em;
	text-align: justify;
}
div#contenu .ps {
	font-size: 0.9em;
}
div#contenu .notes {
	font-size: 0.9em;
	background-color: #eee;
	border: dashed 1px #ddd;
}

/* Zone de complement du contenu */

div#spip_complement {
	background-color: #eee;
	border: solid 1px #ddd;
}

.retourHautPage {
	background:url("../images/haut_page_fleche.gif") right no-repeat;
	font-size: .8em;
	text-align: right;
	padding-right: 15px;
	border:none;
}

.repondre {
	background:url("../images/repondre.gif") left no-repeat;
	padding-left: 25px;
	margin-left:0px;
	padding-top: 5px !important;
	padding-top: 5px;
	border:none;
}

.email {
	position:relative;
	background:url("../images/envoi_page.gif") left no-repeat;
	margin-left:550px;
}

/* boutons prec suivant */
.prev_next {
	display: block;
	clear: both; 
	height: 20px !important; 
	margin: 0 !important; 
}
a.prev, a.next { 
	display: block;
	width: 45%;
	background: #eee;
	text-decoration: none !important;
	color: #666666;
}
a.prev {
	background: #eee url('../images/precedente_page_fleche.gif') left 4px no-repeat;
	float: left;
	text-align: left;
	padding-left: 1.5em;
}
a.next {
	background: #eee url('../images/suivante_page_fleche.gif') right 4px no-repeat;
	float: right;
	text-align: right;
	padding-right: 1.5em;
}
a.prev:hover, a.next:hover {
	color: #f46604;
}

/* Pied de page */
div#bas {
	background-color: #4462B5;
	width: 1000px;
	margin: 0 0 1em 0;
	padding: .5em 0;
	color: #fff;
	text-align: center;
	clear: both !important;
	font-size: .85em;
	color: #fff;
}

#bas a, #bas a:hover {
	color: #fff;
	border: none;
}
#bas a:hover {
	text-decoration: underline;
}
div#bas img {
	border: none;
}

/* - - - Styles generes par le code Agora - - - */
a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_blank { }
a.spip_blank:after {
	content: url("../images/lien_ouvrant.gif");
}
a.spip_glossaire { }

p.spip_note { }

.spip_puce {
	list-style-position: inside;
}

abbr, acronym, acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

.spip_code, code, tt, pre, samp {
	font: 1.2em monospace;
	color: #0000BB;
}
tt{
	font: 1.2em monospace;
	color:#FE3000;
}

/* - - - Images et documents attaches aux contenus - - - */

div.spip_images img {
	border: none;
	margin: 5px;
	padding: 5px;
	max-width: 520px;
	height: auto;
}

div.spip_documents {
	border: dotted 1px #999;
	font-size: 1em;
	text-align: center;
	text-indent: 0;
	width: 50%;
	margin: 5px;
	padding: 5px;
}

div.spip_documents p.spip_vignette img {
	border: none;
}
div.spip_documents p.spip_titre_document {
	font-weight: bolder;
}

div.spip_documents p.spip_border {
	border: none;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

div.spip_documents p.spip_complement {
	margin: 0;
	padding: 0;
}

table.spip {
	border: 1px solid #c0c0c0;
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
}
table.spip caption {
	color: #999;
}

table.spip tr.row_first {
	background-color: #333;
	color: white;
}

table.spip tr.row_odd {
	background-color: #c0c0c0;
}

table.spip tr.row_even {
	background-color: #f0f0f0;
}

table.spip td {
	padding: 4px;
	text-align: left;
	vertical-align:middle;
	border: 1px dotted #c0c0c0;
}

blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding: 5px;
}

.spip_encadrer {
	background-color: #fff;
	padding: 5px;
	border: 1px #666 solid;
}

.texteencadre-spip {
	font-family: helvetica, arial, sans-serif;
	width : 90%;
	background-color: #EEE;
	padding: 5px;
	margin-left: 15px;
	margin-bottom: 20px;
	border: 1px #666 solid;
}

.spip_cadre {
	background-color: #fff;
	padding: 5px;
}

.spip_bouton {
	background-color: #fc0;
}

.reponse_formulaire {
	font-weight: bold;
	color: red;
}

.spip_surligne {
	background-color: #ff6;
}

p.spip_border {
	border: none;
	margin: 0 0 0.2em 1em;
	font-size: 0.8em;
}

/* - - - Habillage des forums - - - */

div.forum {
	font-size: 0.8em;
}

div.forum ul {
	-moz-border-radius: 1em;
	border: 1px solid #909090;
	background-color: #a1a1a1;
	display: block;
	padding: 0;
	margin: 0.5em 0 0 1em;
	list-style: none;
}

div.forum ul li p.spip_titre_document {
	font-weight: bold;
	list-style-image:none;
}

/* Habillage des messages d'un forum */

div.message {
	font-size: 0.8em;
	background-color: #f1f1f1;
	border: 1px solid #e0e0e0;
}

div.message p.titre {
	font-weight: bold;
}

/* Habillage d'un thread*/

div.thread {
	font-size: 0.8em;
	background-color: #a1a1a1;
	border: 1px solid #e0e0e0;
}

div.thread p.titre {
	font-weight: bold;
}

div.thread p.titreMessageCourant {
	font-weight: bold;
	color: red;
}

/* Formulaires */
.formulaire select, .formulaire input {
	width: 90%;
}

table.spip_perso {
	font-size: 0.8em;
}
table.spip_perso td {
	white-space: no-wrap;
}

img.spip_logos {}
div.spip_logos {}

.erreur_forum, .erreur_login {
	color: red;
	font-weight : bold;
}
.gras {
	font-weight: bold;
}

/* Tableau des fonctionnalites comparees */
table.compar {
	border-collapse: collapse;
	width: 90% !important;
	width: 600px;
	margin: 2em;
}
table.compar caption {
	display: none;
}
table.compar td {
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	font-size: 1em !important;
	font-size: .8em;
}
table.compar td.compar_intertitre {
	font-weight: bold;
	text-align: left;
	padding-left:10px;
	color:#314A9F;
	background: #fff;
}
table.compar td.compar_item {
	text-align: left;
}
table.compar td.compar_item a {
	text-decoration: none;
}
table.compar td.compar_cocher {
	background:#FFF3E7;
}

/* Infobulles en css */

table.compar a.info{
	padding-left: 20px;
	color:#75777C;
    position:relative; /*this is the key*/
    z-index:20;
}

table.compar a.info:hover{
	z-index:25; background-color:#fff}

table.compar a.info span{display: none}

table.compar a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px solid #ccc;
    background-color:#FFF3E7; 
	color:#666666;
    padding:0.3em;
    }

.spacer { /* pour que le texte de la rubrique=1 s'affiche correctement */
	clear: both;
}