/*  ----------------------------------------------- */
/*  Feuille de style SGDSN - Récrite from scratch   */
/*  ----------------------------------------------- */
/*  (C) 2009 F. Chabaud et ANSSI                    */
/*  ----------------------------------------------- */
/* Optimisation pour 1024x768 conformément aux recommandations de la charte graphique */
/* Calculée dynamiquement par SPIP */




html {
	height: 100%;
	font-size: 100%; /* Fix Bug IE */
}
body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 68.75%; /* => 11px */
	color: Black;
	text-align: justify;
	background: white url("./images/fond.gif") repeat-y top left ;
	margin: 0 auto;
	position:relative;

}

* {
	font-size: 1em;
}

img, fieldset, table {
	border: 0;
}
table {
	table-layout: fixed;
}

form {
	display: inline;
}

select, input, img {
	font-family: verdana, helvetica, arial, sans-serif;
	vertical-align: middle;
	display: inline;
}

* + html input.bouton { /* FIX IE7 */
	overflow: visible;
}
a, acronym, abbr {
	text-decoration: none;
}
a {
	color: #002884;
}
a:hover, a:hover acronym {
	text-decoration: underline;
	color: #002884;/*3399CC*/
}
a:visited {
	/*color: #5a00a6;*/
}



#Tout {
	background:url("./images/fond_courbe.gif") no-repeat top left;
}
#entete {text-align:left;margin:0 auto;}
#entete a.bandeau{display:block;text-indent: -3700px;height: 130px;background:url("./images/bandeaucourt.gif") no-repeat transparent;background-position:350px 0;}

/* - - - Titres pages - - - */
#entete h1 {
	position: absolute;
	left:-3700px;
	width:100px;
	text-indent: -9700px;
}


hr{border:0; height:2px; background:url(images/hr.gif)  no-repeat top center; }


.actualites{margin-top:2em;}
.actualites a {color: #000000;text-decoration: none;}
.actualites a:hover { color: #3399CC;}

#boites a {color: #000000;text-decoration: none;}
#boites a:hover { color: #3399CC;}
#colonne-centrale a.toprint{text-decoration: none !important;}

.justify {
	text-align: justify;
}

.descriptif {
	font-size:0.9em;
	text-align: justify;
	font-style: italic;
}
.right {
	text-align: right;
}



/* Les différents blocs d'information sont affichés successivement par ordre décroissant d'importance */
/* Ceci respecte les recommandations relatives à l'accessibilités des pages aux personnes malvoyantes */





/* - - - Conteneur central - - - */

#conteneur-central {
	width: 900px; /* 1024 - 34 px pour les ascenseurs et les bordures */
	/*background-color:#84b1d8;*/
	/*border-right:#84b1d8 solid 1px;*/
	margin:0 auto;
	padding: 0px;
	clear:both;
	z-index: 2;
	margin-top:1em;
}
#conteneur-central .aide {
	width: 520px;
	margin: 0;
	padding: 5px;
	z-index: 2;
}
#colonne-centrale {
/*	float: left;*/
	width: 680px !important;
	width: 670px;
	background:url(images/conteneur_haut.gif) no-repeat top center;
	min-height: 580px; /* IE6 ne supporte pas min-height */
	height: auto !important; /* IE6 ne supporte pas cet écrasement */
	height: 580px; /* voir http://www.dustindiaz.com/min-height-fast-hack/ */
	margin: 0px 0px 0px 230px !important;
	margin: 0px 0px 0px 233px;
	padding: 10px 15px;
	background-color: #FFFFFF;
	z-index: 2;

}
#colonne-centrale .aide {
	float: left;
	width: 300px;
	margin: 0px 5px 0 5px;
	padding:0 15px;
	background-color: #FFFFFF;
	z-index: 2;
}
#colonne-centrale h1 {
	padding: 0;
	font-size: 1.4em;
	color: #07314B;
	font-weight: bold;
}

#colonne-centrale h2 {
	font-size: 1.15em;
	color: #636363;
	font-weight: bold;
	padding: 5px 0 0 15px;
}
#colonne-centrale h2.article {font-size:1em;}
#colonne-centrale h1 a {
	color: #000000;
	text-decoration: none;
}

#colonne-centrale h2 a {
	color: #093689;
	text-decoration: none;
}
#colonne-centrale h2 a:hover {
	text-decoration: underline;
}
#colonne-centrale h1 a:hover {
	color: #90b836;
	text-decoration: none;
}


#colonne-centrale .site_logos {
	padding: 2px;
	margin: 2px 2px 0 2px;
	border-width: 1px;
	border-style: none;
