/* CSS Document - Site www.hci.gouv.fr */


/* ----------------- styles generiques --------------------- */
body {
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	background-color: #F8F1E7;
}
table, tr, td {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	margin: 0; 
	padding: 0; 
}
#generale { /* cadre principal de la page */
	position: relative;
	margin: 0 auto;
	width: 760px;
	border: 1px solid #cecbc2;
	text-align: left;
	background: #eee url("../images/fond_titre.png") left top no-repeat;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #ea1b1b;
	text-decoration: none;
}
a.spip_blank {
	color: #000 !important;
	text-decoration: underline;
}
a.spip_blank:hover {
	color: #ea1b1b !important;
	text-decoration: none !important;
}
a.spip_blank:visited {
	color: #000000 !important;
	text-decoration: underline;
}
a.spip_in {
	color: #000 !important;
	text-decoration: underline;
}
a.spip_in:hover {
	color: #ea1b1b !important;
	text-decoration: none;
}
a.spip_out {
	color: #000 !important;
	text-decoration: underline;
}
a.spip_out:hover {
	color: #ea1b1b !important;
	text-decoration: none !important;
}
a.spip_out:visited {
	color: #000000 !important;
	text-decoration: underline;
}
.nettoyeur {
	clear: both;
	display: block;
}
.date {
	color: #999999;
}

/* ---------------------- BANDEAU DU HAUT -------------------------- */
#entete {
	width:100%;
}

#entete ul {
	margin:0;
	top:0;
	padding:0;
}

#entete li {
	display:inline;
	list-style-type:none;
}

#entete a {
	text-decoration: none;
    text-indent: -5000px;
}

#entete a.logo {
	position:absolute; 
	top:0;
	left:0;
	width: 435px;
	height: 85px;
}

#bandeau_haut {
	height: 145px !important;
	height: 125px;
	margin-top:-16px !important;
	margin-top:0;
}

li#item_accueil a, li#item_sp_en_ligne a, li#item_organismes a, li#item_ressources a {
	position:absolute;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}


/* LIENS EN HAUT A DROITE */
#liens_haut {
	position:absolute;
	left:634px;
}
li#item_pmv4 a, li#item_service_public a, li#item_legifrance a, li#item_contact a {
	position:absolute;
   	text-indent:-5000px;
}
#liens_haut li#item_pmv4 a {
	width:124px;
	height:36px;
	background:url("../images/pmv4.gif") no-repeat;
}
#liens_haut li#item_pmv4 a:hover {
	background:url("../images/pmv4_hov.gif") no-repeat;
}
#liens_haut li#item_service_public a {
	width:124px;
	height:37px;
	top:36px;
	background:url("../images/service_public.gif") no-repeat;
}

#liens_haut li#item_service_public a:hover {
	background:url("../images/service_public_hov.gif") no-repeat;
}

#liens_haut li#item_legifrance a {
	width:124px;
	height:25px;
	top:73px;
	background:url("../images/legifrance.gif") no-repeat;
}

#liens_haut li#item_legifrance a:hover {
	background:url("../images/legifrance_hov.gif") no-repeat;
}

#liens_haut li#item_contact a {
	width:124px;
	height:27px;
	top:98px;
	background:url("../images/contact.gif") no-repeat;
}

#liens_haut li#item_contact a:hover {
	width:124px;
	height:27px;
	top:98px;
	background:url("../images/contact_hov.gif") no-repeat;
}

a.haut_page:link, {
	text-decoration: none;
	color: #000000;
}
a.haut_page:visited, {
	color: #000000;
	text-decoration: none;
}
a.haut_page:hover {
	color: #EE9622;
}

/* ------------------- ARBORESCENCE DU SITE ------------------------ */
div#chemin_de_fer {
	margin-left: 150px !important;
	margin-left: 140px;
	background-color: #eee;
	border-bottom: 1px dotted #ccc;
	padding: .5em;
	font-size: .9em;
}
#chemin_de_fer a {
	text-decoration: none;
	color: #666666;
	}
