/* BODY */


* { margin: 0; padding: 0;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;  }

html { font-size: .625em;
	height: 100%; }

body { font-size: 1.48em; /* normal = 1.42em */
 	height: 100%;
	font-family: Duru Sans, "sans serif";
	color: #583f27;
	background-color: #fff; }

ul { list-style:none; }




/* SMALL SCREENS */

	@media screen and (max-width:319px) {

	.remove { display: none; }

	 }


	@media screen and (max-height:479px) {

	.remove { display: none; }

	 }








/* HEADER */

.logotop { position: absolute;
	left: 2%;
	top: 12%;
	width: 16%;
	margin: 0 4% 1% 0; }


#header { width: 100%;
	height: 88%;
	position: relative;
	overflow: auto;
	-webkit-background-size: cover; /* Chrome et Safari */
	-moz-background-size: cover; /* Firefox */
	-o-background-size: cover; /* Opera */
	background-size: cover; }


.headerhome { background: #fff url('IMG/HOME.jpg') no-repeat left 28% center; }

.headershow { background: #fff url('IMG/SHOW.jpg') no-repeat right 32% center; }

.headerproj { background: #fff url('IMG/PROJET.jpg') no-repeat center bottom; }

.headerlesson { background: #fff url('IMG/COURS.jpg') no-repeat center bottom; }

.headerinfo { background: #fff url('IMG/COURSINFO.jpg') no-repeat center center; }

<-- .headerstages { background: #fff url('IMG/STAGES.jpg') no-repeat left center; } -->

.headerstages { background: #fff url('IMG/SUMMER.jpg') no-repeat right top; }

.headerflex { background: #fff url('IMG/FLEX.jpg') no-repeat left 8% bottom 40%;
 }

.headereve { background: #fff url('IMG/Eve02.jpg') no-repeat center center; }

.headerdanse { background: #fff url('IMG/DANSE.jpg') no-repeat center top; }

.headerzills { background: #fff url('IMG/ZILLS.jpg') no-repeat center center; }

.headerbiblio { background: #fff url('IMG/BiblioOuledNail02.jpg') no-repeat center center; }

.headerphoto { background: #fff url('IMG/SHOWtaj01.jpg') no-repeat right 18% center; }

.headercontact { background: #fff url('IMG/ContactOuledNail.jpg') no-repeat center center; }



.headerlogo { width: 18%;
	height: auto;
	margin: 3% 2% 2% 10%; }


.BGcopyright { font-size: 0.75em;
	position: absolute;
	bottom: 8px;
	left: 8px; }

.white { color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.8); }

.black { color: rgb(0, 0, 0);
	color: rgba(0, 0, 0, 0.8); }



header { overflow: auto;
	color: #352617;
	padding: 2% 10% 2% 10%; }


header p { font-size: 1.3em;
	font-weight: 400;
	line-height: 1.7em;
	text-align: justify;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto; /* Chrome et Safari */
	-moz-hyphens: auto; /* Firefox */
	-ms-hyphens: auto;
	-o-hyphens: auto; /* Opera */
	hyphens: auto;
	margin-top: 0.8em; }





#mainnav { width: 100%;
	padding: 4px 4% 4px 4%;
	text-align: center;
 	background-color: rgb(255, 255, 255, 0.8);
	/* background-color: rgb(255, 255, 255, 0.6); */
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
	word-wrap: normal; }


#mainnav > ul { position: relative;
	width: 100%;
	display: table;
	table-layout: fixed; }


#mainnav > ul > li { position:relative;
	display: table-cell;
	padding: 6px 0 6px 0;
	font-family: BenchNine;
	font-weight: 400;
	font-size: 1.45em;
	color: #180002;
	cursor: pointer;
	-webkit-transition: color 0.8s ease;
	transition: color 0.8s ease; }

#mainnav > ul > li a { color: #180002;
	-webkit-transition: color 0.8s ease;
	transition: color 0.8s ease; }

#mainnav > ul > li:hover, #mainnav > ul > li a:hover { color: rgb(206, 187, 147);
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease; }


#mainnav > ul > li > ul { /* closed */
	position:absolute;
	margin-top: 9px; /* en fonction de la H du menu */
	left:-9599px;
	min-width: 200px;
	z-index: 98; }


#mainnav > ul > li:focus > ul, #mainnav > ul > li:active > ul { /* opened */
	left:-0.8em;
	right:0em;
	padding: 0 0 4px 0;
	text-align: left;
	border-top: 1px dotted;
	z-index: 97; }


#mainnav > ul > li > ul > li { display:block;
	text-align: center;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.6);
	padding: 4px 2px 4px 2px;
	color: #180002; }


#mainnav input[type=checkbox] { display: none; }

#mainnav label { display: none; } /* back - 959px */


#mainnav input[type=checkbox]:checked ~ ul {
	position: relative;
	display: block;
	left:0em;
	right:0em; }




	/* SCREENS*/


	@media screen and (max-width:479px) {


	header { padding: 4% 3% 4% 3%;
	width: 100%;
	height: 80%; }

	header p { font-size: 1.1em; }

	.logotop { left: 4%;
	width: 164px;
	margin: 1% 4% 2% 0; }

	 }


	@media screen and (min-width:480) and (max-width:799px) {


	header { padding: 6% 0 6% 0;
	height: 80%; }
	
	header p { font-size: 1.1em;
	line-height: 1.6em; }

	 }


	@media screen and (max-width:849px) {

	#header { overflow: visible; } /* overflow important for menu-mobile display */

	#mainnav { padding: 0 4% 0 4%;
 	background-color: transparent; }

	#mainnav label { display: block; }

	.menu-mobile { position: absolute; /* hamburger */
	z-index: 99;
	right: 4%;
	top: 6px;
	text-align: right;
	cursor: pointer;
	font-weight: 400;
	font-size: 1.45em;
	color: rgb(255, 255, 255);
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
	margin: 6px 0 0 8px; }

	#mainnav > ul { position: absolute;
	left:-9599px;
	z-index: 97;
	top: 4em;
	padding: 2% 0 2% 0;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: rgb(114, 42, 72);
	background-color: rgba(114, 42, 72, 0.9);
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease; }

	#mainnav > ul > li { display:block;
	text-align: left;
	color: rgb(255, 255, 255);
	padding: 0 4% 12px 4%;
	cursor: pointer; }

	#mainnav > ul > li a { color: rgb(255, 255, 255); }

	#mainnav > ul > li > ul > li { background-color: transparent;
	text-align: left;
	color: rgb(255, 255, 255);
	padding: 4px 4px 4px 24px; }


	#mainnav > ul > li:hover { /* border-bottom: none;
	padding: 4px 8px 8px 8px; */ }

	#mainnav > ul > li:focus > ul, #mainnav > ul > li:active > ul { 
	text-align: left;
 	position: static;
	display: block; }

	.logotop { top: 6px; }

	 }


	@media screen and (min-width: 800px) and (max-width: 959px) {

	header { padding: 3% 6% 3% 6%; }

	}



