/* ------------------------------------------
/* 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}



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




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




#header,div#header1, div#header2,#header16, #header22, #header37, #header38, #header12,#header41, #header52, #header99{
display:none
}





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

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

div#navigation{
	display:none;
}
#home, div.menu{
	display:none;
	}

/******************************
*
* 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;
}









/*******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;
}
.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.spip{
margin-bottom:1em;
line-height: 1.5em;
}

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

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


.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;
}

#intro h3 a{
color:black;
}

#navigation a, #navigation a:active, #navigation a:visited{
text-decoration:none;
color: black;
font-weight:bold;
}
#navigation a:hover,#navigation2 a:hover,#navigation3 a:hover,#navigation4 a:hover,#navigation5 a:hover,#navigation6 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:150px;
	top:0;
	left:0;
	}



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




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


#documents_portfolio{
text-align: left;
}


/* 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 colonne de navigation
*******************************/

#cartouche{
position:absolute;
top:-200px;
left:0;
}
#navigation p	{
padding:0 7px;
}

div#navigation li{
text-align:left;
padding-left:15px;
}
div#navigation li.on{
background:url(images/itemon.gif) #f3c506 repeat-y;
}

.liste li{
padding:2px 0;
border-bottom: 1px dotted #999999;
}


p.voiraussi{
font-weight: bold;
font-size: 1.5em;
padding-left:20px;
}



#navigation p.plus{
text-align:right;
	font-weight: bold;
	background:url(images/separate.gif) no-repeat 0px bottom;
	padding:5px 10px 20px 30px;
	color:#000000;
	margin-bottom:10px;
	}

#navigation a.lien_pagination{
	color:#f57900;
	text-decoration: underline;
	}
.fragment span.on{
	color:#000;
	}
	
#navigation .pagination{
	padding-left:10px;
	}
		



/***************************
*
*  Le couteau suisse
*
***************************/

/*   pagination   */

.pagination{
margin-bottom:2em;
border-bottom:1px solid #749165;
}
.pagination a,.pagination a:visited, .pagination a:active{

}

.pagination span{
color:#c67200;
font-size:130%;
font-weight:bold;
}




/******************************
*
*  * 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{
	display:none;
	}
/*****************************
*
*   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;
}