/***reset css***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: Open Sans;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {

}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/** fin du reset***/
/******************************************************************************************************************************/
/***généralités***/
body {
    font-family: "Open Sans",sans-serif;
	color:#4e4e4e;
	
}

h1 {
font-size : 36px;
font-weight:200;
}	

p{
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.7;
}
	
a{
	text-decoration:none;
	}

div{
height:auto;
}

section{
position : relative;
text-align:center;
width:100%;
}

.custom{
	border:none;
	margin: 0;
padding: 0;
}

/***les slides***/
.slide {

}

.slide .wrapper{
width:960px;
height:100%;
position:relative;
margin-left:auto;
margin-right:auto;
align-items:center;
justify-content: center;
z-index:2;
}

#accueil {
background:black;
background-attachment:fixed;
position:relative;
height:630px;
overflow:hidden;
}

/* les deux triangles et le logo? */
#accueil img:first-child{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	visibility:hidden;
}

#accueil img:nth-child(2){
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	visibility:hidden;
}

#accueil img:nth-child(3){
	position:absolute;
	top:4px;
	left:0;
	z-index:1;
	visibility:hidden;
}

#slide1{
	border :none;
padding : 0;
width:100%;
height:550px;
}
#slide2 {
	background-color:#f7f7f5;
	margin-top:-20px;
}

#slide3{
overflow:hidden;
margin-top:-71px;
padding-top:0;
}

#slide4{
border :none;
padding : 0;
width:100%;
height:auto;
position:relative;
z-index:10;
}


#slide5{}

#slide8{
	border :none;
padding : 0;
width:100%;
height:auto;
position:relative;
z-index:10;
background-color:#071911;
}

/*SVG*/
#diagonale_slide2{
position:relative;
width:100%;
height:70px;
top:-146px;
z-index:10;
}

#diagonale_slide2 polygon{
	fill:#f7f7f5;
}

#diagonale_bh_beige{
position:relative;
width:100%;
height:70px;
top:-1px;
}

#diagonale_bh_beige polygon{
	fill:#cbcba2;
}

/*slide 2b est utilisée dans les fiches spectacles, au dessus du caroussel photo*/
#diagonale_slide2b{
position:relative;
width:100%;
height:70px;
top:-1px;
}

#diagonale_slide2b polygon{
	fill:black; 
}

/*slide 2c est utilisée dans la présentation compagnie et dans l'action culturelle*/
#diagonale_slide2c{
position:relative;
width:100%;
height:70px;
top:-146px;
z-index:10;
}

#diagonale_slide2c polygon{
	fill:#F7F7F5;
}

#diagonale_slide2d{
position:relative;
width:100%;
height:70px;
z-index:10;
top:36px;
}

#diagonale_slide2d polygon{
	fill:#071911;
}

#diagonale_slide3{
position:relative;
width:100%;
height:70px;
top:-1px;
}

#diagonale_slide3 polygon{
	fill:#f7f7f5; 
}

/**slide3b est utilisé pour processus de créationet pour actions culturelles**/
#diagonale_slide3b{
position:relative;
width:100%;
height:70px;
top:0px;
z-index:10;
}

#diagonale_slide3b polygon{
	fill:#F7F7F5; 
}

#diagonale_slide3c{
position:relative;
width:100%;
height:70px;
top:-30px;
}

#diagonale_slide3c polygon{
	fill:#aad2d7; 
}

#diagonale_slide3d polygon{
	fill:#f7f7f5; 
}

#diagonale_slide3d{
position:relative;
width:100%;
height:70px;
top:-1px;
}

#diagonale_slide3e polygon{
	fill:#f7f7f5; 
}

#diagonale_slide3e{
position:relative;
width:100%;
height:70px;
top:5px;
z-index:10;
}
#diagonale_slide3f polygon{
	fill:#f7f7f5; 
}

#diagonale_slide3f{
position:relative;
width:100%;
height:70px;
z-index:10;
}

#diagonale_slide4{
position:relative;
width:100%;
height:70px;
top:-1px;
margin-bottom:80px;
}

#diagonale_slide4 polygon{
	fill:black; 
}
 /**slide4b est utilisée avant textes contemporains**/
#diagonale_slide4b{
position:relative;
width:100%;
height:70px;
top:-1px;
margin-bottom:123px;
}

#diagonale_slide4b polygon{
	fill:#eecb6b; 
}

#diagonale_slide4c{
position:relative;
width:100%;
height:70px;
top:-1px;
margin-bottom:123px;
}

#diagonale_slide4c polygon{
	fill:#e7ebed; 
}

#diagonale_slide4d{
position:relative;
width:100%;
height:70px;
top:-1px;
margin-bottom:123px;
}

#diagonale_slide4d polygon{
	fill:#0B7740;  
}

#diagonale_slide5{
position:relative;
width:100%;
height:70px;
top:-1px;
}

#diagonale_slide5 polygon{
	fill:#900d05; 
}

#diagonale_slide5b{
position:relative;
width:100%;
height:70px;
top:-125px;
}

#diagonale_slide5b polygon{
	fill:#f7f7f5; 
}

#diagonale_slide5c{
position:relative;
width:100%;
height:70px;
top:-1px;
}

#diagonale_slide5c polygon{
	fill:#74adb4; 
}

#diagonale_slide5d{
position:relative;
width:100%;
height:70px;
top:-66px;
z-index:99;
}

#diagonale_slide5d polygon{
	fill:#74adb4; 
}

#diagonale_slide5e{
position:relative;
width:100%;
height:70px;
top:-1px;
}

#diagonale_slide5e polygon{
	fill:#f7f7f5; 
}
#diagonale_slide6{
 position: relative;
    top: -65px;
    width: 100%;
}

#diagonale_slide6 polygon{
	fill:#900d05; 
}

#diagonale_slide6b{
 position: relative;
    top: -65px;
    width: 100%;
}

#diagonale_slide6b polygon{
	fill:#74adb4; 
}
 /**slide 6c est utilisée avant cycle thématique**/
#diagonale_slide6c{
 position: relative;
  top:-1px;
    width: 100%;
}

#diagonale_slide6c polygon{
	fill:#74adb4; 
}

/** slide 6D est utilisée dans icietlà avant distribution**/
#diagonale_slide6d{
 position: relative;
    top: -25px;
    width: 100%;
}

#diagonale_slide6d polygon{
	fill:#74adb4; 
	}
#diagonale_slide6e{
 position: relative;
    top: -25px;
    width: 100%;
}

#diagonale_slide6e polygon{
	fill:black; 
}

#diagonale_slide6f{
   margin-top : -50px;
    width: 100%;
}

#diagonale_slide6f polygon{
	fill:#74adb4; 
}

#cataclysme_soundcloud #diagonale_slide6f{
   margin-top : -50px;
    width: 100%;
}

#cataclysme_soundcloud #diagonale_slide6f polygon{
	fill:#374D74;
}

#catalerte #diagonale_slide6f{
   margin-top : -50px;
    width: 100%;
}

#catalerte #diagonale_slide6f polygon{
	fill:#0B7740;
}

#catalerte2 #diagonale_slide6f{
   margin-top : -50px;
    width: 100%;
}

#catalerte2 #diagonale_slide6f polygon{
	fill:#e8b46b; 
}
#diagonale_slide6g{
   margin-top : -50px;
    width: 100%;
}

#diagonale_slide6g polygon{
	fill:black; 
}

#diagonale_slide6h{
   margin-top : -50px;
    width: 100%;
}

#diagonale_slide6h polygon{
	fill:#0B7740; 
}
	
	#diagonale_slide7{
position:relative;
width:100%;
height:70px;
top:0px;

}
#diagonale_slide7 polygon{
	fill:#f7f7f5; 
}	

#diagonale_slide7b{
position:relative;
width:100%;
height:70px;
top:0px;

}
#diagonale_slide7b polygon{
	fill:#f7f7f5; 
}

#cataclysme_soundcloud	#diagonale_slide7{
position:relative;
width:100%;
height:170px;
top:50px;


}

#cataclysme_soundcloud #diagonale_slide7 polygon{
	fill:#e8b46b; 
}

/**********affichage des vitrines****/


#spectacles{
background:#aad2d7 none repeat scroll 0 0 ;
overflow:hidden;
padding-bottom:100px;


}

#spectacles .wrapper{
margin-bottom:0px;
margin-top:0;
overflow:visible;
padding-top:80px;
width:55%;
}
@media (max-width:1260px) {
	#spectacles .wrapper{
		margin-bottom:0px;
		margin-top:0;
		overflow:visible;
		padding-top:60px;
		width:66%;
		
	}
}


#spectacles_a_venir{
background:#F7F7F5 none repeat scroll 0 0 ;
overflow:hidden;
padding-bottom:100px;
padding-top:30;

}


#spectacles_a_venir .wrapper{
margin-bottom:0px;
margin-top:0;
overflow:visible;
padding-top:30px;
width:55%;
}
@media (max-width:1260px) {
	#spectacles_a_venir .wrapper{
		margin-bottom:0px;
		margin-top:0;
		overflow:visible;
		padding-top:25px;
		width:66%;
		
	}
}


.vitrine{
clear:both;
display:block;
/*float:left;*/
margin-bottom: 50px;
position:relative;
width:100%; 
}

.vitrine img{
border:0 none;
height:auto;
max-width:100%;
vertical-align:middle;
width:100%;


}


.vitrine figure{
max-height:470px;
max-width:900px;
overflow:hidden;
width:70%;
position:relative;
}

.vitrine a{
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
overflow:hidden;
height:100%;
width:100%;
}

.vitrine a:link,
.vitrine a:visited;{
	color:#666666;
	outline:0 none;
	text-decoration:none;
}
.vitrine.left {
padding-top:30px;
}

.vitrine.left figure{
float:left;
margin:0 0 60px 0;
position:relative;
}

.vitrine.right figure{
float:right;
margin:0 0 60px 0;
right:0;
}


/*flèche blanche sur le côté des visuels spectacles en tournée*/
.vitrine.left figure ::after{
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(170, 210, 215, 0) #aad2d7 rgba(170, 210, 215, 0) rgba(170, 210, 215, 0);
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: " ";
    height: 0;
    margin-top: -20px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: 50%;
    width: 0;
    z-index: 100;
	}

.vitrine.right figure::after{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(170, 210, 215, 0) rgba(170, 210, 215, 0) rgba(170, 210, 215, 0) #aad2d7;
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: " ";
    height: 0;
    left: -1px;
    margin-top: -20px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 100;
}

/*flèche blanch sur les spectacles en créa*/
#spectacles_a_venir .vitrine.left figure ::after{
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(136, 183, 213, 0) #F7F7F5 rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: " ";
    height: 0;
    margin-top: -20px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: 50%;
    width: 0;
    z-index: 100;
	}

#spectacles_a_venir .vitrine.right figure::after{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #F7F7F5;
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: " ";
    height: 0;
    left: -1px;
    margin-top: -20px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 100;
}
.vitrine-visuel{
overflow:hidden;
}

/* pour le zoom au survol des visuels*/
.award img{
	-webkit-transition: all 2s ease;/*Safari et Chrome*/
	-moz-transition: all 2s ease;/*firefox*/
	-o-transition: all 2s ease; /*Opera*/
	-ms-transition:all 2s ease;/*IE9*/
	max-width:100%;
}
.award img:hover{
 -webkit-transform:scale(1.25);
 -moz-transform:scale(1.25);
 -o-transform:scale(1.25);
 -ms-transform:scale(1.25);
 transform:scale(1.25);
}
 
.vitrine figure .award{
	height:auto;
	left:0;
	position: absolute;
	top:0;
	width:156px;
	z-index:99px;
}

.vitrine.left figure img{
	float:right;
}

.vitrine .right figure.award::after{
	top:200px;
}


.vitrine.left .vitrine-details{
	align-self:center;
	float:left;
	margin-left:25px;
	padding-top:0;
	position:relative;
	text-align:left;
	width:25%;
}


.vitrine.right .vitrine-details{
float:right;
margin-right:25px;
padding-top:0;
text-align:right;
width:26%;

}

.vitrine .vitrine-details{
	text-align:justify;
	padding-top:6%;
	position:relative;
	text-align:left;
	width:25%;
}

.vitrine .vitrine-details h3{
color:#4e4e4e;
font-size:20px;
margin : 0 0 3px;
font-weight : 300;
}

.vitrine .vitrine-details h5{
color:#4e4e4e;
font-size:23px;
margin : 0;
font-weight : bold;
}

.vitrine .titre-spectacle{
color:#666666;
text-decoration:none;
}

.vitrine .vitrine-details p{
font-size:16px;
line-height:1.2;
margin-top:20px;
padding:0;
text-align:justify;
width:100%;
}

.vitrine-DateLink a {
	background-color: #4e4e4e;
	color:#f7f7f5;
	font-size:12px;
	text-align:center;
	float: right;
    height: 18px;
    margin-top: 15px;
	margin-bottom:10px;
    padding-left: 15px;
	padding-top:2px;
    width: 80%;
		-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
}

.vitrine-DateLink a:hover, .vitrine-DateLink a:focus  {
	background-color: orange;
	color:#4e4e4e;
	font-weight:bold;
	-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
}


/*****************************Parallaxe********************/
.parallaxelogo{
	position:absolute;
	top:0px;
	right:0px;
	font-size:65px;
	font-weight: bold;
	background:transparent;
	padding: 15px;
	color:#AEDBFA;
}

.parallaxebg{
	position:absolute;
	top:400px;
	right:0px;
	font-size:65px;
	font-weight: bold;
	background:transparent;
	padding: 15px;
	color:#AEDBFA;
}
.diagonale_logo{
	fill:red;
}
.parallaxebg h1{
	font-size:75px;
	font-weight:300;
}

/*** nom de la compagnie sur page d'accueil **/
#barre-titre {
position:absolute;
top:-93px;
right:50px;
transform:rotate(-2deg);
-ms-transform:rotate(-2deg); /* Internet Explorer */
-moz-transform:rotate(-2deg); /* Firefox */
-webkit-transform:rotate(-2deg); /* Safari et Chrome */
-o-transform:rotate(-2deg); /* Opera */
z-index:10;
}

#barre-titre h1 {
	font-size : 50px;
	font-weight:200;
	color: #f7f7f5;	
}

#barre-titre p{
	  color: #4e4e4e;
    font-size: 24px;
    font-weight: unset;
    line-height: 0.7;
}
/****Slide edito **/
#edito{
background:#f7f7f5;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:35px;

}

#edito h1{
	padding-bottom:20px;
}


/***slide compagnie***/
#espCompagnie{
background: black ;
height:580px;
overflow:visible;
}

#espCompagnie img{
	width:300px;
	float:left;
margin-top:87px;
margin-left:10%; 

}

#espCompagnie p{
	height:170px;
	color:#c6ace3;
	padding-top:50px;
	font-size:14px;
}



#espCompagnie H1{
color:#c6ace3;
padding-top:20%;
}

#espCompagnie .wrapper {
	align-items: center;
    background: transparent none repeat scroll 0 0;
    justify-content: center;
    margin-left: 48%;
    margin-right: auto;
    max-width: 480px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    z-index: 3;
}


#espCompagnie .button{
	margin-top:25px;
	border: 1px solid #c6ace3;
    border-radius: 2px;
    box-sizing: border-box;
    color: #c6ace3;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    transition: background-color 0.3s ease-out 0s;
	background-color:transparent;
}

#espCompagnie .button:link,
#espCompagnie .button:visited{
	color:#c6ace3;
	background-color:transparent;
}

#espCompagnie .button:hover{
	color:#1b131f;
	background-color:#c6ace3;
	
}
.Simon {
	width: 20%;
padding: 2%;}

.Pauline {width: 20%;
padding: 2%;
}

.esp_cie {
	background-color: black;
	color:#c6ace3;
	font-size:12px;
	text-align:center;
	float: right;
    height: auto;
	margin-bottom:10px;
    padding-left: 15px;
	padding-top:2px;
    width: 80%;
		-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
margin-top: 25px;
border: 1px solid #c6ace3;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-family: "Open Sans",sans-serif;
font-weight: 400;
outline: medium none;
padding: 20px 30px;
position: relative;
text-decoration: none;
}

.cv{
  width: 330px;
  height: 400px;
  perspective: 600px;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -ms-perspective: 600px;
  -o-perspective: 600px;
  margin: 20px 10px;
  display:inline-flex;
  padding-bottom:50px;
}
.flop{
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}


.flop,
.flop > div{
  width: inherit;
  height: inherit;
  transition: transform 1s;
}

.flop > div{
  position: absolute;
   backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
.recto{
  background: transparent;
  box-shadow: 2px 2px 25px #ae831c;
}

.recto H1 {
	color:white;
	font-size:50px;
	font-weight:400;
}
.recto H2 {
	color:white;
	font-size:20px;
	font-weight:200;
}
.recto H3{
	color:white;
	font-size:14px;
	margin-top:-256px;
		font-weight:200;
}


.verso{
    box-shadow: 2px 2px 25px #ae831c;
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
    overflow-y:auto;

}

.verso H2, .verso H3 {
	font-size:14px;
	font-weight:400;
}
.verso H1 {
	margin-top:-7px;
}

.verso H2 {
	padding-bottom:25px;
}
.verso hr {
	width:50px;
	height:0;
	font-size:14px;
	font-weight:400;
}

.verso p {
	font-size:13px;
	margin:0 30px;

}
	
.cv:hover .flop{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}

.cv:focus .flop{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}

.recto_Simon{
	background-image:url("../../../images/Simon.jpg");
	background-size:contain;
}

.verso_Simon{
	background:#f5bb52;
}
.verso_Pauline{
	background:#f5bb52;
}
.recto_Pauline{
	background-image:url("../../../images/pauline.jpg");
	background-size:contain;
}


.esp_cie:hover, .esp_cie:focus  {
	background-color: #c6ace3;
	color:#000;
	font-weight:bold;
	-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
}




/***slide action cult.***/
#actions{

}

/****FOOTER***/
#piedDePage{
background:url(../../../images/footerbg.png) no-repeat;
background-size:cover;
background-attachment:fixed;
position:relative;
line-height:3;
}

#piedDePage div{
	display : inline-block;
}

#footer_logo{
	width:50%;
}

#footer_logo img{
	 float: right;
    position: relative;
    width: 110px;
    margin-top: 15px;
    margin-right: -35px;
	
}


#footer1{
	width:12%;
margin-left:auto;
line-height:1.7;
padding-right:20px;
vertical-align:top;
padding-top:19px;
}
#footer1 div{
float:right;
}

.menuFooter{
	opacity:1;
	color:#f7f7f5;
}

.menuFooter a{
	color:#f7f7f5;
	text-decoration:none;
}

#footer1 ul{
}

#footer1 li{
	vertical-align :top;
	text-align:right;
	color:#f7f7f5;
	font-weight:200;
	font-size:12px;
}

#footer1 H1, 
#footer2 H1,
#footer3 H1{
	color:#f7f7f5;
	font-size:13px;
	font-weight:600;
	padding-bottom:25px;
}
#footer1 H3,
#footer2 H3,
#footer3 H3{
	color:#fff;
	font-size:13px;
	font-weight:600;
	padding-bottom:12px;	
}
#footer2,
#footer3 {
	width:25%;
	margin-left:auto;
line-height:1.7;
padding-right:20px;
vertical-align:top;
padding-top:19px;

}

#footer1 p,
#footer2 p,
#footer3 p {
	color:#f7f7f5;
	font-weight:200;
	font-size:12px;
}

#footer2 a,
#footer3 a{
	color:#f7f7f5;
	text-decoration:none;
}

#footer3 .button{
	margin-top:25px;
	border: 1px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    transition: background-color 0.3s ease-out 0s;
	background-color:transparent;
}

#footer3 .button:link,
#footer3 .button:visited{
	color:#fff;
	background-color:transparent;
}

#footer3 .button:hover{
	color:#1b131f;
	background-color:#fff;
	
}

/***section actus***/
#actus{
	min-height:600px;
	background:url(../images/papieracarreaux.jpg);
	background-attachment:fixed;
	overflow:hidden;
}

#actus a{
	text-decoration:none;
	color:#4e4e4e;
}
#actus .wrapper{
	width:80%;
padding-top:150px;
padding-bottom:116px;
top:-22px;
overflow:hidden;
	}

#titre_actu{
	 float: right;
    position: absolute;
    right: 200px;
    top: 10px;
    width: 350px;
}

#actus .wrapper div{
	display : inline-block;
	margin: 0 2%;
	z-index:2;
	

}
#actus .wrapper p{
	z-index:10;
	padding: 0 45px;
	}
#actus .wrapper p:nth-last-child(){
	color:white;
	}

#actus .wrapper h1{
	padding-bottom:20px;
}

#actus .wrapper img{
	
}

#actu1{
	width:40%;
	position:absolute;
	top:-66px;
	
}

#actu1 img{
	top:70px;
	left:-200px;
	position:relative;
	
}

#actu2{
	width:40%;


}

#actu3{
	width:40%;
padding-top:125px;
	}

#actu3 img{
	top:60px;
	left:95px;
	position:relative;

}
	
#actu4{
	width:40%;
	margin-bottom:50px;
	
}
#actu4 img{
	top:205px;
	left:300px;
	position:relative;
}
#lampe{
	position:absolute;
	opacity:0.56;
}

#lampe2{
	position:absolute;
	width:200px;
	opacity:0.77;
}
@media (max-width:1500px) {
	#lampe2{
		visibility:hidden;
	}
}

/****Fiches spectacles***/

.cover {
	height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
	background:black;
	
}
.sacha_cover{
	background :url("../../../images/sacha/sacha_cover.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
}

.collection_cover {
	background :url("../../../images/collection/collection_cover.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
}

.costa_cover {
	background :url("../../../images/costa/costa_cover.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
}

.likeme_cover {
	background :url("../../../images/likeme/likeme_cover.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
}
.espacepro_cover {
	background :url("../../../images/espacepro_cover.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
	height:250px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;

}

.compagnie_cover {
	background :url("../../../images/compagnie_cover.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
}

.actions_cover {
	background :url("../../../images/actions_cover.jpg") no-repeat;
	background-position: 50% 50%;
    background-size: cover;
}

.icietla_cover {
	background :url("../../../images/icietla/icietla_cover.jpg") no-repeat;
	background-position: 50% 50%;
    background-size: cover;
	}

.peps_cover {
	background :url("../../../images/peps/peps_cover.jpg") no-repeat;
	background-position: 50% 50%;
    background-size: cover;
	}

.projections_cover {
	background :url("../../../images/actions_culturelles/projections_cover.png") no-repeat;
	background-position: 50% 50%;
    background-size: cover;
	height: 400px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;

	}
	
.cataclysme_cover {
	background :url("../../../images/cataclysme/cataclysme_cover.png") no-repeat;
	background-position: 50% 50%;
    background-size: cover;
	}
.alerte_cover {
	background :url("../../../images/alerte/alerte_cover.png") no-repeat;
	background-position: 50% 50%;
    background-size: cover;
	}


.cover::after {
 background: transparent url("../images/pattern.png") repeat scroll left top;
    content: "";
	height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}


#fiche_spectacle {
background:#f7f7f5;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:60px;
	margin-top:-160px;
}

#fiche_projections {
background:#f7f7f5;
    overflow: visible;
    padding-top: 77px;
	margin-top:-160px;
	padding-bottom:30px;
}


#titre-spectacle {
	position: absolute;
    margin-left:50vw;
	width:80%;
    top: -120px;
    transform: rotate(-2deg) translateX(-50%);
    z-index: 10;
} 

#fiche_spectacle .wrapper{
	padding-bottom:60px;
}
#fiche_spectacle .wrapper H1 {
	padding-bottom:40px;
}



#fiche_spectacle .wrapper p {
	text-align:inherit;
	padding-bottom:15px;
}

#titre-spectacle H1{
	color:#f7f7f5;
	 font-size: 65px;
    font-weight: bolder;
}
@media (max-width:970px) {
	#titre-spectacle H1{
		font-size:45px;
		margin-top:-20px;
	}
}
#titre-spectacle p{
	color:#4e4e4e;
	 font-size: 24px;
    font-weight: bolder;
}

/***les galeris spectacle, avec JSN Image Show ***/


.galerie_spectacle {
}	
.galerie_spectacle .jsn-gallery div {
	background-color:black;
	padding-top:50px;
	padding-bottom:50px; 
}

.galerie_spectacle_p {
}	
.galerie_spectacle_p .jsn-gallery div {
	background-color:black;
	padding-top:100px;
	padding-bottom:200px; 
}
.jsn-gallery div {
	background-color:black;
	padding-top:0px;
	padding-bottom:0px; 
}

/** les distributions**/
.d1{
	background:url(../images/back1.jpg);
	background-attachment:fixed;
	background-size:cover;
}

.d2{
	background:url(../images/back2.jpg);
	background-attachment:fixed;
	background-size:cover;
}

.d3{
	background:url(../images/back4.jpg);
	background-attachment:fixed;
	background-size:cover;
}

.d4 {
	background-color:black;
	margin-bottom:-250px;
}
#distribution{
	min-height:550px;
	overflow:hidden;
	top:-20px;
}

#distribution H1 {
	margin-top:70px;
	color: #2f2f2f;
	padding-bottom:40px;
}

#distribution ul {
	padding-bottom:60px;
}
#distribution li {
	color:#dfe0e0;
	font-size:16px;
	line-height:1.4em;
	}

#catalerte {
	min-height:550px;
	   padding-top: 50px;
	  background:url(../../../images/catalerte.png);
	background-attachment:fixed;
	background-size:cover;
	   background-color:#6d6c6c;
	
}

#catalerte2 {
	min-height:550px;
	   padding-top: 50px;
	  background:url(../../../images/catalerte.png);
	background-attachment:fixed;
	background-size:cover;
	   background-color:#6d6c6c;
	
}
.bouton {
	margin-top:25px;
	border: 1px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    transition: background-color 0.3s ease-out 0s;
	background-color:transparent;
}
.bouton:link,
.bouton:visited{
	color:#fff;
	background-color:transparent;
}

.bouton:hover{
	color:#1b131f;
	background-color:#fff;
	
}

.bouton_agenda {
	margin-top:20px;

	border: 1px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    transition: background-color 0.3s ease-out 0s;
	background-color:transparent;
}
.bouton_agenda:link,
.bouton_agenda:visited{
	color:#fff;
	background-color:transparent;
}

.bouton_agenda:hover{
	color:#1b131f;
	background-color:#fff;
	
}


#credits {
	background-color:#f7f7f5;
	margin-top:-5px;
	padding-top:60px;
	height:650px;
}
#credits_covid {
	background-color:#f7f7f5;
	margin-top:-5px;
	padding-top:60px;
	height:850px;
}
#credits2 {
	background-color:#f7f7f5;
	height:1180px;
}

.galleria-info-text p {
	color : #f7f7f5;
}

#slide5 moduletable:nth-child(2){
	z-index:99;
	position:relative;
	top:-14px;
}
.partenaires {
	  border: none;
    float: left;
    height: auto;
    margin-left: 20px;
    padding-right: 20px;
    width: 280px;
	}
.partenaires H1 {
	padding-bottom:20px;
}

.partenaires p{
	color: #4e4e4e;
font-size: 14px;
font-weight: 200;
line-height: 1.2;
}
 .infos_pratiques {
	border-right: 1px solid #717171;
	border-left: 1px solid #717171;
    float: left;
    margin-left: 20px;
    padding-right: 20px;
	padding-left: 20px;
    width: 280px;
	}

.infos_pratiques_lm {
    height: 350px;
	}

.infos_pratiques_c {
    height: 630px;
	}
.infos_pratiques_abd {
    height: 630px;
	}


.infos_pratiques ul{
background-color: rgba(237,237,237,0.9);
    border-radius: 10px;
    height: 150px;
    margin-top: 60px;
    padding-bottom: 20px;
    padding-left: 22px;
    padding-top: 10px;
    text-align: left;
    width: 255px;
	
}	

.infos_pratiques li {
	line-height:40px;
}
.infos_pratiques li img {
	width:25px;
margin-right:20px;
text-align:left;
position:relative;
top:7px;}

.infos_pratiques a{
	color:#4e4e4e;
}
.infos_pratiques a:hover{
	color:orange;
}
	
.calendrier-tournee p {
	float:right;
	margin-right:34px;
}

.btnht {
	position : relative;
	top: -120px;
}
#soundcloud {
	min-height:550px;
	   padding-top: 50px;
	  background:url(../../../images/likeme/soundcloud.jpg);
	background-attachment:fixed;
	background-size:cover;
	   background-color:#586d5e;
	
}
#cataclysme_soundcloud {
	min-height:550px;
	   padding-top: 50px;
	  background:url(../../../images/cataclysme/soundcloud.png);
	background-attachment:fixed;
	background-size:cover;
	   background-color:#586d5e;
	
}


#soundcloud H1, #soundcloud p{
color : Whitesmoke;
text-shadow: white 1px 0px 4px;
padding-top:25px;
padding-bottom:25px;
}
#cataclysme_soundcloud H1, #cataclysme_soundcloud p{
color : Whitesmoke;
text-shadow: white 1px 0px 4px;
padding-top:25px;
padding-bottom:50px;
}
#extrait {
		margin-top:-65px;
	min-height:550px;
	   padding-top: 50px;
	   padding-bottom:50px;
}

#catalerte,#catalerte2 {
	min-height:550px;
	   padding-top: 50px;
}

#catalerte H1,#catalerte2 H1 {
	padding-top:50px;
	padding-bottom:40px;
	color:whitesmoke;
}
#catalerte p,#catalerte2 p {
	padding-bottom:50px;
	color:whitesmoke;
}
.posttext {
	color: grey;
top: -109px;
position: relative;
text-align: center;
font-size: 10px;
}
#note_intention {
	margin-top:-65px;	
	min-height:550px;
}

.e1{
	background-color: #900d05;
}

.e2{
	background-color: #74adb4;
}

.e3{
	background-color: #374D74;
}

.e3 H1,
.e3 P {
	color:black;
}

#note_intention H1,
#dedans_dehors H1 {
	padding-bottom:40px;
}
#note_intention p,
#dedans_dehors:nth-child(2) p {
	padding-bottom:50px;
}

.e4 {
background-color:#e8b46b;
padding-top : 50px;
padding-bottom:50px;
color:#201c1c;
}

.e4 H3,
.e4 p{
	color:#201c1c;
}

.e5 {
	background-color:black;
}

.e5 H1,.e5 p{
	color : lightgray;
	margin-top:25px;
}

.e6 {
	background-color:#0b7740;
}
.e6 H3,.e6 p{
	color : #F7F7F5;
	margin-top:25px;
}
.texte2 .e6 p {
	color:#F7F7F5;
}

.extract {
display:flex;}

.affiche{
	
    margin: auto;
    margin-left: 5vw;
    text-align: center;
  
}
.affiche2{
	
    margin: auto;
	margin-top:50px;
    text-align: center;
  
}

.affiche img{
	max-width:250px;
}
.affiche2 img{
	max-width:300px;
}

.affiche2 p{
font-size : 10px;
text-align:center;
}

.texte {
	 margin-left: auto;
    margin-right: 5vw;
    max-width: 36%;

}
.texte2 {
	 margin-left: auto;
    margin-right: 5vw;
    max-width: 55%;

}

.texte p{
	color:#201c1c;
	font-size:19px;
	font-weight:normal;
}

.texte2 p{
	font-size:16px;
	font-weight:normal;
}

.ensemble_dates{
	height: 14px;
    width: 253px;
    float: right;
    margin-right: 34px;
    margin-top: -16px;
	clear:right;
}


/**********************************section la compagnie**********************************************************************************************************/
#compagnie1 {
background:#F7F7F5;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:60px;
	margin-top:-160px;
}
 

#compagnie1 .wrapper{
	padding-bottom:60px;
}
#compagnie1 .wrapper H1 {
	padding-bottom:40px;
}



#compagnie1 .wrapper p {
	text-align:inherit;
	padding-bottom:15px;
}

#compagnie1 #titre-spectacle H1{
	color:#F7F7F5;
}

#compagnie1 ul {
	list-style:disclosure-closed;
	text-align : left;
	margin-left:5%;
	margin-right:5%;
}
#compagnie1 li{
	color: #4e4e4e;
font-size: 16px;
font-weight: 200;
line-height: 1.7;
padding-left:10px;
}

#compagnie2 {
	background-color:#eecb6b;
	min-height:500px;
}

#compagnie3 {
		background :url("../../../images/ados5.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		background-attachment:fixed;
		margin-top:-35px;
		min-height:500px;
		padding-bottom:25px;
		z-index:10;
}
.irise {
	background:white;
}
#compagnie2 h1,
#compagnie3 h1,
#compagnie4 h1,
#compagnie5 h1,
#compagnie6 h1{
	padding-top:40px;
	font-size:28px;
}

#compagnie2 p,
#compagnie4 p {
	padding-top:40px;
	padding-bottom:50px;
}


#compagnie3 p, 
#compagnie5 p,
#compagnie6 p {
	padding-top:40px;
	padding-bottom:150px;
}
#compagnie3 H1, #compagnie3 p, #compagnie6 H1, #compagnie6 p {
	color:whitesmoke;
}

#compagnie4 {
	background-color:#74adb4;
	margin-top:-25px;
	padding-bottom:30px;
}

#compagnie5 {
	background-color:#f7f7f5;
background-image:url("../../../images/triangles.png");
margin-top:-22px;
padding-bottom:60px;
}

#compagnie6 {
		background :url("../../../images/public1.png") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		background-attachment:fixed;
		margin-top:-35px;
		min-height:500px;
		padding-bottom:25px;
		z-index:10;
}

.treteaux {
margin-top:80px}

/**************************************************************************Actions culturelles*********************************************************************/
#actions_intro {
	background:#F7F7F5;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:164px;
	margin-top:-160px;
}

#actions-titre {
	position: absolute;
    margin-left:50vw;
	width:80%;
    top: -103px;
	transform: rotate(-2deg) translateX(-50%);
    -webkit-transform: rotate(-2deg) translateX(-50%);
	-moz-transform: rotate(-2deg) translateX(-50%);
	-ms-transform: rotate(-2deg) translateX(-50%);
	-o-transform: rotate(-2deg) translateX(-50%);
    z-index: 10;
} 

#actions-titre H1{
	color:#e7ebed;
	 font-size: 65px;
    font-weight: bolder;
}
@media (max-width:970px) {
	#actions-titre H1{
		font-size:45px;
		margin-top:-20px;
	}
}

#actions_culturelles {
	background-color:#F7F7F5;
	background-size:cover;
	background-position : 50% 50%;
	background-attachment:fixed;
	overflow:hidden;
	height:475px;
}

#actions_culturelles .wrapper {
	padding-top:100px;
	padding-bottom:120px;
}
.scene{
  width: 400px;
  height: 400px;
  perspective: 600px;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -ms-perspective: 600px;
  -o-perspective: 600px;
  margin: 20px 10px;
  display:inline-flex;
}
.flip{
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}


.flip,
.flip > div{
  width: inherit;
  height: inherit;
  transition: transform 1s;
}

.flip > div{
  position: absolute;
   backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
.avant{
  background: transparent;
  box-shadow: 2px 2px 25px #888888;
}

.avant H1 {
	color:white;
	font-size:50px;
	font-weight:400;
}
.avant H2 {
	color:white;
	font-size:20px;
	font-weight:200;
}
.avant H3{
	color:white;
	font-size:14px;
	margin-top:-256px;
		font-weight:200;
}

.sep {
	width:50px;
	color:white;

}

.circle_action {
	fill:rgba(200,200,200,0.3);
}

.circle_action_dark {
	fill:rgba(50,50,50,0.3);
}
.arriere{
    box-shadow: 2px 2px 25px #888888;
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
    overflow-y:auto;

}

.arriere H2, .arriere H3 {
	font-size:14px;
	font-weight:400;
}
.arriere H1 {
	margin-top:-7px;
}

.arriere H2 {
	padding-bottom:25px;
}
.arriere hr {
	width:50px;
	height:0;
	font-size:14px;
	font-weight:400;
}

.arriere p {
	font-size:13px;
	margin:0 30px;
}
	
.scene:hover .flip{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}

.scene:focus .flip{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}

.action1{
	background-image:url("../../../images/action1.jpg");
	background-size:contain;
}

.action2{
	background-image:url("../../../images/action2.jpg");
	background-size:contain;
}
.action3{
	background-image:url("../../../images/action3.jpg");
	background-size:contain;
}
.action4{
	background-image:url("../../../images/action4.jpg");
	background-size:contain;
}
.action5{
	background-image:url("../../../images/action5.jpg");
	background-size:contain;
}
.action6{
	background-image:url("../../../images/action6.jpg");
	background-size:contain;
}
.action7{
	background-image:url("../../../images/action7.jpg");
	background-size:contain;
}

.action8{
	background-image:url("../../../images/action8.jpg");
	background-size:contain;
}

.action2 .avant H3 {
	margin-top:-306px;
}

.arriere1{
	background :#ba5e39 ;
}

.arriere2{
	background : #95916b ;
}
.arriere3{
	background : #42bde5 ;
}
.arriere4{
	background : #9ba4ab ;
}
.arriere5{
	background : #c5a66f ;
}
.arriere6{
	background :#7eb5ab ;
}
.arriere7{
	background :#9a9086  ;
}

.arriere8{
	background :#bfc3c6  ;
}




.icietla H2 {
	margin-bottom:40px;
}

#icietladescription {
	height:475px;
	margin-top:-65px;	
	   padding-top: 50px;
padding-bottom:50px;
}

#icietladescription img {
margin-top:30px;

}

#icietladistribution{
margin-top:0px;
min-height:350px;

}
#icietladistribution img{
margin-bottom:50px;
}
#icietladistribution ul{
max-width:35%;
display:inline;
}
#icietladistribution li{
color:white;
padding-top:18px;
}
.icietlajsn {
background-color:black;
width:100%;
}
#slide5 .jsn-gallery {
background-color:black;
}

/**********************************************************************************Engage Box*************************************************************************/

.link_engageBox:hover {
	cursor: pointer;
	color:orange;
}
/*********************************************************************************************************IcAgenda*************************************************/
.moduletableicietlajsn {
background-color:black;
position: relative;
padding-top:90px;
padding-bottom: 153px;
}

#slide4 #diagonale_slide2b {
top: 3px;
}

.eventDiv{

}

.noEvent {
	height: 14px;
width: 253px;
float: right;
margin-right: 34px;
position:relative;
top:-200px;
}
.calendrier-tournee .ic_eventlist{
 float: right;
    margin-right: 34px;
    position: relative;
    width: 255px;
	margin-top:55px;
}
.calendrier-tournee .ic_eventlist .section .icrounded_eventlist:nth-child(n+6){
 display:none;
}

/* newcal*/
.ic_eventlistnewcal{
	margin-left : auto;
    margin-right: auto;
    position: relative;
    width: 1000px;
	margin-top:55px;
}
.ic_eventlistnewcal .dateImgBox {
	display : none;
}

.ic_eventlistnewcal .iCday{
width :22px;
display: inline-block;
}

.ic_eventlistnewcal .iCmonth {
width :100px;
display: inline-block;
}

.ic_eventlistnewcal .titleSpan {
display : inline-block;
}
.ic_eventlistnewcal .titleSpan a {
}

.ic_eventlistnewcal .datetimeDiv {
display : inline-block;

}
.ic_eventlistnewcal .eventDiv::before {
 content: url('../../../images/likeme/agenda_mini2.png');
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  position:relative;
  top:5px;
}
/* Style Background alternative */
.icrounded_eventlist {
	background: #f7f7f7;
	background: rgba(247,247,247,0.9);
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
	transition: all 0.3s;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
/*	padding: 2px !important; */
	font-size: 13px;
	padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
}
.icrounded_eventlist:nth-child(2n+1) {
	background: #ededed;
	background: rgba(237,237,237,0.9);
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
	transition: all 0.3s;
}

/* Style Background hover */
.icrounded_eventlist:hover{
	background: #555;
	color: #FFF;
}

/* Style Content */
.icrounded_eventlist a {
	text-decoration: none;
}
.icrounded_eventlist a:link,
.icrounded_eventlist a:visited {
	color: #333;
	text-decoration: none;
}
.icrounded_eventlist a:hover {
	color: #FFF;
	text-decoration: none;
	cursor:pointer;
}



/* Style Div */
.icrounded_eventlist .eventDiv {
	padding: 2px 5px !important;
	margin-bottom: 0px;
	display:block;
}
.icrounded_eventlist .dateImgBox {
	float: left;
	width: auto;
	margin-top:-12px;
}
.icrounded_eventlist .dateDiv {
	float: left;
	width: 26px;
	text-align: center;
	padding: 6px
}
.icrounded_eventlist .iCday {
	line-height:18px !important;
	font-size: 16px;
	font-weight: bold;
}
.icrounded_eventlist .iCmonth {
	line-height:12px !important;
	font-size: 12px;
	font-weight: normal;
}
.icrounded_eventlist .imageDiv {
	float: left;
	width: auto;
	margin-right: 3px;
	padding: 3px;
}
.icrounded_eventlist .imageDiv .evtImg {
	width: 36px;
	height: 36px;
	background-repeat: no-repeat !important;
	background-position: center center;
	background-size: cover;
}
.icrounded_eventlist .titleSpan {
	padding-top: 3px;
	line-height: 15px !important;
	font-size: 13px;
	font-weight: bold;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
.icrounded_eventlist .cityDiv {
	line-height:16px !important;
	font-size: 13px;
	display: inline-block;
	max-width: 57%;
}
.icrounded_eventlist .datetimeDiv {
	display: inline-block;
	max-width: 57%;
	font-size: 11px;
}
.icrounded_eventlist .descSpan {
	font-size: 12px;
}
.icrounded_eventlist span.iCreg {
	font-size: 10px;
	margin: 0 2px;
	padding: 0 5px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 1px #333;
	cursor: pointer;
}
.icrounded_eventlist span.iCreg.available {
	background: white;
	color: black;
}
.icrounded_eventlist span.iCreg.ticketsleft {
	background: green;
	color: white;
}
.icrounded_eventlist span.iCreg.registered {
	background: blue;
	color: white;
}

/* Option class Align Row (for module class suffix, set " listRow" with a space before) */
.icrounded_eventlist .listCol{display:table-cell; width:290px !important; margin: 15px !important;}


/******Installation participatives*****/
.carte_cover {
	background :url("../../../images/install/carte_cover.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
}

#carte3 {
		background :url("../../../images/install/carte3.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		background-attachment:fixed;
		margin-top:-35px;
		min-height:500px;
		padding-bottom:25px;
		z-index:10;
		color:white;
}

#carte3 p{
	color:white;
}

#carte3 #diagonale_slide2b{
	top:155px;
}



/**********************************************************Avignon****************************************************************/
.av_popup{
	background:transparent;
	text-align:center;
	margin-top:auto;
	display:block;
	margin:auto;
	
	
}

.av_popup H1 {
	color:white;
	font-size:50px;
	padding-top:30px;
	text-shadow :2px 3px 4px black;
}

.av_popup H2 {
	color:white;
	font-size:30px;
	padding-top:30px;
	font-weight:200;
	text-shadow :2px 3px 4px black;
}
.av_popup H2 span {
	color:white;
	font-size:15px;
	padding-top:19px;
	font-weight:200;
	text-shadow :2px 3px 4px black;
}

.av_popup H3 {
	color:white;
	font-size:25px;
	font-weight:200;
	padding-top:8px;
	padding-bottom:7px;
	text-shadow :2px 3px 4px black;
}

.av_popup H4 {
	color:white;
	font-size:14px;
	font-weight:200;
	padding-top:4px;
	padding-bottom:5px;
	font-style :italic;
	text-shadow :2px 3px 4px black;
}


.av_popup img{
	width:20%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
}


.av_popup a{
	color:white;
	text-shadow :2px 3px 7px black; 
}



.video-container {
	 position:relative;
	 padding-bottom : 56.25%; 
	 padding-top : 20px;
	 height:0;
	 overflow:hidden;
}

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

.flyV3{
	position:relative;
	margin-top:23%;

}
.flyV4{
	position:relative;

}


#rstbox_14{
}
.rstboxes .rstbox-acb .rstbox-container, .rstboxes .rstbox-acm .rstbox-container {
	max-height:100%;
}

#rstbox_5{
	overflow:hidden;
	margin-bottom:60px;
	-moz-box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
-webkit-box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
-o-box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(89, 86, 86, 0.6), Direction=134, Strength=30);
	}

.av_info{
	padding:10px;

}
.av_info img {
	height:100px;
	display:inline;
	float:left;
	margin-right:10px;
}


.av_info H1{
	font-size:20px;
	font-weight:200;
	padding-bottom:5px;
	text-align:center;
}

.av_info H2{
	font-size:16px;
	font-weight:200;
	text-align:center;
}

.av_info H3{
	font-size:12px;
	font-weight:200;
	text-align:center;
}


.av_info a{
	color:#4e4e4e;
	font-weight: bold;	
}


/********************************************************portes*****************************************/

.laportecover{
	background :url("../../../portes/laportebg.jpg") no-repeat;
	 background-position: 50% 50%;
    background-size: cover;
}

#laporte_intro {
	background:#e7ebed;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:164px;
	margin-top:-160px;
}

#laporte-titre {
	position: absolute;
    margin-left:50vw;
	width:80%;
    top: -103px;
	transform: rotate(-2deg) translateX(-50%);
    -webkit-transform: rotate(-2deg) translateX(-50%);
	-moz-transform: rotate(-2deg) translateX(-50%);
	-ms-transform: rotate(-2deg) translateX(-50%);
	-o-transform: rotate(-2deg) translateX(-50%);
    z-index: 10;
} 

#laporte-titre H1{
	color:#e7ebed;
	 font-size: 65px;
    font-weight: bolder;
}
@media (max-width:970px) {
	#laporte-titre H1{
		font-size:45px;
		margin-top:-20px;
	}
}

#portes {
	min-height:600px;
	background-color:#ffe462;
	overflow:hidden;
	text-align:left;
}



.portes_row{
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin-bottom : 180px;
}

/* Create four equal columns that sits next to each other */
.portes_column {
  flex: 32%;
  max-width: 32%;
  padding: 0 4px;
}

.portes_column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.portes_column div {
  margin-top: 4px; 
  vertical-align: middle;
  width: 100%;
}
.portes_column span {
  width: 100%;
  text-align:left;
}


/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .portes_column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .portes_column {
    flex: 100%;
    max-width: 100%;
  }
}
.portes_scene{
  height:400px;
  perspective: 600px;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -ms-perspective: 600px;
  -o-perspective: 600px;
  display:inline-flex;
}
.flap{
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}

.flap,
.flap > span{
  width: inherit;
  height: inherit;
  transition: transform 1s; 

}

.flap > span{
  position: absolute;
  backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
 
}

.flap a{
	
}

.portes_scene:hover .flap{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}

/**
.portes_scene:focus .flap{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}**/
.portes_avant{
  background: transparent;
  box-shadow: 2px 2px 7px #888888;
}

.portes_arriere{
	background-color : GhostWhite ;
 box-shadow: 2px 2px 25px #888888;
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  overflow-y:auto;
}

.portes_scene H3 {
	text-align:center;
	font-size:14px;
	font-weight:400;
margin-top:15px;	
}
.portes_scene H1 {
	margin-top:-7px;
	text-align:center;
}

.portes_scene H2 {
	padding-bottom:25px;
	text-align:center;
		text-align:center;
	font-size:14px;
	font-weight:400;	
}
.portes_scene hr,.myform hr {
	width:50px;
	height:0;
	font-size:14px;
	margin-bottom:15px;
	font-weight:400;
	
}

.portes_scene p {
	text-align:justify;
	font-size:13px;
	margin:0 5px;
}
.portes_scene a {
}

.pasdetexte {
text-align : center;

}	

.pasdetexte p {
	text-align : center;
	padding-top:50px;
}
.pasdetexte H1 {
	padding-top : 20px;
}

.pasdetexte button {
	margin-top:15px;
}
.porte1{
	background-image:url("../../../portes/galerie/porte1.jpg");
	background-size:cover;
	background-position :center;
}

.porte2{
	background-image:url("../../../portes/galerie/porte2.jpg");
	background-size:cover;
	background-position :center;
}
.porte3{
	background-image:url("../../../portes/galerie/porte3.jpg");
	background-size:cover;
	background-position :center;
}
.porte4{
	background-image:url("../../../portes/galerie/porte4.jpg");
	background-size:cover;
	background-position :center;
}
.porte5{
	background-image:url("../../../portes/galerie/porte5.jpg");
	background-size:cover;
	background-position :center;
}
.porte6{
	background-image:url("../../../portes/galerie/porte6.jpg");
	background-size:cover;
	background-position :center;
}
.porte7{
	background-image:url("../../../portes/galerie/porte7.jpg");
	background-size:cover;
	background-position :center;
}
.porte8{
	background-image:url("../../../portes/galerie/porte8.jpg");
	background-size:cover;
	background-position :center;
}
.porte9{
	background-image:url("../../../portes/galerie/porte9.jpg");
	background-size:cover;
	background-position :center;
}
.porte10{
	background-image:url("../../../portes/galerie/porte10.jpg");
	background-size:cover;
	background-position :center;
}
.porte11{
	background-image:url("../../../portes/galerie/porte11.jpg");
	background-size:cover;
	background-position :center;
}
.porte12{
	background-image:url("../../../portes/galerie/porte12.jpg");
	background-size:cover;
	background-position :center;
}
.porte13{
	background-image:url("../../../portes/galerie/porte13.jpg");
	background-size:cover;
	background-position :center;
}
.porte14{
	background-image:url("../../../portes/galerie/porte14.jpg");
	background-size:cover;
	background-position :center;
}
.porte15{
	background-image:url("../../../portes/galerie/porte15.jpg");
	background-size:cover;
	background-position :center;
}
.porte16{
	background-image:url("../../../portes/galerie/porte16.jpg");
	background-size:cover;
	background-position :center;
}
.porte17{
	background-image:url("../../../portes/galerie/porte17.jpg");
	background-size:cover;
	background-position :center;
}
.porte18{
	background-image:url("../../../portes/galerie/porte18.jpg");
	background-size:cover;
	background-position :center;
}
.porte19{
	background-image:url("../../../portes/galerie/porte19.jpg");
	background-size:cover;
	background-position :center;
}
.porte20{
	background-image:url("../../../portes/galerie/porte20.jpg");
	background-size:cover;
	background-position :center;
}
.porte21{
	background-image:url("../../../portes/galerie/porte21.jpg");
	background-size:cover;
	background-position :center;
}
.porte22{
	background-image:url("../../../portes/galerie/porte22.jpg");
	background-size:cover;
	background-position :center;
}
.porte23{
	background-image:url("../../../portes/galerie/porte23.jpg");
	background-size:cover;
	background-position :center;
}
.porte24{
	background-image:url("../../../portes/galerie/porte24.jpg");
	background-size:cover;
	background-position :center;
}
.porte25{
	background-image:url("../../../portes/galerie/porte25.jpg");
	background-size:cover;
	background-position :center;
}
.porte26{
	background-image:url("../../../portes/galerie/porte26.jpg");
	background-size:cover;
	background-position :center;
}
.porte27{
	background-image:url("../../../portes/galerie/porte27.jpg");
	background-size:cover;
	background-position :center;
}
.porte28{
	background-image:url("../../../portes/galerie/porte28.jpg");
	background-size:cover;
	background-position :center;
}
.porte29{
	background-image:url("../../../portes/galerie/porte29.jpg");
	background-size:cover;
	background-position :center;
}
.porte30{
	background-image:url("../../../portes/galerie/porte30.jpg");
	background-size:cover;
	background-position :center;
}
.porte31{
	background-image:url("../../../portes/galerie/porte31.jpg");
	background-size:cover;
	background-position :center;
}
.porte32{
	background-image:url("../../../portes/galerie/porte32.jpg");
	background-size:cover;
	background-position :center;
}
.porte33{
	background-image:url("../../../portes/galerie/porte33.jpg");
	background-size:cover;
	background-position :center;
}
.porte34{
	background-image:url("../../../portes/galerie/porte34.jpg");
	background-size:cover;
	background-position :center;
}
.porte35{
	background-image:url("../../../portes/galerie/porte35.jpg");
	background-size:cover;
	background-position :center;
}
.porte36{
	background-image:url("../../../portes/galerie/porte36.jpg");
	background-size:cover;
	background-position :center;
}
.porte37{
	background-image:url("../../../portes/galerie/porte37.jpg");
	background-size:cover;
	background-position :center;
}
.porte38{
	background-image:url("../../../portes/galerie/porte38.jpg");
	background-size:cover;
	background-position :center;
}
.porte39{
	background-image:url("../../../portes/galerie/porte39.jpg");
	background-size:cover;
	background-position :center;
}
.porte40{
	background-image:url("../../../portes/galerie/porte40.jpg");
	background-size:cover;
	background-position :center;
}
.porte41{
	background-image:url("../../../portes/galerie/porte41.jpg");
	background-size:cover;
	background-position :center;
}
.porte42{
	background-image:url("../../../portes/galerie/porte42.jpg");
	background-size:cover;
	background-position :center;
}
.porte43{
	background-image:url("../../../portes/galerie/porte43.jpg");
	background-size:cover;
	background-position :center;
}
.porte44{
	background-image:url("../../../portes/galerie/porte44.jpg");
	background-size:cover;
	background-position :center;
}
.porte45{
	background-image:url("../../../portes/galerie/porte45.jpg");
	background-size:cover;
	background-position :center;
}
.porte46{
	background-image:url("../../../portes/galerie/porte46.jpg");
	background-size:cover;
	background-position :center;
}
.porte47{
	background-image:url("../../../portes/galerie/porte47.jpg");
	background-size:cover;
	background-position :center;
}
.porte48{
	background-image:url("../../../portes/galerie/porte48.jpg");
	background-size:cover;
	background-position :center;
}
.porte49{
	background-image:url("../../../portes/galerie/porte49.jpg");
	background-size:cover;
	background-position :center;
}
.porte50{
	background-image:url("../../../portes/galerie/porte50.jpg");
	background-size:cover;
	background-position :center;
}
.porte51{
	background-image:url("../../../portes/galerie/porte51.jpg");
	background-size:cover;
	background-position :center;
}
.porte52{
	background-image:url("../../../portes/galerie/porte52.jpg");
	background-size:cover;
	background-position :center;
}
.porte53{
	background-image:url("../../../portes/galerie/porte53.jpg");
	background-size:cover;
	background-position :center;
}
.porte54{
	background-image:url("../../../portes/galerie/porte54.jpg");
	background-size:cover;
	background-position :center;
}
.porte55{
	background-image:url("../../../portes/galerie/porte55.jpg");
	background-size:cover;
	background-position :center;
}
.porte56{
	background-image:url("../../../portes/galerie/porte56.jpg");
	background-size:cover;
	background-position :center;
}
.porte57{
	background-image:url("../../../portes/galerie/porte57.jpg");
	background-size:cover;
	background-position :center;
}
.porte58{
	background-image:url("../../../portes/galerie/porte58.jpg");
	background-size:cover;
	background-position :center;
}
.porte59{
	background-image:url("../../../portes/galerie/porte59.jpg");
	background-size:cover;
	background-position :center;
}
.porte60{
	background-image:url("../../../portes/galerie/porte60.jpg");
	background-size:cover;
	background-position :center;
}
.porte61{
	background-image:url("../../../portes/galerie/porte61.jpg");
	background-size:cover;
	background-position :center;
}
.porte62{
	background-image:url("../../../portes/galerie/porte62.jpg");
	background-size:cover;
	background-position :center;
}
.porte63{
	background-image:url("../../../portes/galerie/porte63.jpg");
	background-size:cover;
	background-position :center;
}
.porte64{
	background-image:url("../../../portes/galerie/porte64.jpg");
	background-size:cover;
	background-position :center;
}
.porte65{
	background-image:url("../../../portes/galerie/porte65.jpg");
	background-size:cover;
	background-position :center;
}
.porte66{
	background-image:url("../../../portes/galerie/porte66.jpg");
	background-size:cover;
	background-position :center;
}
.porte67{
	background-image:url("../../../portes/galerie/porte67.jpg");
	background-size:cover;
	background-position :center;
}
.porte68{
	background-image:url("../../../portes/galerie/porte68.jpg");
	background-size:cover;
	background-position :center;
}
.porte69{
	background-image:url("../../../portes/galerie/porte69.jpg");
	background-size:cover;
	background-position :center;
}
.porte70{
	background-image:url("../../../portes/galerie/porte70.jpg");
	background-size:cover;
	background-position :center;
}
.porte71{
	background-image:url("../../../portes/galerie/porte71.jpg");
	background-size:cover;
	background-position :center;
}
.porte72{
	background-image:url("../../../portes/galerie/porte72.jpg");
	background-size:cover;
	background-position :center;
}
.porte73{
	background-image:url("../../../portes/galerie/porte73.jpg");
	background-size:cover;
	background-position :center;
}
.porte74{
	background-image:url("../../../portes/galerie/porte74.jpg");
	background-size:cover;
	background-position :center;
}
.porte75{
	background-image:url("../../../portes/galerie/porte75.jpg");
	background-size:cover;
	background-position :center;
}
.porte76{
	background-image:url("../../../portes/galerie/porte76.jpg");
	background-size:cover;
	background-position :center;
}
.porte77{
	background-image:url("../../../portes/galerie/porte77.jpg");
	background-size:cover;
	background-position :center;
}
.porte78{
	background-image:url("../../../portes/galerie/porte78.jpg");
	background-size:cover;
	background-position :center;
}





/***formulaire écriture***/
.myform form {
	font-family: "Open Sans",sans-serif;
	color: #4e4e4e;
	float : left;
}
.myform p{
	display: inline-block;
}

.myform input {
	width:100%;
	margin-top:10px;
	font-family: "Open Sans",sans-serif;
	color: #4e4e4e;
}

.myform textarea {
	width:100%;
	height : 250px;
	font-family: "Open Sans",sans-serif;
	color: #4e4e4e;
}

.myform hr{
	margin-top: 5px;
margin-bottom: 0;
}

#rstbox_6 {
	min-width: 300px;
}

/*****css pour les listes déroulantes****/
.custom-dropdown--large {
    font-size: 1.5em;
}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
    background-color: #fff;
    color: #444;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        top: .5em; bottom: .5em;
        background-color: #fff;
        border-left: 0px solid white;
    }

    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select              { padding-right: 2em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 2em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: 2em }
    }
}
.covid0 p {
	margin-bottom:40px;
}
.covid0 H1{
	margin-bottom : 20px;
}
.covid1{
	height : 500px;
}
.covid1 a {
	font-size : 10px;
	margin-top : -10px;
	
}
.covid1 img {
	width:120px;
	margin-top:20px;
	border : 1px solid grey;

}

.creditporte {
	padding-top:18px;
	font-style:italic;
	color:#dcdcdc;
	text-align : left;
	
}

#rstbox_7{
	overflow:hidden;
	background-image:url("../../../newsletter/avril20/laporte.png");
	background-size:cover;
	background-position :center;
	
	-moz-box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
-webkit-box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
-o-box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
box-shadow: 15px 15px 30px 0px rgba(89, 86, 86, 0.6);
filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(89, 86, 86, 0.6), Direction=134, Strength=30);
}


.invitportes H1{
	margin-top: 20px;
	margin-bottom: 30px;
	color : #1a2923;
	line-height: 40px;
	text-shadow : whitesmoke 1px 0px 5px;
	font-weight : bold;
}

.invitportes p{
	margin-top : 20px;
	color : #1a2923;
	text-shadow : whitesmoke 1px 0px 5px;
	font-weight : bold;
}

.invitportes a {
	color : #1a2923;
	font-weight : bold;
}


/*********CARNETS DE BORD******/
#carnets {
	background-color:#f7f7f5;
	margin-top:-5px;
	padding-top:60px;
	height:300px;
}
.cdb img {
	height :180px;
}

.cdb {
	display : inline-flex;
	text-align : center;
	margin:50px;
}

#echos {
	background-color:#f7f7f5;
	margin-top:-16px;
	padding-top:60px;
	height:460px;
}

