/*  ----------------------------------------------------------- */
/*  Feuille de styles  SPIP 1.9 pj avril07 civs */
/*  ----------------------------------------------------------- */
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	text-align: justify;
/*	letter-spacing: 0.05em; */
	background-color: #ECEDEF;
	/*color: #333333;*/
	color: #333333;
	margin: 0;
	padding: 0;	
}
/* - - - Blocs et mise en page - - - */
div#page {
	position: relative;
	width: 841px;
	margin: 0 auto;
	top: 0px;
	background-color: #ffffff;
}
div.right {
	text-align: right;
}
#bandeau_impression{display:none;}
div.alerte0 {
	background-color: #ffffff;
	/* border: solid green; */
	/* border-radius: 25px; */
	margin: 5pt 5pt 5pt 5pt;
	padding: 5pt 5pt 5pt 5pt;
}
div.alerte {
	background-color: #ffffff;
	/* border: solid #f0a0a0; */
	/* border-radius: 25px; */
	/*margin: 5pt 5pt 5pt 5pt;
	padding: 5pt 5pt 5pt 5pt;*/
	margin: 0;
	padding: 0;
}
div.alerte1 {
	background-color: #ffffa0;
	border: solid yellow;
	/* border-radius: 25px; */
	margin: 5pt 5pt 5pt 5pt;
	padding: 5pt 5pt 5pt 5pt;
}
div.alerte2 {
	background-color: #fff0a0;
	border: solid orange;
	/* border-radius: 25px; */
	margin: 5pt 5pt 5pt 5pt;
	padding: 5pt 5pt 5pt 5pt;
}
div.alerte3 {
	background-color: #ffa0a0;
	border: solid red;
	/* border-radius: 25px; */
	margin: 5pt 5pt 5pt 5pt;
	padding: 5pt 5pt 5pt 5pt;
}

div.right {
	text-align: right;
}

#liseret_gche {
	top: 45px;
	left: -79px;
	background:url("images/gauche_gris.jpg") no-repeat;
	height: 1095px;
	width: 79px;
	position: absolute;
}
*> #liseret_gche{
	top: 25px; /* FF */
	!top: 25px; /* IE7 */
}
#liseret_dte {
	top: 45px;
	left: 841px;
	background:url("images/droite_gris.jpg") no-repeat;
	height: 1095px;
	width: 79px;
	position: absolute;
}
*> #liseret_dte{
	top: 25px; /* FF */
	!top: 25px; /* IE7 */
}

.conteneur-central {
	position: relative;
	margin: 0 auto;
	width:841px;
}

table#table_structurante {
	margin: 0;
}

td#colonne_gauche {
	width: 201px;
/*	width: 231px;*/
	height: 790px;
	background:url("images/Nav_fond_vert_degrade.gif") repeat-y;
}

td#colonne_milieu {
	width: 504px;
/*	width: 394px;*/
	padding: 20px 15px 5px 0;
}
*> td#colonne_milieu {
	!margin: -20px; /* IE7 */
}

/* Article */
td#colonne_centrale {
	padding: 0 20px 0 5px;
}

td#colonne_droite {
	background:url("images/droite_partenaires.gif") no-repeat 0 30px;
/*	width: 267px;*/
	width: 20%;
/*	width: 297px;*/
	padding: 60px 15px 0 5px;
}

td#colonne_droite_mot {
	background:url("images/boite_haut.jpg") no-repeat 80px 50px;
	width: 297px;
	padding: 65px 0 0 80px;
}

td#colonne_droite_cal {
	width: 207px;
	padding: 70px 0 0 0;
}

img, table {
	margin: 0;
	padding: 0;
	border: none;
}

.titre_rubrique a {
	color:#999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin-left: 0;
	padding-left: 0;
	text-decoration: none;
}

