/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */



html,

button,

input,

select,

textarea {

    color: #222;

}



#buttonsmall {

   background-color: rgba(250,250,250,0.8);

   border: solid 0px #fff;

   border-top-left-radius: 5px;

   border-top-right-radius: 5px;

   border-bottom-right-radius: 5px;

   border-bottom-left-radius: 5px;

    float: left;

   margin-left: 40%;

   margin-right: auto;

   text-align:center;

   top: 20%;

   z-index: 2;

   position: relative; 

   width: 16%;

    padding-left:30px;

   padding-right: 30px;

   padding-top: 10px;

   padding-bottom: 10px;

  text-decoration: none !important;

   color: #000;

   font-size: 0.8em;

   opacity: 1;

    }

    

    #buttonsmall a{

   

   

}



    #buttonsmall a:hover{

   

   text-decoration: blink;

   color: #fff;

   

}



    #buttonsmall:hover{

   background-color: black;

   color: #fff;

}



#titre {

    float:left;

    margin-left: 3%;

    margin-top: 12%;

   

}



  #log {

    clear: left;

  }



.robert {

    text-align: right;

font-family: walkway expand bold;

font-size: 1em;

padding-left: 22%;

opacity: 0.7;

}



body {

    font-size: 1.2em;

    line-height: 1.4;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440

 */



img {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}



/* Chargement des polices de caractè�re*/



@font-face {

    font-family: 'oldtypefacesregular';

    src: url('../font/oldtypefaces-webfont.eot');

    src: url('../font/oldtypefaces-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/oldtypefaces-webfont.woff2') format('woff2'),

         url('../font/oldtypefaces-webfont.woff') format('woff'),

         url('../font/oldtypefaces-webfont.ttf') format('truetype'),

         url('../font/oldtypefaces-webfont.svg#oldtypefacesregular') format('svg');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'oldstyle_italichplhs';

    src: url('../font/oldsih__-webfont.eot');

    src: url('../font/oldsih__-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/oldsih__-webfont.woff') format('woff'),

         url('../font/oldsih__-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'walkway_blackregular';

    src: url('../font/walkway_black-webfont.eot');

    src: url('../font/walkway_black-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/walkway_black-webfont.woff') format('woff'),

         url('../font/walkway_black-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}







@font-face {

    font-family: 'walkway_boldregular';

    src: url('../font/walkway_bold-webfont.eot');

    src: url('../font/walkway_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/walkway_bold-webfont.woff') format('woff'),

         url('../font/walkway_bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'walkway_semiboldregular';

    src: url('../font/walkway_semibold-webfont.eot');

    src: url('../font/walkway_semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/walkway_semibold-webfont.woff') format('woff'),

         url('../font/walkway_semibold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}



			

			.back-link a {

				color: #4ca340;

				text-decoration: none; 

				border-bottom: 1px #4ca340 solid;

			}

			.back-link a:hover,

			.back-link a:focus {

				color: #408536; 

				text-decoration: none;

				border-bottom: 1px #408536 solid;

			}

			

			/*Crédits finaux*/

			h2 {

				color: #121212;

				font-family: walkway_boldregular;

				font-weight: normal;

				font-size: 0.9em;

				line-height: auto;

			}

			

			/*le conte du début*/

			h3 {

				color: #212121;

				font-size: 1em !important;

				font-family: oldtypefacesregular;

				font-weight: 100;

				line-height: auto !important;

			}

			

			/*le conte du début*/

			h4 {

				color: #212121;

				font-size: 1,2em !important;

				font-family: oldtypefacesregular;

				font-weight: 100;

				line-height: auto !important;

			}

			/*contenu du texte partie 2*/

			h5 {

				color: #212121;

				font-size: 0.9em !important;

				font-family: walkway_semiboldregular;

				font-weight: 100;

			}

			/*le poete parle*/

			h6 {

				color: #212121;

				font-size: 1em !important;

				font-family: oldstyle_italichplhs;

				font-weight: 100;

				line-height: 1.6em;

			}



		

	

			.entry-header .inner {

				text-align: left;

				margin: 0 auto 20px auto;

				width: 800px;

			}

			.entry-header { padding-top: 20px; background-color: #fff; width:100%; position: fixed; top: 0; left: 0; z-index: 999999}



/* ==========================================================================

   Chrome Frame prompt

   ========================================================================== */



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



/* ==========================================================================

   Parallax Scroll

   ========================================================================== */

body, html {

	height: 100%;

	min-height: 100%;

	background-color: #000000;

}

body {

	

}

.no-js {

	padding-top: 106px;

}



.loading {

	background: url('../../episode6/img/ico_loading.gif') no-repeat center center;

}

.loaded section,

.no-js section {

	opacity: 1;

	-webkit-transition: opacity 300ms ease-out;

	-moz-transition: opacity 300ms ease-out;

	transition: opacity 300ms ease-out;

}

main {

	overflow-x: hidden;

}







/* Slide Video */





#video .bdgv {background-image:url('../../episode6/images/couverture_ep6.jpg');

		height: 1000px !important;

		margin-top: 89px !important;

		background-position: center 89px;

		background-repeat: no-repeat;

		background-attachment: fixed;

		background-size: cover;

		height: 100%;

		width: 100%;

		}

		

#video .player {background-color:#595959;

		height: 1000px !important;

		display: none; 

		background-attachment: fixed;

		background-size: cover;

		height: 100%;

		width: 100%;

		padding-top: 3%;

		text-align: center;

		margin-top: 89px !important;

		

		}

		

#btn2 {

    font-size: 14px !important;

    text-align:right;

    margin-top: 0px;

    margin-right: 10%;

    color:#fff;

    position: relative;

    z-index:10;

}







/* Slide 0 */

#slide-0 {height: 400px;

		

}
#slide-0 a{color:#FF9926}


		.bcg {background-color: #000;

		height: 2800px;

		background-position: center center;

		background-repeat: no-repeat;

		background-attachment: fixed;

		background-size: cover;

		height: 100%;

		width: 100%;}

		

		.bcg2 {	background-color: #fff;

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		background-attachment: relative;

		top: 0px;

		left: 0;}	

		.int41 {text-align: center; float: left; padding-left: 25%; padding-top: 0px; width: 52%; color:#ffffff; }		

		.int4 {text-align: center; float: left; padding-left: 25%; padding-top: 350px; width: 52%; color:#ffffff; }

		.int5 {text-align: center; float: left; padding-left: 25%; padding-top: 350px; width: 52%; color:#ffffff; }

		.int6 {text-align: center; float: left; padding-left: 25%; padding-top: 350px; width: 52%; color:#ffffff;  }

		.int7 {text-align: center; float: left; padding-left: 25%; margin-top: -20px; width: 52%; }

		.int8 {text-align: center; float: left; margin-left: 10px; margin-top: 100px; width: 52%; }



/* Slide 1 */

#slide-1 .bcg {background-image:url('../../episode6/images/layer1.jpg');

		height: 2000px;

		background-position: center center;

		background-repeat: no-repeat;

		background-attachment: fixed;

		background-size: cover;

		height: 100%;

		width: 100%;

		}

#slide-1 .bcg2 {background-image:url('../../episode6/images/maisons.png');

		height: 2000px;

		z-index: 2;

		background-position: left center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		}



#slide-1 .bcg3 {background-image:url('../../episode6/images/tour2.png') ; 

		height: 1200px;

		z-index: 4;	

		background-position: center center;

		background-repeat: no-repeat;

		background-attachment: relative;

		width: 100%;

		}

#slide-1 .bcg4 {background-image:url('../../episode6/images/bonhomme.png') ; 

		height: 1200px;

		z-index: 4;	

		background-position: center center;

		background-repeat: no-repeat;

		background-attachment: relative;

		width: 100%;

		}

/* Slide 2 */

#slide-2 {height: 1400px !important; }

#slide-2 .bcg {background: none;  text-align: center;}



#slide-2 .int1 { width:90%; margin-left:5%;}

#slide-2 .int111 {width:100%; float:right; margin-right: -25%; margin-top:-330px;}

#slide-2 .int2 { width:40%; float:left;margin-left:3%; }

 .int3 { width:50%; float:right; margin-right:2%; margin-top:-100px; }

#slide-2  .int31 { width:50%; float:left; margin-left: 0px !important; margin-right:5%; margin-top:-100px; }

#slide-2  .int4 { width:100%;  margin-left:5%; margin-top:-100px; }

		.int8 { text-align: center; float: left; padding-left: 30%; width: 40%; color:#212121; margin-top:100px;}

		.int82 {margin-top:-350px;}

		



/* Slide 21 */

#slide-21 {height: 1200px !important; }

#slide-21 .bcg {background-image:url('../../episode6/images/chaussure.jpg') ;

		height: 1250px;	

		background-position: center top;

		background-repeat: no-repeat;

		background-attachment: fixed;

		width: 100%;}





		.int9 {text-align: center; margin-top:450px; float: left; padding-left: 25%; width: 50%; color:#212121; vertical-align: middle; }

		.int10 {text-align: center; margin-top: 500px; float: left; padding-left: 25%; width: 50%; color:#212121; vertical-align: middle; }

		

		

		.int12 h6 {color:#ffffff;}



/* Slide 22 */



#slide-22 {position: relative; height: 2000px;}

#slide-22 .bcg {background-color: #fff;

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		background-attachment: relative;

		top: 0px;

		left: 0;}

#slide-22 .bcg1 {background-image:url('../../episode6/images/machine1.png') ; bottom: 0; left: 0; opacity: 0; z-index: 1}

#slide-22 .bcg2 {background-image:url('../../episode6/images/boule.jpg'); bottom: 0; left: 0; opacity: 0; z-index: 2}

#slide-22 .bcg3 {background-image:url('../../episode6/images/sautoir.jpg'); bottom: 0; left: 0; opacity: 0; z-index: 2}

#slide-22 .bcg4 {background-image:url('../../episode6/images/voiture.png'); opacity: 0; z-index:3;}

#slide-22 .bcg5 {background-image:url('../../episode6/images/texte1.jpg'); opacity: 0; z-index:4;}





/* Slide 23 */



#slide-23 {position: relative; height: 3200px;}

#slide-23 .bcg {background-image:url('../../episode6/images/voiture.png') ;

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		z-index:1;

		background-attachment: fixed;

		top: 0px;

		left: 0;}



#slide-23 .bcg1 {background-image:url('../../episode6/images/blanc.jpg'); bottom: 0; left: 0; opacity: 0; z-index: 2}

#slide-23 .bcg2 {background-image:url('../../episode6/images/texte1.png'); bottom: 0; left: 0; opacity: 0; z-index: 3}



.int11 {text-align: center; float: left; margin-top: 800px; text-align: center; width: 100%; color:#000000; vertical-align: middle; }





/* Slide 24 */



#slide-24 {position: relative; height: 1200px;}

#slide-24 .bcg {background-color: #000;

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 1000px;

		width: 100%;

		z-index:1;

		background-attachment: relative;

		top: 0px;

		left: 0;}

		

.int12 {text-align: center; float: left; text-align:center; padding-top: 0px; width:100%; margin-top: 500px; color:#ffffff; vertical-align: middle; }







/* Slide 3 */

#slide-3 {height: 4000px }

#slide-3 .bcg

		{background-image:url('../../episode6/images/poete.jpg') ; 

		height: 4000px;

		z-index: 4;	

		background-position: center center;

		background-repeat: no-repeat;

		background-attachment: fixed;

		width: 100%;}

		.curtainContainer {width: 100%; height: 100%; position: relative;}

		.curtainContainer .curtain {width: 300%; height: 1px; background-color: #000000; position: absolute; top: 40%; left: 0; opacity: 0}

		.curtainContainer .copy {position: absolute; bottom: 28%; left: 0; width: 100%; text-align: center;}

		.curtainContainer .copy2 {position: absolute; bottom: 22%; left: 0; width: 100%; text-align: center;}

		.curtainContainer .copy3 {position: absolute; bottom: 14%; left: 0; width: 100%; text-align: center;}

		.curtainContainer .copy4 {position: absolute; bottom: 6%; left: 0; width: 100%; text-align: center;}

		

#slide-3		.int131 {text-align: left; float: left; padding-left: 10%; padding-top: 0px; width: 52%; color:#ffffff; margin-top:-100px; }		

				.int13 {float: left; width: 35%; margin-left: 55%; margin-top: 400px;  background-color: rgba(0,0,0,0.75); padding: 0px 30px;}

				.int14 {float: left; width: 35%; margin-left: 55%; margin-top: 550px;  background-color: rgba(0,0,0,0.75); padding: 0px 30px;}

				.int15 {width: 47%; text-align: center; margin-left: 27.5%; margin-right:auto; margin-top: 200px;  background-color: rgba(0,0,0,0.0);}

				.int16 {width: 35%; text-align: justify; margin-left: 32.5%; margin-right:auto; background-color: rgba(0,0,0,0.0);}

				.int17 {width: 45%; text-align: center; margin-left: 27.5%; margin-right:auto; background-color: rgba(0,0,0,0.0);}

				.int171 {width: 45%; text-align: center; margin-left: 27.5%; margin-right:auto; background-color: rgba(0,0,0,0.0); margin-top:200px;}



/* Slide 4 */

#slide-4 {height: 3000px !important;}



#slide-4		.bcg {background-image:url('../../episode6/images/doree.jpg') ; 

		height: 3000px;

		z-index: 4;	

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		background-attachment: fixed;

		top: 0;

		left: 0;}



		.int18 {margin-left:8%; float: left; width: 35%; margin-right: 30%; margin-top: 400px; text-align: justify; background-color: rgba(0,0,0,0.75); padding: 0px 30px;}

		.int19 {margin-left:8%; float: left; width: 35%; margin-right: 30%; margin-top: 500px; text-align: center;  background-color: rgba(0,0,0,0.75); padding: 0px 30px;}

		.int20 {margin-left:8%; float: left; width: 40%; margin-top: 500px; text-align: justify;background-color: rgba(0,0,0,0.75); padding: 0px 30px;}

	

	

#slide-5 {height: 2500px !important;	 }

#slide-5 .bcg {	background-color: #000000;

		height: 2000px;

		z-index: 4;	

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		background-attachment: fixed;

		top: 0;

		left: 0;}

		

		.int21 {margin-left:10%; float: left; width: 80%; margin-top: 300px;text-align: justify; padding: 00px 30px;}

		.int22 {margin-left:10%; float: left; width: 80%; margin-top: 50px; text-align: justify;padding: 00px 30px; }

		.int23 {margin-left:10%; float: left; width: 80%; margin-top: 150px; text-align: center; padding: 00px 30px; }

		.int24 { margin-left:10%; float: left; width: 80%; margin-top: 300px; text-align: center;padding: 0px 30px;}

		.int25 {margin-left:25%; float: left; width: 50%; margin-top: 150px; text-align: center; padding: 0px 30px; }

		.int26 { margin-left:25%; float: left; width: 50%; margin-top: 250px; text-align: center; padding: 00px 30px;}

		



#slide-6 {height: 2200px !important;	 }		

#slide-6 .bcg {background-image:url('../../episode6/images/dessin.jpg') ; 

		height: 2200px;

		z-index: 4;	

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		background-attachment: fixed;

		top: 0;

		left: 0;}		

		

		.int27 { margin-left:5%; float: left; width: 45%; margin-top: 100px; text-align: justify; padding: 30px 0 0 0 ; z-index:40;}

		.int28 { margin-left:5%; float: left; width: 60%; margin-top: 350px; text-align: justify; z-index:40; }

		.int29 { margin-left:5%; float: left; width:45%; margin-top: 300px; z-index:40; }

	

#slide-6 .a {color:#000;}	

		

		

#slide-7 {height: 900px !important;	 }	

#slide-7 .bcg {background-image:url('../../episode6/images/bouton.jpg') ; 

		height: 700px;

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		background-attachment: relative;

		height: 100%;

		width: 100%;

		top: -200px;

		left: 0;}		

		

		

		.int30 {margin-left:55%; float: left; width:35%; margin-top: 270px;  text-align: left; font-size: 1.2em; padding: 0 30px;}

		.int31 { margin-left:50%; float: left; width: 40%; margin-top: 0px; text-align: justify; background-color: rgba(255,255,255,0.4); padding: 0px 30px;}

	

		

#slide-8 {height: 2000px !important;	 }			

#slide-8 .bcg {	background-color: #fff;

		height: 1000px;

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 100%;

		background-attachment: relative;

		top: -200px;

		left: 0;}	

#slide-8 	.bcg2 {background-image:url('../../episode6/images/jndpll.jpg') ;

		background-position: 50% 10%;

		background-repeat: no-repeat;

		background-size: cover;

		height: 75%;

		width: 100%;

		background-attachment: fixed;

		left: 0;}		

		

		

		

		

		.int321 {margin-left:0%; margin-top: -600px; margin-right: 0%;float: right; width:60%; text-align: justify;}

		.int32 { margin-left:5%;  margin-right:55%; float: left; width:30%; margin-top: 150px; text-align: justify;padding: 0px 0px 0px 30px ;  }

		.int33 { margin-left:33%;  margin-right:55%; float: left; width: 30%; margin-top: 0px; text-align: justify; padding: 0px 30px; }

		.int34 { margin-right:18%; float: right; width: 60%; margin-top: 100px; text-align: center; padding: 0px 30px}





#slide-9 {height: 1600px !important;	 }

#slide-9 .bcg {background-image:url('../../episode6/images/cafe.jpg') ; 

		height: 1000px;

		background-position: center center;

		background-repeat: no-repeat;

		height: 100%;

		width: 100%;

		background-attachment: fixed;

		left: 0;}		

			

		

		.int35 {float: right; width: 40%; margin-top: 0px; background-color: rgba(255,255,255,0.8); height: 1600px;}

		.int36 {float: left; width: 85%; margin-top: 600px;text-align: justify;  padding: 5% 10%; }

		.int37 {float: left; width: 85%; margin-top: 0px; text-align: center; padding: 5% 10%;}

		

		

