html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	display:inline-block;
    font-family: "Myriad Pro", sans-serif;
    overflow-y: auto;
}

menu,ol,ul{padding:0 0 0 0px}

nav{
    position:absolute;
	z-index:3000;
	top:20px;
	right:10px;
}


nav ul li{ 
	display:inline;
	width:auto;
	line-height:30px;
	margin-left:10px;
	margin-right:20px;
	padding:0;
	color:#FFF;
	font-weight:bolder;
	font-size  :15.5pt;
	opacity:.7;
}

#about-deroulant, #about-deroulant ul { /* REMPLACER PAR genre nav ul li ul li etc. ? */
    display: inline-block;
}
#about-deroulant a {
    display: block;
}
#about-deroulant ul {
    position: absolute;
    visibility: hidden;
    text-align: left;
    margin:0;
	padding:0;
}
#about-deroulant ul li{
    margin:0;
	padding:0;
}


nav a{
    color: #808285;
}

footer ul,nav ul{
	width:auto;
	display:inline;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}


footer{
	position:absolute;
	z-index:9;
	color:gray;
	width:auto;
	bottom:15px;
	left:20px;
}

#wie{
	color: #808285;
	display:inline;
	width:auto;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	margin-left:0px;
	margin-right:10px;
	font-weight:bolder;
	font-size:15pt;
}

section{
    position: inherit;
    margin-top: 155px; /* Défini par la hauteur du menu déroulant de About */
    margin-bottom: 120px;
}


h1, h2{
    right: 20px;
    letter-spacing: 0.03em;
}
h1{ color: #808285;}
h2{ color: #BCBDC0;}
h3{ color: #BCBDC0;}

a{
    color: #808285;
    text-decoration: none;
}


p{
    font-family: "Myriad Pro", sans-serif;
    font-weight: 900;
    color: #808285;
    font-size: 18px;
    line-height: 23px;
    text-align: left;
    margin: 0;
}

em{
    font-style: normal;
    color: #BCBDC0;
}

.homebg{
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    min-height: 100%;
    min-width: 1024px;
	width: 100%;
    height: auto;
}

/* Pages de sommaires : Texts, Press, Works, etc. */ 
.summary-list{
    position:inherit;
    max-width: 920px;
    width: initial;
    padding-left: 120px;
    padding-right: 200px;
    margin-bottom: 120px;
}

.summary-list h2{
    display: inline;
    font-size: 18px;
    letter-spacing: 0em;
    padding-top: 20px;
}

.summary-list article{margin-top: 50px;}

/* Textes : TEXTS, STATEMENT */
 
.text-element{
    position:inherit;
    max-width: 920px;
    width: initial;
    padding-left: 120px;
    padding-right: 200px;
}

.text-element h1, .text-element h2{
    font-family: "Myriad Pro", sans-serif;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
    letter-spacing: 0em;
}

.text-element p{
    margin-bottom: 20px;
}

/* Langues */
.languageBox{
    position: relative;
    z-index: 9;
    font-family: "Myriad Pro", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #808285;
    font-size: 18px;
    right: 0px;
    float: right;
}

.languageBox a{
    color: #bcbdc0;
}

.languageBox a:hover{
    color: #808285;
}

/* BIOGRAPHY */

.chrono-list{
    position:inherit;
    width: 920px;
    padding-left: 120px;
    padding-right: 200px;
    margin-bottom: 120px;
}

.chrono-list h1, .chrono-list h2, .chrono-list h3{
    font-family: "Myriad Pro", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 24px;
    letter-spacing:inherit;
    color: #808285;
    margin: 0px;
    padding-left: 200px;
}

.chrono-list h1{
    font-size: 28px;
}

.chrono-list h3{
    margin-top: 50px;
    margin-bottom: 20px;
}

.bio-year{
    margin: 0px;
    float: left;
    width: 200px;
	min-height: 1px;
}

.chrono-list li{
    margin-top: 20px;
    list-style: none;
    font-family: "Myriad Pro", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 24px;
    color: #808285;
}

.bio-entree{
    width: 720px;
    display: inline-block;
}

.bio-entree em{
    font-style: normal;
    color: #BCBDC0;
}

/* CREDITS */

.credits{
    position:inherit;
    padding-right: 120px;
    text-align: right;
}

.credits p{
    text-align: right;
    margin: 0;
}

.credits h1{
    letter-spacing:inherit;
    margin-bottom: 0;
}

/* CONTACTS */

.contact-element{
    position:inherit;
    padding-left: 120px;
    padding-right: 120px;
    text-align: left;
}

.contact-element h1{
    letter-spacing:inherit;
}

.contact-element p{
    color: #808285;
    text-align: left;
    margin-bottom: 20px;
}

/* VIDEOS */

.videos-container{
    position:inherit;
    max-width: 920px;
    width: initial;
    padding-left: 120px;
    padding-right: 200px;
}

.videos-container h1{
    font-size: 30px;
    letter-spacing: 0em;
    color: #808285;
    margin:0;
    margin-top:40px;
}
.videos-container h3{
    display: inline;
    margin:0;
    margin-top:20px;
	cursor:pointer;
}
.videos-container ul{list-style: none;}


/* ACTUALITY */

.actu-gauche h1, .actu-gauche h2{
    font-family: "Irma";
    font-style: Normal;
    font-weight: 900;
    font-stretch: normal;
    font-size: 50px;
    letter-spacing: 0em;
    line-height: 50px;
    text-align: left;
    margin: 0;
    vertical-align: middle;
}

.actu-gauche h2{
    margin-bottom: 30px;
}

/*generals*/

.gauche{
	position:absolute;
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	top:30%;
	left:0;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
}

.droite{
	position:absolute;
	display:inline-block;
	height:100%;
	width:50%;
	margin:0;
	padding:0;
	top:0;
	right:0;
}


/* pages actualité */

#actualite-ul-container{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:hidden;
}

#actualite-ul{
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	float:left;
	display:inline-block;
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
}

#actualite-ul li{
	position:relative;
	width:100%;
	height:100%;
	margin-bottom:20px;
}
	
#actualite-ul li:last-child{margin:0;}

.actu-droite img{
	position:absolute;
	display:inline-block;
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	top:0;
	right:0;
}

.actu-droite img: hover{
    cursor: pointer;
}
	
.actu-droite{
    cursor:url('../imgs/cursor-right.png') 20 20,auto;
	overflow:hidden;
}