/*	max-height: 32px;
	min-height: 32px;
	max-width: 32px;
	min-width: 32px;
	height: 32px;
	width: 32px;
	*/
}

/* - - - Boites - - - */

#boites {
	float: right;
	top: 0px;
	left: 600px;
	width: 165px;
	padding: 0 0 0 10px;
	text-align:center;
	font-family: Arial, Helvetica, Times, sans-serif;
	font-size: 11pt;
}

.boite_haut {
	margin: 0;
	padding: 0;
	width: 165px;
	height: 15px;
	background:url("./images/boite_haut.jpg") repeat;
}

.boite_bas {
	margin: 0;
	padding: 0;
	width: 165px;
	height: 15px;
	background:url("./images/boite_bas.jpg") no-repeat;
}

.boite_inter {
	margin: 0;
	padding: 0px 10px 0px 10px;
	font-size: 0.8em;
	width: 148px;
	background:url("./images/boite_milieu.jpg") repeat-y;
}

.boite_inter h2 {
	margin: 0;
}

.boite_inter h3 {
	margin: 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 1em;
	color: #109CCD;
}

#menu_general {

	margin: 0 0 0 0px;
	padding: 0;
	width: 193px;
	color: #22369a;
	z-index: 2;
	position:absolute;
	top:180px;
	left:0;

}

.menu_vide {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 25px;
	z-index: 2;
}

#menu_general ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 190px;
	display: block;
	text-align: left;
	border-top:#85827d solid 1px;

}

#menu_general ul li {
	padding: 4px 0;
	margin: 0 0 0 0px;
	z-index: 2;
		width: 190px !important;
	line-height: 18px;
	position: relative;
	border-bottom:#85827d solid 1px;
}


#menu_general ul li a {
	display: block;
	font-family:Tahoma;
	padding: 0px;
	padding-left:25px;
	background:url(./images/sgdsn_micro.gif) transparent no-repeat center left;
	padding-right:4px;
	border-bottom: 0;
	/*font-weight:bold;*/
	font-size:1.05em;
	border-color: transparent;
	color: #22369a;
}


#menu_general ul li a:hover {
	/*background-color: #2E516F;*/
	color:#595754;
	text-decoration:underline;
	z-index: 4;
}

#menu_general ul li ul {
	padding: 0;
	margin: 0;
	z-index: 2;
	width: 188px !important;
	margin-top:-1px;
	
	/*Menus déroulant*/
	position: absolute;
	top: 0px;
	left: 190px;
	display: none;
	background:#CFD0D2 ;
	width: 200px !important;
	border:#85827d solid 1px;
}

#menu_general ul li:hover ul {
	/*Menus déroulant*/
	display: block;
}


#menu_general ul li ul li {
	/*border-color:#1f71b9;*/
	padding: 2px 0;
	margin: 0;
	line-height:1.2em;
	border:0;
}

#menu_general ul li ul li a {
	/*width: 171px !important;*/
	background:transparent;

	padding: 0px 0px;
	
	margin: 0px;
	color:#1f71b9;
	font-weight:normal;
	padding-left:35px;
	/*Menus déroulant*/
	padding-left:5px !important;
	padding:2px 0;

	}

#menu_general ul li ul li a:hover {
	background:transparent;
	/*color:white;*/
	text-decoration:underline;
}

#menu_general ul li.sel {
	font-style: italic;
}

#menu_general ul li.sel ul li.nosel { /* Nécessaire pour contrer l'extension de la règle qui précède */
	font-style: normal;
}



#menu_general ul li.submenu ul li a:hover { /* Nécessaire pour contrer l'extension de la règle qui précède */
	background-image: none;
}

#menu_general ul li ul li.submenu a:hover {
	background-image: url("./images/fleche.gif");
	background-repeat: no-repeat;
	background-position: 155px 50%;
}

#menu_general ul li ul li.submenu ul li a:hover { /* Nécessaire pour contrer l'extension de la règle qui précède */
	background-image: none;
}

/* Pied de page */
#pied {
	border:#a0a0a0 solid 1px;
	background:#d0d0d0 url(images/fond_menu_top.png) top left repeat-x;
	padding: 0;
	color: #000;
	text-align: center;
	height:22px;
	line-height:22px;
	width:700px;
	margin:0 auto;
	margin-top:3em;
	clear: both;
	font-size: .9em;
	font-weight:bold;
}
#pied a {
	color: #000;
	text-decoration: none;
}
#pied a:hover {
	color: #84b1d8;
	text-decoration: none;
}
#portails {
	text-align: center;
	font-size: 8pt;
	font-weight:bold;
	text-decoration: none;
	padding: 0;


	font-size:0.8em;
	font-weight:bold;
	height:25px;
	padding-top:0.5em;
}
#portails, #portails a {
	color:#636363;
	font-weight:bold;
	text-decoration:none;
}

