/*  ----------------------------------------------- */
/*  Feuille de style ANSSI - 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 */
body {
	width: 100%; /* 1024 - 34 px pour les ascenseurs et les bordures */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	text-align: justify;
	/*letter-spacing: 0.05em;*/
	color: #333333;
	margin: 0 auto;
	position: relative;
	background-position: center;
}

#aide {
	/*width: 600px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	text-align: justify;
	letter-spacing: 0.05em;
	background-color: #0080FF;
	color: #333333;
	margin: 0 -25px;
	padding: 5px 0;
}

a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #109CCD;
}


.justify {
	text-align: justify;
}

.descriptif {
	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 */

#entete{width:600px;}
#entete h1 {padding-left:95px;padding-top:30px;font-size:150%;height:124px;background:url(./images/BlocSGDSN.gif) left center no-repeat;margin:0;}

.hierarchie{font-size:0.8em;	color: #636363;
	font-weight: bold;}
/* - - - Bandeaux - - - */

#bandeau {
	height: 120px;
	min-height: 120px;
	max-height: 120px;
	width: 650px;
	margin:0 0 0 25px;
	padding:0;
}

/* Le menu horizontal du bandeau */
#menu_bandeau {
	display:none;
}
.toprint{display:none;}

.bandeau{display:none;}

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

#conteneur-central {
	margin: 0;
	padding: 0px;
	z-index: 2;
}
#conteneur-central .aide {
	width: 530px;
	margin: 0;
	padding: 5px;
	z-index: 2;
}
#colonne-centrale {
	width: 100%;
	margin: 0;
	
	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: #109CCD;
	font-weight: bold;
}

#colonne-centrale h2 {
	font-size: 1.2em;
	color: #636363;
	font-weight: bold;
	padding: 5px 0 0 15px;
}

#colonne-centrale h1 a {
	color: #000000;
	text-decoration: none;
}

#colonne-centrale h2 a {
	color: #000000;
	text-decoration: none;
}

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

#colonne-centrale h2 a:hover {
	color: #109CCD;
	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;
	position: relative;
	top: 0.5em;
}

/* - - - 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("squelettes/images/boite_haut.jpg") repeat;
}

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

.boite_inter {
	margin: 0;
	padding: 0px 10px 0px 10px;
	font-size: 0.8em;
	width: 145px;
	background:url("squelettes/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 {
	display:none;
}


/* Pied de page */
#pied {
	border-top: solid 1px #CECECE;
	border-bottom: solid 1px #CECECE;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	clear: both;
	font-size: .9em;
	font-weight:bold;
	margin-top:2em;
}
.LienPiedDePage{display:none;}
#portails { display:none;}

/* Bug IE6 non contournable par CSS :-(
   cf. http://www.positioniseverything.net/explorer/threepxtest.html */

* html #portails li {
	margin: -3px 0;
}

#portails a {
	padding: 0;
	margin: 0;
}
#portails .site_logos {
	padding: 0;
	margin: 0 0 0 0;
	max-height: 24px;
	min-height: 24px;
	max-width: 290px;
	min-width: 290px;
	width: 290px;
	height: 24px;
}

.nettoyeur {
	clear: both;
}

/* Calendrier */
div#calendar{
	background-color: #FFFFFF;
	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;
}

#onglets_outils{ display:none;}


.sommaire{
padding-top:1em;
}



.cesti table td{width:240px;}




/* Intertitre */
h3.spip { text-align: center; margin-top: 2em; margin-bottom: 1.4em; font-size: 1.15em; font-weight: bold; }
hr.spip { margin: 2em auto; }

/* Listes */
ul.spip {}
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 { padding: 0.20em 0.40em; text-align: left; border: 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;}
#SelectionLangue{display:none;}
.Outils{display:none;}
ul.liensAccessibilite {display:none;}