/* WAW */


/* gianotten_bold */


@font-face {font-family: "gianotten_light";
  src: url("8a7e0ff823be4d59d10d67f314a2e9f8.eot"); /* IE9*/
  src: url("8a7e0ff823be4d59d10d67f314a2e9f8.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("8a7e0ff823be4d59d10d67f314a2e9f8.woff2") format("woff2"), /* chrome、firefox */
  url("8a7e0ff823be4d59d10d67f314a2e9f8.woff") format("woff"), /* chrome、firefox */
  url("8a7e0ff823be4d59d10d67f314a2e9f8.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("8a7e0ff823be4d59d10d67f314a2e9f8.svg#Gianotten LT W01 Light") format("svg"); /* iOS 4.1- */
   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      font-weight: normal;
    font-style: normal;
}


@font-face {font-family: "gianotten_medium";
  src: url("eba3c6673a4fcba80e606410058bbc97.eot"); /* IE9*/
  src: url("eba3c6673a4fcba80e606410058bbc97.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("eba3c6673a4fcba80e606410058bbc97.woff2") format("woff2"), /* chrome、firefox */
  url("eba3c6673a4fcba80e606410058bbc97.woff") format("woff"), /* chrome、firefox */
  url("eba3c6673a4fcba80e606410058bbc97.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("eba3c6673a4fcba80e606410058bbc97.svg#Gianotten LT W01 Medium") format("svg"); /* iOS 4.1- */
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      font-weight: normal;
    font-style: normal;
 
}


@font-face {font-family: "gianotten_bold";
  src: url("5444dff7f6448ae9a76617b8932fc956.eot"); /* IE9*/
  src: url("5444dff7f6448ae9a76617b8932fc956.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("5444dff7f6448ae9a76617b8932fc956.woff2") format("woff2"), /* chrome、firefox */
  url("5444dff7f6448ae9a76617b8932fc956.woff") format("woff"), /* chrome、firefox */
  url("5444dff7f6448ae9a76617b8932fc956.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("5444dff7f6448ae9a76617b8932fc956.svg#Gianotten LT W01 Bold") format("svg"); /* iOS 4.1- */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      font-weight: normal;
    font-style: normal;
}


body {
	font-size:16px;
	font-family:'gianotten_light',serif;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color: #404443
}


hr.waw {
    display:block;
    border:0px;
    height:10px;
    background-image:url('../img/WAW-Ligne-Double.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
}



@media (min-width: 320px) {
	.waw_droite{display: none;}
}


@media (min-width: 889px) {

.waw_sep{
	display: block;
	background-image: url('../img/WAW_ligne-verticale.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 5px;
	height: 134px;
	float: left; 
	position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
}

p{font-size: 16px;
	font-family: 'gianotten_light', serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

strong{
	font-family:'gianotten_bold',serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-weight: 400;}

.wrapper_main{
	width: 95%;
	max-width: 984px;
	margin: 0 auto
}


.waw_extrait2 span{color: #b7302e}
.waw_extrait span{color: #b7302e}



.embed-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; max-width: 100%; } 


.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.waw_extrait{font-size: 26px; line-height: 1; }
.waw_extrait2{font-family:'gianotten_medium'; font-size: 30px; line-height: 1; margin-bottom: 10px;}


@media (min-width: 320px) {
 .waw_titre{
	width: 90%; 
	text-align: center;
	margin: 30px auto;
 }
}

@media (min-width: 860px) {
 .waw_titre{
	width: 100%; 
 }
}

.waw_social{
	text-align: center;
	margin: 30px auto;
}





.waw_bandcamp{display: none;}

@media (min-width: 990px) {
	.waw_bandcamp{display: inline-block; vertical-align: top;}
}


.waw_bandcamp_mobile{display: inline-block;}

@media (min-width: 989px) {
	.waw_bandcamp_mobile{display: none;}
}






.cadre_bandcamp{
width: 100%;
max-width: 650px;

} 


@media (min-width: 320px) {
	.waw_droite{display: none;}
	hr.smallhr{width: 100%;}
	
}

@media (min-width: 990px) {
	.waw_droite{display: inline-block; vertical-align: top; margin-left: 50px;}
	hr.smallhr{width: 50%;}
}


.waw_social .fa{color: #404443}

.fa-bandcamp::before {
content: "b";
background: #404443;
width: 12px;
color: transparent;
display: inline-block;
height: 12px;
transform: skew(-25deg);
-webkit-transform: skew(-25deg);
-moz-transform: skew(-25deg);
-ms-transform: skew(-25deg);
-o-transform: skew(-25deg);
margin-top: 14px;
}




.fa-facebook{font-size: 21px !important;}



.full-circle {
 background-color: transparent;
 border: 3px solid #404443;
 height: 41px;
 width: 40px;
 -moz-border-radius:20px;
 -webkit-border-radius: 20px;
}

/* General */

.mycenter{margin: 0 auto; 
	text-align: center !important;
	float: none !important;
}




@media screen and (min-width: 768px){
            .rwd-break { /* display: none;  */}
        }
        
li.simone{
	line-height: 1.3 !important;
	list-style: none;
	margin-bottom: 10px;
}


.billets, .info, .complet{
	line-height: 1.8 !important;
}


@media only screen and (max-width: 40em) { 
	.centercontact{margin: 0 auto; text-align: center;}
}


@media (min-width: 320px) {
.col-contact  {
        position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100% ;
    float: none ;
        
    }
}

@media (min-width: 767px) {
.col-contact {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
}
}







hr.double {border: 0;
  border-top: 4px double #232323;}




hr.myline {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

hr.myline_bottom {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}





a, a:visited{color:#0e5582;}

a:hover{color:#083857;}




.wrapper_top {
	margin:0 auto!important;
}


.entete{
	margin: 0 auto;
	padding-top: 250px;
	text-align: center;
	display:block;
}


.entete_res {
		margin:0 auto;
		padding-top:60px;
		text-align:center;
}




.toppic {
	background-image:url(../img/gouttes-full.png);
	background-repeat:repeat-x;
	background-position:center top;
	width:100%;
	min-height:310px;
	width:100%;
	margin:0 auto 40px auto;
}

@media only screen and (max-width: 40em) {
	
	.toppic {
	background-position:center -150px;
	width:100%;
	min-height:162px;
	width:100%;
	margin:0 auto 40px auto;
	}
	
	.cadre{margin-bottom: 30px;}
	
	li.simone{text-align: center;}
	
	
	hr.myline{display: none;}

}





.smallplayer {
	margin-top: 8px;
	width:84px;
	height:42px;
	overflow: hidden;
}

.contact img{vertical-align: bottom;}

.contact{font-size: 0.8rem}










.toptext h1{font-size: 2.342rem;
	font-weight: 400 !important;
	font-family: 'gianotten_bold';
	color: #3d3d3c;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}


h1 {
	font-size:2.35rem;
	font-weight:400!important;
	font-family:'gianotten_bold';
	color:rgba(34, 38, 37, 0.85);
	text-transform:uppercase;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


@media only screen and (max-width: 40em) {
	h1{font-size:1.842rem;}
	}




h2 {
	font-size:1.242rem;
	font-weight:400!important;
	font-family:'gianotten_bold';
	color:#0e0e0e;
	text-transform:uppercase;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

h2.topshow{text-transform:none !important;}


.cadre {
	line-height:0;
	border:solid 4px #faf8f4;
	max-width:100%;
	max-height: 100%;
	-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.2);
	box-shadow:0 0 0 1px rgba(0,0,0,0.2);
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
	background-color: #fff;
	
}

.socialtop{font-size: 28px;margin-top: 0px;}

.socialtop a{margin-right: 2px;}









@media only screen and (max-width: 40em) {
	
	
	
	.toptext {
		font-size:1.2rem;
		line-height:1.442rem;
		padding-top:20px;
		padding-left:20px;
	}
	
	.toptext h1 {
		font-size:1.8rem;
	}
	
	.coming{margin-top: 0px;}
}




#player{max-width: 980px !important}


.row .topart{background-color: #292828;width: 100% !important;
	overflow: visible;
}

.topart{background-color: #292828;
	margin: 0px auto 40px auto;
	text-align: center;
}


.topart img{padding:8px 20px;}

.mytest{background-color: #aa1d1d}

.accordion .fa-plus{
  display:inline;
  margin-right: 3px;
 
}

.accordion .fa-minus{
  display:none;
}



.accordion .active .fa-plus{
  display:none !important;
}

.accordion .active .fa-minus{
  display:inline;
  margin-right: 3px;
}




.accordion dd a, .accordion .boutique a{font-family: 'gianotten_bold';
  font-style: normal;
  text-transform:uppercase;
 font-size: 1.68rem;  
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
 
 
.boutique a{color: #222 !important;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
 
.content a{font-family: 'gianotten_light', serif  !important;
  font-style: normal  !important;
  text-transform:none !important;
 font-size: 1rem !important;  }
 






.titre{font-size: 32px; text-transform: uppercase;}
.titre2{ text-transform: uppercase;margin-top:25px;}
.titre2 span{font-size: 1.4875rem;}
.album{font-weight: 700;text-transform: uppercase;}

h3.album{line-height: 120% !important;}

.contact{text-align: center; margin: 0 auto}


.cie{text-transform: none;margin-top: 8px;line-height: 1.4;font-size: 18px;}
.cie span{text-decoration: underline; font-family:'gianotten_light'; }
.cie a{color: inherit; padding-left: 5px; padding-right: 5px;}
.cie a:hover{background-color: #9cd9ce;}


.url{font-size: 18px; line-height: 1.4}

.url a{color: inherit; padding-left: 5px; padding-right: 5px;}
.url a:hover{background-color: #9cd9ce;}

.lancement{text-transform: uppercase;font-size: 1rem;line-height:1.2;}
.lancement span{text-transform: none}


.margin{margin-right: 20px;}
.pad{margin-top: 5px;padding-right: 5px;}


.mtop{margin-top:25px;}
.mb{margin-bottom:15px;}

.imgmargin{
margin-top:5px;
margin-right:20px;
	margin-bottom:5px;
}


.margintop{margin-top: 20px;}
.marginbottom{margin-bottom: 15px;}


.ville{text-transform: uppercase; font-weight: 700 !important;}

.billets {
	font-family: 'gianotten_light', serif  !important;
	 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
	
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	background-color:#404040;
	padding-top:2px !important;
	padding-bottom:1px !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase !important;
	font-size: 10px !important;
	margin-top: -5px;
}


.billets:hover{background-color:#000}

a.billets {
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase !important;
	font-size: 11px !important;

	
}
a.billets:visited {
	color: #fff !important;
	text-decoration: none;
}
a.billets:hover {
	color: #fff !important;
	text-decoration: none;
}
a.billets:active {
	color: #ddd !important;
	text-decoration: none;
}



.info {
	padding-left:5px;
	padding-right:5px;
	color:#a6a6a6;
	background-color:#404040;
	padding-top:2px;
	padding-bottom:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

a.info {
font-size: 11px !important;
	color: #ddd !important;
	text-decoration: none;
	text-transform: uppercase !important;
}
a.info:visited {
	color: #ddd !important;
	text-decoration: none;
}
a.info:hover {
	color: #ffffff !important;
	text-decoration: none;
}
a.info:active {
	color: #ddd !important;
	text-decoration: none;
}

li.simone {
	font-size:20px!important;
	list-style:none;
	font-family:'gianotten_medium',serif;
	font-weight:400;
		-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}



.myshows{
margin-top: 0px;
padding-top: 30px;
background-image: url(../img/WAW-spectacle.png);
background-repeat: no-repeat;
background-position: center top;
min-height: 576px;
}


@media (max-width: 600px) {
/* .myshows{text-align: center;} */
li.simone {line-height:1.3!important;}
/* .complet, .prochainement, a.billets, .billets{margin-left: 0px !important;} */

}




.supplementaire{color: #0e5582 !important}

.complet{padding-left:5px;
	padding-right:5px;
	color:#fff;
	background-color:#780707;
	padding-top:2px;
	padding-bottom:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase !important;
	font-size: 11px !important;}
	
.prochainement {
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	background-color:#0e5582;
	padding-top:2px;
	padding-bottom:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase !important;
	font-size: 11px !important;
	white-space: nowrap;}

	
/*
.laplace{
	white-space: nowrap;
}
*/


.parapluie{position: absolute;
	left:600px;
	top:200px;
}

a.button.language{background: #fff; color: #000;font-weight: 700;}
a.button.language:hover{background: #ebebeb;}

.debut{margin-top: 40px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 40em) { 
	.debut{margin-top: 115px;}
	
	.centercontact{margin: 0 auto; text-align: center;}
}



@media (min-width: 320px) {
    .col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths  {
        position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100% ;
    float: none ;
        
    }
}

@media (min-width: 767px) {
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
}
}