/* SLIDER */
.title1, .title3 {text-align:right;}
.title2, .title4 {text-align:left;}
.sequence-theme {
  /* this container is just to ensure the background color stretches all the way across on bigger screens */
background: #bfffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #78d3fb 0%, #23bafc 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#78d3fb), color-stop(100%,#23bafc)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #78d3fb 0%,#23bafc 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #78d3fb 0%,#23bafc 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #78d3fb 0%,#23bafc 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #78d3fb 0%,#23bafc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78d3fb', endColorstr='#23bafc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
max-height:100%;
min-height:100%;
height:auto;
position:relative;
overflow:hidden;
text-align:center;
}
.sequence-theme img.notransition, .sequence-theme h2.notransition, .sequence-theme text.notransition
{
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}

.sequence-theme img {
width:100%; max-width:600px;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
.sequence-theme img.active  {
position:absolute;
left:55%;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
.sequence-theme img.madameblonde.active  {
left:50%;
}
.sequence-theme img.rotation  {
position:absolute;
left:15%;
-webkit-transform:rotate(-24deg);
-moz-transform:rotate(-24deg);
-o-transform:rotate(-24deg);
transform:rotate(-24deg);	
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.913545457642601, M12=0.40673664307579965, M21=-0.40673664307579965, M22=0.913545457642601, SizingMethod='auto expand')";
}
.sequence-theme img.madameblonde  {
height:100%; width:auto; max-height:800px;
bottom:-1%;
top:auto;
 -webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.sequence-theme img.blondemove.active  {
position:absolute;
left:20%;
 -webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.sequence-theme img.blondemove.next  {
position:absolute;
left:100%;
 -webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.sequence-theme img.inactive {
 position:absolute;
 left:-100%;
 -webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.sequence-theme img.next {
 position:absolute;
 left:100%;
 -webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.sequence-theme img.apres {
 position:absolute;
 left:-100%;
 -webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.sequence-theme h2 {
position: absolute;
top: 40%;
max-width: 700px;
min-width:600px;
width: auto;
font-size:6em;
color:#fff;
 -webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.title4 {top: 30%!important;}
.sequence-theme h2 span.minititre {
font-size:25px;
color:#000;
text-align:left;
}
.sequence-theme .text {
display:block;
text-align:left;
color:#000;
width:470px;
font-size:14px;
text-transform:none;
line-height:normal;
font-family: 'Open Sans', sans-serif;
}
.sequence-theme h2 span {
font-family:'BebasNeueBook';
}
.sequence-theme h2.active {
position:absolute;
}
.sequence-theme h2.inactive{
position:absolute;
}
.sequence-theme h2.apres, .sequence-theme p.apres{
position:absolute;
left:-100%;
}
.sequence-theme h2.title1.inactive{
right:200%;
}
.sequence-theme h2.title2.inactive{
left:-200%;
}
.sequence-theme h2.title3.inactive{
right:200%;
}
.sequence-theme h2.title4.inactive{
left:-200%;
}
.sequence-theme h2.title1.next{
right:-100%;
}
.sequence-theme h2.title2.next{
left:100%;
}
.sequence-theme h2.title3.next{
right:-100%;
}
.sequence-theme h2.title4.next, .sequence-theme .text.next{
left:100%;
}

.sequence-theme h2.title1.active {
right:55%;
}
.sequence-theme h2.title2.active {
left:55%;
}
.sequence-theme h2.title3.active {
right:55%;
}

.sequence-theme h2.title4.active {
left:55%;
}

/* pagination du slider */
.sequence-pagination {
  bottom: 1%;
  display: none;
  right: 6%;
  position: absolute;
  display:inline-block;
  z-index: 10;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sequence-pagination li {
  display: inline-block;
  background:url(../images/slider-nonselected.png) center no-repeat;
  *display: inline;
  /* Hack for IE7 and below as they don't support inline-block */
  height: 10px;
  width: 10px;
  margin-bottom:25px;
}
.sequence-pagination li {
  cursor: pointer;
  opacity: 1;
  width:10px;
  height:10px;
   -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: margin-bottom, opacity;
  -moz-transition-property: margin-bottom, opacity;
  -ms-transition-property: margin-bottom, opacity;
  -o-transition-property: margin-bottom, opacity;
  transition-property: margin-bottom, opacity;
}
.sequence-pagination li:hover {
    opacity: 0.5;

  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
   background:url(../images/slider-nonselected.png) center no-repeat;

}
.sequence-pagination li.actif {
  opacity: 1;
  background:url(../images/slider-selected.png) center no-repeat;

}

/* RESPONSIVE */
@media screen and (min-width:1400px) and (max-width:1600px) {
.sequence-theme img {max-width:500px;}
.sequence-theme img.madameblonde {max-height:600px;}
.sequence-theme h2 {font-size:5em;}
}
@media screen and (max-width:1399px) {
.sequence-theme img.ecouteur {width:100%; max-width:400px; top:25%;}
.sequence-theme img.rotation {left:5%;}
.sequence-theme img.madameblonde {max-height:610px; }
.sequence-theme h2 {font-size:4em;}
.sequence-theme img.blondemove.active  {left:10%;}
.text.active {width:370px;}

}
/*
@media screen and (max-width:1023px){
.sequence-theme img.ecouteur {width:100%; max-width:450px; top:25%;}
.sequence-theme img.madameblonde {max-height:610px; }
.sequence-theme h2 {font-size:4em;}
.sequence-theme h2.title1.active, .sequence-theme h2.title3.active {right:60%;}
.sequence-theme h2.title2.active, .sequence-theme h2.title4.active, .sequence-theme .text {left:55%;}
.sequence-theme img.rotation {left:5%;}
.sequence-theme img.blondemove.active {left:5%;}
.sequence-theme .text {width:350px; top:63%;}
.sequence-theme h2.title4 {top:20%;}
}

@media screen and (min-width:200px) and (max-width:768px) {
.sequence-theme img.active {width:100%; max-width:300px;  left:0; position:relative; text-align:center;}
.sequence-theme img.active.madameblonde {width:100%;   left:0; bottom:-1%;}
.sequence-theme img.madameblonde {width:100%; left:-100%; bottom:-1%; position:absolute;}
.sequence-theme h2.active.title1, .sequence-theme h2.active.title2 {font-size:3em; left:0; text-align:center; bottom:15%; top: auto;}
.sequence-theme h2.active.title4, .sequence-theme h2.active.title3 {font-size:3em; position:relative; text-align:center;  margin-top:5%; left:0;}
.sequence-theme h2.title4.next, .sequence-theme h2.title3.next {font-size:3em; text-align:center; margin-top:5%; top:5%;}
.sequence-theme h2.title4.inactive, .sequence-theme h2.title3.inactive {font-size:3em; text-align:center; margin-top:5%; top:5%; }
.sequence-theme .text {display:none;}
.sequence-theme .text.active {position:relative!important; left:0; text-align:center; width:100%;}
.sequence-theme h2 {min-width:100%; width:100%;}
}
*/
@media screen and (max-height:480px) {
.sequence-theme img {display:none!important;}
}
@media screen and (max-height:760px) {
.sequence-theme img.madameblonde  { bottom:-25%;}
.sequence-theme img.madameblonde.active.blondemove  {left:5%;}
}
@media screen and (max-height:890px) {
.sequence-theme img.madameblonde  { bottom:-20«%;}
.sequence-theme img.madameblonde.active.blondemove  {left:5%;}
}


/* SLIDER */ 
/*
.title1, .title3 {text-align:right;}
.sequence-theme {
background: #bfffff; 
background: -moz-radial-gradient(center, ellipse cover, #bfffff 0%, #81c4f4 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#bfffff), color-stop(100%,#81c4f4)); 
background: -webkit-radial-gradient(center, ellipse cover, #bfffff 0%,#81c4f4 100%);
background: -o-radial-gradient(center, ellipse cover, #bfffff 0%,#81c4f4 100%); 
background: -ms-radial-gradient(center, ellipse cover, #bfffff 0%,#81c4f4 100%); 
background: radial-gradient(ellipse at center, #bfffff 0%,#81c4f4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffff', endColorstr='#81c4f4',GradientType=1 ); 
 max-height:100%;
min-height:100%;
height:auto;
position:relative;
overflow:hidden;
}
.sequence-theme img {width:100%; max-width:600px;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;

}
.sequence-theme img.madameblonde {height:100%; width:auto; max-height:800px;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
bottom:-1%;
}
.sequence-theme img.active  {
position:absolute;
right:0; 
-webkit-transform: translateX(-60%);
-moz-transform: translateX(-60%);
-o-transform: translateX(-60%);
transform: translateX(-60%);	
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
}
.sequence-theme img.rotation  {
position:absolute;
right:0;
-webkit-transform: translateX(-160%) translateY(-15%)  rotate(-24deg);
-moz-transform: translateX(-160%) translateY(-15%)  rotate(-24deg);
-o-transform: translateX(-160%) translateY(-15%)  rotate(-24deg);
transform: translateX(-160%) translateY(-15%) rotate(-24deg);	
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.913545457642601, M12=0.40673664307579965, M21=-0.40673664307579965, M22=0.913545457642601, SizingMethod='auto expand')";

}
.sequence-theme img.madameblonde  {
bottom:-1%;
top:auto;
}
.sequence-theme img.blondemove  {
position:absolute;
right:30%;
-webkit-transform: translateX(-80%);
-moz-transform: translateX(-80%);
-o-transform: translateX(-80%);
transform: translateX(-80%);	
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";	
}
.sequence-theme img.inactive {
 position:absolute;
 left:-100%;
 -webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%);	
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
}
.sequence-theme h2 {
position: absolute;
top: 40%;
font-size:6em;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
color:#fff;
}
.sequence-theme h2.title2, .sequence-theme h2.title4, {
right:0;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
.sequence-theme h2.title1, .sequence-theme h2.title3, {
left:0;

}
.sequence-theme h2 span {
font-family:'BebasNeueBook';
}
.sequence-theme h2.title1.active{
position: absolute;
-webkit-transform: translateX(80%);
-moz-transform: translateX(80%);
-o-transform: translateX(80%);
transform: translateX(80%);	
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
left:0

}
.sequence-theme h2.title2.active {
position: absolute;
-webkit-transform: translateX(-80%);
-moz-transform: translateX(-80%);
-o-transform: translateX(-80%);
transform: translateX(-80%);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";	
right:0%;
}
.sequence-theme h2.title3.active {
position: absolute;
-webkit-transform: translateX(80%);
-moz-transform: translateX(80%);
-o-transform: translateX(80%);
transform: translateX(80%);	
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
left:0

}
.sequence-theme h2.title4.active{
position: absolute;
-webkit-transform: translateX(-80%);
-moz-transform: translateX(-80%);
-o-transform: translateX(-80%);
transform: translateX(-80%);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";	
right:0;
}
.sequence-theme h2.title1.inactive{
position: absolute;
-webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%);	
left:-100%;
}
.sequence-theme h2.title2.inactive {
position: absolute;
-webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%);	
right:150%;
}
.sequence-theme h2.title3.inactive {
position: absolute;
-webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%);	
left:-100%;
}
.sequence-theme h2.title4.inactive {
position: absolute;
-webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%);	
right:-100%;
}
*/