@charset "UTF-8";
/* CSS Document */

html, body {
			width: 100%;
            height: 100%;
            margin: 0;
			font-family:'Sansita', sans-serif;
			color: #777;
			font-size: 14px;
			line-height: 1.6;
			
}

#section0,
#section1,
#section2,
#section3,
#section4,
#section5{
		background-size: cover;
		background-attachment: fixed;
	}


@font-face {
  font-family: 'ovation';
  src: url(../font/TheRedlight.ttf);
 
}





#section0{
	width:100%;
	height:100%;	
	}


.slide{
	z-index:1;
	}


.hand{
	width:100%;
	height:100%;
	background: url(../img/hand.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:2000000;
	}

#section1{
	width:100%;
	height:100%;
	}

#section2{
	width:100%;
	height:100%;
	}


#section3{
	width:100%;
	height:100%;
	}
	
#section4{
	width:100%;
	height:100%;
	}

#section5{
	width:100%;
	height:100%;
	}
	

@-webkit-keyframes clignote {
0%{box-shadow:0px 0px 10px #4183C4;}
50%{box-shadow:0px 0px 0px #4183C4;}
100%{box-shadow:0px 0px 10px #4183C4;}
}

.nous{
	position:absolute; 
	width:200px; 
	height:70px; 
	background: url(../img/icon-about.png) no-repeat; 
	left:17%; 
	z-index:100000000; 
	bottom:38%;
	}

.nous span a{
	color:#FFF;
	position:absolute;
	bottom:7px;
	font-size:16px;
	right:100px;
	text-decoration:none;
	letter-spacing:2px;
	}

.expertise{
	width:200px;
	height:70px;
	background: url(../img/icon-expertise.png);
	position: absolute;
	z-index:5;
	top:26%;
	left:22%;
	z-index:1;
	}

.expertise span a{
	color:#FFF;
	position:absolute;
	bottom:5px;
	font-size:16px;
	right:90px;
	text-decoration:none;
	letter-spacing:2px;
	}


.equipe{
	width:200px;
	height:70px;
	background: url(../img/icon-equipe.png);
	position: absolute;
	z-index:5;
	top:10%;
	left:37%;
	z-index:1;
	}


.equipe span a{
	color:#FFF;
	position:absolute;
	bottom:-1px;
	font-size:16px;
	right:100px;
	text-decoration:none;
	letter-spacing:2px;
	}

.abonne{
	width:200px;
	height:70px;
	background: url(../img/icon-abonnes.png);
	position: absolute;
	z-index:5;
	top:15%;
	right:25%;
	z-index:1;
	}

.abonne span a{
	color:#FFF;
	position:absolute;
	bottom:0px;
	font-size:16px;
	left:110px;
	text-decoration:none;
	letter-spacing:2px;
	}


.contact{
	width:200px;
	height:70px;
	background: url(../img/icon-contact.png);
	position: absolute;
	z-index:5;
	top:30%;
	right:18%;
	z-index:1;
	}


.contact  span a{
	color:#FFF;
	position:absolute;
	bottom:0px;
	font-size:16px;
	right:2px;
	text-decoration:none;
	letter-spacing:2px;
	}

.ovation{
	width:250px;
	height:77px;
	position: fixed;
	right:10px;
	bottom:10px;
	z-index:10000;
	}

.social{
	width:50px;
	position: absolute;
	left:10px;
	bottom:0;
	}
	
	
.texte{
	width:400px;
	position: absolute;
	margin:auto;
	left:0;
	right:0;
	top:30%;
	color:#FFF;
	}
	
.texte h2{
	color:#FFF;
	}
		
.box-left{
	width:100%;
	height:100%;
	background:#993;
	position:absolute;
	left:0;
	background: url(../img/Fichier%2046.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:10;
	}
	
.box-right{
	width:700px;
	height:100%;
	position:absolute;
	right:0;
	z-index:10;
	}

.rond{
	 height:100%;
     width:50%;
     border-radius: 50% 0px 0px 50%;
	 position:absolute;
	 right:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,000000+0,e04ebe+100&0.89+99,1+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.89) 0%, rgba(222,77,188,0.89) 99%, rgba(224,78,190,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.89) 0%,rgba(222,77,188,0.89) 99%,rgba(224,78,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.89) 0%,rgba(222,77,188,0.89) 99%,rgba(224,78,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000000', endColorstr='#e04ebe',GradientType=1 ); /* IE6-9 */
	}

.rond-expertise{
	 height:100%;
     width:50%;
     border-radius: 50% 0px 0px 50%;
	 position:absolute;
	 right:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+0,000000+0,1b1464+100&0.53+0,1+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.53) 0%, rgba(27,20,100,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.53) 0%,rgba(27,20,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.53) 0%,rgba(27,20,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87000000', endColorstr='#1b1464',GradientType=1 ); /* IE6-9 */

}

.rond-2{
    height:40%;
    width: 10%;
    border-radius: 300px 0 0 300px;
	border:0.5px solid #FFF;
	position:absolute;
	right:0;
	bottom: 0; top: 0;
	margin: auto;
	overflow: auto;
	vertical-align:middle;
	}

.soc-btn{
	width:50px;
	height:50px;
	background:#F09;
	z-index:100000;
	position:absolute;
	right:8.5%;
	top:48%;
	border-radius: 50%;
	}

.soc-btn-2{
	width:50px;
	height:50px;
	background:#F09;
	z-index:100000;
	position:absolute;
	right:6%;
	top:35%;
	border-radius: 50%;
	}


.soc-btn-3{
	width:50px;
	height:50px;
	background:#F09;
	z-index:100000;
	position:absolute;
	right:6%;
	top:60%;
	border-radius: 50%;
	}



#social {
  margin: 20px 10px;
  text-align: center;
}

.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border:1px solid #ddd; /* add border to the buttons */

    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
	margin-bottom:4px;
}

/* facebook button class*/
.facebookBtn{
    
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
    border-color: #4060A5; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
      
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
      border-color: #00ABE3;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
}

.googleplusBtn:before{
      font-family: "FontAwesome";
      content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522;
      background: #fff;
      border-color: #e64522;
}

/* linkedin button class*/
.linkedinBtn{
    
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
      border-color: #0094BC;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #fff;
      border-color: #cb2027;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:before{
      font-family: "FontAwesome";
      content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
      color: #3a5876;
      background: #fff;
      border-color: #3a5876;
}

/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:before{
      font-family: "FontAwesome";
      content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
      color: #e88845;
      background: #fff;
      border-color: #e88845;
}

/* instagram button class*/
.instagramBtn{
   
}

.instagramBtn:before{
      font-family: "FontAwesome";
      content:  "\f16d"; /* add instagram icon */
      
}

.instagramBtn:hover{
      color: #517FA4;
      background: #fff;
      border-color: #517FA4;
}

/* youtube button class*/
.youtubeBtn{
    
}

.youtubeBtn:before{
      font-family: "FontAwesome";
      content: "\f167"; /* add youtube icon */
}

.youtubeBtn:hover{
      color: #F33;
      background: #fff;
      border-color: #F33;
}






.rubrique{
	position:absolute;
	bottom:15%;
	left:21%;
	z-index:200000;
	font-family: 'ovation';
	color:#FFF;
	font-size:120px;
	text-shadow: 1px 1px 2px #000;
	z-index:2000000;
	}

.form-contact{
	width:400px;
	height:500px;
	position:absolute;
	right:15%;
	bottom:20%;
	z-index:300000;
	}

.contact-2{
	width:400px;
	height:200px;
	position:absolute;
	right:15%;
	bottom:5%;
	z-index:300000;
	}

.contact-2-left{
	width:190px;
	height:200px;
	float:left;
	text-align:right;
	color:#FFF;
	}

.contact-2-left h3{
	color:#F39;
	}

.contact-2-left p{
	font-weight:bold;
	}

.contact-2-right{
	width:190px;
	height:200px;
	float:right;
	text-align:left;
	color:#FFF;
	}

.contact-2-right h3{
	color:#F39;
	}

.contact-2-right p{
	font-weight:bold;
	}


.abonne-box{
	width:400px;
	height:300px;
	position:absolute;
	right:12%;
	bottom:30%;
	z-index:300000;
	}

.abonne-box-titre{
	width:120px;
	float:left;
	position:absolute;
	bottom:0px;
	font-weight:bold;
	color:#FFF;
	font-size:18px;
	}

.abonne-box-logo{
	width:280px;
	height:300px;
	float:right;
	border-left:1px solid #FFF;
	}

.equipe-box{
	width:500px;
	position:absolute;
	right:12%;
	bottom:30%;
	z-index:300000;
	}
	
.equipe-box-left{
	width:210px;
	float:left;
	position:absolute;
	bottom:0px;
	font-weight:bold;
	color:#FFF;
	font-size:18px;
	text-align:right;
	color:#9E005D;
	}

.equipe-box-right{
	width:280px;
	padding-left:10px;
	float:right;
	border-left:1px solid #9E005D ;
	color:#FFF;
	}

.equipe-box-right h3{
	font-size:16px;
	text-transform:uppercase;
	}


.equipe-box-right p{
	font-size:12px;
	}

.box{
	width:500px;
	height:300px;
	position:absolute;
	right:12%;
	bottom:30%;
	z-index:300000;
	}


	
/*Menu interne*/

.apropos-int{
	width:150px;
	height:52px;
	background: url(../img/icon-apropos-2.png) no-repeat;
	position:absolute;
	bottom:40%;
	z-index:2000000;
	left:1%;
	}
	
.apropos-int  a {
    bottom: 0px;
    color: #fff;
    font-size: 13px;
    position: absolute;
    right: 35%;
    text-decoration: none;
	letter-spacing:1px;
}


.expertise-int{
	width:150px;
	height:52px;
	background: url(../img/icon-expertise-2.png) no-repeat;
	position:absolute;
	top:20%;
	z-index:2000000;
	left:8%;
	}
	
.expertise-int  a {
    bottom: 0px;
    color: #fff;
    font-size: 13px;
    position: absolute;
    right: 50%;
    text-decoration: none;
	letter-spacing:1px;
}



.equipe-int{
	width:150px;
	height:52px;
	background: url(../img/icon-equipe-2.png) no-repeat;
	position:absolute;
	top:10%;
	z-index:2000000;
	left:20%;
	}
	
.equipe-int  a {
    bottom: 0px;
    color: #fff; 
    font-size: 13px;
    position: absolute;
    right: 70%;
    text-decoration: none;
}


.abonne-int{
	width:150px;
	height:52px;
	background:url(../img/icon-abonne-2.png) no-repeat;
	position:absolute;
	top:18%;
	z-index:2000000;
	left:35%;
	}
	
.abonne-int  a {
    bottom: 0px;
    color: #fff;
    font-size: 13px;
    position: absolute;
    right: 0%;
    text-decoration: none;
}

.cont-int{
	width:150px;
	height:52px;
	background: url(../img/icon-contact-2.png) no-repeat;
	position:absolute;
	z-index:2000000;
	top:35%;
	left:47%;
	}
	
.cont-int  a {
    bottom: 0px;
    color: #fff;
    font-size: 13px;
    position: absolute;
    right: 30%;
    text-decoration: none;
}


.apropos-txt{
	width:350px;
	height:500px;
	position:absolute;
	right:15%;
	bottom:10%;
	z-index:300000;
	color:#FFF;
	z-index:20000000000000;
	}

.apropos-txt h3{
	color:#FFF;
	font-size:30px;
	}
	

.apropos-txt p{
	
	}	

.titre-rub{
	width:200px;
	height:200px;
	position:absolute;
	top:10%;
	right:35%;
	z-index:40000000;
	}

#loading{
	visibility:hidden;
}

.lang{
	width:100px;
	position:absolute;
	right:0px;
	top:10px;
	text-align:center;
	color:#FFF;
	}

.lang span{
	color:#F30;
}

.lang a {
	color:#FFF;
	}


.bmenu{
   
}
.bmenu li{
   
}
.bmenu  a{
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.bmenu:hover  a{
	text-shadow: 0px 0px 10px #eeb213;
	color: transparent;
	
}
.bmenu  a:hover{
	
	text-shadow: 0px 0px 1px #eeb213;
}


/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
  margin-left: 17px;

}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */