/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

 body{
 	font-family : Times new roman;
	width:1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
 }

	.ecran{
		padding-bottom : 900px;border:
	}
	
	a{
	color : Maroon;
	text-decoration : none;
	}

	a:hover {
	color: #FFD700;
	 }
	 
	.ici {
	color: #FFD700;
	border-left: 15px solid Red;
	padding-right: 3px;
	 }
	 
    .content {
      position: relative;
	top: 10px;
	left: 100px;
      z-index: 10;
    }


    .content2 {
      position: relative;
	top: 10px;
	left: 450px;
      width: 300px;
      z-index: 12;
	font-size: 0.82em;
      text-align: left;
    }

    .content3 {
      position: relative;
	top: 50px;
	left : 800px;
      width: 400px;
      z-index: 10;
	font-size: 0.82em;
      text-align: justify;
    }

    .content4 {
      position: relative;
	top: 300px;
	left : 200px;
      z-index: 10;
    }

    .content44 {
      position: relative;
	top: 300px;
	left : 0px;
	width : 1200px;
      z-index: 10;
	font-size : 1.30em;
	text-align : center;
    }

    .content5 {
      position: relative;
	top: 300px;
	left: 30px;
      width: 200px;
      z-index: 10;
	font-size: 0.77em;
      text-align: justify;
    }

    .content6 {
      position: relative;
	top: 300px;
	left : 150px;
	width : 1050px;
      z-index: 10;
    }

    .content7 {
      position: relative;
	top: 350px;
	left: 150px;
      z-index: 9;
    }
	 
	 .content77 {
      position: relative;
	top: 350px;
	left: 1070px;
      z-index: 9;
    }

    .content8 {
      position: relative;
	top: 300px;
	left: 400px;
      z-index: 10;
    }

    .content8-actor {
      position: relative;
	top: 300px;
	left: 120px;
      z-index: 15;
    }

    .content9 {
      position: relative;
	top: 550px;
	left: 700px;
	width:500px;
      z-index: 10;
    }

    .content10 {
      position: relative;
	top: 50px;
	left: 50px;
	width : 1099px;
	padding-bottom : 50px;
      z-index: 10;
      text-align: center;
    }

    .content10-actor {
      position: relative;
	top: 450px;
	left: 264px;
	width : 890px;
	padding-bottom : 50px;
      z-index: 10;
      text-align: center;
    }

    .actor{
	font-size : 1.00em;
	font-variant : small-caps;
	font-weight : bold;
	color : Navy;
	border-top : 1px solid Black;
	border-left : 1px solid Black;
	border-right : 1px solid Black;
	border-radius :0px 10px 10px 0px;
	-webkit-border-radius :0px 10px 10px 0px;
	-moz-border-radius :0px 10px 10px 0px;
	/*background-image:linear-gradient(gray, white);  Norme W3C */
	/*background-image:-moz-linear-gradient(gray, white);  Firefox */
	/*background-image:-webkit-gradient(linear, gray, white);  Chrome, Safari */
	/*background-image:-o-linear-gradient(gray, white);  Opera */
	/*background-image:-ms-linear-gradient(gray, white);  IE */
	background-image: url(../hemeron/images/degrade.jpg) ;
	background-color: #AFAFAF;
    }

    .actor2{
	font-size : 1.00em;
	font-variant : small-caps;
	font-weight : bold;
	color : Navy;
	background-image: url(../hemeron/images/degrade.jpg) ;
	border-radius :10px 10px 0px 0px;
	-webkit-border-radius :10px 10px 0px 0px;
	-moz-border-radius :10px 10px 0px 0px;
    }
	 
    .content-11 {
      position: relative;
	top: 0px;
	left: 0px;
	width : 200px;
      z-index: 10;
      text-align: justify;
	font-size : 0.88em;
    }

    .content12 {
      position: relative;
	top: -300px;
	left: 450px;
	width : 200px;
      z-index: 10;
      text-align: justify;
	font-size : 0.77em;
    }

    .content-bio {
      position: relative;
	top: 200px;
	left: 780px;
	width : 280px;
      z-index: 9;
	background-color : #000000;
	color : #FFFFFF;
	padding : 15px 15px 15px 130px;
      text-align: justify;
	font-size : 0.87em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    }

    .content-textes {
      position: relative;
	top: 240px;
	left: 800px;
	width : 200px;
      z-index: 9;
	background-color : #000000;
	color : #FFFFFF;
	padding : 30px 15px 35px 200px;
      text-align: justify;
	font-size : 0.95em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    }

    .content-baroja {
      position: relative;
	top: 650px;
	left: 70px;
	width : 200px;
      z-index: 10;
      text-align: justify;
	font-size : 0.75em;
    }

    .content-hemeron {
      position: relative;
	top: 50px;
	left: 850px;
	width : 350px;
      z-index: 6;
	background-color : #000000;
	color : #FFFFFF;
	padding : 15px 15px 250px 15px;
      text-align: justify;
	font-size : 0.85em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    }
	 
    .content-actor {
      position: relative;
	top: 50px;
	left: 600px;
	width : 600px;
	height : 600px;
      z-index: 6;
	background-color : #000000;
	color : #FFFFFF;
	padding : 15px 15px 15px 15px;
      text-align: justify;
	font-size : 0.77em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    }
	 
    .content-actor-content {
		background-color: Black;
	color : White;
	padding : 25px 25px 25px 25px;
      text-align: justify;
	font-size : 16px;
	font-weight : bold;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
    }
	 
    .vues-small {
      position: relative;
	top: 430px;
	left : 80px;
      z-index: 12;
    }

    .vues-small2 {
      position: relative;
	top: 550px;
	left : 190px;
      z-index: 12;
    }
	 
    .vues-small3 {
      position: relative;
	top: 620px;
	left : 460px;
      z-index: 12;
    }

	     .vues-small4 {
      position: relative;
	top: 700px;
	left : 700px;
      z-index: 12;
		width: 330px;
    }
	 
    .textes {
      position: relative;
	top: 221px;
	left : 780px;
      z-index: 10;
    }


	.travaux{
      position: relative;
	top: 400px;
	left: 100px;
      z-index: 11;
    }	

    .lecture {
      position: relative;
	float : left;
	top: 50px;
	left: 0px;
      z-index: 10;
    }

    .sommaire {
      position: relative;
	float : left;
	top: 0px;
	left: 700px;
      z-index: 10;
    }

	.menu{
	font-size : 0.96em;
	font-weight : normal;
	font-variant : small-caps;
	}

   .noeud1 {
   position: relative;
	float : left;
	top: 0px;
	left: 200px;
	border: 1px solid black;
	font-size : 30px;
	font-weight: bold;
	font-variant: small-caps;
	color:Maroon;
	padding: 5px;}
	
   .noeud2 {
   position: relative;
	float : left;
	top: 0px;
	left: 250px;
	border: 1px solid black;
	font-size : 30px;
	font-weight: bold;
	font-variant: small-caps;
	color:Maroon;
	padding: 5px;}
	
	.titre1{
	font-size : 0.88em;
	font-weight : bold;
	line-height : 8px;
	}
	
	.titre2{
	font-size : 0.82em;
	font-weight : normal;
	font-style : italic;
	text-indent : 10px;
	line-height : 8px;
	}

	.titre3{
	font-size : 0.82em;
	font-weight : normal;
	text-indent : 30px;
	line-height : 8px;
	}
	.titre33{
	font-size : 0.82em;
	font-weight : normal;
	text-indent : 40px;
	line-height : 8px;
	}
	.titre333{
	font-size : 0.82em;
	font-weight : normal;
	text-indent : 60px;
	line-height : 8px;
	}
	.titre3-{
	font-size : 0.82em;
	font-weight : normal;
	text-indent : 30px;
	line-height : 16px;
	}
	
	.titre4{
	font-size : 1.95em;
	font-weight : normal;
	font-variant : small-caps;
	}

	.titre5{
	font-size : 1.95em;
	font-weight : normal;
	font-variant : small-caps;
	margin : 20px 0px 20px 0px;
	text-align : right;
	}

	.titre6{
	font-size : 5.2em;
	font-weight : normal;
	font-variant : small-caps;
	margin : 20px 0px 20px 0px;
	text-align : left;
	}

	.titre7{
	font-size : 1.15em;
	font-weight : bold;
	font-variant : small-caps;
	}

	.copyr{
	position: relative;
	z-index : 9;
	top: 180px;
	left: -140px;
	font-size : 1em;
	font-weight : normal;
	font-style : normal;
	color: White;
	}

	.lire{
	padding : 10px 0px 10px 0px;
	width : 800px;
	text-align : right;
	font-size : 0.96em;
	font-weight : normal;
	font-variant : small-caps;
	}

	.repeter{
	background: url("../hemeron/images/flecheG.gif");
	background-repeat: repeat-x;
	}

	.voyage{
	border : 1px solid Black;
	background : White;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	}

	.number{
	background-color : Maroon;
	padding : 5px;
	font-size : 2.00em;
	font-weight : normal;
	text-align : center;
	color : White;
	width : 30px;
	}

	.annonce{
	position: relative;
	top: 200px;
	left: 10px;
	z-index : 15;
	width : 300px;
	background : Maroon;
	color : White;
	font-size : 1.10em;
	font-weight : normal;
	font-style : italic;
	text-align : center;
	border : 1px solid Black;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	}


/* ACTOR ONGLETS */

	.exterieur{
		position: relative;
	top: -50px;
	left: 218px;
	z-index : 1;
	width : 665px;
	padding : 30px 0px 150px 0px;
	font-size : 1.00em;
	font-variant : small-caps;
	font-weight : bold;
	background-image: url(../hemeron/images/degrade.jpg) ;
	color : Navy;
	border-radius :10px 10px 0px 0px;
	-webkit-border-radius :10px 10px 0px 0px;
	-moz-border-radius :10px 10px 0px 0px;
		box-shadow :	5px 5px 10px #aaa;
	-webkit-box-shadow :	5px 5px 10px #aaa;
	-moz-box-shadow :	5px 5px 10px #aaa;
	}

	.interieur{
			position: relative;
	top: -314px;
	left: 880px;
	z-index : 0;
	width : 218px;
	padding : 30px 0px 150px 0px;
	font-size : 1.00em;
	font-variant : small-caps;
	font-weight : bold;
	color : Navy;
	background-image: url(../hemeron/images/degrade.jpg) ;
	border-radius :10px 10px 0px 0px;
	-webkit-border-radius :10px 10px 0px 0px;
	-moz-border-radius :10px 10px 0px 0px;
	}

	.rheologie{
	position: relative;
	top: -500px;
	left: 218px;
	z-index : 1;
	width : 438px;
	padding : 20px 0px 80px 0px;
	font-size : 1.00em;
	font-variant : small-caps;
	font-weight : bold;
	color : Navy;
	background-image: url(../hemeron/images/degrade.jpg) ;
	border : 0px solid Gray;
	border-radius :10px 10px 0px 0px;
	-webkit-border-radius :10px 10px 0px 0px;
	-moz-border-radius :10px 10px 0px 0px;
		box-shadow :	5px 5px 10px #aaa;
	-webkit-box-shadow :	5px 5px 10px #aaa;
	-moz-box-shadow :	5px 5px 10px #aaa;
	}

	.pneustie{
	position: relative;
	top: -650px;
	left: 660px;
	z-index : 1;
	width : 216px;
	padding : 20px 0px 80px 0px;
	font-size : 1.00em;
	font-variant : small-caps;
	font-weight : bold;
	color : Navy;
	background-image: url(../hemeron/images/degrade.jpg) ;
	border : 0px solid Gray;
	border-radius :10px 10px 0px 0px;
	-webkit-border-radius :10px 10px 0px 0px;
	-moz-border-radius :10px 10px 0px 0px;
		box-shadow :	5px 5px 10px #aaa;
	-webkit-box-shadow :	5px 5px 10px #aaa;
	-moz-box-shadow :	5px 5px 10px #aaa;
	}
	
	.onglets{
			position: relative;
	top: -720px;
	left: 0px;
	z-index : 1;
	}

.corto{
	position: relative;
	top: 0px;
	left: -100px;
	width: 750px;
	height: 550px;
}
/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

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

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	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.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 5px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png {}

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */