/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background: #000000;
	font-size: 1em;
	color: #616161;
	background:url(../images/fd.jpg);
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; font-weight: normal; }
h2 a:hover, h2 span a:hover,

a:hover { color:#4d6ea2; }
a { color: #616161; }

.spacer { clear:both}

.orange { color:#ed7a1c;}
.bleu {color:#4D6EA2;}
div.fdgris {background-color:#EBEBEB; padding:5px;}



/*  BLOCS PRINCIPAUX */
#conteneur {
	position:relative;
	margin:0 auto;
	width: 992px;
	background:url(../images/fd_page.gif) no-repeat #FFFFFF;
	
	height: auto;
	min-height: 600px; /* pour firefox prenne toute la hauteur de page*/
	_height: 600px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 600px;
}

#colonne_gauche,
#centre {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#colonne_gauche { 
	width:200px; 
	/*border:solid red 1px;*/
}

#centre {
	width:776px;
	/*border:solid black 1px;*/
	padding-top:40px;
}
#footer {
	position:relative;
	margin: 0 auto;
	width:992px;
	text-align:center;
	}
#footer li {
	display:inline;
	padding-right:10px;
	padding-left:10px;
	border-right: solid 1px #1a3661;
	}
#footer li a {
	color:#1a3661;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.59em;
	}
#footer li a:hover {color:#FFFFFF}
#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#737373;
	font-size:0.65em;
	}
#footer p a {color:#737373; text-decoration:none;}
#footer p a:hover {color:#FFFFFF;}

#bas_page {
	position:relative;
	margin:0 auto;
	width:992px;
	background:url(../images/fd_footer.gif) no-repeat;
	height:41px;
	}

	
	
	
	
	
/* MENU */
#barre_menu {
	position:relative;
	height:32px;
	}
#menu {
	position:relative;
	background:url(../images/fd_menu.gif);
	height:32px;
	float:left;
	width:624px;
	}
#menu #bord_g {
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:32px;	
	}
#menu #bord_d {
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:32px;	
	}
#menu #bord_g {
	background:url(../images/bord_g_menu.gif);
	}
#menu #bord_d {
	background:url(../images/bord_d_menu.gif);
	}
#menu ul li {
	position:relative;
	float:left;
	list-style-type:none;
	padding-left:15px;
	padding-right:15px;
	background:url(../images/filet_menu.gif) no-repeat top right;
	height:32px;
	padding-top:5px;
	}
#menu ul li a {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.88em;
	}
#menu ul li.on a { color:#9ab0d2; font-weight:normal;}

#bt_retour_fprt {
	position:relative;
	width:150px;
	height:32px;
	background:url(../images/fd_bt_fingerprint.gif) no-repeat;
	float:right;
	text-align:center;
	}
#bt_retour_fprt a {
	display:block;
	width:150px;
	height:32px;
	padding-top:8px;
	
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.65em;

	}
#bt_retour_fprt a:hover, #menu ul li a:hover {color:#9ab0d2}

#menu_annexe a {
	color: #666666;
	text-decoration:none;
	}
#menu_annexe {
	position:absolute;
	bottom:45px;
	right:20px;
	font-size:0.71em;
	}
#menu_annexe li {
	list-style-type:none;
	display:inline;
	}






/* COLONNE GAUCHE */
#colonne_gauche #logo h1 a {
	position:relative;
	display:block;
	height:199px;
	width:167px;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-50000px;
	margin-left:15px;
	margin-top:15px;
	}
	
/* SOUS MENU */
.affiche {display:block}
.cache {display:none}

#navigation #nav_annexe {
	position:relative;
	margin-left:30px;
	margin-top:10px;
	line-height:0.8em;	
	}
#navigation #nav_annexe a {font-size:0.71em; color:#FFFFFF; text-decoration:none;}

#navigation {
	position:relative;
	text-align:left;
	margin-top:30px;
	/*width:190px;*/
	z-index:1;
	}
#navigation a {
	color:#616161;
	text-decoration:none;
	}
#navigation a:hover, #navigation #nav_annexe a:hover {color:#4d6ea2;}

#navigation div.n1 {margin-left:10px;}
#navigation div li.n1 {
	font-size:0.88em;
	list-style-type:none;
	padding-top:10px;
	padding-bottom:10px;
	width:190px;
	background:url(../images/fd_menu_onglets.gif) no-repeat bottom left;
	}	
#navigation div li.n1 a {
	display:block;
	width:160px;
	}
#navigation div.n2 ul { margin-top:10px;margin-left:5px;}
#navigation div.n2 ul li {
	position:relative;
	color:#36AFE7;
	font-size:11px;
	line-height:1.8em;
	list-style-type:none;
	border-bottom:dashed 1px #CCCCCC;
	}
#navigation div.ss-rubrique ul { margin-top:0px;}
#navigation div.n2 ul li a span {color:#ff7c00;}
#navigation div.n3 ul {margin-left:20px;}
#navigation div.n3 ul li {
	list-style-type:none;
	font-size:11px;
	}
#navigation #haut_nav {
	position:relative;
	height:25px;
	}
#navigation #body_nav {
	position:relative;
	width:190px;
	}
.on { color:#4d6ea2;font-weight: bold;}
	
/* ACCUEIL */
#listing_services {
	position:relative;
	margin-left:15px;
	margin-top:35px;
	}
