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

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
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; }

/* Remises à zéro */
html, body, ul, li, div, p, img, a, table, td, tr, dl, dd, dt,form,fieldset {margin:0;padding:0;border:0;}


li{list-style-type: none}
.texte li.spip{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
}
.texte li.spip li.spip{
	list-style-type: circle;
	}


object{
position:relative;
z-index:5;
}




/**********************
*			
* POSITIONNEMENT BLOCS PRINCIPAUX
*
**********************/




div#header,
div#header1,
div#header2,
div#header3,
div#header4,
div#header5,
div#header6,
div#header7{
width:100%;
height:184px;
position:relative;
z-index:30;
}





div#enveloppe{
position:relative;
z-index: 1;
float:left;
width:100%;
margin-left:-210px;
padding-bottom:30px;
}

div#contenu,div#sommaire,div#sommaire_nifty{
z-index: 1;
position:relative;
margin-left: 200px;
}

div#navigation{
z-index:50;
position: relative;
width:200px; 
float:right;
}
#cartouche{
position:absolute;
bottom:199px;
}




div#footer{clear:both;width:100%}


/******************************
*
* Dénitions d'ordre général
*
******************************/

/*******Les blocs ********/
div#contenu{
text-align: justify;
background: #FFF;
padding:0 75px 0 150px;
/* IE interprete mal le float dans élément ayant un padding */
zoom:1;
}

div#conteneur,div#conteneur1{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation.gif) repeat-y right;
}
/* thèmes*/
div#conteneur2{
background:#f1f2ea url(images/navigation2.gif) repeat-y right;
}
div#conteneur3{
background:#f1f2ea url(images/navigation3.gif) repeat-y right;
}
div#conteneur4{
background:#f1f2ea url(images/navigation4.gif) repeat-y right;
}
div#conteneur5, #conteneur52{
background:#f1f2ea url(images/navigation5.gif) repeat-y right;
}
/* reseau */
div#conteneur6{
background:#f1f2ea url(images/navigation6.gif) repeat-y right;
}
/* partenaires */
div#conteneur7{
background:#f1f2ea url(images/navigation7.gif) repeat-y right;
}


#header, #header1{
background: url(images/header52.jpg) no-repeat #142408;
}

/* supports, sommaire = ver de terre */
#header2{
background: url(images/header1.jpg) no-repeat #142408;
}

/* terrain, agenda, parcelles = terre + turricule */
#header3{
background: url(images/header16.jpg) no-repeat #142408;
}

/* carnet = bourdon */
#header4{
background: url(images/header12.jpg) no-repeat #142408;
}

/* publications*/
#header5{
background: url(images/header16.jpg) no-repeat #142408;
}

/* Réseau = groupe d'agriculteurs   */
#header6{
background: url(images/header99.jpg) no-repeat #142408;	
	}
	
/* partenaires */
#header7{
background: url(images/header22.jpg) no-repeat #142408;
}


/* contact */
#header38{
background: url(images/header38.jpg) no-repeat #142408;
}








/******************** Les fonds de colonne navigation**********************************************************************/


div#navigation1{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation.gif) repeat-y right;
}

div#navigation2{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation2.gif) repeat-y right;
}

div#navigation3{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation3.gif) repeat-y right;
}

div#navigation4{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation4.gif) repeat-y right;
}
div#navigation5{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation5.gif) repeat-y right;
}
div#navigation6{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation6.gif) repeat-y right;
}
div#navigation7{
/* bug IE : mettre également ici background */
background:#f1f2ea url(images/navigation7.gif) repeat-y right;
}







/*******Balise et classes générales ********/
body{
background-color:#001000;
color:#53586e;
}

.titre, .soustitre, .chapo{
color: #2c4a3a;

}

.titre{
font-family: Georgia, "Times New Roman", serif ;
text-transform:uppercase;
text-align: left;
font-size:1.7em;
font-weight:bold;
margin:1em 0 3em 0;
}
#conteneur7 .titre{
	margin:3em 0 1em 0;
	}

.soustitre{
font-family: Georgia, "Times New Roman", serif ;
position:relative;
bottom:4em;
}

.surtitre{
margin:60px 0;
}
.chapo{
background:url(images/fond_chapo.gif) repeat-y;
padding-left:25px;
font-weight:bold;
margin-bottom:2em;
}

h3.spip{
padding:15px 0;
text-transform:uppercase;
font-size:1.5em;
text-align:left;
color: #99CC33	;
clear:left;
}

p, p.spip{
margin-bottom:1em;
line-height: 1.5em;
}

.chapo p.spip{
font-size: 115%;
line-height:1.2em
}

img{
behavior: url("win_png.htc");
}



#contenu #tag img{
	border:0;
	}


.nodisplay{
	display:none;
	}	

/*     les listes récapitulatives  */ 
p.intro{
margin-left:20px;
}

#copyright{
clear:both;
}
.clear{
clear:both;
}