#slide-10 {height: 2200px !important; margin-top: -100px;	 }

#slide-10 .bcg {background-color: #fff;

		background-position: center center;

		background-repeat: no-repeat;

		height: 100%;

		width: 100%;

		background-attachment: fixed;

		left: 0;}	

#slide-10 .bcg2 {background-color: #000;

		background-position: center center;

		background-repeat: no-repeat;

		height: 100%;

		width: 100%;

		background-attachment: fixed;

		left: 0;}

			



		.int38  {text-align: center; width: 100%; color:#000; font-size:1.2em !important; }

		.int380  {text-align: center; width: 100%; color:#000; font-size:1.2em !important; }

		.int381 { background-color: #000; width:100%; margin-left: auto; margin-right: auto; text-align: center; padding-top: 50px; padding-bottom: 200px; color:#fff;}

		.int382 { width:41%; margin-left: 10%; text-align: justify; color: #fff; padding-top: 50px; }

		.int383 { width:30%; margin-right: 10%;  float:right; text-align: center; color: #000; margin-top: -450px;  }

		.int382 a {color:#FEC36C;}	

		

		#slide-11 {height: 1200px !important; margin-top: -100px;	 }

		#slide-11 .bcg {background-color: #7F7D7D;

		background-position: center center;

		background-repeat: no-repeat;

		height: 100%;

		width: 100%;

		background-attachment: fixed;

		left: 0;}	

/* Slide 14 */

#slide-14 {position: relative; height: auto; }

#slide-14 .bcg {background: none;   }





		.int39 { width:100%; margin-left: auto; margin-right: auto; text-align: center; padding-top: 350px; }

		.int40 { width:100%; margin-left: auto; margin-right: auto; text-align: center; color: #fff; padding-top: 40px;}

		.int42 { width:55%; margin-left: 2%;  float: left; text-align: justify; color: #fff; padding-top: 250px;}

		.int43 { width:55%; margin-right: 2%;  text-align: justify; color: #fff; float:right; margin-top: 150px;}

		.int42 a {color:#FEC36C;}	

		.int43 a {color:#FEC36C;}			



.reseau{	width: 30%;

		float: left;

		height: auto;

		margin-top: 50px;

    

}



.commentaire{  width: 60%;

		float: right;

		margin-top: 50px;

    

    

}





a.button {

display: inline-block;

padding: 10px 15px;

margin: 0;

}



.hsContainer {

	display: table;

	table-layout: fixed;

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}



.hsContent {

	max-width: 1600px;

	margin: -150px auto 0 auto;

	display: table-cell;

	vertical-align: inherit;

	color: #fff;

	padding: 0 8%;

	text-align: ;

}

	.hsContent h2,

	.copy h2 {

		color: #ffffff;

		line-height: auto;

		margin-bottom: 12px;

	}

	.hsContent p {

		width: 400px;

		margin: 0 auto;

		color: #b2b2b2;

	}

	.hsContent 	 {

		color: #b2b2b2;

		text-decoration: none;

	}

	.bgBlack {

		background-color: rgba(0,0,0,0.75);

		padding: 3px 10px;

	}

	















/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * Image replacement

 */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}







/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}





/* Menu de liens vers les autres Žpisodes*/ 



#menufond {

    

    width:100%;

    background-image: url(top-area.png);

background-repeat: repeat;

height: 72px;

z-index: 100;

position: fixed;

}



#navigation {

	width: 100%;

	height: 17px;

	position: fixed;

	background-color: #3b3d42;

	z-index: 2;

}



// There is no required CSS for this plugin to work properly

// but here is what is being used to style this demo



.horizontal-nav {

    background: #efefef;

    border-radius: 0px;

    height: 17px;

}

.horizontal-nav ul {

    background: #3b3d42;

    position: fixed;

    float: left;

    margin-left: 2%;

    text-align: center;

	border: 0px solid #fff;

	margin-top: 0px;

	width: auto;

	 font-family: helvetica ;

	 height: 17px !important;

	 color: #fff;

}

.horizontal-nav ul li {

    float: left;

    border-left: 1px solid #0e7079;

    display: -webkit-inline-box;

    color: #fff;

    text-decoration: none;

    height: 17px;

}

.horizontal-nav ul li:first-child {

    border-left: 0 none;

}

.horizontal-nav ul li a {

    display: block;

	 font-family: helvetica ;

	font-size: 10px;

    padding: 2px 20px;

	color: #fff;

    text-decoration: none;

    border-left: 0px solid rgba(255,255,255, 0.25);

}

.horizontal-nav ul li:first-child a {

    border-left: 0 none;

}

.horizontal-nav ul li a:hover {

    background: #868686;

    color:#fff;

    height: 13px;

}

.horizontal-nav ul li:first-child a {

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}

.horizontal-nav ul li:last-child a {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}



#lang {

    color: #000;

    margin-left: 70%;

    font-family: helvetica ;



}



.lang ul li a {

    display: block;

	 font-family: helvetica ;

	font-size: 10px;

    padding: 2px 20px;

	color: #000;



    border-left: 1px solid rgba(255,255,255, 0.25);

}



#qLoverlay {

z-index: 50;

}





/* CSS du Menu idem Wordpress */

#menu{

	display: block; 

	position: fixed; 

	top: 17px;

	z-index: 1;

	width: 100%; 

	height: 72px;  

	background-color: #efefef; 

	float: left;

	margin-left: 35%;

	}

	

#menu a{

	font-size: 18px !important; 

	width:200px !important; 

	height:145px; 

	padding-top: 50px; 

	padding-bottom: 24px !important; 

	padding-right: 10px !important; 

	padding-left: 5px !important; 

	margin-top: 0px;

	color: #3b3d42;

	text-decoration: none;

}

	

#menu li a:hover{

	background-color: #aa955d; 

	width:200px; 

	

	padding-top: 50px; 

	padding-bottom: 24px !important; 

	padding-right: 10px !important; 

	padding-left: 5px !important; 

	margin-top: 0px;

}

	

#menu li img {

	display: absolute; 

	width: 30px; 

	margin-right: 5px; 

	margin-bottom: -4px; 

}

	

#menulogo{

	display: block; 

	position: fixed; 

	top: 17px !important; 

	width: 100%; 

	height: 72px !important;

background-color: #efefef;

z-index: 1;

}

	

#menulogo a{

	font-size: 2Opx;

}







/* Footer*/



#Fin {

	width: 100%;

	height: 70px;

	height: 70px;

	background-color: #282828;

	background-position: inherit ;

	opacity: 1;

	

	padding-bottom: 20px;

	padding-top: 20px;

	

}



.footerlogo {

	margin-left: 100px;

	margin-right: 100px;

	padding-top: 20px;

	}



.social {

	margin-left: 450px;

	margin-top: -45px;

	}



.sidewayslogo {



	margin-top: -30px;

	}





.site {

	

	float:right;

	font-size: 12px;

	color: #fff;

	margin-right: 2%;

	margin-top: 50px;

	

}



.site a{

	

	color: #fff !important;

	text-decoration: none;

	}



.site a:hover{

	

	color: #c44e00;

	}