.titre_rubrique a:hover {
	color: #90b836;
	text-decoration: none;
}
a {
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}
#portails, #portails a {
	color: #636363;
	text-decoration: none;
	font-weight:bold;
}
a.lien_home_part {
	color: #109CCD;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left;
	font-weight:bold;
}
a.lien_home_part2 {
	color: #109CCD;
	text-decoration: none;
	text-align: left;
	font-weight:bold;
}
a.lien_home_encart {
	/*color: #636363;*/
	color: #ef5f58;
	witdh: 18px;
	font-size: 1.2em;
	text-decoration: none;
	font-weight:bold;
}
a.liens_home_encart2 {
	color: #636363;
	text-decoration: none;
	float: right;
	font-weight:normal;
}
a.liens_home_encart {
	color: #636363;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left;
	font-weight:normal;
}
#colonne_droite p{text-align:left;}
a:hover, a.gp_in:hover,a.gp_ancre:hover, a.gp_out:hover, a.lien_home_encart:hover, #portails a:hover {
	color: #109CCD;
	text-decoration: none;
}
a.gp_in, a.gp_out, a.gp_ancre {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.titre_SSI {
	color: #FFFFFF;
}
a.titre_SSI:hover, a.lien_home_part:hover {
	color: #000000;
}
a.titre_menugen {
	padding: 0 63px 0 0;
	color: #636363;
}

a.titre_menugen2 {
	padding: 0 63px 0 0;
	color: #BB2222;
}

a.titre_menugen:hover {
	color: #FFFFFF;
}
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: #FFFFFF;
	font-size: 0.8em;
	background-color: #F0F0F0;
	margin: 1px;
}
.nettoyeur {
	clear: both;
	display: block;
}
.hr_nettoyeur {
	clear: both;
	display: none;
}
p.encart_autres_liens {
	padding: 0 0 10px 10px;
}
p.texte_home {
	color: #636363;
	margin: 0;
	padding: 10px 0 20px 0;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
.filet-portails {
	position: relative;
	top: 0px;
	width: 841px;
	height: 25px;
	text-align: center;
	text-decoration: none;
}
#portails {
	position:absolute;
	top: 3px;
	left: 0px;
	width: 841px;
	height: 25px;
	text-align: left;
	font-size: 0.9em;
	font-weight:bold;
	text-decoration: none;
}
/* - - - Bandeau - - - */
.bandeau {
	position:relative;
	top: 0px !important;
	top: 20px;
	width: 841px;
	height: 147px;
	background:url("images/bandeau.jpg");
	text-indent: -3000px;
	display:block;
}
/* - - - Menus - - - */
ul.menu_horizon {
	position: relative;
	top: 0px;
	height: 17px;
	width: 841px;
	background:url("images/Nav_bandelette_bleue.gif") no-repeat;
	margin: 0;
	padding: 4px 0 0 0;
	color: #FFFFFF;
	font-weight: bold;
}
ul.menu_horizon li {
	height: 21px;
	padding: 0 1em 0 1em;
	border-right: 1px solid #FFFFFF;
	display: inline;
}
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;
}
/* - - - Bloc du menu general - - - */
ul.menu_general {
	padding: 0;
	margin: 0 0 0 -42px;
	position: inherit;
	z-index: 1;
	position: relative;
}
ul.menu_general li.premier {
	list-style-type: none;
	width: 214px;
	background:url("images/NAV_triangle_haut.gif") no-repeat;
	padding: 29px 0 0 50px;
	margin: 50px 0 0 0;
	font-size: 1.2em;
	letter-spacing: -0.025em;
	font-weight: bold;
	color: #FFFFFF;
}
*> ul.menu_general li.premier {
	padding: 24px 0 0 50px; /* FF */
	!padding: 29px 0 0 50px; /* IE7 */
}

ul.menu_general li {
	list-style-type: none;
	width: 214px;
	background:url("images/NAV_triangle_haut.gif") no-repeat;
	padding: 29px 0 0 50px;
	margin: 0;
	font-size: 1.2em;
	letter-spacing: -0.025em;
	font-weight: bold;
	color: #FFFFFF;
}
*> ul.menu_general li {
	padding: 24px 0 0 50px; /* FF */
	!padding: 29px 0 0 50px; /* IE7 */
}
ul.sous_menu_gen {
	padding: 0;
	margin: 0 0 0 -50px;
	text-align: left;
}
ul.sous_menu_gen li {
	margin: 0;
	padding: 4px 0 0 50px;
	width: 214px;
	background:url("images/NAV_triangle_milieu.gif") repeat-y;
	font-size: 0.9em;
	letter-spacing: 0;
	color: #636363;
}
ul.sous_menu_gen li.fin_boite_menu {
	margin: 0;
	padding: 4px 0 0 50px;
	width: 214px;
	height: 40px;
	background:url("images/NAV_triangle_bas.gif") repeat-y;
}
ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.onglets {
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline;
}
ul li.li_vide {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li.li_plan {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0;
}
ul.listing {
	margin: 0;
	padding: 15px 0 0 0;
	width: 100%;
	/*font-weight: bold;*/
}
ul.listing li.ligne_blanc {
	list-style: none;
	margin: 0;
	padding: 15px 10px 15px 10px;
	line-height: 1.2em;
}
ul.listing li.ligne_gris {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
	background-color: #DEDEDE;
	line-height: 1.2em;
}
li.list_alpha {
	list-style: none;
	display: inline;
}
.gp_logos {
/*	float: left;*/
	padding: 0 5px 0 0;
}
/* - - - Encart Home - - - */
.fond_encart{
	padding: 0;
	margin: 0;
	background: #EFF7FF;
}
.encart_home_gauche {
	float: left;
	width: 394px;
	color: #000000;
	z-index: 1;
}
.encart_home_titre {
	margin: 0;
	padding: 15px 0 0 10px;
	color: #636363;
	font-weight: bold;
}
.image_encartQR {
	float: left;
	width: 74px;
	height: 60px;
	padding: 0;
	margin: 0;
	background:url("images/picto_Q_Reponses.gif") no-repeat 0 3px;
}
.encart_home_droite {
	position: relative;
	margin: 0 0 0 444px;
	width: 380px;
	height: 180px;
	color: #636363;
}
.image_encart_thermoNiv0 {
	float: right;
	width: 36px;
	height: 155px;
	padding: 0;
	border-style: solid;
	border-color: green;
	margin: 0;
	background: url("images/picto_alerte2_0.gif") no-repeat;
}
.image_encart_thermoNiv1 {
	float: right;
	width: 36px;
	height: 155px;
	padding: 0;
	border-style: solid;
	border-color: yellow;
	margin: 0;
	background: url("images/picto_alerte2_1.gif") no-repeat;
}
.image_encart_thermoNiv2 {
	float: right;
	width: 36px;
	height: 155px;
	padding: 0;
	border-style: solid;
	border-color: orange;
	margin: 0;
	background: url("images/picto_alerte2_2.gif") no-repeat;
}
.image_encart_thermoNiv3 {
	float: right;
	width: 36px;
	height: 155px;
	padding: 0;
	border-style: solid;
	border-color: red;
	margin: 0;
	background: url("images/picto_alerte2_3.gif") no-repeat;
}
/* - - - Titres pages - - - */
h1 {
	position: absolute;
	text-indent: -3000px;
}
h2 {
	padding: 0;
	font-size: 1.3em;
	color: #109CCD;
	font-weight: bold;
}
h2.page_home, h3.discret {
	position: absolute;
	text-indent: -3000px;
}
h2.titre_plan {
	padding: 20px 0 0 80px;
	height: 60px;
	font-size: 1.3em;
	color: #109CCD;
	font-weight: bold;
	background:url("images/Plan.gif") no-repeat;
}
h3 {
	font-size: 1em;
	color: #636363;
	font-weight: bold;
	padding: 5px 0 0 15px;
}
h3.titre_partenaires {
	text-align: left;
	font-size: 1em;
	color: #636363;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h3.titre_principaux {
	text-align: left;
	font-size: 1.3em;
	color: #109CCD;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 5px 0;
}
h3.titre_principaux2 {
	text-align: left;
	font-size: 1.3em;
	color: #BB2222;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 5px 0;
}
h3.titre_fichesAZ {
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: bold;
	color: #109CCD;
}
h4 {
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0 0;	
}
h4.lettre_Glossaire {
	font-size: 1.1em;
	color: #109CCD;
	font-weight: bold;
	margin: 20px 0 -10px 0;
	padding: 0;	
}
/* - - - Boites - - - */
.boite_fichesAZ {
	position: relative;
	background:url("images/boite_milieu.jpg") repeat-y;
	margin: 0;
	padding: 0;
}
.boite_fichesAZ_bas {
	position: relative;
	height: 17px;
	width: 168px;
	background:url("images/boite_bas.jpg") no-repeat;
	margin: 0;
	padding: 0;
}
.boite_fichesAZ_inter {
	width: 130px;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
}
/* - - - Onglets du menu outils - - - */
#onglets_outils {
	margin-left: 0px;
	width: 841px;
	height: 31px;
	top: 20px;
	position: relative;
	line-height: 22px;
	background:url("images/fond_recherche.jpg") repeat;
}