strong.spip{
color:black;
}
.regroupement{
font-weight:bold;
font-size:1.3em;
text-transform:uppercase;
margin:10px 0 5px 0;
border-bottom:1px solid;
}


/******************************
*
*   Les liens
*
******************************/

a, a:active, a:visited{
text-decoration:none;
color:orange;
}
a:hover{
	text-decoration:underline;
	}

#intro h3 a{
color:black;
}

#navigation a, #navigation a:active, #navigation a:visited{
text-decoration:none;
color: black;
font-weight:bold;
}
#navigation a:hover{
text-decoration: underline;
}

#navigation .texte a, #navigation .texte a:visited{
text-decoration:underline;
color:#FF6600;
}
#navigation .texte a:hover{
text-decoration:underline;
color:#000000;
}

a.spip_out{
text-decoration:none;
border-bottom:1px dashed #d49f10;
padding-right:15px;
color: #d49f10;
background:url(images/spip_out.gif) center right no-repeat;
}




/***********************
*
*   Le Header
*
***********************/
#home{
	position:absolute;
	width:400px;
	height:100px;
	top:0;
	left:0;
	}

#search{
	position:absolute;
	bottom: 40px;
	left:10px;
	width:200px;
	height:20px;
	}

/******************************
*
*   Le menu du haut
*
*   A sa propre feuille de style
*   menu.css   menuoriginal.css
******************************/









/******************************
*
*   Le bloc central
*
******************************/


#documents_portfolio{
text-align: left;
}

.spip_doc_descriptif{
	border-top:1px solid #666;`
	margin-top:2px;
	font-size:80%;
	margin-bottom:30px;
	}


/* Suivi des parcelles*/
#last_image{
float:right;
width:300px;
margin-left:50px;
position:relative;
bottom:50px;
}

.vignettes{
	font-weight:bold;
	font-size:0.8em;
	width:130px;
	float:left;
	margin-bottom:30px;
	}
.vignettes img{
	display:block;
	}


#document_actif img{
	margin-right:25px;
	display: block;
	float:left;
}

.titre_legende {
	border-bottom: 1px solid black;
	color:#000;
	font-weight: bold; 
	}



/* avant_apres */
#avant_apres{
	text-align: left;

	}
a.before{
	text-transform:lowercase;
	}




/********Les tags sont mis dans la zone dispo à gauche******/
#tag{
position:absolute;
left:0px;
width:70px;
}




/******************
*
* le portfolio
*
*******************/
#diapo{float:left;
margin-right:15px;
}

#diapo_vignettes{
	padding-top:50px;
	clear:both;
}
#diapo_vignettes span{
	font-size: 0.75em;
	}
#diapo_vignettes h2{
	padding:10px 0;
	}

#parcelle{
position:absolute;
top:200px;
right:0;
width:250px;
}






/******************************
*
*  * La page des blogs
*
*****************************/
.blog{
position:relative;
clear:both;
margin-bottom:45px;
}
.blog .titre{
font-size: 1.5em;
margin:1em 0 0.5em 0;
text-transform: uppercase;
border-bottom:1px dotted #30402d;
}
.blog p.spip{
margin-bottom:1em;
}

.date{
position:absolute;
left:-82px;
width:80px;
height:80px;
background:url(images/bloc_date.jpg) no-repeat;
text-align: center;
padding-top:10px;
}
.day{
height:1em;
font-size:2em;
}
.month{
font-size:0.8em;
text-transform: uppercase;
}
.year{
color:black;
}


/******************************
*
*  * La page des réseaux
*
*****************************/
.liste_sites{
	border-bottom:1px solid green;
	margin-bottom:25px;
	}
.liste_sites strong{
	text-transform: uppercase;
	border-bottom: 1px solid black;
	}
p.sites_descriptif{
	margin-top: 15px;
	}

/*******************************
*
*    Le footer
*
*******************************/
#footer{
	clear:both;
	padding-top:10px;
	position:relative;
	font-size: 90%;
	background: #001000 url(images/fond_footer.jpg) repeat-x;
	}


.foot_box{
	float:left;
	width:11%;
	padding-left:10px;
	display:inline;/*bug IE*/
	}
.box1{
	margin-left:150px;
	}	


#footer h5{
font-family: Helvetica, Verdana, sans-serif ;
border-bottom:1px solid #999999;
margin:0;
	}
#footer p{
font-size: 0.8em;
	color:#999999;
	text-align: center;	
	margin-bottom:50px;
	}


#footer a, #footer a:visited{
	color:#999999;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
	}



/******le premier bloc *****/
.mentions{
	width:550px;
	margin:0 auto ;
	text-align:center;
	position:relative;
	left:-200px;
	margin-bottom:50px;
	}
#footer .mentions a{
	padding: 0 7px;
	}


/*****************************
*
*   SOMMAIRE
*
******************************/
#sommaire{
padding:0 25px 0 25px;
/* IE interprete mal le float dans élément ayant un padding */
zoom:1;
	}
	
#sommaire div.texte{
padding:0 10px;

	}
