html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
/*@font-face {
	font-family: "GeosansLight";
        src: url("GeosansLight.ttf")
}
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Garamond,serif;
	font-size: 0.9em;
	height: 100%;
	width: 100%;
	background-color: #000;
}

#jeu {
	margin-left:-2px;
}
#image_haut img {
 	height: 280px;
	position: absolute;
	width: 224px;
	z-index: 1;
}

#menu_rubrique {
	float: left;
	background-color: #10141F;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	margin: 0 0 0 240px;
	padding: 18px 0;
	width: 760px;
}
#menu_rubrique li {
        border-spacing: 2px 0;
        display: inline;
        font-size: 1em;
        line-height: 120%;
        list-style-type: none;
        padding: 0 7px;
}
#menu_rubrique a:link {
        color:#fff;
	text-decoration: none;
	}
#menu_rubrique a:visited {
color: #fff;
text-decoration: none;
}
#menu_rubrique a:hover, a:active {
color: #08deff;
text-decoration: none;
/*      text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;										        
border-bottom-color: #FFF;
*/
}
#titre_rubrique {
color: white;
        font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
        padding: 0 0 0 20px;
        font-size: 3em;
}
#menu_sommaire {
	float: left;
        font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-color: #10141F;
	padding: 20px 0;
	margin: 0;
	width : 100%;
	text-transform:uppercase;

}

#menu_sommaire ul {
width: 92%;
margin : 0 auto;
padding: 0;
}

#menu_sommaire li {
        border-spacing: 2px 0;
        display: inline;
	font-size: 16px;
	font-weight: bold;
        line-height: 120%;
        list-style-type: none;
        padding: 0 5px;
}

.first_letter {
  font-size: 16px;

}
.first_letter:first-letter {
  font-size: 18px;
  color : red;
    }

#menu_sommaire a:link {
        color:#fff;
	text-decoration: none;
	}
#menu_sommaire a:visited {
color: #fff;
text-decoration: none;
}
#menu_sommaire a:hover, a:active {
color: #08deff;
text-decoration: none;
/*      text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;										        
border-bottom-color: #FFF;
*/
}

#footer_rubrique {
    float: left;
    background-color: #10141F;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 30px 0;
    width: 100%;
}
#footer_sommaire {
    float: left;
    background-color: #10141F;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

#menu_gauche ul {
/*-moz-padding-start: 0;*/
padding:0;
}
#menu_gauche {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-color: transparent;
	float: left;
	margin: 200px 0 0;;
        padding: 0;
	width: 241px;
}
#menu_gauche li {
	border-spacing: 2px 0;
	font-size: 0.9em;
	line-height: 120%;
	list-style-type: none;
	background-color: #10141F;
	margin: 10px 10px 10px 0;
	padding: 10px 18px;
}

#menu {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-color: #10141F;
	padding: 20px;
	margin: -36px 0 0 50px

}
#menu li {
	border-spacing: 2px 0;
	display: inline;
	font-size: 1.2em;
	line-height: 120%;
	list-style-type: none;
	padding: 0 18px;
	background-color: #10141F;
}
p { 
color:white;
	}
h3 { 
color:white;
}
span.cs_vertome {
color : #196D70;
}
.chapo p {
text-align:justify;
line-height: 130%;
padding:0 60px;
font-weight:bold;
}
#titres_une {
color:white;
font-family:GeosansLight,Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:1.5em;
margin:250px 0 0 0;
text-align:center;
text-transform:uppercase;
}

#titres_une :first-letter {
  font-size: 1.5em;
  }


#texte {
	background-color:white;
	color: black;
    	font-size: 1.21em;
        padding: 0 20px 0 20px;
	position: relative;
	text-align: justify;
	width: 672px;
	z-index: 6;
	line-height: 150%;
	margin:0;
	float: left;
}

#texte_article {
    background-color: white;
    color: black;
    float: left;
    font-size: 1.21em;
    line-height: 150%;
    padding: 0 20px;
    position: relative;
    text-align: justify;
    width: 719px;
    z-index: 6;
    margin: 18px 0px 20px 0;
}
#texte_rubrique {
    background-color: white;
    color: black;
    float: left;
    font-size: 1.21em;
    line-height: 150%;
    padding: 0 20px;
    position: relative;
    text-align: justify;
    width: 700px;
    z-index: 6;
    margin: 18px 12px 20px 0;
}
#texte_article p,h3,a {
color: black;
}
#texte_rubrique p,h3,a {
color: black;
}
#texte_une {
    color: white;
    font-size: 1.5em;
    padding: 0;
    position: relative;
    text-align: justify;
    width: 600px;
    z-index: 6;
    line-height: 150%;
    margin:100px 0 0 50px;
    float: left;
}


#rubrique {
height:860px;
}
#une {
height:860px;
}
#texte_une :first-letter {
font-size: 1.5em;
}
#texte_une .texte {
}



#ps_une {
font-size: 0.65em;
text-align:center;
}
#ps_une :first-letter {
  font-size: 1.5em;
}
#texte_une a{
}
#reseaux_sociaux {
left:-136px;
position:absolute;
top:-110px;
}
#texte_lucarne a:link {
color:#006666;
text-decoration: none;
}
#texte_lucarne a:visited {
color: #006666;
text-decoration: none;
}
#texte_lucarne a:hover, a:active {
color:#660066;
text-decoration: underline;
}

#texte_lucarne0 a:link {
color:#006666;
text-decoration: none;
}     
#texte_lucarne0 a:visited {
color: #006666;
text-decoration: none;
}   
#texte_lucarne0 a:hover, a:active {
color:#660066;
text-decoration: underline;
} 


a:link {
	color:#fff;
	text-decoration: none;
	}
a:visited {
	color: #fff;
	text-decoration: none;
	}
a:hover, a:active {
	color:#fff;
	text-decoration: underline;
/*	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
 */
	}
acronym {
	}
.conteneur {
	margin: 40px auto;
	padding:0;
        background-color: #34353a;
	width: 1000px;
	position: relative;

}
.conteneur_haut_une {
	margin: 0;
	padding:0;
	position: relative;
	clear: both;
	float: left;
        background-color: #34353a;
/*      	background-image: url(3_tomes.png);
        background-repeat: no-repeat;*/
	background-position: 7px 32px;
}
.conteneur_haut {
	margin: 0;
	padding:0;
	position: relative;
	clear: both;
	float: left;
        background-color: #34353a;
      	background-image: url(3_tomes.png);
        background-repeat: no-repeat;
	background-position: 7px 32px;
}
.conteneur_bas {
        margin: 0;              
	padding: 0;                  
	position: relative;                                             
	clear: both;
	float: left;
        background-color: #34353a;

}


#con_2 {
height:890px;
	}


a.spip_out:visited {
color: black;
text-decoration: none;

}
a.spip_out:link {
color: black;
text-decoration: none;

}
a.spip_out:hover, :active {
color: #08deff;
text-decoration: none;

}
#intro {
        font-family: Garamond,serif;
        font-size: 2.9em;
	color:white;
	z-index: 5;
	margin: 40px;
	position: relative;
	width: 592px;
	float: right;
}
#intro h1 {
	      text-align:right;

	background-image: url(titre.jpg);
	height: 80px;
	width: 592px;
	background-repeat: no-repeat;
	margin: 0px;
	}
#intro h1 span {
	display: none;
	}

h2 {
	background: white;
	text-align: center;
        font-family: Garamond,serif;
	font-size: 2em;
	color: #333;
	font-weight: normal;
}
#intro h2 {
	background-image: url(beauty.png);
	background-repeat: no-repeat;
	height: 234px;
	width: 33px;
	margin-left: 8px;
	position: absolute;
	margin-top: 250px;
	}
#intro h2 span {
	display: none;
	}
#quickSummary {
	background-image: url(top.png);
	background-repeat: no-repeat;
	width: 385px;
	padding-bottom: 20px;
	}
#quickSummary p {
	font-size: 0.7em;
	font-style: italic;
	margin-left: 60px;
	margin-right: 60px;
	line-height: 120%;
	text-align: center;
	}
#quickSummary .p1 {
	padding-top: 60px;
	}
#quickSummary .p2 {
	font-style: normal;
	font-variant: small-caps;
	font-size: .8em;
	}
#preamble {
	margin-top: 0px;
	width: 385px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	background-image: url(back.png);
	}
#preamble h3{
	margin-top: 0px;
	background-image: url(enlightenment.png);
	height: 45px;
	width: 242px;
	margin-left: 70px;
	}
#preamble h3 span {
	display: none;
	}
#preamble p {
	font-size: 0.8em;
	margin-left: 60px;
	margin-right: 60px;
	line-height: 140%;
	}	
#lucarne0 {
background-image:none;
background-position:center bottom;
background-repeat:no-repeat;
height:563px;
overflow:hidden;
padding:0;
position:absolute;
right:50px;
top:350px;
width:900px;
z-index:5;
}
#texte_lucarne0 {
font-size:1.3em;
height:391px;
margin:58px 0 0 120px;
overflow:auto;
padding:0 40px 0 0;
text-align:justify;
width:690px;
}
#texte_lucarne0 p {
color:#fff;
}


#lucarne {
background-image:url("lucarne.png");
background-position:center bottom;
background-repeat:no-repeat;
height:563px;
overflow:hidden;
padding:0;
position:absolute;
right:50px;
top:400px;
width:900px;
z-index:5;
}
#texte_lucarne {
font-size:1.3em;
height:391px;
margin:58px 0 0 120px;
overflow:auto;
padding:0 40px 0 0;
text-align:justify;
width:690px;
}
#texte_lucarne p {
color:#000;
}
#texte h3 {
	margin-top: 0px;
        color:#333;
        font-size:1.28em;
        line-height: 100%;
        text-align:justify;
}
#texte li  {
 width :100%;        
 height : 100%
}
#texte p,ul{
	color:black;	
	font-size:1em;
	}	
#texte ul{
margin-top : 5px;
}
.texte {
text-align:justify;
}
.chapo {
text-align:center;
}
span.cs_xxl {
line-height: 100%;
}


#explanation {
	background-image: url(back.png);
	padding-bottom: 20px;
}
#explanation h3 {
	background-image: url(about.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 242px;
	margin-left: 70px;
}
#explanation h3 span {
	display: none;
	}
#participation {
	background-image: url(back.png);
	padding-bottom: 20px;
}
#participation h3 {
	background-image: url(participation.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 242px;
	margin-left: 70px;
}	
#participation h3 span {
	display: none;
	}
#benefits {
	background-image: url(back.png);
	padding-bottom: 20px;
}	
#benefits h3 {
	background-image: url(benefits.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 242px;
	margin-left: 70px;	
	}
#benefits h3 span {
	display: none;
}
#requirements {
	background-image: url(back.png);
	margin-bottom: 0px;
	}
#requirements h3 {
	background-image: url(requirements.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 242px;
	margin-left: 70px;
}
#requirements h3 span {
	display: none;
}
#requirements .p5 {
	margin-bottom: 0px;
	padding-bottom: 20px;
	background-image: url(huzzah.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 45px;
	text-align: center;
	font-style: italic;
}
#menu_sommaire_bas {
        float: left;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-color: #10141F;
	padding: 20px 0;
	margin: 0;
	width : 100%;
	}
#menu_sommaire_bas li {
        border-spacing: 2px 0;
        display: inline;
        font-size: 1.2em;
	line-height: 120%;
	list-style-type: none;
	padding: 0 21px;
	}
#menu_sommaire_bas a:link {
        color:#fff;
	text-decoration: none;
	}
#menu_sommaire_bas a:visited {
	color: #fff;
	text-decoration: none;
	}
#menu_sommaire_bas a:hover, a:active {
	color: #08deff;
	text-decoration: none;
	/*      text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;                                                                                    
	border-bottom-color: #FFF;
	*/
}
#lien_droite {
	margin-left: 350px;
}
#lien_gauche {
}
requirements .p5 a {
	display: block;
	font-family: GeosansLight,Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;

}
#requirements .p5 a:hover {
	color: #333333;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#photo_gauche {
background-repeat: no-repeat;
margin:0;
position:relative;
visibility:visible;
z-index:4;
float: left;
height: 471px;
width: 288px;
}
#con_a13 {
height:950px;
}
#c7 {
background-color:#000000;
background-image:url("footer-7.jpg");
background-position:0 150px;
background-repeat:no-repeat;
}
#l7{
top:250px;
}
#f14 {
background-image:url("footer-14.jpg");
}
#f1 {
top:835px;
}
#f57 {
height:350px;
top:580px;
background-image:url("footer-57.jpg");
}
#f57 li {
margin : 0 25px;
}
#f13 {
background-image:url("footer-13.jpg");
height:450px;
}


#fa5 {
background-image:url("fa5.jpg");
top:785px;
}
#fa13 {
background-image:url("footer-13.jpg");
top:785px;
height:400px;

}
#fa23 {
background-image:url("fa23.jpg");
top:785px;
height:350px;
}

#fa15 {
background-image:url("fa15.jpg");
top:850px;
}
#fa15 ul{
margin:90px auto;
}
#f23 {
 background-image:url("footer-23.jpg");
 }
 #f5 {
 background-image:url("footer-5.jpg");
 }
#f15 {
 background-image:url("footer-15.jpg");
}
#f15 li{
margin:0 -20px;
  }
#f4 {
background-image:url("footer-4.jpg");
text-transform:none;
}
#f4 li {
margin:0 -5px;
}
#fa4 {
top:790px;
height:330px;
}
#f32 {
background-image:url("footer-32.jpg");
}
#f36 {
top:785px;
height:406px;

}
#f36 ul {
margin-top:190px;
}
#f40{
background-image:url("footer-40.jpg");
}
#flogo {
background-image:none;
top:650px;
height:468px;
}

#flogo40 {
background-image:none;
height:400px;
top:760px;
}


#flogo7 {
background-image:none;
height:350px;
top:770px;
}
#f7 {
background-image:none;
}
#f7 li {
margin:0 -40px 40px 0;
}
#footer_biblio {
background-image:url("footer_biblio.png");
background-repeat:no-repeat;
font-family:GeosansLight,Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:1.5em;
height:294px;
margin:0 auto;
position:absolute;
text-align:center;
top:810px;
visibility:visible;
width:1000px;
z-index:4;
}



.footer :first-letter {
	font-size: 1.5em;

}

.footer ul {
/* test placement*/
width: 1000px;
margin: 0 auto;
padding: 5px 0 0;
text-align: center;
/*fin test*/
font-size:0.7em;
/* margin:0 0 0 35px;*/
 list-style-type:none;
/* float:left;/* pour IE*/
 }
.footer li {
/*test*/
display: inline;
border-spacing: 2px 0;
/*fin*/
/*
float:left; /*pour IE*/
/* text-align:center;
*/
font-size:1.2em;
line-height:120%;
/*margin:0 14px;*/
/*margin:0 0 40px 0;*/
list-style-type:none;
}
.footer ul li a {
display: table-cell;
display: inline-block;
margin: 0 2px 40px;
width: 190px;
padding: 5px 0;
color: black;
text-decoration: none;
vertical-align: bottom;

/*
display:block;
 float:left;   
 */
 color:#FFF;
 text-decoration:none;
 }

.footer ul li a:hover, #footer ul li a:active {
	color: #FFF;
	text-decoration: underline;
/*	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	*/
	}


.
#f4 li {
 text-transform:none;
}
#titre {
      z-index:5;
      color : white;
      font-size:2.6em;
      width:930px;
      font-family:GeosansLight,Tahoma,Verdana,Arial,Helvetica,sans-serif;
      margin:180px 0 0 0;
      position: absolute;
      text-align:right;
      text-transform: uppercase;

      }													
#titre :first-letter {
  font-size: 1.5em;
}
#titre p{
margin : 0;
float: right;
}
#sous_titre {

      z-index:5;
      position: absolute;
      font-family: GeosansLight,Tahoma,Verdana, Arial, Helvetica, sans-serif;
      color : white;
      font-size:1.6em;
      margin-left:660px;
      width:930px;
      color:white;
      float:right;
      margin:250px 70px 0 0;
      text-align:right;
      text-transform: uppercase
      }
#sous_titre :first-letter {
  font-size: 1.5em;
 }
#sous_titre p{
margin : 0;
float: right;
}
 .linkList p {

}
.linkList {
color:white;
text-align:right;
font-family:GeosansLight,Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:2.4em;
margin:280px 50px 0 0;
text-transform: uppercase;


/*
	margin-ensform: uppercase;
	ft:680px;
	top:393px;
	background-image: url(menu-top.png);
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	font-family: GeosansLight,Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color : white;
	text-transform: uppercase;
	font-size:2.6em;
	margin-left:660px;
	width:310px;
*/
}
.linkList :first-letter {
	font-size: 1.5em;
}

.linkList ul {
	margin-left: 35px;
	padding-left: 10px;
	list-style-type:none;
	margin-top: 5px;
	}
.linkList li {
	margin-bottom: 10px;
	line-height: 130%;
	margin-right: 30px;
	}
.retour	{
	font-family:GeosansLight,Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:1.5em;
	text-transform: uppercase;
	color:white;
	text-align:right;
	margin:0 50px 0 0;
}
#lselect {
	background-image: url(menu-back.png);
	margin-bottom: 0px;
	padding-bottom: 20px;
}
#lselect h3 {
	background-image: url(select.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
}
#lselect h3 span {
	display: none;
}
#lselect a {
	display: block;
	font-family: GeosansLight,Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
#lselect a:hover {
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: underline;
}
#lselect li {
	font-style: italic;;
}
#lselect .c {
	display: inline;
}
#lselect a.c {
	font-style: italic;
	font-family: GeosansLight,Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#larchives {
	background-image: url(menu-back.png);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}	
#larchives h3 {
	background-image: url(archives.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
}
#larchives h3 span {
	display: none;
}
#lresources {
	background-image: url(menu-back.png);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
#lresources h3 {
	background-image: url(resources.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
}
#lresources h3 span {
	display: none;
}
#linkList2 {
	background-image: url(menu-end.png);
	background-repeat: no-repeat;
	padding-bottom: 352px;
	background-position: bottom;
	}


#extraDiv2 {
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color : #000;
	height: 216px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 5;
}
#extraDiv1 {
	z-index: 2;
	height: 800px;
	width: 100%;
	position: absolute;
	top: 1200px;
	background-image: url(critters.png);
	background-repeat: no-repeat;
	background-position: center;
}
.accesskey {
	}

.on {
font-weight:normal;
}