html, body {
	margin:0 !important;
	padding:0 !important;
	/*background:#f9f9f9;*/
	font-family: 'Raleway', sans-serif;
	font-size:15px;
}
a:focus
{
outline:0;
} 
img {
  image-rendering: auto;
}

.royalSlider > .rsContent {
visibility: hidden; 
}



.hoja {
  color: #dcdce2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  margin-top: -140px;
  width: 280px;
  height: 280px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 35px;
  line-height: 280px;
  -webkit-font-smoothing: antialiased;
}
.hoja:after,
.hoja:before {
  content: "";
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.hoja:after {
  box-shadow: inset 0 17.5px 0 rgba(250, 250, 0, 0.6), inset 17.5px 0 0 rgba(250, 200, 0, 0.6), inset 0 -17.5px 0 rgba(250, 150, 0, 0.6), inset -17.5px 0 0 rgba(250, 100, 0, 0.6);
  -webkit-animation: rotar 2s -0.5s linear infinite;
          animation: rotar 2s -0.5s linear infinite;
}
.hoja:before {
  box-shadow: inset 0 17.5px 0 rgba(0, 250, 250, 0.6), inset 17.5px 0 0 rgba(0, 200, 200, 0.6), inset 0 -17.5px 0 rgba(0, 150, 200, 0.6), inset -17.5px 0 0 rgba(0, 200, 250, 0.6);
  -webkit-animation: rotarIz 2s -0.5s linear infinite;
          animation: rotarIz 2s -0.5s linear infinite;
}
@-webkit-keyframes rotar {
  0% {
    -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
            transform: rotateZ(0deg) scaleX(1) scaleY(1);
  }
  50% {
    -webkit-transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
            transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
  }
  100% {
    -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
            transform: rotateZ(360deg) scaleX(1) scaleY(1);
  }
}
@keyframes rotar {
  0% {
    -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
            transform: rotateZ(0deg) scaleX(1) scaleY(1);
  }
  50% {
    -webkit-transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
            transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
  }
  100% {
    -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
            transform: rotateZ(360deg) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes rotarIz {
  0% {
    -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
            transform: rotateZ(0deg) scaleX(1) scaleY(1);
  }
  50% {
    -webkit-transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
            transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
  }
  100% {
    -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
            transform: rotateZ(-360deg) scaleX(1) scaleY(1);
  }
}
@keyframes rotarIz {
  0% {
    -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
            transform: rotateZ(0deg) scaleX(1) scaleY(1);
  }
  50% {
    -webkit-transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
            transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
  }
  100% {
    -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
            transform: rotateZ(-360deg) scaleX(1) scaleY(1);
  }
}
	
	#owl-partenaires .itempartenaires{
 
  padding: 30px 0px;
  margin: 20px;
  color: #FFF;
  text-align: center;
		vertical-align: middle !important;
		
}
	
	.itempartenaires img{
		width: 100%;
		
		max-width: 200px;
		position: relative;
top: 50%;
transform: translateY(-50%);
	}
	
	.itempartenaires a{
		opacity: 1;
		-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
		
	}
	
	.itempartenaires a:hover{
		opacity: 0.6;
		-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
		
	}
	
.hp {
    display: none;
}


#logotop{
position:absolute;

top : calc(50% - 150px);
top: -webkit-calc(50% - 150px);
top: -moz-calc(50% - 150px);max-width:300px;	
left : calc(20% - 150px);
	left: -webkit-calc(20% - 150px);
	left: -moz-calc(20% - 150px);max-width:300px; 	
z-index:1000;
	display: none;
}

#logotop2{
position:absolute;

top : calc(50% - 150px);
top: -webkit-calc(50% - 150px);
top: -moz-calc(50% - 150px);max-width:300px;	
right : calc(20% - 150px);
	right: -webkit-calc(20% - 150px);
	right: -moz-calc(20% - 150px);max-width:300px; 	
z-index:1000;
	display: none;
}

#top-menu{
position:absolute;
bottom:20px;
margin-left:-45px;
left : calc(50% - 25px);
	left: -webkit-calc(50% - 25px);
	left: -moz-calc(50% - 25px);max-width:50px; z-index:100; 	
}
h1{
	font-weight:400;	
}


.parallax-container {
  position: relative;
  overflow: hidden;
  min-height: 200px;
}

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color:#000000;
}

.parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}


a:focus
{
outline:0;
} 
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
 .content-bio p{
	 padding-left:20px;
	 padding-right:20px;	 
 }
  .content-contact p{
	 padding-left:20px;
	 padding-right:20px;	 
 }
 ul li{
	 display:inline-block;
 }
 ul li a{
color:#FFF; text-decoration:none; margin-right:10px; 	 
 }
 .active a{
color:#8163c4;
font-weight:700;	 
 }
 .itemvideo{
 width:48%; padding:0.5%; display:inline-block;
 }
 
 .musicdiv1{
 width:50%; display:inline-block; vertical-align: middle;
	 
 }
 .musicdiv2{
 width:49%; display:inline-block; vertical-align: middle;
	 
 }
 
 
 #dispo{
 width:300px; position: absolute; right:0px; top:140px;	 
 }
 
 #headerlink{
	position:absolute; bottom:10px; right:0; 
 }
 
 #headerimgmobile{
	 display:none;
 }
 
 #accesmobile{
	 display:none;	 
 }
 
 #headerlink2{
	 display:none;	 
 }
 #mailinglist{
	 display:none;	 
 }
 
 .overflownone{
	 overflow:hidden;	 
 }
 
 #resultat{
	 font-size:14px;	 
 }
 
 
 
 .item {
    width: 16.6666666667% !important;
	display: block;
	height:150px;
	margin:0;
	float:left;
	 
	
}

