@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

*{margin:0;padding:0;}html{width:100%;box-sizing: border-box;font-size:100%;overflow-x:hidden;}img{border:none;}*, *:after, *:before{box-sizing: border-box;}
body{background:#FFF;font-family:"Open Sans", Arial, sans-serif;font-weight:400;font-size:1.2rem;color:#1D1D1D;text-align:center;}

#concertdebout{width:100vw;height:100vh;background:#000;}
#concertdebout img{height:100%;width:auto;}

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

p{margin:0 0 1rem 0}
p:last-child{margin:0}

.description{background: #C30;color:#FFF;padding: 0.3rem 0.6rem 0.3rem;font-size: 0.8rem;vertical-align: middle;margin: 0 0.5rem 0 0;}

h1{font-size:3rem;margin:0 0 .5rem 0;text-transform:uppercase;font-weight:600;}
h2{font-size:2rem;margin:0 0 .5rem 0;text-transform:uppercase;font-weight:600;}
h3{font-size:1.5rem;margin:0 0 .5rem 0;text-transform:uppercase;font-weight:400;}

img.icone{height:1rem;vertical-align:baseline;margin:0 .5rem 0 0;}

header{position:fixed;top:1rem;width:100%;z-index:500;}
header img{height:8rem;width:auto;}

header.headergeneral{padding:1rem 4rem;margin:0 0 2rem 0;width:100%;text-align:left;background:rgba(255,255,255,.85);overflow:hidden;top:0;}
header.headergeneral img{float:left;}
header.headergeneral a{font-size:1.4rem;text-transform:uppercase;display:inline-block;background:#1d1d1d;padding:.5rem 1rem;border-radius:5px;color:#FFF;margin: 2.5rem 0 0 3rem;float: left;}
header.headergeneral a.active, header.headergeneral a:hover{background:#C30;}
header.headergeneral a.logo{background:none;margin:0;padding:0;}
header.headergeneral a.burger{display:none;}
#menuMobile{display:none;}

nav{position:fixed;top:1rem;right:1rem;width:3rem;height:3rem;z-index:501;}
nav img{width:3rem;height:3rem;}

section{width:100%;min-height:100vh;position:relative;overflow:hidden;}

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

#newsall{margin:0 0 2rem 0}
.slick-track{height:40vh;}
.slick-dots li{list-style-type:none;width:1rem;height:1rem;margin:0 .5rem;display:inline-block;}
.slick-dots li button[type="button"]{background:#999;width:100%;height:100%;border:none;border-radius:50%;color:#999;text-align:center;font-size:.9rem;cursor:pointer;}
.slick-dots li.slick-active button[type="button"]{background:#C30;color:#C30;}
.slick-dots li button[type="button"]:focus{outline:none;}
.newsbig{width:100%;height:40vh;position:relative;}
.newsbig .inside{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:rgba(0,0,0,.8);text-align:left;color:#FFF}
.newsbig .inside a{color:#FFF;}
.newsbig .zone{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.texteaccueil{margin:0 0 2rem}

.hautrubrique{text-align:left;margin:0 0 2rem;}

.blocsune{clear:both;}
.blocune{width:25%;height:20vh;float:left;position:relative;border:5px solid #FFF;}
.blocune .inside{position:absolute;bottom:0;left:0;width:100%;padding:.5rem;background:rgba(0,0,0,.8);text-align:left;color:#FFF;text-align:center;}
.blocune .inside h2{font-size:1.5rem;margin:0;}
.blocune .inside a{color:#FFF;}
.blocune .zone{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.splashune{width:100%;height:100%;position:absolute;top:0;left:0;display:table;text-align:center;}
.splashune h2, .splashune h3{text-shadow:1px 1px 4px rgba(0, 0, 0,.4)}
.splashune a{text-decoration:none;color:#FFF}
.splashune .inside{width:100%;height:auto;position:absolute;top:0;left:0;display:table-cell;text-align:center;vertical-align:middle;padding:12rem;color:#FFF}
.splashune .inside .logo{max-width:40%;margin:0 0 1rem 0}
.splashune .inside p{margin:0 0 0.5rem 0;text-shadow:1px 1px 4px rgba(0, 0, 0,.4)}
a.bouton{background:#FFF;padding:.5rem 1rem;text-transform:uppercase;color:#1d1d1d;text-decoration:none;font-weight:800;border-radius:.5rem;text-shadow:none;box-shadow:1px 1px 4px rgba(0, 0, 0,.4);transition:box-shadow .2s;}
a.bouton:hover{box-shadow:3px 3px 4px rgba(0, 0, 0,.4)}

.liensune{position: absolute;bottom: 0;width: 100%;padding:0 0 2rem 0;}
.liensune a{font-size:1.2rem;text-transform:uppercase;display:inline-block;background:#FFF;padding:.5rem 1rem;border-radius:5px;margin:0 1rem;color:#000;}

#rubrique{padding:12rem 4rem 4rem;overflow:hidden;}
#article{margin:0 0 3rem 0;padding:0 0 2rem 0;border-bottom:1px solid #DDD;overflow:hidden;}
#article:nth-child(odd) .image{width:35%;float:right;background:#DDD;padding:10px;}
#article:nth-child(even) .image{width:35%;float:left;background:#DDD;padding:10px;}
#article .image img{max-width:100%;max-height:50vh;display:block;margin:0 auto}
#article .image iframe{width:100%;height:100vh;max-width:100%;max-height:38vh;display:block;margin:0 auto}
#article:nth-child(odd) .texte{width:62%;float:left;}
#article:nth-child(even) .texte{width:62%;float:right;}
#article .texte{text-align:left;}
#article .texte p{text-align:justify;}
.vignettes img{width:24%;height:auto;padding:10px 5px 0;display:inline-block !important}

.chapo{font-weight:600}
.fichierpdf img{height:1.5rem;margin:0 .5rem 0 0;display:inline-block;}

fieldset{border:none;}
fieldset table{border-collapse:collapse;}
fieldset td{padding:0 .5rem 1rem 0;vertical-align:top;}
fieldset td:first-child{text-align:right;}
fieldset input[type="text"]{background:#DDD;color:#1d1d1d;font-size:1rem;padding:.5rem;border:none;width:30rem;}
fieldset textarea{background:#DDD;color:#1d1d1d;font-size:1rem;padding:.5rem;border:none;width:30rem;height:10rem;font-family:"Open Sans", Arial, sans-serif;}
fieldset input[type="text"]:focus, fieldset textarea:focus{outline:none;}
fieldset input[type="submit"]{background:#1d1d1d;color:#FFF;font-size:1.5rem;text-align:center;font-weight:600;text-transform:uppercase;padding:.5rem;border:none;width:30rem;}

#partenaires{margin:0 0 1rem;padding:0 2rem}
#partenaires h2{margin:0 0 1rem;}
#partenaires img{display:inline-block;height:4rem;width:auto;margin:0 1rem 1rem}

#footer{background:#1D1D1D;padding:1rem;color:#FFF;}
#footer a{color:#FFF;font-weight:600;white-space:nowrap}

.romainmarchand{margin:0 !important}
.romainmarchand a{font-size:.8rem;opacity:.3;transition:opacity .2s;}
.romainmarchand a:hover{opacity:.5;}
.romainmarchand a img {width: 2vw;height: auto;margin: 0;}

#popup{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 20px;
	background: rgba(0,0,0,.8);
}
#popup .inside{    
	max-width:100%;
	height:100%;
}
#popup .inside img.imagepopup{    
	max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
}
#popup .inside img.croixfermeture{   
	top: 20px;
    position: absolute;
    margin-left: 10px;
    cursor: pointer;
	width: 50px;
}

@media screen and (max-width : 1600px){
	
	header.headergeneral a {font-size: 1rem;}

}

@media screen and (max-width : 1400px){
	
	header img{height:6rem;width:auto;}
	
	.inside{padding:16vh 10vw;}
	.splashune .inside .logo{max-width:35%;}
	h2{font-size:1.5rem;margin:0}
	h3{font-size:1rem;margin:0}
	.splashune .inside p {font-size:1rem;margin:0 0 1rem 0}
	a.bouton{font-size:1.5rem;}

}
@media screen and (max-width : 1080px){
	
#concertdebout img{width:100%;height:auto;}
	
	header img{height:10rem;width:auto;}
	header.headergeneral a.burger{display:block;background:none;float:right;margin:0;padding:1rem;cursor:pointer}
	header.headergeneral a.burger img{height:8rem;width:auto;}
	header.headergeneral a{display:none;}
	header.headergeneral a.logo{display:block;}
	
	#menuMobile{width:100vw;height:100vh;position:fixed;top:0;right:0;background:#FFF;text-align:center;padding:14rem 4rem 4rem;z-index:450;}
	#menuMobile .titremenumobile{font-size: 4rem;text-transform: uppercase;color: #999;margin: 0 0 4rem 0;}
	#menuMobile a{font-size: 4rem;text-transform: uppercase;display: block;margin: 0 0 3rem 0;}
	#menuMobile .logofb img{height:6rem;width:auto;}
	
	img.icone{height:1.5rem;vertical-align:baseline;margin:0 1rem 0 0;}
	
	#rubrique{padding-top:14rem;}
	
	.inside{padding:20vh 10vw;}
	.inside h2{font-size:2.5rem;margin:0 0 .5rem}
	.inside h2 span{font-size:1.5rem;}
	.inside .chapo{font-size:2rem;}
	.splashune .inside .logo{max-width:100%;}
	h2{font-size:4rem;}
	h3{font-size:2.5rem;}
	.splashune .inside p {font-size:2.5rem;}
	a.bouton{font-size:3rem;}
	
	.texteaccueil{text-align:left;}
	.blocune{width:50%}
	
	
	#article .image:nth-child(odd), #article .image:nth-child(even){width:100%;float:none;margin:0 0 1rem;overflow:hidden;}
	#article .image:nth-child(odd) img, #article .image:nth-child(even) img{width:100%;height:auto;max-height:unset}
	#article .image:nth-child(odd) .vignettes img, #article .image:nth-child(even) .vignettes img{width:24%;height:auto;}
	#article .texte:nth-child(odd), #article .texte:nth-child(even){width:100%;float:none;margin:0 0 0}
	
	
	.slick-track{height:50vh;}
	.slick-dots{padding:1rem 0}
	.slick-dots li{list-style-type:none;width:4rem;height:4rem;margin:0 .5rem;display:inline-block;}
	
	.romainmarchand a img{height:10vw;width:auto;}

}