/* CSS Document */

	@font-face	{
		font-family: HelveticaNeueLTPro-UltLt;
		src: url('fonts/HelveticaNeueLTPro-UltLt.otf');
	}
	
	@font-face	{
		font-family: HelveticaNeueLTPro-Th;
		src: url('fonts/HelveticaNeueLTPro-Th.otf');
	}
	
	@font-face	{
		font-family: HelveticaNeueLTPro-Lt;
		src: url('fonts/HelveticaNeueLTPro-Lt.otf');
	}
	
	@font-face	{
		font-family: HelveticaNeueLTPro-Bd;
		src: url('fonts/HelveticaNeueLTPro-Bd.otf');
	}
	
	@font-face	{
		font-family: HelveticaNeueLTPro-Hv;
		src: url('fonts/HelveticaNeueLTPro-Hv.otf');
	}
	
	@font-face	{
		font-family: 'olivierdemo';
		src: url('fonts/olivierdemo.otf');
	}
	
	@font-face	{
		font-family: 'SantEliaRough-Line';
		src: url('fonts/SantEliaRough-Line.otf');
	}

	@font-face {
		font-family: 'Barlow Semi Condensed';
		@import : url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed&display=swap') ;
		font-weight:100 200 300 400 500 600 700 800 900;
		font-style:normal;
	}

	@font-face {
		font-family: 'Barlow';
		@import : url('https://fonts.googleapis.com/css?family=Barlow') ;
		font-weight:100 200 300 400 500 600 700 800 900;
		font-style:normal;
	}

	@font-face {
		font-family: 'Leckerli One';
		@import : url('https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap') ;
	}
	


/************************************************************************************
 * Site
 ************************************************************************************/
 
 	body	{
		font-size:1em;
		background: top center fixed no-repeat;
		-moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: cover;           /* Opera 9.5 */
   		-webkit-background-size: cover;           /* Safari 3.0 */
        background-size: cover;
	}
	
	a	{
		text-decoration:none;
		color:#0AD;
		}
	
	/*a:hover	{
		text-decoration:underline;
	}*/
	
	a:visited	{
		color:#69B;
	}
	
	sup	{
		position: relative;
 	 	font-size:60%;
	 	vertical-align: baseline;
	 	top:-0.8em;
	 	line-height:1em;
	}
	
	a.onglet	{
		display:inline-block;
		padding: 5px 10px;
		font-family: 'HelveticaNeueLTPro-Lt', sans-serif;
		font-size:0.7em;
		text-transform:uppercase;
		letter-spacing:0.1em;
		color:rgba(255,255,255,0.75);
	}
	
	div.contenant	{
		display:bloc;
		position:relative;
		text-align:center;
		width:100%;
		height: auto;
		z-index: 100;
		overflow: auto;
		/*overflow:hidden;*/
		/*border: 1px solid #F33;*/
		
	}
	
	div.page	{
		display:inline-bloc;
		position:relative;
		width:90%;
		max-width:1000px;
		z-index: 100;
		overflow: auto;
		padding: 30px 0 50px 0;
		background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(255,255,255,0.9) 400px);
		/*overflow:hidden;*/
		/*border: 1px solid #F33;*/
		
	}
	
	@media screen and (max-width:800px)	{
		div.page	{
			width:100%;
		}
	}
	
	p	{
		display:inline-block;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.1em;
		line-height:1.1em;
		color:rgba(0,0,0,0.8);
		width: 90%;
		max-width: 700px;
		margin: 20px 0 0 0;
	}
	
	ul	{
		display:inline-block;
		text-align:left;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.1em;
		line-height:1.1em;
		width: 90%;
		max-width: 700px;
		margin: 20px 0 0 15px;
	}
	
	li	{
		list-style:none;
		width: 90%;
		max-width: 700px;
		margin: 10px 0 0 0;
		padding-left:30px;
		text-indent:-13px;
	}
	
	p.h1	{
		margin: 30px 0 18px 0;
		font-family: 'Leckerli One', cursive;
		font-size:4em;
        line-height: 0.8em;
		color:rgba(255,255,255,19);
		/**letter-spacing: -0.02em;**/
	}
	
	
	
	@media screen and (max-width:800px)	{
        p.h1    {
        font-size: 3.5em;
        }
        p.h1#climat	{
        font-size: 3em;
        }
    }
	
	p.h2	{
		display:inline-block;
		width:90%;
		max-width:700px;
		height:auto;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.8em;
		color:rgba(0,0,0,1);
		line-height:1.1em;
	}
	
	p	em	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}
	
	p.parag-titre	{
		display:inline-block;
		width:90%;
		max-width:700px;
		height:auto;
		font-family: 'Leckerli One', cursive;
		font-weight:800;
		font-size:2em;
		color:rgba(0,0,0,1);
		line-height:1.1em;
		margin:30px 0 -5px 0;
	}

    br#text {
        margin-bottom: 20px;
    }
	