.item a .picture:hover, .hover{
	width:16.6666666667%;
	height:150px;
	position:absolute;
	opacity:0;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	
}

.item img
{
	display: inline-block;
	width: 100%;
	height: auto !important;
	opacity:1;
	
	
	
	
}

.fondtitre{
width:100%; height:100%;background-color: rgba(0, 0, 0, 0.7); z-index:1;	
}


.item a .picture:hover, .hover:hover{
	opacity:1;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.titre{
  width: 80%;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
		  z-index:2;
		  color:#FFFFFF !important;
		  font-size:14px;
		  font-family: 'Open Sans', sans-serif;
		  text-transform:uppercase;
		  cursor:pointer !important;
		  padding:20px;
		  
}





.item2 {
    width: 33.33% !important;
	display: block;
	height:300px;
	margin:0;
	float:left;
	
}

.item2 a .picture2:hover, .hover2{
	width:33.33%;
	height:300px;
	position:absolute;
	opacity:0.7;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	
}

.item2 img
{
	display: inline-block;
	width: 100%;
	height: auto !important;
	opacity:1;
	
	
}

.fondtitre2{
width:100%; height:100%;background-color: rgba(0, 0, 0, 0.7); z-index:1;	
}


.item2 a .picture2:hover, .hover2:hover{
	opacity:1;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.titre2{
  width: 80%;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
		  z-index:2;
		  color:#FFFFFF !important;
		  font-size:14px;
		  font-family: 'Open Sans', sans-serif;
		  text-transform:uppercase;
		  cursor:pointer !important;
		  padding:20px;
		  
}



.titrefond3{
	cursor: pointer;
	opacity:1;
	display: inline-block !important;
	width: 100% !important;
	
	height: 411px;
	background-color: rgba(0,0,0,0.2);
	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.aproposvideo:hover  .titrefond3{
	opacity:1;	background-color: rgba(0,0,0,0.8);
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	
	
}




.fancybox-nav {
    width: 60px;       
}

.fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.fancybox-nav:hover span {
    opacity: 1;
}

.fancybox-next {
    right: -60px;
}

.fancybox-prev {
    left: -60px;
}
 
 
 .footerlink{
	 text-decoration:none;	
	 color:#FFF; 
	-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
 }
 .footerfacebook:hover{
 color: #5c7ec5;
 -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
 }

 .footerinstagram:hover{
 color: #dc307a;
 -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
 }
 
.footeryoutube:hover{
 color: #dc2925;
 -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
 }
 
.footernewsletter:hover{
 color: #81c001;
 -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
 }


#aproposvideo, #apropostexte, #contacttexte, .content-contact{
width:50%;
display: table-cell;	
	
	
}


 
 
 
 @media (max-width: 1200px) {
	 
	 #aproposvideo, #apropostexte, #contacttexte, .content-contact{
width:100%;
display: inline-block;	
	
	
}
	 
	 #aproposvideo{
		height: 300px; 
		 
	 }
	 .titrefond3{
		height: 300px;
	 }
	 #logotop{
position:absolute;

top : calc(25% - 125px);
top: -webkit-calc(25% - 125px);
top: -moz-calc(25% - 125px);max-width:260px;	
left : calc(50% - 150px);
	left: -webkit-calc(50% - 150px);
	left: -moz-calc(50% - 150px);max-width:260px; 	
z-index:1000;
	display: none;
}
	 
 #logotop2{
position:absolute;

top : calc(65% - 125px);
top: -webkit-calc(65% - 125px);
top: -moz-calc(56% - 125px);max-width:260px;	
left : calc(50% - 150px);
	left: -webkit-calc(50% - 150px);
	left: -moz-calc(50% - 150px);max-width:260px; 	
z-index:1000;
	display: none;
}
	 
	.item {
    width: 25% !important;
	display: block;
	height:150px;
	margin:0;
	float:left;
	 
	
}

.item a .picture:hover, .hover{
	width:25%;
	height:150px;
	position:absolute;
	opacity:0;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	
}
	 
	 .item2 {
    width: 50% !important;
	display: block;
	height:300px;
	margin:0;
	float:left;
	
}

.item2 a .picture2:hover, .hover2{
	width:50%;
	height:300px;
	position:absolute;
	opacity:0;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	
}
 
 }
 
 @media (max-width: 800px) {
  
 .item {
    width: 50% !important;
	display: block;
	height:200px;
	margin:0;
	float:left;
	 
	
}

.item a .picture:hover, .hover{
	width:50%;
	height:200px;
	position:absolute;
	opacity:0;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	
}
	 
	 .item2 {
    width: 100% !important;
	display: block;
	height:300px;
	margin:0;
	float:left;
	
}

.item2 a .picture2:hover, .hover2{
	width:100%;
	height:300px;
	position:absolute;
	opacity:0;	
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	
}
	 
	 
 }