#sommaire_nifty strong{
	display:block;
	border-bottom:1px solid #000;
	}	
.sommaire{
	clear:both;
	margin-top:25px;
	}
.full{
	margin-top:10px;
	padding:30px 10px 10px 10px;
	border:1px solid #000;
	border-top:5px solid #000;
	}



/******* Version niftysée **********/
#sommaire_nifty{
padding:0 25px 0 25px;
/* IE interprete mal le float dans élément ayant un padding */
zoom:1;
	}
#sommaire_nifty .first{
	float:left;
	width:55%;
	}
#sommaire_nifty .second{
	float:right;
	width:40%;
	}
#sommaire_nifty p.important{
	color:#CC0000;
	font-weight: bold;
	}	
#sommaire_nifty h3{
	position:relative;
	top:12px;
	height:75px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;

	}
#sommaire_nifty p.suite,#sommaire_nifty small{
	font-family: Georgia, "Times New Roman", serif ;
	}		
#sommaire_nifty div.edito{
	margin-top:10px;
	}

#sommaire_nifty div.texte{
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	padding:10px 15px 15px 15px;
	}


/* le fond et les bordures de cadre */
#sommaire_nifty div.alaune div.texte{
	border-color:#999999;
	}
#sommaire_nifty div.breves div.texte{
	border-color:#999999;
	}
#sommaire_nifty div.video div.texte{
	border-color:#0099CC;
	}
#sommaire_nifty div.agenda div.texte{
	border-color:#FFCC00;
	}
#sommaire_nifty div.carnets div.texte{
	border-color:#99CC33;
	}
#sommaire_nifty div.documentation div.texte{
	border-color:#0099CC;
	}
#sommaire_nifty div.tcs div.texte{
	border-color:#CC0000;
	}
#sommaire_nifty div.endirect div.texte{
	border-color:#FFCC33;
	}	
#sommaire_nifty div.publications div.texte{
	border-color:#CC0000;
	}
#sommaire_nifty div.sites div.texte{
	border-color:#FFC300;
	}






/* h3 : les titres et les fonds des titres */
#sommaire_nifty div h3 span{
	display:none;
	}
#sommaire_nifty .alaune h3{
	background:url(images/sommaire_alaune.gif) repeat-x;
	}
#sommaire_nifty .breves h3{
	background:url(images/sommaire_breves.gif) repeat-x;
	}
#sommaire_nifty .video h3{
	background:url(images/sommaire_video.gif) repeat-x;
	}
#sommaire_nifty .agenda h3{
	background:url(images/sommaire_agenda.gif) repeat-x;
	}
#sommaire_nifty .carnets h3{
	background:url(images/sommaire_carnets.gif) repeat-x;
	}
#sommaire_nifty .documentation h3{
	background:url(images/sommaire_documentation.gif) repeat-x;
	}
#sommaire_nifty .tcs h3{
	background:url(images/sommaire_tcs.gif) repeat-x;
	}
#sommaire_nifty .endirect h3{
	background:url(images/sommaire_endirect.gif) repeat-x;
	}	
#sommaire_nifty .publications h3{
	background:url(images/sommaire_publications.gif) repeat-x;
	}		
#sommaire_nifty .sites h3{
	background:url(images/sommaire_reseau.gif) repeat-x;
	}	
#basdepage{
	margin-top:150px;
	}

	
/* La colonne de navigation du sommaire
.titraille{
	color:#000000;
	font-weight:bold;
	font-size:2em;
	border-bottom:1px solid black;
	}	
#navigation strong{
	color:#000;
	}	
#navigation h4{
	text-transform:uppercase;
	font-weight: bold;
	color:#000;
	}	
*/	
img.etiquette{
	position:relative;
	top:15px;
	margin-right:10px;
	}				
/*****************************
*
*   LES ELEMENTS SPIP modifiés
*
*****************************/
.spip_documents_left{
float:left;
margin-right:30px;
}

.spip_documents_right {
	float: right; margin-left: 55px; margin-bottom: 5px; }
p#pf_tcs{
	z-index:10000;
	}
.video{
z-index:0;
}

fieldset.previsu{
border:1px dashed #99CC00;
	padding:15px;
}
fieldset.previsu legend{
text-transform: uppercase;
color: #99CC00;
	padding:0 15px;
}
fieldset.reponse_formulaire{
	color:#99cc00;
	}

/**************************
*
* LA PAGE DE RECHERCHE
*
*********************************/
.recherche p{
	margin-left:50px;
	font-size:80%;
	}
.encart{
	margin:50px 0;


	}	
/********************
*
*   PAGE CONTACT
*
*********************************/	
.no-display{display: none;}

div.formulaire_ecrire_auteur{
	width:350px;
	float:left;
	margin-left:300px;
	}
.formulaire_ecrire_auteur label{
	display:block;
	width:400px;
	margin:20px 0 0 0;
	}
p.reponse_formulaire_ok{
	color:#99CC33
	}