<!--	

	
/* ----[  Groupe / Zone d'affichage  ]----------------------------- */

#ZoneCITATION p span   { float: right; padding : 0.3em;	font-weight: bold; }		
#zoneOUTILS span   	   { padding:  0 0 0 1em ;	font-size: 88%; font-weight: 400; }	


/* ----[  Formulaires   ]---------------------------------------- */
input, textarea		{ border : 1px solid red; background : white;	color : black; font-size : 0.85em; 	}
input.valid			{ margin : 1em 0 0 0; border : 2px outset red; background-color: white; color: black; font-weight: 600; }
input.valid:hover  	{ color: red;  }
label 				{ display : block; font-size: 0.75em;	}
p.field 			{ clear : left;	margin : 0;	padding : 1em 0 0 0;	}
label.float 		{ float : left;	width : 25%; padding-right : 0.5em;		}

select.k			{ font-size : 0.72em; 	}

hr.clearinvisible {	
		margin: 0 ;
		clear: both; 
		visibility: hidden;
		}	
		
#GroupeCONTENT div.logo  {
	width:60%;
	font-weight: 600;
}

#GroupeCONTENT div.logo img  {
float: left;
margin: 1.0em;
}


div.article {
	margin : 0.7em 0 0 0;
	padding : 0.2em ;
	font-size: 80%;
}

div.article:hover,
div.article:hover div.chemin {
	background-color: #F0ECF4; 
}


div.article h3 {
	font-size: 120%;
	letter-spacing: 0.05em;
	font-weight: 100;
}
div.article p, div.article ul{
	font-size: 100%;
	width : 75%;
}

div.article div.chemin {
	font-size: 100%;
	font-weight: 600;
	color: black;
}

div.article div.chemin a {
	color: black;
}

div.article div.chemin a.active {
	color:red;
}

p.infos {
	color:#A9A9A9;
	font-size: 70%;	
}

p.infos span.url {
	color:green;
}


/*********** SPIP Typographie ***********/
	
/* Texte...  */
hr.spip		   	{}			
h3.spip	{
	font-size: 105%;
	letter-spacing: 0.05em;
	font-weight: 100;
	padding : 1em 0 0 0;
}
p.spip {

}	
p.spip_note		{	font-size: 75%;}
blockquote.spip {}
b.spip          {}   
i.spip			{}
.spip_puce		{ list-style: square;	  }
.spip_documents {}
.spip_code 		{ color: red; }
.spip_encadrer	{}
.spip_cadre 	{}


/* Lien  */		
a.spip_url 		  {}
a.spip_in  		  {}
a.spip_out  	  {}
a.spip_glossaire  {}

/* Tableaux  */		
table.spip 	 			 {}
table.spip tr.row_first  { background-color: #fcf4d0; 	  }
table.spip tr.row_odd 	 { background-color: #c0c0c0;  }
table.spip tr.row_even 	 { background-color: #f0f0f0 ; 	   }
table.spip td 			 { padding: 1px; text-align: left	 }

/* Recherche  */	
.spip_recherche	 {}
.spip_surligne 	 { background-color: #FFFF66;	}
.formrecherche 	 {}

/* Formulaire  */	
.reponse_formulaire {}
.spip_bouton 		{	margin : 1em 0 0 0; border : 2px outset red; background-color: white; color: black; font-weight: 600; }
.spip_bouton:hover	{	border : 2px solid black; color: white; background-color: black }

/*********** Barre de raccourcis ***********/

a.spip_barre img   	  	{ border: 1px solid;  border-left: #ffffff;	border-right: #aa9966; 	border-top: #ffffff; border-bottom: #aa9966; padding: 3px;	background-color: #FFDDAA;	   }			
a.spip_barre:hover img 	{ border: 1px solid #808080;	padding: 3px;	background-color: #f8f8f4;	  }


/* ----[  Forum  ]---------------------------------------- */

#reponsearticle ul div p a.spip_in  {
color: #669999;
text-decoration: underline;
}
#reponsearticle ul div p a.spip_in:visited,  {
	color: #99CCCC;
	text-decoration: underline;
}  
#reponsearticle ul div p a.spip_in:hover {
	background-color: #669999;
	color: #FFF;
	text-decoration: none;
}
#reponsearticle ul div p a.spip_out, 
#reponsearticle ul div p a.spip_url,
#reponsearticle ul div p a.spip_glossaire {
	color: #990000;
	text-decoration: underline;
}
#reponsearticle ul div p a.spip_out:visited, 
#reponsearticle ul.paire div p a.spip_url:visited,
#reponsearticle ul div p a.spip_glossaire:visited  {
	color: #CC6666;
	text-decoration: underline;
}  
#reponsearticle ul div p a.spip_out:hover,
#reponsearticle ul div p a.spip_url:hover,
#reponsearticle ul div p a.spip_glossaire:hover {
	background-color: #990000;
	color: #FFF;
	text-decoration: none;
} 
 /* typo lien spip ds forum d'article*/ 
#reponsearticle ul div p a.spip_in,
#reponsearticle ul div p a.spip_in:visited,
#reponsearticle ul div p a.spip_in:hover, 
#reponsearticle ul div p a.spip_out,
#reponsearticle ul div p a.spip_url, 
#reponsearticle ul div p a.spip_glossaire,
#reponsearticle ul div p a.spip_out:visited, 
#reponsearticle ul.paire div p a.spip_url:visited, 
#reponsearticle ul div p a.spip_glossaire:visited, 
#reponsearticle ul div p a.spip_out:hover, 
#reponsearticle ul div p a.spip_url:hover, 
#reponsearticle ul div p a.spip_glossaire:hover  {
	font-weight: normal;
}
#reponsearticle ul div p.spip, #reponsearticle ul.paire div p.spip{
	margin:0px 0px 15px 0px;
	padding: 0px;
}
#reponsearticle div blockquote.spip p.spip{
	margin:0px;
	padding:0px 0px 10px 10px ;
	position:relative;
}


-->


<!--

/*********** Positionnement Génerique ***********/

/* Base  */
html 	 { margin: 0.8em; padding: 0;  background-color: #CCCCCC;  }
body 	 { margin: 2em 1%; padding: 0; background-color: white; border: 1px solid #999;  	}
div  	 { background-color: white ; }

/* Texte Génerique */
h1	 { margin: 0; padding: 0; }
h2	 { margin: 0; padding: 0; }
h3 	 { margin: 0; padding: 0; }
h4	 { margin: 0; padding: 0; }
h5 	 { margin: 0; padding: 0; }
h6 	 { margin: 0; padding: 0; }
p	 { margin: 0; padding: 0; }

/* Liste Génerique */
ul 	   { margin: 0; padding: 0 0 0 0; }
li	   { margin: 0; padding: 0; }
li ul  { margin : 0 0 0 2em ;  }	

/* Barre (Dont Hack pour float)   */
hr 			 	  {	height: 1px; width: 100%; }
hr.clear 		  {	clear: both; }	
hr.clea	padding : 1em 0 0 0;rinvisible {	clear: both; visibility: hidden; }
hr.invisible	  { visibility: hidden; }

/*   Affichage en colonne     */
.DemiListe  {	float: left; margin : 0 0 0 1em ; width: 45%;	}	

div.right 		 { float: right; padding: 0 1em 0 0 ; }


/*   Affichage en colonne     */
#GroupeHEAD		   { margin : 0; padding : 0;  /* border-bottom : 1px solid #999; */	}


/*   Affichage en colonne     */
#GroupeCONTENT 	   { float: left; width: 70%; margin: 0.5em; padding: 0.5em;	}
#GroupeCONTENT h2  { margin: 1em 0 ; border-bottom: 1px solid; line-height: 0.95em;	}
#GroupeCONTENT h3  { margin: 0.5em 0 ; }
#GroupeCONTENT h1  { text-align: right ;	padding-bottom: 1em;	}
#GroupeCONTENT p   { margin: 0.2em 0 0.2em 0 ; padding: 0; 	}

div.infos    {
	font-size: 0.80em;
	padding: 1.0em;
	margin: 1.0em;
	background-color: InactiveCaptionText;
	border-bottom-color: ActiveBorder;
}

div.infos p   {
	font-size: 0.96em;
	padding: 0em;
	margin: 1.0em;
}

#GroupeCONTENT div.infos   {
	float: right;
	font-size: 0.70em;
}


#GroupeCONTENT div.logo  { 
	float: left;
	
	
}

/*   Affichage en colonne     */		
#GroupeBANDEAU-VERTICAL 	 {	margin-top: 0  ;	padding-top: 0 ;	margin-right: 0.9em;	margin-left: 75%;	border-left: 1px solid #AAA;		}
#GroupeBANDEAU-VERTICAL div	 {	padding-top: 0 ; margin-top: 0 ;		}
#GroupeBANDEAU-VERTICAL h4 	 {	margin: 2em 0 0.80em; padding: 0 0.5em; line-height: 1em; border-bottom: 1px solid #CCC;		}
#GroupeBANDEAU-VERTICAL p, #GroupeBANDEAU-VERTICAL form { padding:  1em ;	}

/*   Affichage en colonne     */


