/* version mobiles*/
@media screen and (max-width: 960px)
{

body {
    font-family: "Open Sans",sans-serif;
	color:#4e4e4e;
}

h1 {
font-size : 36px;
}	

p{
font-size : 18px;	
}
	
.screen {
border : none;
padding : 0;
width:100%;
min-height:100%;
max-height:auto;
}

#ManegeDynamique {
background-color:red;
}

#Welcome {
background-color:#fff;
}
#Welcome p, H1 {
text-align : center;
width:40%;
}


#Flash {
background-color:#aaa;
}

#Spectacles{
background-color:orange;
}

#spectacles .wrapper {
padding-top:56px;
}

#slide1 {
height:300px;
}

.cb-slideshow, .cb-slideshow::after{
max-height:300px;
}

#barre-titre{
top:-37px;
right:0px;
}

#barre-titre H1 {
width:100%;
font-size:22px;
font-weight:400;
text-align:center;
}

#barre-titre p {
font-size:18px;
}

#Welcome p, H1 {
width:100%;
font-size:30px;
}

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

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

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

.vitrine.left figure {
    float: left;
    margin: 0 0px 60px 21%;
    position: relative;
    align-content: center;
}

.vitrine.right figure {
    float: left;
    margin: 0 0 60px 20%;
    position: relative;
    align-content: center;
}   

#spectacles .wrapper {
width:85%;
}

.vitrine .vitrine-details h3{
text-align:center;
}

.vitrine.left figure::after,
.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: 91%;
    width: 0;
    z-index: 100;
    left: 44%;
    transform: rotate(270deg);
}

#spectacles_a_venir .vitrine.left figure::after,
#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: 91%;
    width: 0;
    z-index: 100;
    left: 44%;
    transform: rotate(270deg);
}


.vitrine .vitrine-details h5{
text-align:center;
}

.vitrine-DateLink a {
    background-color: #4e4e4e;
    color: #f7f7f5;
    font-size: 12px;
    text-align: center;
    float: right;
    height: 18px;
    margin-top: 15px;
    margin-bottom: 40px;
    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-right: 8%;
}

#espCompagnie {
height:875px;
}

#espCompagnie img {

}

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

#actus .wrapper img {
    display: none;
}

#actus .wrapper div {
    display: block;
    margin: 0 2%;
    z-index: 2;
}
#actu1 {
    width: 100%;
    position: absolute;
    top: 66px;
    text-align:justify;
    float:none;

}

#actu2 {
width:100%;
text-align:justify;
float:none;
}

#actu3 {
width:100%;
padding-top:2000px;
text-align:justify;
float:none;
}
#actu4 {
width:100%;
padding-top:100px;
text-align:justify;
float:none;
}


#titre_actu {
position:relative;
padding-bottom:30px;
margin-top:-150px;
}

#footer1 {
    width: 2%;
    margin-left: auto;
    line-height: 1.7;
    padding-right: 20px;
    vertical-align: top;
    padding-top: 19px;
    display: none;
    visibility: hidden;
}
#footer_logo img {
    float: right;
    position: relative;
    width: 50px;
    margin-top: 27px;
    margin-right: -25px;
}

#footer3 .button { 
display:none;
}

#footer_logo {
width:30%;
}
/*créations en tournée*/

.cover {
height:300px;
}

#titre-spectacle H1 {
    font-size: 31px;
    margin-top: 55px;
}

.slide .wrapper {
width:80%;
}

.texte {
max-width:100%;
}


.affiche {
    float:none; 
    margin: auto;
    text-align: center;
    padding-bottom: 35px;
}

.partenaires {
    border-right: 1px solid #717171;
    float:none;
      height:auto; 
    padding-bottom : 50px;
    margin-left: 20px;
    padding-right: 20px;
    width: 280px;
    border-right:none;
}

.infos_pratiques {
    border-right: 1px solid #717171;
    float: none;
    margin-left: 20px;
    padding-right: 20px;
    width: 280px;
    border-right:none;
}

.infos_pratiques ul {
margin-top:19px;
}
.calendrier-tournee {
float:none;
width:280px;
}

.ic_eventlist {
    float:none;
    margin-right:auto;
    position: relative;
    width: 255px;
    margin-top: 19px;
    margin-left: 30px;
}

.ensemble_dates {
	float:none;
	margin-left: 30px;
}

#credits {
height:1250px;
}

/*actions culturelles */
.scene {
margin-left:-20px;
}
.av_popup{
	background:transparent;
}
.av_popup img{
	width:50%;
}


#credits_covid {
	min-height:1900px;
}

.covid1{
	height:550px;
	
}



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



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

.av_popup H1 {
	color:white;
	font-size:36px;
	padding-top:0px;
	text-shadow :2px 3px 4px black;
}
.av_popup H2 {
	color:white;
	font-size:20px;
	padding-top:10px;
	font-weight:200;
	text-shadow :2px 3px 4px black;
}



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

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

.flyV3 {
	margin-top:48%;
}


.rstboxes .rstbox-acb .rstbox-container, .rstboxes .rstbox-acm .rstbox-container {
	max-height:85%;
}

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


#carnets {
	display:none;
}

#credits2 {
  background-color: #f7f7f5;
  height: 1335px;
}


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

.treteaux {
	line-height: 20px;
}

.cv {
	margin: 20px -15px;
}

#espacepro {
	margin-top:0px;
}

.downloadpro {
	padding-top:40px;
}

/*laisser ce crochet*/
}