/********************************************************************************************/
/********************************************************************************************/
/***                                                                                      ***/
/*** Feuille de styles communs à toutes les pages du site.                                ***/
/***                                                                                      ***/
/********************************************************************************************/
/********************************************************************************************/

* { color: inherit;	font-family: inherit; outline: none; }
html { font-size: 100%; color: #444; }
body { 
	margin: 0; 
	padding: 30px 0; 
	font-size: 0.75em; 
	font-family: Helvetica, Arial, 'Lucida Grande', 'sans-serif';
	background: #a6ba35 url('../img/background.png') repeat-x top left; }
	
h2 { color: #b9c200; }

p { margin: 10px 0; }

a { text-decoration: none; color: #799a11; }
a:hover { background-color: #e5efaf; /*text-decoration: underline;*/ }

ul { margin: 1em 0 1em 40px; padding: 0;}

small { font-size: 90%; }

img { border: 0; margin: 0; padding: 0; behavior: url(win_png.htc); }
table { width: 100%; }
table, td, tr { padding: 0; margin: 0; }
td { vertical-align: top; }

cite, blockquote { 
	font-family: "Time New Roman", Georgia, Times, serif; 
	font-size: 1.2em; 
	font-style: italic; }

iframe { border: #ddd solid 1px; }

/*************************************************************************************/
/*** Classes globales
/*************************************************************************************/

.invisible { display: none; }
.extensible { overflow: hidden; }
.a_droite { text-align: right; }
.au_centre { text-align: center; }
.spacer { visibility: hidden; clear: both; }
.grise { color: #999; }
.petit { font-size: 0.9em; }
.grand { font-size: 1.1em; }
.gras, .on { font-weight: bold; }
.off { font-weight: normal; }
.format_png { behavior: url(iepngfix.htc); }
.spacer { clear: both; visibility: hidden;  }

.en_vert { color: #799a11; }

.espace_avant { padding-top: 16px; }
.espace_apres { padding-bottom: 16px; }

.flottant_gauche { float: left; }
.flottant_droite { float: right; }

.bordure_haute { border-top: #aaa dotted 1px; padding-top: 8px; }
.bordure_basse { border-bottom: #aaa dotted 1px; padding-bottom: 8px; }

.rss { 
	float: right;
	position: relative;
	top: 19px;
	margin-right: 6px;   
	width: 18px; 
	height: 18px; 
	background: url('../img/iconRSS.png') no-repeat left center; }
.colonne_droite .rss { top: 3px; margin-right: 8px; }

div.intro { margin-bottom: 24px; }
p.soustitre { font-weight: bold; font-size: 1.25em; color: #555; }
div.chapeau { font-size: 1.15em; }
div.texte { margin-bottom: 40px; overflow: hidden; }
div.notes { margin-top: 40px; font-size: 0.9em; color: #666; }

.lien_hypertexte { padding-left: 16px; background: url('../img/puce.png') no-repeat left 0.25em; font-weight: bold; }

.pagination { border-top: #e5efaf solid 5px; margin: 0; padding: 4px 0 10px; font-size: 0.9em; text-align: right; }

.suivant { text-align: right; }


/*************************************************************************************/
/*** Styles SPIP
/*************************************************************************************/

a.spip_glossaire { color: #A76F00; border-bottom: #A76F00 dotted 1px; }
a.spip_glossaire:hover { background-color: transparent; text-decoration: none; border-bottom-style: solid; }

h3.spip { font-size: 1.4em; color: #224708; font-weight: normal; margin: 32px 0 16px; }

ul.spip { margin: 5px 0 5px 0; padding: 0 0 0 40px; }
ul.spip li { padding: 2px 0; }

ol.spip { margin-top: 5px; margin-bottom: 5px; }
ol.spip li { padding: 2px 0; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

hr.spip { height: 5px; border: 0; border-top: #e5efaf solid 5px; }

blockquote.spip {
	margin: 15px 20px 15px;
	padding: 5px 20px; 
	background: url('../img/quote1.png') no-repeat left top; }
blockquote.spip p {	background: url('../img/quote2.png') no-repeat right bottom; margin: 0; padding: 0; }

img.spip_logos { margin: 0 8px 2px 0; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: 15px auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.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.85em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.85em; margin-left: auto; margin-right: auto; }

/*** Tableaux ***/
table.spip {
	margin: 10px 0 20px;
	border: none;
	border-spacing: 0px; 
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
/*table.spip tr { border-top: white solid 1px; }*/
table.spip tr.row_first { background: #e2e2e2; }
/*table.spip tr.row_odd { background: #f1f1f1; }
table.spip tr.row_even { background: #fafafa; }*/
table.spip th, table.spip td { padding: 4px; text-align: left; vertical-align: top; /*border-right: white solid 1px;*/ }
table.spip td {/*border-top: #ddd solid 1px;*/ }

/*.formulaire_spip input, .formulaire_spip textarea { font-size: 11px; }
.formulaire_spip input.text, .formulaire_spip textarea { padding: 1px; border: #5caa00 solid 1px; background-color: #fff; }
.formulaire_spip input.text:focus, .formulaire_spip textarea:focus { background-color: #DCECCA; }
.formulaire_contact ul { margin: 0; padding: 0; }
.formulaire_contact ul li { margin: 0; padding: 5px 0; list-style-type: none; }
.formulaire_contact ul li strong { float: left; width: 200px; }
.formulaire_contact input.text, .formulaire_contact textarea { float: left; margin-left: 220px; }*/

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { margin: 0 0 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
.formulaire_spip fieldset h3.legend { display: none; }

/* Explications */
.formulaire_spip .explication { display: block; margin: 0.25em 0 0.50em; font-size: 85%; font-style: italic; color: #666; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { overflow: hidden; margin: 0; padding: 0.50em 0; }
.formulaire_spip ul li.obligatoire label:after { content: " *"; color: #990000; }
.formulaire_spip ul li.obligatoire .choix label { color: #990000; }
.formulaire_spip ul li.obligatoire .choix label:after { content: ""; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix { float: left; padding-right: 15px; }
.formulaire_spip .choix label { display: inline; font-weight: normal; position: relative; top: -0.2em; }
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox { width:auto; }


/* Champs de saisie */
.formulaire_spip input.text { width: 50%; border: 1px inset; padding: 1px; border: #799a11 solid 1px; background-color: #fff; }
.formulaire_spip textarea { width: 80%; border: 1px inset; padding: 1px; border: #799a11 solid 1px; background-color: #fff; }
.formulaire_spip input.text:focus, .formulaire_spip textarea:focus { background-color: #e5efaf; }
.formulaire_spip select { width: auto; padding: 1px; border: #799a11 solid 1px; background-color: #fff;}

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}

.erreur_message { color: #aa0000; display: block; }


/*************************************************************************************/
/*** Structure des pages
/*************************************************************************************/

#Page { margin: 0 auto;	width: 980px;}
#PageCorps { background: url('../img/pageBody.png') repeat-y left top; overflow: hidden; }
#PageHaut {	background: url('../img/pageHeader.png') no-repeat top left; overflow: hidden; }
#PagePied {
	padding-top: 40px; 
	background: url('../img/pageFooter.png') no-repeat top left;
	min-height: 141px;
	height: auto !important;
	height: 141px; }
.contenu { padding: 0 50px; }

/*** Menu ***/

#Menu { float: left; width: 140px; }
#LogoSite { position: relative; top: 35px; left: -10px; }
a#LogoSite:hover { background-color: transparent; }
#Menu ul { margin: 60px 0 0; padding: 0; }
#Menu ul li { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; }
#Menu ul li a {
	display: block; 
	padding: 0; 
	margin: 0;
	color: #fff; 
	font-size: 1.1em; 
	font-weight: bold; 
	background: url('../img/menuBg0.png') repeat 0 0;
	/*background: url('../img/menuOff.png') no-repeat 0 0;*/ } 
#Menu ul li a:hover { 
	text-decoration: none; 
	background-position: 0 50px; }
#Menu ul li.on a { color: #444; background-image: url('../img/menuBg1.png'); }
#Menu ul li.on a:hover { color: #fff; }
#Menu ul li a span { 
	display: block; 
	margin: 0; 
	padding: 6px;
	background: url('../img/menuMask.png') no-repeat center left; }

/*** Contenu de la page ***/

#PageContenu { margin-top: 40px; margin-left: 170px; }

#EngagementECF { 
	position: relative; 
	left: 465px; 
	display: block; 
	width: 240px; 
	height: 60px;
	margin-bottom: 50px;  }
a#EngagementECF:hover { background-color: transparent; }
#EngagementECF span { display: none; }

#Pictos { float: right; width: 140px; margin: 0; padding: 0; }
ul#Pictos li { margin: 0 0 20px; padding: 0; list-style-type: none; text-align: center; }
ul#Pictos li a:hover { background-color: transparent; }
#ContenuVariable { margin-right: 170px; }
div.cartouche { overflow: hidden; margin-bottom: 30px; }
div.cartouche img.spip_logos { 
	margin-right: 10px; 
	padding-right: 10px; 
	background: url('../img/logoSeparator.png') no-repeat right center; }
div.cartouche .retour a { font-size: 95%; }
div.cartouche h2 { float: left; margin: 5px 0; padding: 0; width: 450px; }
div.cartouche em { display: block; width: 100%; font-style: normal; font-size: 0.85em; clear: both; text-align: right; }

#Articles { margin-top: 30px; }
div.article {
	margin-top: 10px; 
	padding: 15px 20px 5px 0; 
	overflow: hidden;
	background: url('../img/articleBackground.png') no-repeat right top; font-size: 0.9em; }
div.article img { margin-top: 10px; }
div.article h4 { font-size: 1.2em; margin: 5px 0 10px; padding: 0; }

#DerniereVideo { margin-bottom: 30px; }
#DerniereVideo h4 { font-size: 1.1em; margin: 0; padding: 0; }
#DerniereVideo em { font-style: normal; font-size: 0.85em; }
#Videos { padding-top: 5px; border-top: #e5efaf solid 5px; }
div.video { margin: 0; padding: 15px 0 5px; overflow: hidden; }
div.video h4 { font-size: 1.0em; margin: 0; padding: 0; }
div.video em { font-style: normal; font-size: 0.85em; }
div.play { position : relative; display: block; } 
div.play img { position : absolute; } 

 
/*** Compteur de signatures ***/
.compteur { float: right; color: #799a11; font-weight: bold; padding: 0 0 10px 30px; }
.compteur span.avant { display: block; font-size: 1.05em; position: relative; top: -0.25em; left: -0.75em; }
.compteur span.apres { display: block; font-size: 1.35em; text-align: right; position: relative; top: 0.25em; }
.compteur strong { 
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 5px; 
	background: url('../img/counterL.png') no-repeat left center;
	font-family: Courrier, 'monospace';
	font-size: 16px;
	color: #eee; }
.compteur strong em, div.cartouche .compteur strong em { 
	display: block;
	width: auto;
	clear: none;
	float: left;
	margin: 0;
	padding: 5px 5px 5px 0; 
	background: url('../img/counterR.png') no-repeat right center;
	font-style: normal; 
	font-size: 1.0em; }
.compteur strong em span {
	margin: 0;
	padding: 0 4px 0 5px; 
	background: url('../img/counterSeparator.png') no-repeat left center;}

/*** Pied de page ***/
	
#PagePied { color: #e2f2a6; }
#PagePied a { color: #fff; }
#PagePied a:hover { background-color: #8aae1d; }
#LogoECF { margin: 0 0 0 760px; }
a#LogoECF:hover { background-color: transparent; }
#PagePied div { position: relative; top: 39px; }
#PagePied div p { margin: 0; padding: 0; }


/*************************************************************************************/
/*** Style spécifiques de squelettes
/*************************************************************************************/

body.sommaire #ContenuVariable { font-size: 110%; }
body.sommaire table.spip { margin: 0; border: none; border-spacing: 0px; }
body.sommaire table.spip td { padding: 0 0 20px; text-align: left; vertical-align: top; border: none; }
body.sommaire div.video { 
	margin-top: 10px; 
	padding: 20px 20px 5px 0; 
	background: url('../img/articleBackground.png') no-repeat right top; }

body.rubrique #ContenuVariable { font-size: 110%; }

body.secteur2 div.colonne1, body.secteur2 div.colonne2 { float: left; width: 250px; }
body.secteur2 div.colonne1 { margin-right: 10px; }
body.secteur2 div.article {
	margin: 0 0 15px;
	padding: 0;
	font-size: 85%; 
	background: none; }
body.secteur2 div.article img.spip_logos { margin: 0; padding: 0; }
body.secteur2 div.article h4 { margin: 0; padding: 3px 0 5px; font-size: 100%; display: block; }
body.secteur2 div.article p { margin: 0; padding: 0; }
body.secteur2 div.article a { display: block; padding: 5px; overflow: hidden; }

body.formulaire a.spacer { display: none; }
body.formulaire div.texte { margin: 0; padding: 0; }