.ech img {
	width :150px;
}

.ech {
	display : inline-flex;
	text-align : center;
	margin:50px;
}



/********espace pro*******/

#espacepro {
background:#f7f7f5;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:60px;
	margin-top:-360px;
}

#espacepro p {
	padding-bottom: 50px;
}

.espace_pro_like_me {
background:#cbcba2;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:97px;
	margin-top:-70px;
}
.espace_pro_alerte {
background:#cbcba2;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:97px;
	margin-top:-70px;
}
.espace_pro_cataclysme {
background:#cbcba2;
    overflow: visible;
    padding-top: 77px;
	padding-bottom:97px;
	margin-top:-70px;
}

.pro {
	width:590px;
	margin:auto;
	
}

.pro img {
	width:520px;
	margin-left:auto;
	position:relative;
	z-index:300;
}
.rapper {
	display:inline;
}

.rapper-left img {
	height:320px;
}

/***********accordeon*****/


.acc-wraper{
  margin: 30px auto;
  width:85%;
  
}

.accordion{
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
  width:100%;
  height:350px
}

.accordion > div{
  width:100%;
  flex-grow:1;
  flex-shrink:1;
  overflow:hidden;
  transition:all 2s ease;
  border:0px solid aliceblue;
  border-radius:0px;
  position:relative;
  filter: sepia(0.5);
}

.accordion > div:hover{
  flex-shrink:0;
  filter: sepia(0);
}

#act1 {
	background-image: url("../../../images/actions_culturelles/projections.png");
	background-size:cover;
}
#act2 {
	background-image: url("../../../images/actions_culturelles/deviations.png");
	background-size:cover;
}
#act3 {
	background-image: url("../../../images/actions_culturelles/carte_sur_table.jpg");
	background-size:cover;
}
#act4 {
	background-image: url("../../../images/actions_culturelles/residences_missions.jpg");
	background-size:cover;
}
#act5 {
	background-image: url("../../../images/actions_culturelles/pratique.jpg");
	background-size:cover;
}
#act6 {
	background-image: url("../../../images/actions_culturelles/mediation.jpg");
	background-size:cover;
} 

.accordion div p{
 display :none;
}

.accordion div:hover p{
display: block;
height: auto;
width: 270px;
background: rgba(0, 0, 0, 0.7);
position: absolute;
bottom: 10%;
right: 7%;
float: right;
border-radius: 5px;
box-shadow: 0px 0px 15px black;
color: white;
font-size: 14px;
padding: 15px;
text-align: center;

}

.accordion H1 {
white-space: nowrap;
color: white;
writing-mode: sideways-lr;
background-color: blue;
height: auto;
width: 36px;
padding-bottom: 20px;
padding-top:10px;
border-bottom-right-radius: 25px;
font-size:25px;
}

.accordion > div:hover h1 {
}

.accordion a{
	margin-top:25px;
	border: 1px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    padding: 4px 30px;
    position: relative;
    text-decoration: none;
    transition: background-color 0.3s ease-out 0s;
	background-color:transparent;
}

.accordion a:link,
.accordion a:visited{
	color:#fff;
	background-color:transparent;
}

.accordion a:hover{
	color:#1b131f;
	background-color:#fff;
	
}

/* lecteur podcast*/

#sj_audio_wrapper{
	position:relative;
	z-index:999;
	left:35%;
	padding-bottom:50px;
	padding-top:50px;
	
}

#slide9 .moduletable #sj_audio_wrapper .ttw-music-player {
	margin:auto;
	padding-top:50px;
	
}

#slide9 .moduletable {
	background: #071911;
padding-bottom: 30px;
}

.dsesc {
	display:none;
}

#slide9 .moduletable #sj_audio_wrapper .ttw-music-player .artist{
	font-size:12px
	margin-left:0px;
}

#slide9 .moduletable #sj_audio_wrapper .ttw-music-player .artist-outer {
	font-style : normal;
	font-weight : bold;
}

#slide9 .moduletable #sj_audio_wrapper .ttw-music-player .arranger {
	font-style:italic;
}

.ttw-music-player .track-info p {
	font-size : 12px;
}

.dsescription-info {
	font-size:12px
	
}

.jp-interface {
background-color: #a0bf79;
border-radius: 6px;
box-shadow: 0px -1px 12px #a0bf79;
}


#slide9 .moduletable #sj_audio_wrapper .ttw-music-player .player .title {

font-weight: bolder;
display: block;
font-size: 20px;
text-align: center;
}


/* lecteur podcast css non gardé

#slide9 div:first-child{
	background-color:blue;
}
.ttw-music-player {
	margin : auto;
}
*/


/*panneau actions culturelles */
.ac_color{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	position: relative;
width: 100%;
margin: auto;
top:-70px;
}


.ac1 a,
.ac2 a,
.ac3 a,
.ac4 a,
.ac5 a {
position: relative;
top: 46%;
color: #fff;
text-transform: uppercase;
font-family: 'Work sans', sans-serif;
font-weight: 300;
letter-spacing: 4px;
text-decoration: none;
display: block;
text-align: center;
font-size: 0.9rem;
}
/* affichage paragraphe de présentation*/
.ac1 a:after,
.ac2 a:after,
.ac3 a:after,
.ac4 a:after,
.ac5 a:after {
	content: attr(data-content);
font-size: 13px;
transition: all .2s linear;
opacity: 0;
position: absolute;
z-index: 100;
color: #fff;
display: block;
margin-right: auto;
margin-left: auto;
left: 0;
right: 0;
top: 170%;
text-transform: none;
font-family: 'Open sans', serif;
font-weight: 300;
font-style: italic;
letter-spacing: 0;
padding-left:10px;
padding-right:10px;
}
/*affichage du trait blanc*/
.ac1 a:before,
.ac2 a:before,
.ac3 a:before,
.ac4 a:before,
.ac5 a:before {
	content: '';
width: 70px;
height: 2px;
background-color: #fff;
position: absolute;
top: -20px;
left: 0;
z-index: 100;
transform: translateX(-100%);
opacity: 0;
transition: all .2s linear;
}
.ac1 a:hover:before,
.ac2 a:hover:before,
.ac3 a:hover:before,
.ac4 a:hover:before,
.ac5 a:hover:before {
  transform: translateX(0);
  opacity: 1;
}

.ac1 a:hover:after,
.ac2 a:hover:after,
.ac3 a:hover:after,
.ac4 a:hover:after,
.ac5 a:hover:after {
  transform: translateY(15px);
  opacity: 1;
}
.ac1 {
	background-color:#29363B;
	min-height:470px;
}
.ac2 {
	background-color:#EA495F;
	min-height:470px;
}
.ac3 {
	background-color:#F4837D;
	min-height:470px;
}
.ac4 {
	background-color:#FDCEA9;
	min-height:470px;
}
.ac5 {
	background-color:#99B998;
	min-height:470px;
}

.agenconstr {
	padding-top:150px;
	padding-bottom:150px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	
}

.agenconstr p{
	background-color: rgba(255,255,255,0.5);
	text-align:center;
}



.ic-event-view {
	width: 960px;
  height: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding-top: 50px;
  background-color: rgba(255,255,255,0.4);
  text-align:center;
}

.ic-image img{
width:150px;
}

.ic-back {
	float: left;
  margin-top: -20px;
}

.ic-info-box {
	width: 64%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(0,0,0,0.2);
  padding: 36px;
  text-align: left;
  border-radius: 11px;
}

.ic-info-box-header {
	font-size: 18px;
  color: black;
  text-align: center;
  padding-bottom: 10px;
}

.ic-divRow {
	margin-top:15px;
}

.ic-event-date hr{
	
width: 50px;

  border-top: 0px solid #4e4e4e;
}

.ic-event-date span{
display:block}

.ic-info-adress, .ic-divCell, .ic-info-website {
	color:black;
}
.ic-info-adress a, .ic-divCell a , .ic-info-website a {
	text-decoration:none;
}

.ic-allDates {
	padding-bottom:60px;
}

.title-lm h1 {
	font-weight: bolder;
  font-size: 45px;
  padding-bottom: 20px;
  color:#f37974;
}
.title-abd h1 {
	font-weight: bolder;
  font-size: 45px;
  padding-bottom: 20px;
  color:#0b7740;
}
.title-catac h1 {
	font-weight: bolder;
  font-size: 45px;
  padding-bottom: 20px;
  color:#374d74;
}

.ic-panneau-left {
display: inline-block;
  width: 50%;
  margin-bottom: auto;
  vertical-align: top;
}

.ic-panneau-right {
	display:inline;
}

#tour .ic_eventlist {
	
}

#tour .icinfo {
	width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom :150px;
}

.allTour h2, h2::before, h2::after {
  margin-bottom:15px;
  margin-top:40px;
}