#GroupeONGLET  		   		  {	 margin : 0; padding: 0;	font-size: 0.85em; width: 12em; float: left; }	
#GroupeONGLET ul 			  {	margin: 0; padding: 0; 	list-style-type: none; 	}
#GroupeONGLET li			  {	 display: inline;  /* float: right; */ margin: 0 2px 0 2px; border-bottom: 0px solid white; 	}
#GroupeONGLET a  			  {	display: block;	padding: 4px;	background : #205cb2;	color: white;	 border-bottom: 1px solid white;		}	
#GroupeONGLET a:hover 		  {	background: #CCCCCC; color: black;	border : 1px solid #999; border-bottom: 0px solid white;	}
#GroupeONGLET a.active 		  {	background : white;	color: black;	border-bottom: 1px solid white;	}
#GroupeONGLET a.active:hover  {	background : white;	border : 1px solid #CCCCCC; border-bottom: 1px solid white;	color: black; 	}
#GroupeONGLET a,
#GroupeONGLET a:hover, 
#GroupeONGLET a.active, 
#GroupeONGLET a.active:hover  { text-decoration: none;	}	

#ZoneTITLE 		{ float: left; margin: 1.4em; padding: 0em 0 0 0.5em;	}	
#ZoneRECHERCHE 	{ float: right; margin: 0;  padding:  0 1em 0 1em ; 	}

#ZoneLOGIN  	{ margin : 2em; padding : 1em; border: 1px solid #999; }

#ZoneEND	    	{ border-top: 1px solid #CCC; 	}
#ZoneEND p			{ margin: 0; padding: 0.1em 0 3em 0.5em;	}
#ZoneEND p.center	{ margin: 0; padding: 0 0 1em 0;	}

#ZoneCHEMIN	    { float: left;	margin : 0em; padding: 0 0 0 0.5em;	}	

#ZoneCV {}	
#ZonePROJET {}	
#zoneOUTILS {}	
#zoneDOCUMENTATION {}	
#zoneKIOSQUE {}
			

-->


<!--
	
/*********** Typography ***********/
	
/* Base  */
body { font-size: 16px; color: black !important;  font-family: Verdana, Helvetica, Arial, sans-serif;  }
*	 { font-family: Verdana, Helvetica, Arial, sans-serif; }

/* Texte Génerique */
h1	 { font-size: 2em; }
h2	 { font-size: 1.25em;  }
h3 	 { font-size: 0.90em; font-weight: 300;  }
h4	 { font-size: 1.0em; }
h5 	 { font-size: 0.9em; }
h6 	 { font-size: 0.75em; }
p	 { font-size: 0.75em; }

/* Liste Génerique */
ul 	   { font-size: 0.79em; }
ul	   { margin : 0 0 0 2.5em ; padding : 0em;}
li	   { list-style: square ; }
li	   {  list-style-image: url(IMG/04/puce_fleche.png)  ;	}
li ul  { font-size: 1em;  }	

#GroupeCONTENT ul, #GroupeBANDEAU-VERTICAL li	   {}
#GroupeCONTENT h2  {  margin: 1em 0 ; border-bottom: 1px solid; font-size: 1.25em; line-height: 1em;	}
		
#GroupeBANDEAU-VERTICAL 	 {	font-size: 85%;	}
#GroupeBANDEAU-VERTICAL h4 	 {	font-size: 85%; line-height: 1em; border-bottom: 1px solid #CCC;		}

#ZoneRECHERCHE label	{ font-size: 0.70em; margin : 0; padding: 0; }
#ZoneRECHERCHE imput	{ font-size: 1em; margin : 0; padding: 0; }
#ZoneRECHERCHE ul		{ font-size: 0.70em; margin : 0.4em 0 0 2em ; padding : 0; 	}

td, .right  { font-size: 0.70em }	


/* Liens Génerique		   */
a, a:link, a:visited 	{ text-decoration: none; color: blue ; 			 }
a:hover					{ text-decoration: underline ;  color: #FF0000;  }
a:active				{ text-decoration: none;  color: black;	 }
a:focus 				{ outline: none; }
a img 					{ border: none;	}	

/* Liens spécifique	   */
h2  a:hover 			{ text-decoration: none ;  }
.rub 					{ font-size: 0.80em 	}
a.rub:hover 			{ text-decoration: none ;	}

#ZoneCHEMIN				{ background: white; font-size: 0.75em ; border-bottom: 1px solid #999; border-top: 1px solid #999; width: 99%; line-height: 1.95em; }
#ZoneCHEMIN	a			{ font-weight: 600;  }
#ZoneCHEMIN	a:hover	    { text-decoration: none ;	}
#ZoneCHEMIN	a.active    { color: black;  font-weight: 600; 	}

#ZoneEND p				{ font-size: 0.70em ;	}
#ZoneEND p.center		{ text-align: center ;	}

h1 span		{ pading: 1em, 0; color: red; font-size: 0.6em; 	}
h4.alert	{ color: red; font-weight: bold;	font-size: 110%; }		

		
-->