#chemin_de_fer a:hover {
	text-decoration: underline;
	}



/* ************** STRUCTURE DE LA PAGE EN 3 COLONNES ****************** */
table#table_structurante {
	width: 100%;
}
table#table_structurante td {
	vertical-align: top;
}
#table_structurante td#colonne_gauche {
	width: 150px;
	}
#table_structurante td#colonne_milieu {
	margin-left: 166px !important;
    margin-right: 234px !important;
	margin-left: 150px;
    margin-right: 218px;
	padding: 15px 15px 2em 15px;
	background-color: #FFF;
}
#table_structurante td#colonne_milieu_large {
	width: 610px; 
	padding: 15px 15px 2em 15px;
	background-color: #FFF;
}
#table_structurante td#colonne_droite {
	width: 218px;
	padding: 15px 15px 2em 1em;
	background-color: #fff;
}


/* ----------------------- MENU DE LA COLONNE DE GAUCHE ----------------------- */
td#colonne_gauche ul {
    border: 0;
    margin: 0;
    padding: 0;
    left: 0;
}
td#colonne_gauche li {
	margin: 0;
    padding: 0.3em 0.3em 0.3em 0.6em;
    text-align: left;
    border: 2px dotted #cecbc2;
	border-width: 0 2px 2px 0;
    list-style-type: none;
    font-weight: bold;
	line-height: 0.9em;
	background-color: #fff;
}
td#colonne_gauche li a {
	text-decoration:none;
	font-size: 1em;
	line-height: 1.1em;
	color: #999;
}
td#colonne_gauche li a:hover {
    color: #ea1b1b;
	}
#menu_gauche {
	left: 0px;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menu_gauche h2 {
    width: 150px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 0;
}
.menu_gauche_accueil h2 {
   background-color: #8992DE;
}

.menu_gauche_organismes h2 {
   background-color: #FF4620;
}

.sous_titre_menu_gauche {
    width: 150px;
	padding: 0.3em 0.5em;
    font-weight: bold;
	font-size: 1em;
    color: #fff;
    background-color: #000;
	text-transform:uppercase;
}
.titre_rub_menu_gauche{
	padding:0.3em 0.5em;
	background-color:#000000;
	font-family: arial, sans-serif;
	color: #ffffff;
	font-weight: bold;
	border-right:1px dotted #000000;
	text-transform:uppercase;
}

/* -------------------- COLONNE EDITO DE LA PAGE D'ACCUEIL --------------------- */
#boite_presentation {
	text-align: left;
	background-color: #cfdded;
	padding: .5em;
}
#boite_presentation h2 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}

/* ----------------------- Styles generiques des BOITES ---------------------- */

/* envoyer cette page par courriel */
#retour a:link, #retour a:visited{
	float:right;
	font-size: 9px;
	color: #999999;
	margin-top:15px;
	text-decoration:none;
}

#ecrire a:link, #ecrire a:visited{
	float:right;
	font-size: 9px;
	color: #999999;
	margin-top:15px;
	padding:0 15px;
	background:url("images/enveloppe.gif") no-repeat top left;
}

#retour a:hover, #ecrire a:hover{
	color:#990000;
}

#retour a:link, #retour a:visited, #ecrire a:link, #ecrire a:visited{
	float:right;
	font-size: 9px;
	color: #999999;
	margin-top:15px;
}

#retour a:hover, #ecrire a:hover{
	color:#990000;
}

/* FORMULAIRE RECHERCHE */
#recherche {
	position: absolute;
	top: 132px !important;
	top: 128px;
	left: 595px;
}
.formrecherche {
	width: 130px;
	border: 1px solid #666;
	font-size: smaller;
}
.ok_recherche {
	font-size: smaller;
	border: 1px solid #666;
	width: 20px;
}
.menu {
	border: 1px dashed #ccc;
	padding: 15px;
}

/* visible seulement pour l'impression des pages */
.print {
	display: none;
	position: absolute;
	left: -5000px;
	top: -1000px;
}


/* ------------------------ mise en forme des contenus -------------------------- */

.alphabet_glossaire {
	font-size: 1.1em;
	font-weight:bold;
	color: #003366;
}

.boiteA1 {
    margin: 0 0 .7em 0 !important; /* Win IE ne conservera pas la regle */
	margin-bottom: .5em;
/*	width: 100%;*/
    padding: 0;
    position: relative;
}

.boiteA2 {
    margin: 0 0 .5em 0 !important; /* Win IE ne conservera pas la regle */
	margin-bottom: .25em;
    width: 100%;
    padding: 0;
    position: relative;
}
.boiteA1 h3 {
	background-color: #EA1B1B;
	color: #fff;
	position: absolute;
}
.boiteA1 .boiteinfo {
	background: url("../images/infosuite_bleu.gif") no-repeat bottom right;
}
.boiteA1 .contenu, .boiteB2 .contenu_sallepresse {
	border: solid 3px #e4e4d7;
	padding: .75em;
}
.boiteA1 .date, .boiteD1 .date {
	margin-top: .75em;
}
.boiteA1 li .date {
    margin: 0;
}
.boiteA1 .contenu_ala_une { /* contour partie haute */
    border: solid 3px #e4e4d7;
	border-bottom: 0;
	padding: 1em .7em .7em .7em;
    position: relative;
}
.boiteA1 .contenu_ala_une2 { /* contour partie basse */
    border: solid 3px #e4e4d7;
	border-top: 0;
    padding: .7em .7em .7em .7em !important;
    padding: .7em .7em .7em 1.8em;	
    position: relative;
}

.boiteA1 .contenu_ala_une4 {
    border: solid 3px #e4e4d7;
    padding: 1.4em .7em .7em .7em;
	margin-top: 0;
    position: relative;
	width: auto !important;
	width: 100%;
}

.contenu_ala_une4 h3 {
    position: relative;
	padding: 0em 6px;
	text-transform: none;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 1em 0em;
	color:#000;
	background-color:#fff;
	text-align:center;
}

.boiteA2 .contenu_histo {
    border: solid 3px #e4e4d7;
    padding: .75em 0em 0.5em 0em;
	border-top: 0;
	padding-top: 0;
	margin-top: 0px;
    position: relative;
	width: auto !important;
	width: 100%;
}

.boiteA1 .spip_logos1, .boiteA1 .spip_logos {
	padding: 0 0 0 2px;
	margin: 0;
	border: 0;
    float: right;
	z-index: 15 !important;
}
.boiteA1 hr {
	border: none 0;
	border-top: 1px dotted #cecbc2;
	height: 1px;
}

.boiteA1 .droite {
	float: right;
}
.boiteA1 .contenu_ala_une2 .spip_logos {
	padding: 0;
	margin: 0;
    float: right;
}
.boiteA1 h4 {
    padding: 0;
    margin: .5em 0 .75em 0;
    font-size: 1.2em;
}
.boiteA1 h4 a { /* sommaire informations */
	text-decoration: none;
}

.bordurebas {
	border-bottom: 1px dotted #cecbc2;
}

a.boite_toutelinforouge { /* bip rouge */
    text-decoration: none;
	width: 42px;
	height: 12px;
	text-indent: -5000px;
	line-height: 1px;
	display: block;
	position: relative;
	top: -12px;
	background: url("../images/infosuite_red.gif") no-repeat bottom right;
	margin-left: 300px !important; /* pour mozilla */
	margin-left: 315px; /* pour ie */
}

a.boite_toutelinfobleu { /* bip bleu */
    text-decoration: none;
	width: 42px;
	height: 12px;
	text-indent: -5000px;
	line-height: 1px;
	display: block;
	position: relative;
	top: -12px;
	background: url("../images/infosuite_bleuf.gif") no-repeat bottom right;
	margin-left: 300px !important; /* pour mozilla */
	margin-left: 320px; /* pour ie */
}

a.boite_toutelinfoverte {
    text-decoration: none;
	width: 42px;
	height: 12px;
	text-indent: -5000px;
	line-height: 1px;
	display: block;
	position: relative;
	top: -12px;
	background: url("../images/infosuite_vertf.gif") no-repeat bottom right;
	margin-left: 155px !important; /* pour mozilla */
	margin-left: 158px; /* pour ie */
}
.boiteA1 ul{
    padding-left: 0;
	list-style: none;
	margin: 0;
}
.boiteA1 li {
	list-style-type: none;
	list-style-image: url("../images/triangle_rouge.gif");
	background-repeat: no-repeat;
	background-position: 0 4px !important;
	background-position: 0 2px;
	padding-left: 2px !important;
	padding-left: 2px;
	margin: 0 0 4px 15px;
}
.boiteA1 li a {
	font-weight: bold;
	font-size: 1em;
    text-decoration: none;
}

h3.boite_bleue, .boiteA1 h3.boite_bleue {
	background-color: #336699;
}

h3.boite_rouge, .boiteA1 h3.boite_rouge {
	background-color: #EA1B1B;
}

h3.boite_verte, .boiteA1 h3.boite_verte {
	background-color: #339966;
}

.surtitre {
	display: inline;
	background-color: #ffe78c;
	padding: 0 5px;
	font-weight: bold;
	text-transform: uppercase;
}

#colonne_milieu h2, #colonne_milieu_large h2, #colonne_droite h2 a{
	font-size: 1.8em;
    margin: .7em 0;
    padding: 0;
}
.chapo {
	font-weight: bold;
	margin: .5em 0;
}
.ps {
	color: #77a5b5;
	font-weight: bold;
}
#colonne_droite h2{
	color:#333333;
}
#colonne_droite a{
	font-weight: bold;
}
#colonne_droite a:hover{
	color:#ff0000;
	font-weight: bold;
}
#colonne_droite h3 {
	position: absolute;
	margin-left: 0;
	padding-left: 0.5em;
}

/* styles articletrois */
.fond_bleu {
	background-color: #f0f2f7;
}
.bandeau_bleu {
	background-color: #a8bec3;
	padding: 1.2em;
}
#colonne_milieu .bandeau_bleu_h2 {
	font-family: "Arial Narrow", arial, Helvetica, sans-serif;
	font-size: 1.8em;
	display: inline;
	color: #fff;	
}
.texte_bleu {
	padding: 0 1.2em 1.2em 1.2em;
}

/* ********************** MISE EN FORME SPIP ************************** */

table.spip {
}

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

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

table.spip tr.row_even {
	background-color: #F0F0F0;
}
table.spip th {
	padding: 0 3px;
	vertical-align: top;
}
table.spip td {
	padding: 0 3px;
	text-align: left;
	vertical-align: top;
}

.date {
    font-size: .9em !important;
}
h3 {
	padding: .2em 6px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	z-index: 3;
}
.spip_logos {
    border: 0;
}
a.boiteinfo {
    text-decoration: none;
    background-repeat: no-repeat;
	width: 42px;
	height: 12px;
	text-indent: -5000px;
	line-height: 1px; /* marge du bas de la boite */
	display: block;
	position: relative;
	margin-top: -12px;
}



/* ------------------------ PIED DE PAGE --------------------- */
div#bandeau_footer {
	position: relative;
	margin: 0px auto;
	padding: .7em 0 0 0;
	width: 760px;
	height: 51px;
	background: #eee url("../images/footer.gif") no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #FFF;
	text-align:center;
	clear: both !important;
	}
	
			

div#pied {
	background-color: #000;
	width: 760px;
	padding: .5em 0;
	margin: 0px auto;
	color: #FFF;
	font-size: .9em;
	text-align: center;
	font-weight:normal;
	clear: both !important;
}
#pied ul li {
	list-style-type:none;
	display:inline;
	margin:0px 20px;
}
#pied a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #999;
}

#pied a:hover {
	color: #ea1b1b;
	text-decoration: none;
	border-bottom: 1px solid #ea1b1b;
}