/* couleur
rouge : #be0d0d; rgba(190,13,13,0.8)
white : #fff;
black: #000;
grey: #848484;
green: #8dc63f;
turquoise: #0e6e91;
jaune: #ffd800;
*/

html,body{
	/* prérequis pour des hauteurs à 100% de du viewport */
	height:100%;
}
html{
}
body{
	color:#2a2a2a;
   font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:1.5;
	}
.wrapper{
	max-width:970px;
	margin:0 auto;
	padding:40px;
	}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin-bottom:20px;
}


p{font-size:120%;}

body.fixnav{padding-top:160px;}
header{background-image:url(../img/back_nav.jpg);background-size: 100%;height:230px;}
header .wrapper{padding:10px;}
header.fixnav{height:130px;position:fixed;top:0;left:0;width:100%; z-index:99;}

header img{position:fixed;top:0;left:0;width:200px;float:left; padding:20px;z-index:12;}
header img.fixnav{width:160px;}

.top{/*position:fixed;top:0;left:50%;margin-left:-275px;*/text-align:center;z-index:12;}
.top.fixnav p,.top.fixnav h1{font-size:150%;padding:10px;}
.top.fixnav.wrapper{padding:10px;}

h1{color:#be0d0d;font-size:250%;padding:20px;margin:0;}
h1 span{color:#fff;}
.date {color:#fff;text-align: center;font-size:200%;margin:0;padding-bottom:20px;}

.btn-menu{background-color:rgba(190,13,13,0.8); color:#fff; line-height:160px; width:160px;border-radius:50%; float:right; margin:20px; font-size:250%; text-align:center;position:fixed;
top:0;right:0;z-index:10;cursor:pointer;
}
.btn-menu.fixnav{line-height:90px; width:90px;margin:10px;font-size:200%}
.btn-menu:hover{background-color:rgba(190,13,13,1); box-shadow:0 0 20px #fff;}

.btn-burger{display:block;
border:none; 
background-color:transparent;
font-size:200%;
position:fixed; top:0; right:0;
color:#fff;
padding:20px; 
display:none;} 

.btn-burger span{display:none;}

/*  ------- NAVIGATOIN ---------*/
.nav{background-color:rgba(0,0,0,0.8); height:160px;
width:100%;
position:fixed;
top:0;
right:-100%;
transition:300ms;
}
.nav.open{
	right:0;
	z-index:99;
}
	
.nav ul{list-style-type:none;
max-width:970px;

padding-left:70px;
margin:15px auto;
}
.nav ul li{float:left;}

.nav ul li a{display:block;
line-height:130px;
width:130px;
text-align:center;
color:#fff;
font-size:150%; 
text-decoration:none;
transition:300ms;
}
.nav ul li a:hover{
background-color:#be0d0d;
border-radius:50%;
}

.nav-closed{
	position:absolute;
	top:0;
	right:20px;
	margin:20px;
	padding:5px;
	background-color:transparent;
	border:none;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	cursor:pointer;
	outline:none;
}
	

.bx-wrapper{margin:0 auto;}

.slogan{background-image:url(../img/back_nav2.jpg);background-size:cover;background-repeat:no-repeat;
}

.slogan p{text-align:center;
color:#fff;
font-size:150%;
}
.ital{font-style:italic;}

/* ----------------- INTRO--------------------*/
.col-2-3,.col-1-3,.col-x2,.col-x3{float:left;}
.col-1-3{width:33%;}
.col-2-3{width:66%;padding:20px;padding-right:40px;}
.col-x2{width:50%;}
.col-x3{width:33.33%;}

.intro{margin-bottom:50px;}

.intro h2{
  font-size:150%;
  color:#000;
  font-weight: bold;
  line-height: 1.2;
 }
.intro img{width:70%;margin:20px auto;overflow:hidden;display:block;
}
.intro a{display:block;
padding:20px;
border:3px solid #be0d0d;
text-decoration:none;
font-size:100%;
color:#be0d0d;
text-align:center;
clear:both;
width:100%;
background-color:#fff;
}
.intro a:hover{
	background-color:rgba(190,13,13,0.8);
	color:#fff;
	transition:500ms;
	border:3px solid #fff;
	font-size:100%;
}
.intro-box{position:relative;
background-image:url(../img/back1.jpg);background-attachment:fixed;
background-size:contain;
height:400px;
width:100%;
}
.middle-box{position:relative;
background-image:url(../img/back2.jpg);background-attachment:fixed;
background-size:contain;background-position:bottom;
height:400px;
}
.t2 img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	
}
.t1 img{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
		}

.s6{padding-top:85px;}

.s2{padding-bottom:100px;}
.s4{padding-bottom: 160px;}
.s7{padding-bottom: 130px;}
/* ----------------- section 2 - PROGRAMME--------------------*/

.s2{
	background-image:url(../img/pattern1.jpg);
	width:100%;
	background-repeat:repeat;
	padding-top:20px;position:relative;
}

h2{font-size:200%;text-transform:uppercase;color:#000;}
.s2 h2{cursor:pointer;}
.h2-prog{color:white;}

.panneau{background-color:rgba(0,0,0,0.5);transition:300ms;margin-bottom:20px;}
.panneau.wrapper{padding:10px;}

/* ------ week end --------*/
.we .panneau{margin-bottom:20px;}
.we.panneau.wrapper.open{background-color:rgba(255,216,0,0.7);}
.we .col-1-3 p{padding:10px;}
.we .col-1-3 p:hover{color:#fff;cursor:pointer;}
.dimanche{margin-bottom:10px;}
.vendredi.on,.samedi.on,.dimanche.on {background-color:rgba(255,255,255,0.5);color:#000;}

.we .col-2-3{background-color:#fff; color:#000; 
}
.we .col-2-3{padding:0;margin-bottom:10px;}
.we .col-2-3 div{padding:20px;}
.heure{color:#be0d0d;
}
.place{text-decoration:underline;font-size:95%;
}
.ital-small{font-size:90%;font-style:italic;}
.we ul{padding-left:40px;}

.info-vendredi,.info-samedi,.info-dimanche{display:none;}
.info-vendredi.open,.info-samedi.open,.info-dimanche.open{display:block;}
.special{background-color:rgba(0,0,0,0.7);color:#fff;margin-right:10px;clear:both;padding:10px;font-size:100%;}
.we .col-1-3 special:hover{color:#ffd800;cursor:pointer;}


/* ------ EVENEMENT --------*/
.evenement .panneau{margin-bottom:20px;}
.evenement.panneau.wrapper.open{background-color:rgba(141,198,63,0.5);}
.row{overflow:hidden;}
.col-x2{float:left;width:50%;position:relative;}	
/* CALENDRIER*/
.pellicule,.expo-pellicule{overflow:hidden;
}
.row-slider{	width:500%;	}
.grey{color:#848484;}
td.green{
	background-color:#8dc63f;
	 border-radius:50px;
	 cursor:pointer;
	 }
.row-slider th{border-bottom:1px solid #000;}
.row-slider td{padding:10px;}

.col-x5{float:left;width:20%;position:relative;}

table{background-color:#fff;
	border-radius:10px;
	margin:0 auto;}
	
.btn-fleche-d1,.btn-fleche-d2,.btn-fleche-d3,.btn-fleche-d4,.btn-fleche-g2,.btn-fleche-g3,.btn-fleche-g4,.btn-fleche-g5{position:absolute;
top:0;z-index:9;background-color:transparent;border:none;cursor:pointer;
}
.btn-fleche-d1,.btn-fleche-d2,.btn-fleche-d3,.btn-fleche-d4{
right:120px;
}
.btn-fleche-g2,.btn-fleche-g3,.btn-fleche-g4,.btn-fleche-g5{
	left:120px;
}

/* description des evenements */
.e1,.e2,.e3,.e4,.e5,.e6,.e7,.e8,.e9,.e10,.e11,.e10,.e11,.e12,.e13,.e14,.e15,.e16,.e17{margin:0 auto;display:none;padding:0;}
.e1.open,.e2.open,.e3.open,.e4.open,.e5.open,.e6.open,.e7.open,.e8.open,.e9.open,.e10.open,.e11.open,.e12.open,.e13.open,.e14.open,.e15.open,.e16.open,.e17.open{display:block;}

.event h3{font-size:150%;color:#000;border-bottom:1px solid #000;margin-bottom:20px;background-color:rgba(255,255,255,0.5);padding-left:10px;}

.event .lieu{font-size:135%;padding-left:10px;}

.event p{color:#fff;padding-bottom:10px;padding-left:10px;}
.event .inscrip{background-color:rgba(0,0,0,0.5);padding:7px;}

/* ------ EXPOSITION --------*/
.expo .panneau{margin-bottom:20px;}
.expo.panneau.wrapper.open{background-color:rgba(0,159,227,0.5);}
.expo-next,.expo-before{border:1px solid #fff;background-color:transparent;color:#fff;padding:5px; margin-bottom:10px;text-align:center;font-family: 'Open Sans', sans-serif; }
.expo-next:hover,.expo-before:hover{border:1px solid #fff;background-color:rgba(255,255,255,0.8);color:#0e6e91;cursor:pointer;}
.expo-next{float:right;}
.expo-before{float:left; }

.expo-row-slider{width:900%;transition:500ms;}

.col-x8{float:left;width:11.11%;position:relative;background-color:#fff;padding:20px;}
.expo h3{color:#be0d0d;text-align:center;padding:10px;margin-bottom:0;font-size:170%;font-weight:bold;}
.expo-date{color:#0e6e91;text-align:center;padding:10px;}
.detail{margin-bottom:20px;}
.info-lieu{background-color:#0e6e91;color:#fff;padding:5px;margin-bottom:30px;}
.info{font-style:italic;font-size:80%;}
.expo figure{position:relative;display:inline-block;}
.expo img{display:block;width:50%;padding-left:10px;margin:0 auto;transition:300ms;}
.expo img:hover{width:100%;}
.expo figcaption{
	background-color:rgba(0,0,0,0.8);color:#fff;width:100%;padding:10px;
	font-size:50%;transition: 300ms;
}
.expo figcaption:hover {font-size:100%;}

/*   téléchargement programme  */
.prog a{display:inline-block;text-decoration:none;color:#fff;font-size:140%;}
.prog a{display:inline-block;}
.prog img{float:left;width:30%;overflow:hidden;opacity:0.8;}
.prog img:hover{width:50%;opacity:1;}
.prog a:hover{color:#be0d0d;}

/* -------  S3  GALERIE ---------------- */
.s3 button{
background-color:grey;
	border:none;
	padding:10px 30px;
	float:left;
	cursor:pointer;
	transition:200ms;
	font-size:120%;
}
.s3 button.tout{
	margin-right:30px;
}
.s3 button:hover{color:#be0d0d;}
.s3 button.actif{
background-color:rgba(0,0,0,0.8);
	box-shadow:inset 0 2px 5px rgba(0,0,0,0.3);
	padding:13px 20px 7px;
	color:#be0d0d;
}
.filtres{overflow:hidden;}

.s3 ul{list-style-type:none;overflow:hidden;}
.s3 li{
	float:left;
	width:25%;
	padding:5px;
}
.s3 li a{
	display:block;
	position:relative;
	overflow:hidden;
	min-height:305px;

}
.s3 li a img{
	display:block;
	margin:0;
	width:100%;
	transition:300ms;
	}

.etiquette{
	position:absolute;
	top:30%;
	left:0;
	width:100%;
	background-color:rgba(255,255,255,0.7);
	line-height:50px;
	text-align:center;
	margin:0;
	color:#000;
	font-weight:bold;
	transition:300ms;
	z-index:3;
	opacity:0;
}
.etiquette:hover{opacity:1;
}


/* -------  S4  ARTISTE ---------------- */
.s4{background-image:url(../img/beton.jpg);background-size:cover;position:relative;}
.s4 ul{list-style-type:none;overflow:hidden;margin:10px auto;background-color:rgba(255,255,255,0.5);width:50%;}
.s4 li{font-size:120%;padding:10px;padding-left:20px;}
.s4 li:hover{background-color:rgba(0,0,0,0.5);color:#fff;cursor:pointer;}



/* Popup artsite*/
.p-g,.p-d{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:13;
	transition:300ms;
	
}
.p-g{left:-300%;}
.p-d{right:-300%;}
.p-g.p1.open,.p-g.p2.open,.p-g.p3.open,.p-g.p4.open,.p-g.p5.open,.p-g.p6.open,.p-g.p7.open,.p-g.p8.open,.p-g.p9.open{left:0;}

.p-d.p10.open,.p-d.p11.open,.p-d.p12.open,.p-d.p13.open,.p-d.p14.open,.p-d.p15.open,.p-d.p16.open,.p-d.p17.open,.p-d.p18.open{right:0;}

.popup-contain{
position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-100px;
	width:800px;
	height:400px;
	background-color:#848484;
	background-image:url(../img/bg-newsletter.jpg);
	background-size:cover;
	box-shadow:0 0 20px black;
	border:solid 2px rgba(255,255,255,0.5);
	border-radius:4px;
	color:white;
	padding:10px;
}
.popup h3{text-transform:uppercase;text-align:center; padding:10px;font-size:200%;
}
.popup img{width:70%;margin:0 auto;}

.popup .col-x2{
	padding:10px;}
	
.popup .bio{padding-bottom:20px;color:#000;font-style:italic;}
.popup a{display:block;
text-decoration:none;
text-align:center;
color:#fff;
padding:10px;
background-color:#000;
}

.popup-closed{
	position:absolute;
	top:0;
	right:0;
	margin:10px;
	background-color:transparent;
	border:none;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	cursor:pointer;
	outline:none;
}

/* -------  S5 LE CENTRE ---------------- */

.orange{background-color:#f68e56;}
.s5 h3{font-size:160%;color:#000;border-bottom:1px solid #000;margin-bottom:20px;}
.mission{padding-left:140px;font-style:italic;}
.s5 .col-x2{padding:15px 25px;}
.c-orange{color:#f68e56;}
.s5 img{display:block;width:70%;margin:0 auto;}



/* -------  S6 PLAN ---------------- */

.s6{background-image:url(../img/back3.jpg);background-size:cover;background-position:top center;position:relative;
}
.s6 h2,.s6 h3{color:#fff;}
.s6 h3{font-size:200%;}
.s6 .col-1-3{margin:30px 0; text-align:center;position:relative;}
.s6 .col-2-3{}
.s6 .col-1-3 img{width:100%;padding:30px 0;z-index:9;}
.s6 p{color:#fff;}
.s6 iframe{width:80%;padding-bottom:10px;}
.clic{font-style: italic;box-shadow:0 0 5px 0 #fff;clear:both;	background-color:rgba(0,0,0,0.6);}

.site1,.site2,.site3,.site4,.site5,.site6,.site7,.site8{float:left;z-index:10;color:#fff;background-color:#000;border-radius:50%;width:20px;line-height:20px;cursor:alias;position:absolute;}
.site1:hover,.site2:hover,.site3:hover,.site4:hover,.site5:hover,.site6:hover,.site7:hover,.site8:hover{background-color:red;}
.site1{top:220px;left:175px;}
.site2{top:180px;left:70px;}
.site3{top:227px;left:88px;}
.site4{top:38px;left:105px;}
.site5{top:287px;left:97px;}
.site6{top:55px;left:105px;}
.site7{top:170px;left:160px;}
.site8{top:115px;left:18px;}

.plan1,.plan2,.plan3,.plan4,.plan5,.plan6,.plan7,.plan8{display:none;}
.plan1.open,.plan2.open,.plan3.open,.plan4.open,.plan5.open,.plan6.open,.plan7.open,.plan8.open{display:block;}

.t3{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:200px;
	}
.t3 img{padding:0;width:100%;}


/* ------- S7 CONTACT ---------------- */
.s7{position:relative;background-image:url(../img/seigaiha.png);}
.renseign{border:1px solid #848484;background-color:rgba(255,255,255,0.5);position:relative;box-shadow:0 0 5px 0 #848484;margin-left:130px;padding:10px;}
.renseign p{padding:15px;
	padding-left:100px;}
.btn-resa{border:1px solid #be0d0d;background-color:#fff;color:#be0d0d;float:right;border-radius:50%; width:50px;height:50px;position:absolute;bottom:12px;right:150px;cursor:pointer;}
.btn-resa:hover{background-color:#be0d0d;color:#fff;}

/* -------  popup réservation ---------------- */

.popup-resa{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:13;
	transition:500ms;
	left:-300%;
}
.popup-resa.open{left:0;z-index:100;}

.popup-resa h3{font-weight: bold;font-size:160%;text-align: center;}
.gratuit{padding:10px;background-color:#be0d0d;color:#fff;margin:10px 0;text-align: center;}
.popup-contain2{
position:absolute;
	top:30%;
	left:50%;
	margin-left:-400px;
	margin-top:-200px;
	width:800px;

	background-color:#848484;
	background-image:url(../img/bg-newsletter.jpg);
	background-size:cover;
	box-shadow:0 0 20px black;
	border:solid 2px rgba(255,255,255,0.5);
	border-radius:4px;
	color:#fff;
	padding:30px;
}
.resa{background-color:#fff;padding:20px;text-align: center;color:#000;}
.resa h4{border-bottom:1px solid #be0d0d;color:#be0d0d;font-weight:bold;font-size:130%;}
.resa p{font-size:90%;padding:0;
}

/* -------  FOOTER ---------------- */
footer{color:#fff;background-color:#be0d0d;text-align: center;}
footer .wrapper{padding:0;}
.partenaire{border-bottom:2px solid #fff;font-size:130%;}
.black{color:#000;}
.nom{font-size:140%;}
.lien{display:block; margin:0 auto;}
/* mise en page popup pour les les participants */
.popup-part{
	position:fixed;
	bottom:-300%;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:13;
	transition:500ms;
	left:0;
}
.popup-part.open{bottom:0;z-index:100;}
.popup-contain3{
position:absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-100px;
	width:600px;

	background-color:#848484;
	box-shadow:0 0 20px black;
	border:solid 2px rgba(255,255,255,0.5);
	border-radius:4px;
	color:#fff;
	padding:30px;
}
.participant{cursor:pointer;padding:5px;}
.participant:hover{background-color:#fff;box-shadow:0 0 5px 0 #000;color:#be0d0d;}
.popup-part img{width:100%;}
.popup-part p{padding-bottom:20px;}

/* mise en page popup pour les MENTIONS LEGALES */
.popup-mention{
	
	background-color:rgba(0,0,0,0.8);
	z-index:13;
	transition:500ms;
	display:none;
}
.popup-mention.open{display:block;}
.popup-contain4{
	background-color:#fff;
	box-shadow:0 0 20px black;
	border:solid 2px rgba(255,255,255,0.5);
	border-radius:4px;
	color:#fff;
	padding:20px;
	position:relative;
}

.popup-mention p{color:#000;font-size:100%;text-align:justify;padding-bottom:10px;}
.popup-mention ul{padding-left:20px;padding-bottom:10px;}
.popup-mention li{text-align:justify;}
.mention{margin-bottom:10px;}
.mention p{text-align:center;}
.popup-mention h2{color:#be0d0d;
}

.popup-mention h3{color:#000;background-color:#848484;padding:5px;
}
.popup-mention button{color:#000;}

.clr{clear:both;cursor:pointer;}
.clr:hover{background-color:#fff;box-shadow:0 0 5px 0 #000;color:#be0d0d;}

.lien{margin:0 auto;width:100%;text-align:center;}
.icon-sp{width:50px;
height:50px;
display:inline-block;margin:10px;
}

.icon-sp .img-couleur{
	width:50px;
height:50px;
display:block;
	background-image:url(../img/lien-sociaux.png);
	float:left;
}

.fb .img-couleur{
background-position:0 0;}
.fb .img-nb{
background-position:0 -50px;}

.icon-sp .img-nb{width:50px;
height:50px;
display:block;
background-image:url(../img/lien-sociaux.png);
background-position:0 -50px;
transition:500ms;float:left;
}
.icon-sp .img-couleur img:hover{box-shadow:0 0 5px 0 #fff;}

.insta .img-nb{
background-position:-50px -50px;}
.insta .img-couleur{
background-position:-50px 0;}

.tw .img-nb{
background-position:-100px -50px;}
.tw .img-couleur{
background-position:-100px 0;}

.icon-sp .text-invi{display:none;
}
.icon-sp:hover .img-nb{opacity:0;}



/* -------------- */
/* Responsive */
/* -------------- */

/* Petits écrans */
@media screen and (max-width:1280px){
	.intro-box{height:270px;}
	.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{bottom:20px;}
	.s6{padding-top:65px;}
}

/* Tablette */
@media screen and (max-width:1070px){
	header{height:160px;}
	.btn-menu{line-height:120px; width:120px;}
	header img{width:160px;}
	header .wrapper{padding:10px;}
	.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{bottom:7px;}
	
}

/* déclinaison plan - petit écran */
@media screen and (max-width:970px){
	.col-1-3,.col-2-3{width:50%;}
	.s6 .col-1-3 img{width:300px;float:left;}
	.s6 iframe{width:100%;}
	.site1{top:225px;left:177px;}
	.site2{top:180px;left:70px;}
	
	.nav{height:130px}
	.nav ul{list-style-type:none;
	max-width:970px;
	margin:10px auto;
	padding:0}
	.nav ul li a{
	line-height:110px;
	width:110px;}
	.intro-box{height:170px;	}
	.s6{padding-top:45px;}
	
}
@media screen and (max-width:810px){
	header{height:110px;}
	.btn-menu{line-height:70px; width:70px;font-size:100%;}
	header img,header img.fixnav{width:100px;}
	header .wrapper{padding:10px;}
	h1{padding:7px;font-size:200%;}
	.date{font-size:150%;}
	.intro-box{height:120px;}
	.middle-box{height:225px;}
	.s3 button{padding:10px 5px;font-size:90%;}
	.s3 button.tout{
		margin-right:5px;}
	.s3 button.japan,.s3 button.affiche,.s3 button.tokyo{border-right:2px solid #be0d0d;}
	.s3 li{	width:33.33%;}
	.h2-prog{font-size:140%;line-height: 1;margin:0;}
	.panneau.wrapper{padding:10px;}
	.s4 ul{width:80%;}
	.btn-resa{right:12px;}
	.s6{padding-top:45px;}
	.popup-contain{width:600px;margin-left:-300px;}
}

@media screen and (max-width:710px){
	.btn-fleche-d1,.btn-fleche-d2,.btn-fleche-d3,.btn-fleche-d4{
right:55px;
}
.btn-fleche-g2,.btn-fleche-g3,.btn-fleche-g4,.btn-fleche-g5{
	left:55px;}
	.s2 .expo .col-x2{width:100%;float:none;}
	.expo-next,.expo-before{float:left;}
	.expo-before{margin-right:200px;}
	.expo-pellicule{clear:both;}
	.renseign{margin:0;}
	.s7{padding-bottom:160px;}
	footer .col-x3{width:50%;}
	}
/*déclinaison plan - tel */
@media screen and (max-width:670px){
	.col-1-3,	.col-2-3{width:100%;float:none;clear:both;}
	
	.s6 iframe{width:100%;}
	.nav{background-color:rgba(0,0,0,0.8);height:100%;}
	.nav ul{padding-left:150px;}
	.nav ul li{float:none;border-bottom:1px solid #fff;}
	.nav ul li a{
	line-height:110px;
	width:110px;
	text-align:center;
	color:#fff;
	font-size:140%; 
	text-decoration:none;
	transition:300ms;	}
	.intro img{width:50%;}
	.middle-box{height:150px;}
	
}
@media screen and (max-height:670px){
	.nav ul li a{
		line-height:70px;}
	.nav ul li a:hover{background-color:#be0d0d;border-radius:0;}
	
	
}
@media screen and (max-width:610px){
.popup-contain{width:300px;margin-left:-150px;height:800px;top:30%;margin-top:-50px;}
.popup-contain .col-x2{width:100%;float:none;}
.s3 button.tout{margin-bottom:5px;}
.s3 button.japan{clear:both;}
.popup-contain3{
position:absolute;
	top:30%;
		margin-left:-225px;
	margin-top:-100px;
	width:450px;
	padding:10px;
}
.popup-part img{width:100%;}
.popup-part p{padding-bottom:20px;}
.renseign p{	margin-right:50px;}
.btn-resa{bottom:26px;}
}
@media screen and (max-width:540px){
	.btn-burger{display:block;}.btn-menu{display:none;}
	.s3 li{	width:50%;}
	.col-x2{width:100%;float:none;}
	.btn-fleche-d1,.btn-fleche-d2,.btn-fleche-d3,.btn-fleche-d4{
right:135px;
}
.btn-fleche-g2,.btn-fleche-g3,.btn-fleche-g4,.btn-fleche-g5{
	left:135px;}
	.expo-before{margin-right:100px;}
	footer .col-x3{width:100%;float:none;}
	.s6{padding-top:60px;}
	.s3 button{width:100px;height:54px;}
}

@media screen and (max-width:480px){
	.wrapper{padding:5px;}
	.intro-box{height:95px;}
	.bx-pager.bx-default-pager{display:none;}
	.middle-box{height:100px;}
}
@media screen and (max-width:430px){
	.popup-contain3{
	top:30%;
	margin-left:-160px;
	margin-top:-100px;
	width:320px;
	padding:10px;
}
	.popup-part img{width:100%;}
	.renseign p{padding-left:10px;padding:10px;}
}
@media screen and (max-width:400px){
	
	.s3 li{	width:100%;}
	.btn-fleche-d1,.btn-fleche-d2,.btn-fleche-d3,.btn-fleche-d4{
right:65px;
}
.btn-fleche-g2,.btn-fleche-g3,.btn-fleche-g4,.btn-fleche-g5{
	left:65px;}
	.expo-before{margin-right:50px;}
	.s6{padding-top:60px;}
	.s3 button{width:70px;height:60px;}
}
/*déclinaison plan */
@media screen and (max-width:380px){
		.col-x2{width:100%;float:none;clear:both;}
		.s6 .col-1-3 img{width:200px;float:left;}
	.site1{top:158px;left:115px;}
	.site2{top:130px;left:44px;}
	.site3{top:162px;left:60px;}
	.site4{top:38px;left:70px;}
	.site5{top:205px;left:63px;}
	.site6{top:38px;left:92px;}
	.site7{top:120px;left:100px;}
	.site8{top:85px;left:4px;}
	.t3 img{width:100%;}
	.nav ul li a{
		line-height:70px;}
	.nav ul li a:hover{background-color:#be0d0d;border-radius:0;}
	header{height:160px;}
	header.fixnav{height:160px;}
	.top.fixnav h1,h1{padding-top:40px;}
	.top.fixnav p{padding:0;}
	.top.fixnav p.date{padding-bottom:10px;}
	.intro-box{height:75px;}
.popup-part img{width:100%;}
.popup-contain{top:40%;}
	}
/* Mobile 4" (portrait) */
@media screen and (max-width:320px){
		
	
}