/* CONTAINER */


#container { width: 100%;
	height: auto;
	clear: both; }







/* FOOTER */


footer { overflow: auto;
	width: 100%;
	/* color: #352617; */
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.6);
	background-color: rgb(114, 42, 72);
	background-image: url('IMG/BGtexturefooter.png');
	padding: 4% 10% 1% 10%;
	display: table; }



.footershow { background: #5e2340;
	background: -webkit-linear-gradient(top, #970035, #8a0f3b, #7b183f, #6d1f40, #5e2340); /* Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	background:    -moz-linear-gradient(top, #970035, #8a0f3b, #7b183f, #6d1f40, #5e2340); /* Firefox (3.6 to 15) */
	background:      -o-linear-gradient(top, #970035, #8a0f3b, #7b183f, #6d1f40, #5e2340); /* old Opera (11.1 to 12.0) */ 
	background:   linear-gradient(to bottom, #970035, #8a0f3b, #7b183f, #6d1f40, #5e2340); /* Standard syntax = last */ }



footer h3 { font-size: 1.15em;
	margin-bottom: 16px;
	font-weight: 400;
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.6); }


footer nav { display: table-cell;
 	vertical-align: top;
	width: 40%;
	padding: 0 1% 0 0; }


footer nav ul { -webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	padding: 0 0 16px 0; }


footer nav li { margin: 0 0 16px 0;
	font-size: 0.85em;
	width: 100%; }


footer a { color: rgb(255, 255, 255);
	-webkit-transition: color 0.8s ease;
	transition: color 0.8s ease;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none; }

footer a:hover, .contact a:hover { color: #180002;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease; }


.contact { display: table-cell;
	width: 30%;
 	vertical-align: top;
	padding: 0 0 16px 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto; /* Chrome et Safari */
	-moz-hyphens: auto; /* Firefox */
	-ms-hyphens: auto;
	-o-hyphens: auto; /* Opera */
	hyphens: auto; }

.contact li { font-size: 0.85em;
	vertical-align: middle;
	padding: 0 0 14px 0; }

.contact a { /* padding: 4px 12px 4px 12px;
	border: 1px solid;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px; */
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition: color 0.8s ease;
	transition: color 0.8s ease; }



/* .buttoncontact { border: #fff 1px solid;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 4px 8px 4px 8px;
	-webkit-transition: border 0.8s ease;
	transition: border 0.8s ease; }
*/



.whoIam { display: table-cell;
 	vertical-align: top;
	width: 30%;
	padding: 0 0 16px 2%;
	overflow: auto;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto; /* Chrome et Safari */
	-moz-hyphens: auto; /* Firefox */
	-ms-hyphens: auto;
	-o-hyphens: auto; /* Opera */
	hyphens: auto; }

.contact p, .whoIam p, .Evecopyright p { font-size: 0.85em;
	font-weight: 400;
	line-height: 1.42em;
	padding: 0 0 16px 0; }

.medaillon { float: left;
	width: 60px;
	margin: 0 12px 2px 0;
	padding: 4px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid;
	border-color: rgb(255, 255, 255);
	border-color: rgba(255, 255, 255, 0.4); }


.footerlogo { width: 168px;
	padding: 2px 0 0 0; }



.Evecopyright { display: table-caption;
	caption-side: bottom;
	width: 100%;
	background-color: rgb(114, 42, 72);
	background-image: url('IMG/BGtexturefooter.png');
	font-size: 0.85em;
	text-align: center;
	padding: 14px 10% 20px 10%;
	border-top: 1px solid;
	border-top-color: rgb(255, 255, 255);
	border-top-color: rgba(255, 255, 255, 0.1);
 }





	/* SCREENS FOOTER */


	@media screen and (max-width:1023px) {

	footer nav { width: 54%;
	padding: 0 0 0 0; }

	.contact { display: block;
	width: 100%; }

	.whoIam { display: block;
	width: 100%;
	padding-left: 0; }

	 }


	@media screen and (max-width:799px) {

	footer nav { display: block;
 	width: 100%;
	padding: 0 0 0 0; }

	.contact { padding: 16px 0 16px 0;
	border-top: 1px solid;
	border-top-color: rgb(255, 255, 255);
	border-top-color: rgba(255, 255, 255, 0.4); }

	.whoIam { padding: 16px 0 16px 0;
	border-top: 1px solid;
	border-top-color: rgb(255, 255, 255);
	border-top-color: rgba(255, 255, 255, 0.4); }

	 }


	@media screen and (min-width: 800px) and (max-width: 959px) {

	footer { padding: 4% 6% 2% 6%; }

	}

	@media screen and (min-width: 480px) and (max-width: 799px) {

	footer { padding-top: 6%; }

	}


	@media screen and (max-width: 479px) {

	footer { padding: 8% 4% 2% 4%; }

	}

	@media screen and (max-width: 359px) {

	footer nav ul { -webkit-columns: 1;
	-moz-columns: 1;
	columns: 1; }

	}





/* LIENS  */


/* link visited hover active focus */

a { text-decoration: none;
	color: inherit; }

a img { border: 0; }


.button { text-align: center;
	/* text-transform: uppercase; */
	vertical-align: middle;
	padding: 6px 14px 6px 14px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow-wrap: normal;
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
	-webkit-transition: background 0.8s ease;
	transition: background 0.8s ease;
	color: #fff; }


.button:hover { background: #cebb93;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease; }


.buttonshow { background-image: linear-gradient(to bottom, #a15e7a, #95516d, #894461, #7e3754, #722a48); }


.buttonflex { background: rgb(62, 42, 48); }





/* AUTRES MENUS */



#lang { position: absolute;
	top: 56px;
	right: 4%; }

#lang li { display: inline-block;
	vertical-align: middle; }

#lang a { display: inline-block;
	vertical-align: middle;
	width: 38px;
	height: 36px;
	padding: 10px 5px 5px 5px;
	text-align: center;
	/* background-color: rgb(114, 42, 72);
	background-color: rgba(114, 42, 72, 0.9); */
	background-image: linear-gradient(to bottom, #a15e7a, #95516d, #894461, #7e3754, #722a48);
	-webkit-transition: background 0.8s ease;
	transition: background 0.8s ease;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius : 4px; }

#lang a:hover { background-color: rgb(207, 185, 125);
	background-color: rgba(207, 185, 125, 0.9);
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease; }






/* TITRES */



h1 { font-size: 2.6em;
	line-height: 1em;
	margin-bottom: 2%;
	font-weight: 200;
	font-family: Arsenal, serif;
	color: #352617; }



h2 { font-size: 2em;
	line-height: 1.1em;
	font-weight: 300;
	font-family: Arsenal, serif;
	/* color: #352617; */
	color: #722a48;
	margin: 0 0 12px 0; }

h3 { font-weight: 600;
	font-size: 1.1em;
	color: #352617;
	margin-bottom: 6px; }


h4 { font-size: 1em;
	color: #352617;
	margin: 6px 0 4px 0; }


h1, h2, h3, h4  { -webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
	  word-wrap: normal; }



	/* SCREENS */

	
	@media screen and (max-width:479px) {

	h1  { font-size: 2.2em; }

	h2 { font-size: 1.8em; }

	 }






/* STYLES TEXTES */


.normal { font-style:normal; }

.italic { font-style: italic; }

.gras { font-weight: bold; }

.souligne { text-decoration : underline; }

.barre { text-decoration:line-through; }

.centre { text-align: center; }

.important { 
	color: #ff050d; }

.interl { margin-top: 1.8em; }

.clear { clear: both; }

.small { font-size: 0.9em; }

.intro { font-size: 1.1em;
	font-color: #722a48; }




/* BLOCS  */


.relative { position: relative; }



#hometable { display: table;
	table-layout: fixed;
	/* border-spacing: 8px*/ ; }


.agenda { display: table-cell;
 	vertical-align: top;
	clear: both;
	padding: 10px 16px 8px 14px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: rgb(229, 209, 172); }

.agendaitem { margin: 0px 0px 30px 0px; }

#summer { margin: 4% 0 2% 0;
	background: #fff url('IMG/sun_PNG13433.png') no-repeat right bottom; }






/* rgb(233, 164, 26) */


.homecell01 { display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 12px 18px 0; }

.homecell02 { display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 0 12px 18px; }




.homecell01 img, .homecell02 img { width: 100%;
	height: 160px;
	margin-bottom: 10px;
	object-fit: cover; }

.homecell01 h3, .homecell02 h3 { font-family: BenchNine;
	font-weight: 400;
	font-size: 1.5em;
	color: #352617;
	margin-bottom: 4px;
	text-transform: uppercase; }






hr { clear: both; visibility: hidden; height: 0; border: 0; }

.fb-page { margin: 0; }


section { width: 100%;
	overflow: auto;
	padding: 0 10% 0 10%;
	line-height: 1.7em; }

/* .SP { overflow: auto;
	padding: 0 0 0 0; } */


section p { margin: 0 0 10px 0;
	text-align: justify;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto; /* Chrome et Safari */
	-moz-hyphens: auto; /* Firefox */
	-ms-hyphens: auto;
	-o-hyphens: auto; /* Opera */
	hyphens: auto; }



.last { padding-bottom: 28px; }

.first { padding-top: 28px; }

.teaser { padding: 0 0 2% 0;
	color: #352617;
	font-size: 1.1em; }




	/* COLORBOX  */

	.beigerose { background-color: rgb(229, 209, 172);
		background-color: rgb(229, 209, 172, 0.3); }

	.camel { background-color: rgb(221, 200, 122);
		background-color: rgba(221, 200, 122, 0.2); }

	.blanctrans { background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.6); }

	.blanc { background-color: rgb(255, 255, 255); }

	.vertparc { background-color: rgb(142, 148, 53); }


	.cadre { border: #66492d 1px solid;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 3% 4% 3% 4%;
	margin: 0 0 3% 0;
	overflow: auto; }





.table { display: table;
	table-layout: fixed; }

.blocGdemi, .blocGdemiint, .blocDdemi, .blocDdemiint, .blocG3quarts, .blocD1quart, .blocG1quart, .blocG2tiers,
 .blocD1tiers, .blocG1tiers, .blocD2tiers, .blocDreste
	 { display: table-cell;
 	vertical-align: top;
	overflow: auto;
	clear: both; }


.blocGdemiint { width: 50%;
	padding: 12px 24px 0 0; }

.blocDdemiint { width: 50%;
	padding: 12px 0 0 24px; }



.blocGdemi { width: 50%;
	padding: 0 4% 0 0; }

.blocDdemi { width: 50%;
	padding: 0 0 0 4%; }



.blocG3quarts { width: 74%;
	padding: 0 3% 0 0; }

.blocD1quart { width: 26%;
	padding: 0 0 0 3%; }

.blocG1quart { width: 24%;
	padding: 0 3% 0 0; }

.blocG2tiers { width: 65%;
	padding: 0 3% 1% 0; }

.blocD1tiers { width: 35%;
	padding: 0 0 1% 3%; }

.blocG1tiers { width: 30%;
	padding: 0 3% 1% 0; }

.blocD2tiers { width: 60%;
	padding: 0 0 1% 3%; }

.blocDreste { width: auto;
	padding: 0 0 1% 3%; }

/* .bloclarge { width: 100%;
	vertical-align: top;
	overflow: auto;
	display: table-row; } */



.blocDphoto { width: 100%; }


.blocphoto { width: 39%;
	display: table-cell;
 	vertical-align: top;
	overflow: auto;
	padding: 0 3% 1% 0; }

/* .blocvideo { width: 62%;
	display: table-cell;
 	vertical-align: top;
	overflow: auto;
	padding: 0 3% 1% 3%; } */




	/* SCREENS */


	@media screen and (min-width: 800px) and (max-width: 959px) {

	section { padding: 0 6% 0 6%; }

	}


	@media screen and (max-width:799px) {

	.agenda { display: block;
	margin: 0 0 0 0; }

	#hometable { width: 100%;
	margin-bottom: 4%; }

	.blocphoto, .blocvideo { width: 100%;
	display: block;
	padding: 2% 0 2% 0; }

	.blocG2tiers, .blocD1tiers, .blocG1tiers, .blocD2tiers, .blocDdemi, .blocGdemi, .blocG3quarts, .blocD1quart, .blocG1quart, .blocDreste { width: 100%;
	display: block;
	width: 100%;
	padding: 0 0 0 0; }


	.blocD1tiers, .blocD2tiers, .blocDdemi, .blocD1quart, .blocDreste {
	margin-top: 6%; }


	.blocGdemiint, .blocDdemiint { width: 100%;
	display: block;
	padding: 0 0 0 0; }

	.blocDdemiint { padding: 4% 0 0 0; }

	}


	@media screen and (min-width: 480px) and (max-width:799px) {

	.blocD1tiers, .blocD2tiers, .blocDdemi, .blocD1quart, .blocDreste {
	margin-top: 4%; }

	/* .blocDphoto { float: left;
	width: 60%;
	margin-right: 12px; } */



	}


	@media screen and (max-width: 479px) {

	section { padding: 0 4% 0 4%; }



	}


	@media screen and (max-width: 599px) {

	.homecell01 { display: block;
	width: 100%;
	padding: 0 0 32px 0; }

	.homecell02 { display: block;
	width: 100%;
	padding: 0 0 32px 0; }

	}


.BGshow01 { background: url('IMG/SHOW04.jpg') no-repeat left center;
	background-size: contain;
	background-color: rgba(221, 200, 122, 0.2); }

.blocshow01 { margin: 0 0 0 46%;
	padding: 4% 4% 4% 4%;
	width: 54%;
	overflow: auto;

	/* color: rgb(255, 255, 255);
	background-color: rgb(252, 198, 78);
	BGshow01 rgb(252, 198, 78) */
	line-height: 1.7em; }


.BGflex01 { background: url('IMG/FLEX03.jpg') no-repeat left center;
	background-size: contain;
	background-color: rgb(142, 148, 53);
	color: rgb(255, 255, 255); }

.blocflex01 { margin: 0 0 0 50%;
	padding: 4% 4% 4% 0%;
	width: 50%;
	overflow: auto;
	line-height: 1.7em; }






	@media screen and (min-width: 800px) and (max-width: 1019px) {


	.BGshow01 { background-position: bottom 0% left -14%; }

	.blocshow01 { margin: 0 0 0 52%;
	width: 48%;
	line-height: 1.6em; }

	.BGflex01 { background-position: bottom 0% left -64%; }

	.blocflex01 { margin: 0 0 0 52%;
	width: 48%;
	line-height: 1.6em; }

	}


	@media screen and (max-width:799px) {

	.BGflex01 { background-position: top center; }

	.BGshow01 { background-position: top center; }

	.blocflex01 { margin: 0 0 0 0;
	padding : 72% 4% 6% 4%;
	width: 100%;
	background-color: transparent; }

	.blocshow01 { margin: 0 0 0 0;
	padding : 54% 4% 6% 4%;
	width: 100%;
	background-color: transparent; }

	}




/* TABLEAUX */


#leveltable { display: table;
	width: 100%;
	table-layout: fixed;
 	border-collapse: separate;
	border-spacing: 2px 2px;
	margin: 0 0 20px 0; }


#leveltable p { background-color: rgb(233, 164, 26);
	color: #180002;
	padding : 6px 8px;
	font-size: 1em;
	display: table-cell; }

#leveltable p:first-child { width: 30%;
	font-weight: 600; }

#leveltable p+p { background-color: rgb(233, 164, 26);
background-color: rgba(233, 164, 26, 0.7); }

#leveltable p+p+p { background-color: rgb(233, 164, 26);
background-color: rgba(233, 164, 26, 0.4);
width: 37%; }

.row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8 { display: table-row; }





#leveltable2 { display: table;
	width: 100%;
	table-layout: fixed;
 	border-collapse: separate;
	border-spacing: 2px 2px;
	margin: 0 0 0 0; }


#leveltable2 p { background-color: rgb(233, 164, 26);
	color: #180002;
	padding : 8px 10px;
	margin: 0;
	font-size: 1.1em;
	display: table-cell; }

#leveltable2 p:first-child { width: 40%;
	font-weight: 600; }

#leveltable2 p+p { background-color: rgb(233, 164, 26);
background-color: rgba(233, 164, 26, 0.8); display: block; }

#leveltable2 p+p+p { background-color: rgb(233, 164, 26);
background-color: rgba(233, 164, 26, 0.6); display: block; }

#leveltable2 p+p+p+p { background-color: rgb(233, 164, 26);
background-color: rgba(233, 164, 26, 0.4); display: block; }

.row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8 { display: table-row; }







	/* SCREENS */

	
	@media screen and (min-width:360px) and (max-width:679px) { 

	#leveltable p { margin: 0;
	padding : 4px 6px; }

	#leveltable p:first-child { width: 40%; }
	#leveltable p+p { display: block; }
	#leveltable p+p+p { display: block;
	width: 100%; }

	}

	@media screen and (max-width:359px) { 

	#leveltable p { padding : 4px 6px;
	margin: 0 0 2px 0; }

	#leveltable p:first-child { display: block;
	width: 100%; }
	#leveltable p+p { display: block;
	width: 100%; }
	#leveltable p+p+p { display: block;
	width: 100%; }

	}



	@media screen and (max-width:420px) { 

	#leveltable2 p { padding : 4px 6px;
	margin: 0 0 2px 0; }

	#leveltable2 p:first-child { display: block;
	width: 100%; }
	#leveltable2 p+p { display: block;
	width: 100%; }
	#leveltable2 p+p+p { display: block;
	width: 100%; }

	}








/* IMAGES */



img { height: auto;	/* auto pr IE8 */
	width: auto;
	max-height: 100%;
	max-width: 100%; }
	

.mandala01 { background: url('IMG/iconruss1.png') 0px no-repeat; }

.mandala02 { background: url('IMG/iconruss2.png') 0px no-repeat; }

.mandala03 { background: url('IMG/iconruss3.png') 0px no-repeat; }

.mandala04 { background: url('IMG/iconruss4.png') 0px no-repeat; }


.mandala01, .mandala02, .mandala03, .mandala04 { padding: 16px 0 14px 72px;
	background-size: 60px;
}



/* figure { position: relative;
	margin: 0 0 4% 0; } */

.figurelogos { display: inline;
	margin: 12px 18px 0 0; }



.photocaption { 
	font-size: 0.75em;
	line-height: 1.6em;
	font-style: italic; }


.logocaption { font-size: 0.9em; }

.logospectacle  { height: 48px;
	margin: 0 12px 0 0; }



.phototop { margin: 2% 0 1% 0; }

.photofull { width: 100%;
	max-width: 100%; }

.photoD { float: right;
	margin: 0 0 1% 6%;
	max-width: 36%; }

.photoG { float: left;
	margin: 0 6% 1% 0;
	max-width: 36%; }