#listing_services h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.96em;
	color:#4d6ea2;
	font-weight:bold;
}
#listing_services p  {
	font-size:0.71em;
	list-style-type:none;
	line-height:1.7em;
	margin:0;
	padding:0;
	}
#listing_services p a {
	color:#616161;
	text-decoration:underline;
}
#listing_services p a:hover { color:#000000; text-decoration:underline;}
#banniere {
	position:relative;
	margin-top:10px;
	}
#encarts dl {
	position:relative;
	float:left;
	width:230px;
	height:100px;
	border:solid 1px #d1d1d1;
	margin-right:11px;
	margin-top:15px;
	}
#encarts dl dt {
	position:absolute;
	top:0;
	left:0;
	float:left;
	z-index:0;
	}
#encarts dl dd {
	position:relative;
	margin-left:10px; 
	line-height:0.9em;
	z-index:1;
	}
#encarts dl dd.descriptif  { width:50%}
#encarts dl dd.descriptif a {
	font-size:0.71em;
	/*font-weight:bold;*/
	color:#616161;
	text-decoration:none;
	}
#encarts dl dd h2 {margin-top:10px;}
#encarts dl dd h2 a {
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	}
#encarts dl dd h2 a:hover, #encarts dl dd.descriptif a:hover {/*color :#4d6ea2;*/}


#coordonnees {
	position:relative;
	float:left;
	width:230px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:solid 1px #b2b2b2;
	margin-top:20px;
	}
#coordonnees p { margin:0; padding:0; margin-left:20px;}
#coordonnees p.intitule { font-size:0.77em; color:#4d6ea2; font-weight:bold;}
#coordonnees p.tel { font-size:1.15em; color:#000000; font-weight:bold;}
#coordonnees p.mail a { font-size:1.03em; color:#616161; font-weight:bold; text-decoration:none}
#coordonnees p.plan a { font-size:0.71em; color:#000000; text-decoration:none}
#coordonnees p.mail a:hover, #coordonnees p.plan a:hover {color: #4d6ea2}



/* ARTICLE */
#hierarchie {
	position:absolute;
	top:170px;
	left:20px;
	margin-bottom:2em;
	margin-top:1em;
	font-size:0.65em;
	color:#575757;
	}
#hierarchie a {color:#575757;}
#hierarchie a:hover {color:#4d6ea2;}

h2.titre_article, h2.titre_rubrique {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:1.15em;
	margin-bottom:1em;
	}
h2.titre_rubrique { margin-top:1em;}
p.texte_rubrique {font-size:14px; line-height:1.8em; width:300px;}
ul.spip { margin-left:1em;}
.texte {
	position:relative;
	padding-top:0.2em;
	font-size:0.77em;
	text-align:justify;
	line-height:1.5em;
	}
h3.spip {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	border-bottom: solid 1px #CCCCCC;
	color:#4D6EA2;
	margin-top:1em;
}
p.spip { margin:0; padding:0; margin-top:0.5em; }
#contenu_article {
	position:relative;
	margin-top:15px;
	width:70%;
	margin-left:20px;
	}
#contenu_article h4.soustitre {
	font-size:0.88em;
	font-weight:bold;
	color: #808080;
	margin-bottom:1em;
	width:450px;
	}
#contenu_article h4.blocs_titre {
	font-size:12px;
	}
#contenu_rubrique {
	position:relative;
	width:70%;
	margin-left:70px;
	border-left: solid 1px #CCCCCC;
	padding-left:2em;
	}
#documents_joints {
	position:relative;
	padding:0.5em;
	margin-top:1em;
	}	
#portfolio {
	position:relative;
	margin-top:1em;
	text-align:center;
	}
#portfolio img { margin-bottom:1em;}
#documents_joints dl.documents {
	position:relative;
	margin:auto;
	text-align:center;
	}
#documents_joints dl.documents dd {font-size:0.71em;}
#documents_joints dl.documents dd a { text-decoration:none;}
#documents_joints dl.documents img {
	position:relative;
	padding-top:1px;
	}

table.spip {
	background: #EBEBEB;
	padding:5px;
}
div.blocs_destination {
	margin-left:20px;
	margin-bottom:1em;
	}
	
#titre_rubrique_ban {
	position:absolute;
	left:20px;
	top:15px;
	font-size:1.8em;
	letter-spacing:0.2em;
	text-transform:uppercase;
	color:#333333;
}
#visuel_article {
	position:absolute;
	top:-10px;
	right:0px;
	}
#colonne_droite {
	position:relative;
	float:right;
	width:180px;
	}
.chapeau {
	position:relative;
	padding:5px;
	/*border:solid 1px #D1D1D1;
	background:#FFFFFF;*/
	margin-top:80px;
	color:#666666;
	font-size:1.15em;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}



/* SPIP CARTO */
/* datacenter */
body.datacenter #contenu_article {
	position:relative;
	width:70%;
	margin-left:0;
	}
	
body.datacenter #contenu_article #visuel_article { display:none;}

body.datacenter h2.titre_article {margin-bottom:0}

#carte a span.cadre_legende {
	display:none;
	text-decoration:none;
}
#carte a:hover {
	background:none; /* correction d'un bug IE */
}
#carte a:hover span.cadre_legende {
	position:absolute;
	display:block;
	width:150px;
	padding-left:30px;
	padding-top:10px;
	font-size:11px;
	color:#FFFFFF;
}
#carte a:hover span.cadre_legende span {
	display:block;
	background-color:#000000;
	padding:1em;
	text-align:left;
}








/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }