/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { 
	font-size: 100%; 
} /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { 
	font-size: 0.8em; 
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	color: #333; 
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { 
	margin: 0; 
	padding: 0; 
	font-weight: normal; 
	font-size: 1.1em; 
	text-align: left;
}
h1 { 
	font-size: 1.70em; 
	color: #003366; 
	font-weight: bold;
}
h2 { 
	font-size: 1.2sem; 
	font-weight: normal; 
}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { 
	color: #003366; 
}
h2 a:hover {
	color: #F57900;
}
h3 { 
	font-size: 1.20em; 
	font-weight: bold; 
}
h3.spip {
} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { 
	font-weight: bold; 
}
em { 
	font-style: italic; 
}
abbr, acronym { 
	border-bottom: 1px dotted; 
	cursor: help; 
}
small { 
	font-size: 0.90em; 
	color: #666; 
}
dfn { 
	font-weight: bold; 
	color: #666; 
}
del { 
	text-decoration: line-through; 
}
ins { 
	color: red !important; 
	text-decoration: none; 
}
sup, sub { 
	font-size: .8em; 
	font-variant: normal; 
}

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}
.hentry .spip_logos {
	border-style: solid;
	border-width: 1px;
	border-color: #003366;
}
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { 
	background-color: #E8E8FF; 
	background-image: url("icons/fond.png"); 
	background-repeat: repeat-x; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
}

#page { 
	position: relative; 
	margin: 0 auto;
}

#entete { 
	width: 990px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 0px; 
	background-color: transparent; 
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #003366; 
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #003366; 
}
#entete a.accueil { 
	display: inline; 
	width: 356px; 
}
#entete a.accueil img.spip_logos { 
	vertical-align: bottom; 
	line-height: 1em; 
}
#entete a.accueil #nom_site_spip { 
	vertical-align: bottom; 
	font-size: 2.2em; 
	font-family: Georgia, Times, serif; 
	font-weight: normal; 
}
#entete .formulaire_menu_lang { 
	position: absolute; 
	right: 0; 
	top: 0.90em; 
	display: block; 
	width: 30%; 
} /*Cf.: spip_formulaires.css*/
#entete .google_adsense {
	float: right; 
	padding-top: 15px; 
	padding-right: 15px; 
}

#topnav {
	text-align: left; 
	vertical-align: middle; 
	width: 990px; 
	height: 35px; 
	margin: 0 auto; 
	background-color: #6699CC; 
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #003366; 
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #003366; 
	color: #FFFFFF; 
}
#topnav ul {
	float: left; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 5px; 
	padding-bottom: 0px; 
	list-style: none outside none; 
	margin-left: 15px; 
	margin-right: 5px; 
	margin-bottom: 0px; 
	margin-top: 0px; 
}
#topnav ul li {
	float: left; 
	list-style: none outside none; 
	padding-top: 5px; 
}
#topnav ul li a {
	color: #FFFFFF; 
	display: inline; 
	padding-left: 0px; 
	padding-right: 15px; 
	font-variant: small-caps; 
	font-weight: bold; 
}
	
#conteneur { 
	background-color: #FFFFFF; 
	clear: both; 
	width: 970px; 
	overflow: auto; 
	margin-left: auto; 
	margin-right: auto; 
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #003366; 
	border-right-width: 1px; 
	border-right-style: solid; 
	border-right-color: #003366; 
	padding-left: 10px; 
	padding-right: 10px;
}
	
#contenu { 
	padding-top: 0.30em; 
	padding-left: 0px;
	padding-right: 0px;
	float: left; 
	width: 970px;
	margin-bottom: 10px; 
}

#navigation { 
	float: right; 
	width: 320px; 
	margin-top: 1em; 
	margin-left: 0.5em;
	margin-bottom: 1em;
	overflow: hidden; 
}

#outils {
	background-color: #E8E8FF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-color: #003366;
	border-width: 1px;
	padding: 5px 5px 5px 10px;
	width: 285px;
	overflow: hidden;
}
#preSocialTags {
	color: #003366;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	padding-right: 10px;
	clear: left;
}
#exportPdf {
	color: #003366;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	padding-right: 10px;
	clear: left;
	margin: 0px 0px 5px 0px;
}
#map-canvas {
	width: 640px;
	clear: left; 
	margin-left:0px; 
/*	margin-right:auto;*/ 
	margin-top: 5px;
	margin-bottom: 10px;
	padding:0px
}
.marker h1 {
	font-size: 0.9em;
	text-align: center;
}
#extra { 
	float: right; 
	clear: right; 
	width: 30%; 
	margin-top: 1em; 
	overflow: hidden; 
}

#explorateur {
	clear: both;
	background-color: #6699CC; 
	width: 970px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #003366; 
	border-right-width: 1px; 
	border-right-style: solid; 
	border-right-color: #003366; 
	padding-bottom: 10px; 
	padding-top: 10px;
	padding-left: 10px; 
	padding-right: 10px;
	overflow: auto;
}
#explorateur div {
	clear: both;
	width: 100%;
	padding-bottom: 10px;
}
#explorateur div div {
	clear: none;
	width: 230px;
	float: left;
	margin: 0px;
	/*width: 11%;*/
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
#explorateur a {
	color: #FFFFFF;
}
#explorateur h1 {
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#explorateur h2 {
	font-variant: small-caps;
	font-size: 1em;
	font-weight: bold;
}
#explorateur ul { 
	margin: 0; 
	padding: 0;
	list-style-type: square;
	color: #FFFFFF;
	list-style-position: inside;
	text-align: left;
}
#explorateur ul li { 
	margin: 0.05em 0; 
	padding: 0.1em;
	font-size: 0.9em; 
}

#pied { 
	background-color: #FFFFFF;
	/*background: url("icons/pied.png") repeat-x scroll 0 0 #FFFFFF;*/ 
	clear: both; 
	width: 100%; 
	margin: 0; 
	padding: 0.40em 0; 
	border-top: 1px solid #8B6F92; 
	text-align: center; 
	font-size: 0.90em; 
}
#pied img { 
	vertical-align: middle; 
}

/* Espaceur de blocs */
.nettoyeur { 
	clear: both; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	line-height: 1px; 
	font-size: 1px; 
}

/* Non visible a l'ecran */
.invisible { 
	position: absolute; 
	top: -3000em; 
	height: 1%; 
}


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { 
	clear: none; 
	margin-bottom: 1em; 
	font-size: 0.90em; 
	text-align: left;
}
#hierarchie, #hierarchie a { 
	color: #666; 
}
#hierarchie .on {
	color: #666;
}

.cartouche { 
	margin-bottom: 1em; 
}
.cartouche .spip_logos { 
	border-style: solid;
	border-width: 1px;
	border-color: #003366;
	float: right; 
	margin-left: 16px; 
	margin-bottom: 4px; 
}
.cartouche p { 
	margin: 0; 
	padding: 0; 
	clear: left; 
	text-align: left;
}
.surtitre, .soustitre { 
	font-size: 0.90em; 
	color: #666; 
	text-transform: uppercase; 
	letter-spacing: 0.10em; 
}
.cartouche .surtitre { 
	margin-bottom: 0.30em; 
}
.cartouche .soustitre { 
	margin-top: 0.50em; 
	margin-bottom: 0.30em; 
}
.cartouche .traductions { 
	font-size: 0.90em; 
}

.chapo { 
	margin-bottom: 0.50em; 
	line-height: 1.40em; 
	font-weight: bold; 
	color: #003366; 
	text-align: justify; 
	clear: left;
	min-height: 90px;
}
.texte { 
	line-height: 1.60em; 
	text-align: justify;
	float: none;
}
.hyperlien { 
	display: block; 
	background: #EEE; 
	padding: 0.50em 1em; 
	font-weight: bold; 
	color: #8B6F92; 
}
.ps, .notes { 
	margin-bottom: 2em; 
	line-height: 1.40em; 
	text-align: justify;
	border-style: dotted;
	border-width: 1px;
	border-color: #003366;
	padding: 5px;
	float: left;
	width: 80%;
}
.notes { 
	clear: both; 
	font-size: 0.90em; 
}
.meta-publi {
	margin-bottom: 15px;
	margin-top: 15px;
	border-style: dotted;
	border-width: 1px;
	border-color: #003366;
	background-color: #E8E8FF; 
	padding: 3px;
	text-align: right;
}
.meta-secteur {
	float: left;
	font-size: 0.7em;
}

abbr.published { 
	border: 0; 
}

/* Portfolio */
#documents_portfolio { 
	clear: none; 
	margin: 2em auto; 
	text-align: center; 
}
#documents_portfolio div {
	width: 155px; 
	float: left; 
	min-height: 155px;
	vertical-align: middle;
	text-align: center;
}
#documents_portfolio .spip_logos { 
	margin: 6px 3px 0 3px; 
	border: 4px solid #DDD; 
}
#documents_portfolio a.on .spip_logos { 
	border-color: #F57900; 
}
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { 
	border-color: #8B6F92; 
}

/* Fonds d'�cran */
#documents_fond_ecran { 
	clear: left; 
	margin: 2em auto; 
	text-align: center;
	overflow:hidden; 
}
#documents_fond_ecran table {
	width: 100%;
}
#documents_fond_ecran td {
	width: 33%;
	text-align: center;
}
#documents_fond_ecran h4 {
	font-size: 0.8em;
	font-weight: bold;
	color: #003366;
	text-align: center;
}
#documents_fond_ecran .spip_logos { 
	margin: 6px 3px 0 3px; 
	border: 4px solid #DDD; 
}
#documents_fond_ecran a.on .spip_logos { 
	border-color: #F57900; 
}
#documents_fond_ecran a:focus .spip_logos,
#documents_fond_ecran a:hover .spip_logos,
#documents_fond_ecran a:active .spip_logos { 
	border-color: #8B6F92; 
}


/* Habillage des forums
---------------------------------------------- */
.repondre { 
	clear: both; 
	margin-top: 2.50em; 
	margin-right: 1em; 
	text-align: right; 
	font-weight: bold; 
}

/* Habillage des forums */
ul.forum { 
	display: block; 
	clear: both; 
	margin: 0; 
	padding: 0; 
}
ul.forum, ul.forum ul { 
	list-style: none; 
}
.forum-fil { 
	margin-top: 1.50em; 
}
.forum-fil ul { 
	display: block; 
	margin: 0; 
	padding: 0; 
	margin-left: 1em; 
}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { 
	display: block; 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	color: #333; 
}
.forum-texte { 
	margin: 0; 
	padding: 0.50em 1em; 
	color: #333; 
}
.forum-texte .hyperlien {}
.forum-texte .repondre { 
	margin: 0; 
	padding: 0.10em 0; 
	text-align: right; 
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { 
	border: 1px solid #666; 
	margin: 0; 
	padding: 0; 
	margin-bottom: 1em; 
}
ul ul .forum-message { 
	border: 1px solid #A4A4A4; 
}
ul ul ul .forum-message { 
	border: 1px solid #B8B8B8; 
}
ul ul ul ul .forum-message { 
	border: 1px solid #CCC; 
}
ul ul ul ul ul .forum-message { 
	border: 1px solid #E0E0E0; 
}
ul ul ul ul ul ul .forum-message { 
	border: 1px dotted #E0E0E0; 
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { 
	border: 0; 
	border-bottom: 1px dotted #B8B8B8; 
	margin: 0; 
	padding: 3px 6px 2px 6px; 
	background: #C4E0E0; 
}
ul ul .forum-chapo { 
	background: #D4E8E8; 
}
ul ul ul .forum-chapo { 
	background: #E4F0F0; 
}
ul ul ul ul .forum-chapo { 
	background: #F4F8F8; 
	border-bottom: 1px dotted #E0E0E0; 
}
ul ul ul ul ul .forum-chapo { 
	background: #FFF; 
}


/* Habillage des petitions
---------------------------------------------- */
#signatures { 
	clear: both; 
	margin: 0 0 2em 0; 
	padding: 0; 
	background: none; 
}
#signatures table { 
	width: 100%; 
	margin: 1em 0 0 0; 
}
#signatures thead { 
	text-align: center; 
	color: #555; 
}
#signatures td { 
	padding: 0.50em; 
	border: 2px solid #FEFEFE; 
	vertical-align: top; 
}
#signatures td.signature-date { 
	background: #E4F0F0; 
	text-align: center; 
	white-space: nowrap; 
}
#signatures td.signature-nom { 
	background: #ECF4F4; 
	text-align: center; 
}
#signatures td.signature-nom small { 
	display: block; 
}
#signatures td.signature-message { 
	background: #F4F8F8; 
}
#signatures .formulaire_recherche { 
	margin: 1em 0; 
	text-align: right; 
} /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { 
	width: 10em; 
	text-align: left; 
} /*Cf.: spip_formulaires.css*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { 
	clear: left; 
	text-align: left;
	overflow: hidden; 
}
.menu p { 
	margin: 0.20em 0; 
	padding: 0.20em 0.10em; 
}
.menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
.menu ul li { 
	margin: 0.20em 0; 
	padding: 0.20em; 
}
.menu ul li ul { 
	margin-left: 1em; 
	border: 0; 
}
.menu ul li li { 
	padding: 0; 
	border: 0; 
}

/* Pagination */
.pagination { 
	clear: both; 
	text-align: right; 
	font-size: 0.90em; 
	color: #666; 
}
.pagination .on { 
	font-weight: bold; 
	color: #666; 
}

/* Rubriques */
.rubriques ul li { 
	clear: both; 
	padding: 0.40em 0.20em; 
	text-align: justify;
}
.rubriques ul li h3 { 
	margin: 0.30em 0; 
}
.rubriques .spip_logos { 
	float: right; 
	clear: right; 
	margin: 0 0 4px 16px; 
}
.rubriques  ul li .enclosures { 
	float: right; 
	text-align: right; 
	max-width: 60%; 
	margin: 0; 
}
.rubriques  ul li .introduction { 
	margin-top: 0.30em; 
	line-height: 1.40em; 
}

.formulaire_recherche { 
	margin-bottom: 10px; 
	margin-top: 0px; 
	margin-right: 10px; 
	float: left; 
	clear: both; 
} /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { 
	clear: left; 
	padding: 0.40em 0.20em; 
	text-align: justify;
}
.articles ul li h3 { 
	margin: 0.30em 0; 
}
.articles .spip_logos { 
	float: right; 
	clear: right; 
	margin: 0 0 4px 16px; 
}
.articles ul li .enclosures { 
	float: right; 
	text-align: right; 
	max-width: 60%; 
	margin: 0; 
}
.articles ul li .introduction { 
	margin-top: 0.30em; 
	line-height: 1.40em; 
}

/* Encarts publicitaires */

.pub {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.encart {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 288px;
	padding: 5px;
	border-color: #003366;
	border-style: solid;
	border-width: 1px;
	background-color: #E8E8FF;
}
.encart h2 {
	text-align: left;
	padding: 3px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-bottom-width: 1px;
	font-variant: small-caps;
	font-weight: bold;
}
.encart ul { 
	color: #003366;
	margin: 5px 0 0 0; 
	padding: 0;
	list-style-image: url("../puce.gif");
	list-style-position: inside;
	text-align: left;
}
.encart ul li { 
	margin: 0.05em 0; 
	padding: 0.1em; 
}
.encart ul li ul {
	margin-left: 20px;
	list-style-type: square;
	list-style-image: none;
}

/* Styles pour le plan du site
---------------------------------------------- */

.plan h2 {
	font-variant: small-caps;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: dotted 1px;
	padding-bottom: 5px;
	overflow: hidden;
}
.plan ul {
	text-align: left;
}

/* Couleurs des liens
---------------------------------------------- */
a { 
	color: #003366; 
	text-decoration: none; 
}
a:focus,a:hover,a:active { 
	color: #003366; 
	text-decoration: underline;
}

.gplusone {
	padding : 0px;
	text-align : left;
}