/**********************
HOMEPAGE
**********************/

	body#GChome	{
		background: url(images/bg/bg-GC-01.jpg) top center fixed no-repeat;
		-moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: cover;           /* Opera 9.5 */
   		-webkit-background-size: cover;           /* Safari 3.0 */
        background-size: cover;
	}

	body#qui	{
		background: url(images/bg/bg-GC-qui.jpg) top center fixed no-repeat;
		-moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: cover;           /* Opera 9.5 */
   		-webkit-background-size: cover;           /* Safari 3.0 */
        background-size: cover;
	}
	
	/*******************
	POPUP
	*******************/
	
	div#wip	{
		display:none;
		position:absolute;
		z-index:5000;
		width:100vw;
		/*max-width:800px;*/
		height:auto;
		background-color:rgba(125,204,225,1);
		margin:20vh 50vw;
		transform:translateX(-50%);
		opacity:0.95;
	}
	
	p.parag-titre#wip	{
		width:100%;
		max-width:none;
		margin:12vh 0;
		text-align:center;
		font-size:4em;
		line-height:0.8em;
		color:rgba(255,255,0,1);
		/*border:1px solid rgba(51,102,204,1);*/
	}
	
	span#wip	{
		margin:15px 0;
		font-family:Helvetica, Arial, sans-serif;
		color:rgba(255,255,255,1);
		font-size:0.4em;
	}
	
	span#wip2	{
		display:inline-block;
		/*max-width:500px;*/
		margin:15px 0 0 0;
		font-family:Helvetica, Arial, sans-serif;
		color:rgba(255,255,255,1);
		font-weight:400;
		font-size:0.3em;
		line-height:1.2em;
	}
	
	a#wip	{
		display:inline-block;
		margin:30px 0 0 0;
		padding:0 5px;
		font-family: 'Leckerli One', "Comic Sans MS", cursive;
		font-size:1.3em;
		line-height:1em;
		color:rgba(255,0,153,1);
	}
	
	a#wip:hover	{
		color:rgba(255,255,0,1);
	}
	
	span#close	{
		display:inline-block;
		margin: 50px 0 0 0;
		padding: 12px 20px 8px 20px;
		font-family:Helvetica, Arial, sans-serif;
		color:rgba(255,255,255,1);
		font-size:0.23em;
		line-height:0.8em;
		font-weight:400;
		text-transform:uppercase;
		border:1px solid rgba(255,255,255,1);
	}
	
	span#close:hover	{
		cursor:pointer;
	}
	
	/*******************
	FIN POPUP
	*******************/
	
	div.contenant#contenantH	{
		/*height:92vh;
		border: 1px solid #F33;*/
	}
	
	div.headerH	{
		display:block;
		position:relative;
		padding: 10px 0 30px 0; 
		width:100%; 
		height:360px;
		z-index: 1000;
		margin-top: 25vh;
		transform: translateY(-48%);
		/*border:1px solid #CCC;*/
	}
	
	img#logoH	{
		display:inline-block;
		width:404px;
		height:auto;
	}
	
	img#logoH2	{
		display:inline-block;
		width:404px;
		height:auto;
	}
	
	@media screen and (max-width: 800px)	{
	
	img#logoH	{
		width: 90vw;
	}

	}
	
	p.h1#homeP	{
		margin: 0px 0 -5px 0;
		font-family: 'Leckerli One', "Comic Sans MS", cursive;
		font-size:4em;
		color:rgba(255,255,255,19);
		letter-spacing: -0.02em;
	}
	
	@media screen and (max-width: 800px)	{
	
	p.h1#homeP	{
		font-size:3em;
		margin:20px 0 -3px 0;
	}

	}
	
	p.baseline	{
		font-family: 'HelveticaNeueLTPro-Th', sans-serif;
		font-size: 0.9em;
		color:#FFF;
		letter-spacing: 0.2em;
		text-transform:uppercase;
		margin: 10px 0 5px 0;
	}
	
	p.slogan	{
		font-family: 'Leckerli One', "Comic Sans MS", cursive;
		max-width:none;
		font-size: 4em;
		color:rgba(204,235,0,1);
		letter-spacing: -0.02em;
		margin: 30px 0 5px 0;
	}
	
	@media screen and (max-width:800px)	{
		p.slogan	{
			width:100%;
			font-size:3.5em;
			line-height:1em;
		}
	}
	
	p.onglets	{
		font-family:'HelveticaNeueLTPro-Th', sans-serif;
		color:rgba(204,255,51,1);
		margin-top:20px;
		max-width:none;
        line-height:15px;
	}
	
	a#ongletH0	{
		font-size:0.7em;
		letter-spacing:0.15em
	}
	
	a#ongletH1	{
		color:rgba(255,255,255,1);
		font-size:0.7em;
		letter-spacing:0.15em
	}
	
	a#ongletH1:hover	{
		color:rgba(204,240,0,1);
		border-bottom: 5px solid rgba(204,240,0.6);
	}
	
	div.page#home-page	{
		display:inline-block;
	}
	
	p.h2#chapoH	{
		color:rgba(51,25,0,0.8);
		margin:20px 0;
	}
	
/********************
HOME 2
********************/

	img#logoH2	{
		display:inline-block;
		width:199px;
		height:auto;
	}
	
	p.nom-home2	{
		display:inline-block;
		font-family:'Leckerli One', cursive;
		font-size:5em;
		letter-spacing:-0.05em;
		color:rgba(255,255,255,1);
		margin: -80px 0 13px 0;
	}
	
	p.slogan#home2	{
		font-family: 'HelveticaNeueLTPro-UltLt', sans-serif;
		letter-spacing:normal;
		margin: 30px 0 0 0;
		
	}
	
	p.baseline#home2	{
		color:rgba(204,255,0,0.8)
	}
	
	p#ongletsH2	{
		font-family:'Barlow Semi Condensed', sans-serif;
		color:rgba(204,255,51,1);
		margin-top:10px;
	}
	
	
/********************
PAGE
********************/

	/****************
	HEADER
	****************/

	img.picto-menu  {
		display: none;
		position: fixed;
		top: 10px;
		right: 10px;
		padding: 12px 10px;
		background-color: rgba(0,0,0,0.6);
		z-index: 10000;
		cursor: pointer;
	}
	
	@media screen and (max-width:800px)    {
		img.picto-menu  {
			display: block;
		}
	}
    

	div.contenant#header	{
		height:200px;
		background-image: linear-gradient(to bottom, rgba(0,51,30,0.7), rgba(0,51,30,0));
		/*border:1px solid rgba(204,255,51,1);*/
	}

	div.contenant#headerQ	{
		height:200px;
		background-image: linear-gradient(to bottom, rgba(75,60,30,0.7) 0px, rgba(75,60,30,0) 300px);
		/*border:1px solid rgba(204,255,51,1);*/
	}
	
	div.header	{
		display:inline-block;
		width: 100%;
		max-width: 1280px;
	}
	
	img#logoP	{
		width:250px;
		height:auto;
		margin-top:-40px;
	}
	
	p.baseline#header	{
		vertical-align:top;
		width:auto;
		margin-top:60px;
		text-align:left;
		/*border:1px solid rgba(204,255,51,1);*/
	}
	
	@media screen and (max-width:800px)	{
		p.baseline#header	{
			text-align:center;
		margin-top:10px;
		}
	}
	
	@media screen and (max-width:800px)	{
		p.onglets	{
			display:none;
		}
	}
	
	a#ongletP0	{
		font-size:0.7em;
		letter-spacing:0.15em
	}
	
	a#ongletP1	{
		color:rgba(255,255,255,1);
		font-size:0.7em;
		letter-spacing:0.15em
	}
	
	a#ongletP1:hover	{
		color:rgba(204,240,0,1);
		border-bottom: 5px solid rgba(204,240,0,0.6);
	}
	
	a.onglet#ongletP-ON	{
		color: rgba(204,240,0,0.9);
		border-bottom: 5px solid rgba(204,240,0,0.8);
	}
	
	/**********
	FIN HEADER
	**********/

	a.top	{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-top:30px;
	}
	
	div.page-page	{
		display:inline-block;
		position : relative;
		background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(255,255,255,0.9) 400px);
		width:90%;
		max-width: 1000px;
		height:100%;
		margin: -22px 0 0 0;
		overflow:scroll;
		padding-bottom:50px;
	}
	
	@media screen and (max-width:800px)	{
		div.page-page	{
			width:100%;
		}
	}
	
	p.h2#chapoP	{
		color:rgba(51,25,0,0.8);
		margin:40px 0 20px 0;
	}
	
	img.intense	{
		display:inline-block;
		width:100%;
		max-width:800px;
		height: auto;
		margin: 0 0 30px 0;
		cursor: url('./images/intense/plus_cursor.png') 25 25, auto;
	}
	
	img.intense#vignette	{
		margin: 0 0 10px 0;
	}
	
	div.real	{
		display:inline-block;
		width:100vw;
		max-width:800px;
		height: 0.75vw;
		margin: 0 0 30px 0;
	}
	
	p.parag-titre#real	{
		/*text-align:left;*/
		font-family: 'Barlow', sans-serif;
		font-weight:200;
		font-size:1em;
		line-height:1.8em;
		text-transform:uppercase;
		letter-spacing:normal;
		color:rgba(0,0,0,1);
		margin:50px 0 0 0;
	}
	
	p#bio	{
		font-family: 'Barlow', sans-serif;
		font-size:1.3em;
		line-height:1em;
		margin-top:50px;
		margin-bottom:0px;
	}
	
	span#date	{
		display:inline-block;
		margin-right:10px;
		padding:2px 5px;
		font-size:0.9em;
		background-color:rgba(204,240,0,0.4);
	}
	
	strong#real	{
		font-family: 'barlow', sans-serif;
		font-size:1.4em;
		font-weight:400;
		background-color:rgba(204,240,0,0.6);
		padding:2px 10px;
	}
	
	p#real	{
		width:100%;
	}
	
	div.real-txt2	{
		display:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1em;
		line-height:1.1em;
		color:rgba(0,0,0,0.8);
		width: 100%;
		max-width: 700px;
		margin: 0 0 0 0;
	}
	
	a.pluss	{
		display:inline-block;
		margin:15px 0;
		padding:2px 5px;
		cursor:pointer;
		/*border:1px solid rgba(51,153,255,1);*/
	}
	
	a.moins	{
		display:inline-block;
		margin:20px 0;
		padding:2px 5px;
		cursor:pointer;
		/*border:1px solid rgba(51,153,255,1);*/
	}
	
	.intense.vign	{
		display:inline-block;
		width:100%;
		max-width:300px;
		height:auto;
		margin:30px 10px 0px 10px;
		cursor: url('./images/intense/plus_cursor.png') 25 25, auto;
	}
	
	img.intense#vign	{
		display:inline-block;
		width:100%;
		max-width:300px;
		height:auto;
		margin:30px 10px 0 10px;
		cursor: url('./images/intense/plus_cursor.png') 25 25, auto;
	}
	
	p.presta	{
		max-width:;
		margin: 30px 0 30px 0;
		padding:10px 0;
		background-color: rgba(255,255,255,0.40);
		font-family: Helvetica, Arial,sans-serif;
		font-size:0.9em;
		color:rgba(153,0,0,1);
		/*border-bottom:1px solid rgba(153,153,153,1);
		border-top:1px solid rgba(153,153,153,1);*/
	}
	
	hr#realz	{
		border:1px solid rgba(204,204,204,1); 
		margin:30px 50px -10px 50px;
	}
	
	
	
	/****************
	FOOTER
	****************/

	div.contenant#footer	{
		height:150px;
		background-image: linear-gradient(to top, rgba(0,51,30,0.8), rgba(0,51,30,0));
		/*border:1px solid rgba(204,255,51,1);*/
	}

	div.contenant#footerQ	{
		height:150px;
		background-image: linear-gradient(to top, rgba(75,60,31,0.8), rgba(75,60,31,0));
		/*margin-top:-50px;
		border:1px solid rgba(204,255,51,1);*/
	}

	div.contenant#footerC	{
		height:150px;
		/*background-image: linear-gradient(to top, rgba(75,60,31,0.8), rgba(75,60,31,0));
		margin-top:-50px;
		border:1px solid rgba(204,255,51,1);*/
	}
	
	div.footer	{
		display:inline-block;
		width: 100%;
		max-width: 1280px;
	}
	
	p.baseline#footer	{
		vertical-align:top;
		width:auto;
		margin-top:80px;
		text-align:center;
		font-size:0.7em;
		/*border:1px solid rgba(204,255,51,1);*/
	}
	
	p#ongletsF	{
		font-family:'HelveticaNeueLTPro-Th', sans-serif;
		color:rgba(204,255,51,1);
		margin-top:0px;
	}
	
	a#ongletPF	{
		font-size:0.5em;
		letter-spacing:0.15em
	}
	
	a#ongletPF:hover	{
		border-bottom: 3px solid rgba(255,255,255,0.4);
	}
	
	/**********
	FIN FOOTER
	**********/

    /*********************
    MENU SITE MAP
    *********************/

	div.menu-mobile	{
		display:none;
		position:fixed;
		z-index:20000;
		width:100%;
		max-width:1000px;
		height:100%;
		background:rgba(240,240,240,0.97);
		top:0;
		overflow: visible;
		margin-left:50%;
		transform: translateX(-50%);
		padding-bottom: 300px;
        text-align: left;
	}
	
	p.menumenu	{
		display:block;
		/**float:left;**/
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.8em;
		font-weight:100;
		letter-spacing:0.1em;
		color:rgba(204,0,0,1);
		margin: 30px 0 20px 20px;
		text-transform:uppercase;
	}

	ul.menumobile	{
		list-style: none;
		margin: 0;
		padding: 0;
		display: bloc;
		position: absolute;
		left:0;
		width:100%;
		padding: 0;
		padding-bottom:0;
		z-index: 1000;
		font-size:0.9em;
		line-height: 1.2em;
		text-align:left;
		/*background:rgba(255,255,255,0.6);*/
	}
	
	li.menumobile	{
		/*background:rgba(255,255,255,0.8);*/
		width:100%;
		margin: 0;
		height:30px;
		padding: 25px 10px 0 40px;
		display: block;
		border-top: 1px solid rgba(204,204,204,1);
		/*border-bottom: 1px dashed rgba(204,204,204,0.5);*/
	}
	
	li.menumobile:hover	{
		background:rgba(255,255,255,0.8);
		transition:0.5s;
	}
	
	ul.submenumobile	{
		list-style: none;
		margin: 0;
		padding: 0;
		display:bloc;
		position: relative;
		top: 60px;
		left:0;
		width:100%;
		padding: 0;
		padding-bottom:0;
		z-index: 1000;
		font-size:1em;
		line-height: 1.2em;
		text-align:left;
		background:rgba(255,255,255,0.6);
	}
	
	li.submenumobile	{
		/*background:rgba(255,255,255,0.8);*/
		width:100%;
		max-width:1250px;
		margin: 0 0 0 0;
		height:10px;
		padding: 0 0 24px 60px;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 300;
		font-size:0.8em;
		text-transform:uppercase;
		letter-spacing:0.05em;
        color: rgba(139,156,41,1);
		/*border-top: 1px solid rgba(255,255,255,1);*/
	}
	
	/**li.submenumobile:hover	{
		background:rgba(255,255,255,0.6);
		transition:0.5s;
	}**/
	
	a.menu3	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 300;
		color:rgba(0,0,0,1);
		font-size:1em;
		text-transform:uppercase;
		letter-spacing:0.05em;
		text-decoration:none
	}
	
	a.menu3#submenu	{
		margin-left:40px;
		font-size:0.85em;
		color:rgba(51,51,51,1);
	}