.photoGpt { float: left;
	margin: 0 4% 1% 0;
	max-width: 25%; }

.photoDpt { float: right;
	position: relative;
	margin: 0 0 1% 4%;
	max-width: 25%; }

.cadrephoto {
	border: #583f27 1px solid;
	padding: 4px; }





	/* SCREENS */



	@media screen and (max-width:359px) {


	.photoGpt, .photoDpt { float: none;
	max-width: 100%;
	margin: 1% 0 1% 0; }

	.photoG, .photoD { float: none;
	max-width: 100%;
	margin: 1% 0 1% 0; }

	}



	@media screen and (min-width:360px) and (max-width:799px) {

	.phototop { float: right;
	margin: 0 0 1% 2%;
	max-width: 40%; }

	.photoGpt, .photoDpt { max-width: 48%; }

	.photoG, .photoD { max-width: 38%; }

	}


	@media screen and (min-width:800px) and (max-width:1199px) {

	.photoGpt, .photoDpt { max-width: 40%; }

	}


.biblio { float: left;
	max-width: 22%;
	margin: 4px 12px 8px 0; }


	/* SCREENS */



	@media screen and (max-width:359px) {

	.biblio { max-width: 28%; }

	}


	@media screen and (min-width:360px) and (max-width:639px) {

	.biblio { max-width: 24%; }

	}


.pictopdf { float: left;
	width: 28px;
	max-width: 28px;
	height: 28px;
	margin: -1% 2% 0 0; }

.pictopdfsple { 
	width: 28px;
	max-width: 28px;
	height: 28px;
	margin: 0 2% -1% 2%; }



/* GALERIE */


#diapo01, #diapo02 { height: auto;
	overflow: auto;
	position: relative; }


#diapo01 img, .mini img { border: 2px solid;
   max-width: 100%;
   max-height: 100%;
 }

.mini { margin: 0px 4px 0px 0px;
	cursor:pointer; }


.mini img { border: 2px solid;
width: 48px;

 }

.minivid { width: 40px;
	height: auto;
	margin: 0px 0px 0px 0px;
	cursor:pointer; }

.mini:hover, .minivid:hover { color: #fff; }



.prev, .next { cursor: pointer;
 	position: absolute;
 	top: 42%;
 	width: auto;
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.5);
	font-size: 30px;
	transition: 0.6s ease; }

.prev {	-webkit-border-radius: 0 3px 3px 0; 
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	padding: 8% 10% 6% 4%; }

.next { right: 0;
	-webkit-border-radius: 3px 0 0 3px; 
	-moz-border-radius: 3px 0 0 3px;
 	border-radius: 3px 0 0 3px;
	padding: 8% 4% 6% 10%; }