.nettoyeur {
	clear: both;
}

/* Calendrier */
div#calendar{
	background-color: #F0F0F0;
	font-size: 7px !important;
	padding: 0;
	margin: 0;
	width: 147px !important;
}

div#calendar table{
	width: 147px !important;
	text-align: center;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

div#calendar table caption{
	padding: 0;
	margin: 0;
}

div#calendar table th{
	color: #493;
	background: transparent;
}


div#calendar table td{
	width: 21px !important;
	line-height: 2em;
	border: 1px solid #EEE;
	background: #FFFFFF;
}

div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

div#calendar table td.today a{
	border: 1px solid #493;
	background: #AFE;
}

div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

div#calendar table td.today a:hover{
	border: 1px solid #636;
	background: #DBDBDB;
}

div#calendar span{
	display: none;
}

.CalendarNews{width:36px;height:30px;float:left;background:url(images/calendar.gif) no-repeat top center;text-align:center;color:white;font-size:9px;cursor:help;}
.CalendarNews abbr{}
.CalendarNews span{color:#3558a0;font-weight:bold;font-size:12px;margin-top:0px;display:block}
.actu {margin-bottom:1em;}
.texte_actu{margin-left:50px;min-height:20px;height:auto !important;height:20px;}
.actu h2 {padding:0 !important;margin:0;margin-left:50px;}
.actu p {margin-top:3px;}


#colonne-centrale h1 {
	
	border-top: #2A369D 4px solid;	
	border-bottom: #cc262b 4px solid;	
	padding: 5px 0 5px 0;
	text-align: center;
	font-family: Helvetica, sans-serif;
	margin-top: 1.25em;
	margin-bottom: 0em;
	color: #2A369D;
	margin-bottom:1em;
	margin:0 auto;
	display:inherit;
	width:inherit;
	/*background-color: #f0f0f0;*/
}
/* - - - Menus - - - */

/* Le menu horizontal du bandeau */
#menu_bandeau {

/*	background-color:#d0d0d0;*/
	/*background:#d0d0d0 url(images/fond_menu_top.png) top left repeat-x;*/
}
ul.menu_horizon {
	border-top:#a0a0a0 solid 1px;
	border-bottom:#a0a0a0 solid 1px;
	background:#d0d0d0 url(images/fond_menu_top.png) top left repeat-x;
	height: 22px;
	width: 910px;	
	margin:0 0 0 auto ;
	color: #FFFFFF;
	padding: 0;
	font-weight: bold;
}
ul.menu_horizon li {
	border-left: 1px solid #a0a0a0;
	float:left;
	display:block;
	height:20px;
	padding:3px 0 0 0;
}
ul.menu_horizon li a{
	margin:0;
	text-align:center;   
	font-weight: bold;
	padding:0 6px 0 6px;
	color:#000000;
	
}
ul.menu_horizon li a img{
	vertical-align:middle;
}
ul.menu_horizon li:hover{
	background-color:#666;
}
ul.menu_horizon li a:hover{
	background-color:#666;
	color:#fff;
	text-decoration:none;
}


ul.menu_horizonbas {
	position: relative;
	height: 17px;
	width: 841px;
	background: #63BDEE;
	margin: 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	font-weight: bold;
}
ul.menu_horizonbas li {
	padding: 0 7em 0 15em;
	display: inline;
}
ul.menu_partenaires {
	padding: 0;
	margin: 0;
	list-style: none;
}



.sommaire{
padding-top:1em;
}



.cesti table td{width:240px;}



/* Intertitre */
h3.spip, h3.site  { margin-top: 2em; margin-bottom: 1.4em; 

color:#000000;/*#8DBE48;/*#3558a0;*/
font-weight:bold; font-size:1.2em; }
hr.spip, hr.site { margin: 2em auto; }

/* Listes */
ul.spip { list-style-image:url(images/puce.gif);}
ol.spip { list-style: decimal; }

/* Citations, code et poesie */
blockquote.spip { margin: 2em 0; padding-left: 1em; border-left: 0.30em solid; }
blockquote.site_poesie { margin: 2em 0; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; }
blockquote.site_poesie div { text-indent: -3em; margin-left: 3em; }

.site_code, .site_cadre { font-family: Courier, "Courier New", monospace; color: #036; }
.site_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; }
div.site_code, .site_cadre { margin-bottom: 1em;  }

.site_surligne { background: #FF6; }

/* Tableaux */
table.site { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.site caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.site tr.row_first { background: #FFC; }
table.site tr.row_odd { background: #EEE; }
table.site tr.row_even { background: #DDD; }
table.site th, table.site td {text-align: left; border: #000 1px solid; }
table.site th { vertical-align: bottom; font-weight: bold; }
table.site td { vertical-align: top; }

/* Logos, documents et images */
img, .site_logos { margin: 0; padding: 0; border: 0; }
.site_documents { text-align: center; line-height: normal; }
.site_documents p { margin: 0.10em; padding: 0; }
.site_documents_center { display: block; /*clear: both;*/ width: 100%; margin: 1em auto; }
.site_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.site_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.site_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.site_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* modeles par defaut */
.site_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }

/* Couleurs des liens */

a.site_note {} /* liens vers notes de bas de page */
a.site_ancre {} /* liens internes a la page */
a.site_in {} /* liens internes */
a.site_mail { color: #900; }
a.site_mail:before { content: "\002709"; } /* liens vers un email */
a.site_out { color: #009; } /* liens sortants */
a.site_url { color: #009; } /* liens url sortants */
a.site_glossaire { color: #060; } /* liens vers encyclopedie */
a.site_glossaire:hover { text-decoration: underline overline; }
.on { font-weight: bold; } /* liens exposes */


.centrer {text-align:center;}
.centrer table td {text-align:center;}
.centrer table th {text-align:center;}
.ebios table {width:700px;}
.ebios table th {text-align:center;}
/*  Choix langue */

#SelectionLangue {
	position:absolute;
	z-index:4;
	top:9px;
	right:35px;
}
#SelectionLangue ul {
	padding: 0;
	margin: 0;
}
#SelectionLangue ul li {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;

}
#SelectionLangue ul li a {
	float: left;
	margin-left: 5px;
	height: 11px;
}

#colonne-centrale .hierarchie {
	font-size:0.92em;
	color: #666;
	padding:0 0 10px 0;
}

#colonne-centrale .hierarchie a{
	color:#093689;
}


.TagCloud {margin:1em;text-align:center;line-height:2em;}
.TagCloud a {margin-left:2em;}

/* Glossaire */
h3.titre_fichesAZ {
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: bold;
	color: #109CCD;
}
li.list_alpha {
	list-style: none;
	display: inline;
}
a.lettre_alpha_fiches {
	float: left;
	width: 18px;
	/* width: 30px; */
	font-size: 0.8em;
	line-height: 1.9em;
	text-align: center;
	color: #636363;
	background-color: #E0E0E0;
	border-bottom: 1px solid #DADCDE;
	margin: 1px;
}
a.lettre_alpha_tous {
	float: left;
	width: 30px;
	font-size: 0.8em;
	line-height: 1.9em;
	text-align: center;
	color: #636363;
	background-color: #E0E0E0;
	border-bottom: 1px solid #DADCDE;
	margin: 1px;
}
a.lettre_alpha_fiches:hover {
	color: #FFFFFF;
	background-color: #EF5F58;
	border-bottom: 1px solid #CC0033;
}
.lettre_alpha_select {
	float: left;
	width: 30px;
	line-height: 1.9em;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #EF5F58;
	border-bottom: 1px solid #CC0033;
	margin: 1px;
}
.lettre_alpha_vide {
	float: left;
	width: 18px;
	line-height: 1.9em;
	text-align: center;
	color: #ccc;
	font-size: 0.8em;
	background-color: #F0F0F0;
	margin: 1px;
}

#colonne-centrale h1.Titre {
	display:block;
	border:0;
	margin:0;
	font-family:Tahoma;
	color:#9a9a9a;
	text-align:left;
	border-bottom:1px dotted #9a9a9a;
	font-weight:bold;
}
.Outils{float:right;margin:5px 0px 5px 5px;}
.invisible,
.accessibleHiddenLink {
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	height: 0px !important;
	width: 0px !important;
	font-size: 0px !important;
}
ul.liensAccessibilite {
	float: left;
	width: auto;
}
ul.liensAccessibilite li {
	display: inline;
	font-size: 0.83em;
	font-weight: bold;
	margin-left: 5px;
}
ul.liensAccessibilite a, ul.liensAccessibilite a:visited{
	color: black;
}

.accessibleHiddenLink {
	visibility: visible;
	overflow: hidden;
}