body{
font-family:Candara;
width: 87%;
margin: auto;
min-height:100%;
}

h2{
font-family:Californian FB;
font-weight:bold;
text-align: center;
}
h3{
font-style:italic;
font-weight:lighter;
text-align: center;
text-decoration: underline
}
h4{
font-style:italic;
font-weight:lighter;
text-align: center;
font-size:15px;
}

header{
display:inline-block;
padding:2%;
font-size:30px;
font-weight:bold;
font-family:Californian FB;
position:absolute;
right: 5%;
top: 5%;
}
footer{
display:inline-block;
text-align:center;
padding:2%;
font-family:Californian FB;
position:relative;
bottom: 0%;
}

#intro{
text-align:center;
font-style:italic;
font-weight:lighter;
}
#introvo{
text-align:right;
font-weight:lighter;
}
#sstt
{font-weight:lighter;
font-size:17px;
text-align:right;
display:inline-block;
position:absolute;
padding:2%;
right: 9%;
top: 63%;
}

#page{
display:inline-block;
position:absolute;
top:20%;
left:30%;
right:20%;
bottom:5%;
text-align:center;
}

#enca{
display:inline-block;
vertical-align:middle;
position:absolute;
left:7%;
right:78%;
top:75%;
text-align: left;
}

nav.gen{
display:inline-block;
position:relative;
top: 2%;
float:center;
padding:12px;
font-variant:small-caps;
font-size:17px;
font-family:Californian FB;
z-index:2;
}

img.rouge{
	display:none;
}

a.remplace:hover img.black{
   display:none;
}

a.remplace:hover img.rouge{
	display:inherit;
	}


nav.gen ul  {
padding : 0;
margin : 0;
line-height : 20px;
}

nav.gen li {
text-align:center;
padding:10px;
position: relative; 
width: 150px;
background:white;
}

nav.gen a {
display : block;
padding : 0;
text-decoration : none;
color:black;
text-align:center;

}

nav.gen ul.n2{
display:none;
position: absolute; 
left: 0px; top: 40px; margin: 0px; padding: 1px;
font-variant:normal;
background:white;
z-index:1;
}


nav.summer{
position:absolute;
top: 40%;
right:3%;
left:80%;
padding:12px;
font-variant:small-caps;
font-size:17px;
font-family:Calibri;
z-index:2;
}

nav.summer ul  {
padding : 0;
margin : 0;
line-height : 20px;
font-variant:small-caps;
font-size:17px;
font-family:Calibri;
}

nav.summer li {
text-align:center;
padding:5px;
position: relative; 
width: 150px;
background:white;
font-variant:small-caps;
font-size:17px;
font-family:Calibri;
}

nav.summer a {
display : block;
padding : 0;
text-decoration : none;
color:black;
text-align:center;

}

nav.summer ul.n2{
display:none;
position: absolute; 
left: 0px; top: 25px; margin: 0px; padding: 0px;
font-variant:normal;
background:white;
z-index:1;
}
nav.summer ul.n2 li.n1 ul.n3{
display:none;
position: absolute; 
right: 150px; top: 0px; margin: 0px; padding: 0px;
font-variant:normal;
background:white;
z-index:1;
}


li.n1:hover ul.n2{
display:inline-block;
}
li.n1:hover ul.n2 li.n1:hover ul.n3{
display:inline-block;
}
nav.summer li.n1:hover ul.n2:hover{
color:black;
}

nav.sumemer li.n1:hover ul.n2 ul.n1:hover{
color:black;
}

nav{
position:absolute;
top: 27%;
left:7%;
padding:12px;
font-variant:small-caps;
font-size:17px;
font-family:Californian FB;
text-align:right;
z-index:2;
}

nav ul  {
padding : 0;
margin : 0;
list-style : none;
line-height : 21px; 
text-align : center;
float:left;
}

nav li {
padding:10px;
list-style-type: none;
position: relative; 
width: 150px;
float:left;
background:white;
}

nav a {
display : block;
padding : 0;
text-decoration : none;
color:black;
}

ul.n2{
display:none;
position: absolute; 
left: 130px; top: 0px; margin: 0px; padding: 1px;
font-variant:normal;
background:white;
z-index:1;
}

li.n1:hover ul.n2{
display:inline-block;
}
li.n1:hover ul.n2:hover{
color:#CECECE;
}

li.n1:hover{
background:#CECECE;
}

a.normal{
color:black;
}
a.discret{
color:black;
text-decoration:none;
}

a.info{
position:relative;
z-index:24;
color:black;
}
 
a.info:hover{
z-index:25;
background-color:#E5E5E5;
}
 
a.info span{
display: none;
}
 
a.info:hover span{
display:inline-block;
position:absolute;
width:250px;
border-radius:4px;
border:1px outset black;
text-align: justify;
padding:3px;
background:white;
color:black;
}

.text-base{
	opacity:1;
	color:black;
	font-family:Californian FB;
	font-weight:bold;
	text-align: center;
	font-size:25px;
	text-decoration:none;
	}
	
.text-hover{
	display:none;
	color:black;
	font-family:Californian FB;
	font-weight:bold;
	text-align: center;
	font-size:25px;
	text-decoration:none;
}

.button:hover span.text-base{
   opacity:0;
   color:black;
	text-decoration:none;   
}
.button:hover span.text-hover{
	display:inherit;
	color:black;
	position:absolute;
	text-decoration:none;
}

a.button{
	text-decoration:none;
}

a.stylich{
font-size:15px;
font-style: small-caps;
color:black;
}

a.stylich:hover{
color:grey;
}

.passe{
font-size:14px;
text-align:justify;
font-family:Courier New;
}

.present{
font-size:14px;
text-align:center;
font-family:Trebuchet MS;
}
.picr{
display:inline-block;
right:1%;
float:right;
padding-left:7px;
}
.picdeu{
display:inline-block;
right:1%;
float:right;
}
.picl{
display:inline-block;
left:1%;
float:left;
padding-right:15px;
}.picc{
display:inline-block;
left:1%;
float:center;
padding:5px;
}
#suite{
	font-family:Californian FB;
	font-weight:bold;
	text-align:center;
	font-size:20px;
}
ul.convers{
font-variant:normal;
list-style-type: none;
text-align:left;
}

ul.secondsong{
list-style-type: none;
text-align:center;
}


#inscription{
font-weight:lighter;
font-size:17px;
text-align:right;
display:inline-block;
position:absolute;
padding:2%;
right: 5%;
top: 25%;
}

#mainauth{
text-align:right;
font-weight:lighter;
font-size:20px;
display:inline-block;
position:absolute;
padding:2%;
left: 10%;
top: 25%;
}

#livreor{
text-align:right;
display:inline-block;
position:absolute;
padding:2%;
right: 2%;
left: 75%;
top:67%;
}
#livreorac{
text-align:center;
display:inline-block;
position:absolute;
padding:2%;
right: 30%;
left: 30%;
top:67%;
}
#livreorph{
text-align:center;
display:inline-block;
position:absolute;
padding:2%;
right: 3%;
left: 70%;
top:5%;
}

#page_blog{
text-align:center;
display:inline-block;
position:absolute;
padding:2%;
right: 20%;
left: 20%;
top:5%;
}

#index_hum{
display:inline-block;
position:absolute;
top:10%;
left:15%;
right:15%;
text-align:center;
}


.article{
display:inline-block;
margin:auto;
text-align:center;
padding:3%;
}
.article:hover img{
}


#enca_blog{
display:inline-block;
vertical-align:middle;
position:absolute;
left:6%;
right:72%;
top:85%;
text-align: left;;
}
#image{
display:inline-block;
position:absolute;
padding: 5px;
bottom : 15%;
top:9%;
right:35%;
}
#cache{
display:none;
}
.diap{
padding:0px;
}
#introimg{
text-align:center;
font-style:italic;
font-weight:lighter;
display:inline-block;
position:absolute;
padding: 5px;
bottom : 91%;
top:1%;
right:35%;
left:0%;
}

#page_summer{
display:inline-block;
position:absolute;
top:5%;
left:30%;
right:20%;
bottom:5%;
text-align:justify;
}

#jour{
text-align:right;
font-weight:bold;
font-size:20px;
}

.spaced{
	font-family:Courier;
    white-space:pre;
}

#console{
font-family:calibri;
display:inline-block;
position:absolute;
top:3%;
left:80%;
right:3%;
bottom:25%;
padding:1%;
text-align:center;
}