.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: .1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: .1}
}



.diapocaption {
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	position: absolute;
	bottom: 2%;
	padding: 0 2% 0 2%;
 	width: 100%;
 	text-align: center; }


	/* SCREENS */


	@media screen and (max-width:639px) {
	
	#diapo01, #diapo02 { max-width: 100%;
	width: 100%;
	float: none;
	 }

	#legendeG { clear: both;
	width: 100%;
	margin: 0 1% 0 0; }

	}




/* POLICES */





@font-face { font-family: 'Duru Sans';
	font-style: normal;
	font-weight: normal;
	src: url('FONTS/duru-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Duru Sans'), local('DuruSans-Regular'),
	url('FONTS/duru-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('FONTS/duru-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('FONTS/duru-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('FONTS/duru-sans-v9-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}





/* arsenal-regular - latin_latin-ext */
@font-face {
  font-family: 'Arsenal';
  font-style: normal;
  font-weight: 400;
  src: url('FONTS/arsenal-v3-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Arsenal Regular'), local('Arsenal-Regular'),
       url('FONTS/arsenal-v3-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('FONTS/arsenal-v3-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('FONTS/arsenal-v3-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('FONTS/arsenal-v3-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('FONTS/arsenal-v3-latin_latin-ext-regular.svg#Arsenal') format('svg'); /* Legacy iOS */
}



/* benchnine-300 - latin */
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 300;
  src: url('FONTS/benchnine-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('BenchNine Light'), local('BenchNine-Light'),
       url('FONTS/benchnine-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('FONTS/benchnine-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('FONTS/benchnine-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('FONTS/benchnine-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('FONTS/benchnine-v7-latin-300.svg#BenchNine') format('svg'); /* Legacy iOS */
}

/* benchnine-700 - latin */
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 700;
  src: url('FONTS/benchnine-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('BenchNine Bold'), local('BenchNine-Bold'),
       url('FONTS/benchnine-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('FONTS/benchnine-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('FONTS/benchnine-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('FONTS/benchnine-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('FONTS/benchnine-v7-latin-700.svg#BenchNine') format('svg'); /* Legacy iOS */
}

/* benchnine-regular - latin */
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 400;
  src: url('FONTS/benchnine-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('BenchNine Regular'), local('BenchNine-Regular'),
       url('FONTS/benchnine-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('FONTS/benchnine-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('FONTS/benchnine-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('FONTS/benchnine-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('FONTS/benchnine-v7-latin-regular.svg#BenchNine') format('svg'); /* Legacy iOS */
}





/* SON & VIDEO */


.video { position: relative;
	width: 100%;
	margin: 2% 0 0 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	background-color: #000; }

.video iframe { position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }




/* CITATIONS */


blockquote { font-size: 1.2em;
	font-style: italic;
	font-family: Georgia, Noto Serif JP, "serif";
	/* line-height: 1.2em; */ }

cite { font-style: normal;
	font-size: 0.9em;
	font-weight: 600;
	margin-top: 1em; }


.testimony { font-size: 0.9em;
	color: #352617;
	padding: 0 3px 2% 0; }




	/* SCREENS */


	@media screen and (max-width: 479px) {

	.projquote { margin: 4% 0 4% 0; }

	 }


	@media screen and (min-width: 480px) and (max-width: 799px) {

	showquote { margin: 0 3px 2% 0; }

	 }