*> #onglets_outils{
	top: 4px; /* FF */
	!top: 4px; /* IE7 */
}

#onglets_outils ul {
	padding: 0;
	margin: 0;
}
#onglets_outils ul li {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}
#onglets_outils ul li#rss a {
	float: left;
	margin-left: 0px;
	background:url("images/outils_RSS_off.gif") no-repeat;
	width: 68px;
	height: 31px;
	text-indent: -3000px;
}
#onglets_outils ul li#rss a:hover {
	float: left;
	background:url("images/outils_RSS_on.gif") no-repeat;
	text-indent: -3000px;
}
#onglets_outils ul li#contact a {
	float:left;
	background:url("images/outils_contact_off.gif") no-repeat;
	width: 110px;
	height: 31px;
	text-indent: -3000px;
}
#onglets_outils ul li#contact a:hover {
	float:left;
	background:url("images/outils_contact_on.gif") no-repeat;
	text-indent: -3000px;	
}
#onglets_outils ul li#aide a {
	float:left;
	width: 133px;
	height: 31px;	
	background:url("images/outils_aide_off.gif") no-repeat;
	text-indent: -3000px;	
}
#onglets_outils ul li#aide a:hover {
	float:left;	
	background:url("images/outils_aide_on.gif") no-repeat;	
	text-indent: -3000px;	
}
#recherche {
	margin: 0 0 0 335px !important;
	margin: 0 0 0 328px;
}
input.ok_recherche {
	background:url("images/OK_Bleu.gif") no-repeat;
	text-indent: -3000px;
	font-size: 0.9em;
	border-width: 0 0 0 1px;
	padding: 2px 0 0 0px;
	width: 28px !important;
	width: 30px;
	height: 21px;
	color: #ffffff;
	position: absolute;
}
/* Pied de page */
div#pied {
	border-top: solid 1px #CECECE;
	border-bottom: solid 1px #CECECE;
	background-color: #EFEFEF;
	width: 841px;
	margin: 0;
	padding: .5em 0;
	color: #000000;
	text-align: center;
	clear: both;
	font-size: .9em;
	font-weight:bold;
}

/* CSS Document */
div#calendar{
	/*border: 1px solid #F0F0F0;*/
	padding: .5em;
	margin: .5em;
	background-color: #F0F0F0;
	font-size: 0.8em;
}

div#calendar table{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

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

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


div#calendar table td{
	width: 14%;
	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;
}

div.MiseAJour{
	color:red;
	margin:1.5em;
	font-weight:bold;
	border:#f00 solid 1px;
	padding:0.5em;
}
div.MiseAJour a{
	color:red;
}



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

/* Logos, documents et images */
img, .gp_logos { margin: 0; padding: 0; border: 0; }
.gp_documents { text-align: center; line-height: normal; }
.gp_documents p { margin: 0.10em; padding: 0; }
.gp_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.gp_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.gp_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.gp_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.gp_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

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

.code{font-family:Courier,"Courier New",monospace;padding:0.5em;}


.descriptif {
color:#999999;
font-size:0.9em;
font-style:italic;
margin-top:-1em;
text-align:right;
}