body{

margin:0;

    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	width:100%;
	height:100%;
	overflow:hidden;
	 font-smooth: always;
	}
.mainmail{
color:black;
text-decoration:none;
}
.mainmail:hover{
text-decoration:underline;
}
  @font-face {
    font-family: 'Helvet';
    src: url('font/quicksand_light-webfont.eot') format('eot'),
         url('font/quicksand_light-webfont.woff') format('woff'),
         url('font/quicksand_light-webfont.ttf') format('truetype'),
         url('font/quicksand_light-webfont.svg') format('svg');
}
  @font-face {
    font-family: 'HelvetBook';
    src: url('font/quicksand_book-webfont.eot') format('eot'),
         url('font/quicksand_book-webfont.woff') format('woff'),
         url('font/quicksand_book-webfont.ttf') format('truetype'),
         url('font/quicksand_book-webfont.svg') format('svg');
}
  @font-face {
    font-family: 'AllerB';
    src: url('font/aller_bdit-webfont.eot') format('eot'),
         url('font/aller_bdit-webfont.woff') format('woff'),
         url('font/aller_bdit-webfont.ttf') format('truetype'),
         url('font/aller_bdit-webfont.svg') format('svg');
}
  @font-face {
    font-family: 'AllerBOLD';
    src: url('font/aller-webfont.eot') format('eot'),
         url('font/aller-webfont.woff') format('woff'),
         url('font/aller-webfont.ttf') format('truetype'),
         url('font/aller-webfont.svg') format('svg');
}
  @font-face {
    font-family: 'AllerR';
    src: url('font/aller_rg-webfont.eot') format('eot'),
         url('font/aller_rg-webfont.woff') format('woff'),
         url('font/aller_rg-webfont.ttf') format('truetype'),
         url('font/aller_rg-webfont.svg') format('svg');
}
  @font-face {
    font-family: 'Allerbdit';
    src: url('font/aller_bdit-webfont.eot') format('eot'),
         url('font/aller_bdit-webfont.woff') format('woff'),
         url('font/aller_bdit-webfont.ttf') format('truetype'),
         url('font/aller_bdit-webfont.svg') format('svg');
}
  @font-face {
    font-family: 'Allerit';
    src: url('font/aller_it-webfont.eot') format('eot'),
         url('font/aller_it-webfont.woff') format('woff'),
         url('font/aller_it-webfont.ttf') format('truetype'),
         url('font/aller_it-webfont.svg') format('svg');
}
.container{
width:960px;
margin:0 auto;
height:100%;

}
.logo{
text-align:center;
}
.ptitlogo{
cursor:pointer;

}
#slideshow{
margin-top: 40px;
}
.lightTransparent{
font-family:'HelvetBook';
font-size:22px;

}
p.annonces{
text-align:center;
width:960px;
opacity:1;
margin-top:-48px;
color:white;
}
.an1{
opacity:1}
.an2{
opacity:0}
.an3{
opacity:0}
.an4{
opacity:0}

.an5{
opacity:0}
#discoverUs{
	position:absolute;
	bottom:20px;
	left:50%;
	width:178px;
	height:41px;
	background:url("images/discover.png");
	    text-indent: -5000px;
	margin-left:-89px;
	}
.content{
width:960px;
height:148px;
position:absolute;
margin-left:-480px;
top:35%;
left:50%;

}

.content2{
width:960px;
position:absolute;
margin-left:-480px;
top:100%;
left:50%;
}
.content4{
width:960px;
position:absolute;
margin-left:-480px;
top:200%;
left:50%;
}
.content5{
width:960px;
position:absolute;
margin-left:-480px;
top:300%;
left:50%;
}
.content6{
width:960px;
position:absolute;
margin-left:-480px;
top:400%;
left:50%;
}
.content7{
width:960px;
height:100px;
position:absolute;
margin-left:-480px;
top:500%;
left:50%;
z-index:3;
}
.content3{
width:960px;
height:148px;
position:absolute;
margin-left:-480px;
left:50%;
margin-top:10px;

}
#wrapP5{
margin-top:10px;
}


.ulavant{
margin:0;
float:right;
padding:0;
margin-top:20px;
}
.ulavant2{
margin:0;
padding:0;
position:relative;
left:346px;
top:50px;
}
.contentP3{
position:relative;

}
li, a{
float:left;
font-family:"HelvetBook";
font-size:18px;
    list-style: none outside none;
	line-height:20px;
cursor:  pointer;
text-decoration:none;
color:#484848;

}
li.current{
cursor:  pointer;

color:#ff7900;
}
li.specialcurrent{
cursor:  pointer;

color:#ff7900;

}
li.white{
cursor:  pointer;

color:white;
text-decoration:underline;
}
#showreels{
position:relative;
height:358px;

width:940px;
cursor:pointer;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.player1{

}
#player1{
left:-3500px;
position:absolute;
}
#player2{
left:3500px;
position:absolute;
}

.show1grey{
float:left;
width: 470px;
height:358px;

}
.show1color{
margin-top:-358px;
float:left;
width: 470px;
height:358px;
}
.show2grey{
float:right;
width: 470px;
height:358px;

}
.show2color{
margin-top:-358px;
float:right;
width: 470px;
height:358px;

}
.leg{
cursor:pointer;
color:#404040;
position:relative;
top:10%;
}
.leg:hover{
cursor:pointer;
color:f48946;

}

.legende1{
margin:0;
display:inline;
float:left;
text-align:center;
font-family:"HelvetBook";
font-size:21px;
color:#404040;
position:relative;
left:18%;
}
.legende2{
margin:0;
font-family:"HelvetBook";
font-size:21px;
display:inline;
float:left;
text-align:center;
width:552px;
color:#404040;
position:relative;
left:35%;

}
#vid1{
position:absolute;
top:50%;
left:-1000%;
margin-left:-552px;
margin-top:62px;
z-index:10;
height:450px;
width:960px;
}
#vid2{
position:absolute;
top:50%;
left:+1000%;
margin-left:-552px;
margin-top:62px;
z-index:10;
height:450px;
width:960px;
}
.back{
width:50px;
height:50px;
position:relative;
left:50%;
margin-top: 10px;
margin-left:-25px;
cursor:pointer;
}

.index{
font-family:"HelvetBook";
font-size:14px;
opacity:0.8;
}
.en{
font-family:"AllerBold";
 font-smooth: always;
font-size:14px;
}
.en:hover{
color:#ff7900;
}
.fr:hover{
color:#ff7900;
}
.adresse{
font-family:"HelvetBook";
 font-smooth: always;
opacity:0.7;
margin-top:10px;
text-align:center;
color:#404040;
font-size:15px;
width:100%;
float:left;
}
.adresseclient{
font-family:"HelvetBook";
 font-smooth: always;
opacity:0.7;
margin-top:10px;
text-align:center;
color:white;
font-size:15px;
width:100%;
float:left;
}
.footer{
text-align:left;
    display: inline-block;
	width:12%;
float:left;
	
}
.footer2{

line-height: 10px;
vertical-align: bottom;
margin: 0 auto;
text-align: center;
font-size: 25px;
opacity: 0.7;
padding: 0;
padding-top: 7px;
}
.index{
cursor:pointer;
}
.dot{
cursor:pointer;
z-index:155
}
.langue{
}
.three{
background-color:white;
}
.one{
background-color:#ff7900;
}

#bottom{
				width:960px;
				position:absolute;
				bottom:0;
				left:50%;
				margin-left:-480px;
}
#bottom2{
             
				width:960px;
				position:absolute;
				bottom:0;
				left:50%;
				margin-left:-480px;

}
#bottom3{
               
				width:960px;
				position:absolute;
				bottom:0;
				left:50%;
				margin-left:-480px;
}
.bottom4{
               
				width:960px;
				position:absolute;
				bottom:0;
				left:50%;
				margin-left:-480px;
}
.methodes{
font-size:72px;
font-family:"AllerR";
text-align:center;
vertical-align:middle;
position:absolute; 
color:white;
width:1105px;
height:370px;
}
.l2{
padding-top:72px;
}

.wrapMethod{
background-color:#f16eaa;
height:305px;
width:1105px;
border:0;
 -webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.radiusright{
border-right:0;
 -webkit-border-top-right-radius: 16px;
-moz-border-top-right-radius: 16px;
border-top-right-radius: 16px;
 -webkit-border-bottom-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;
border-bottom-right-radius: 16px;
}
.radiusleft{
border-left:0;
 -webkit-border-top-left-radius: 16px;
-moz-border-top-left-radius: 16px;
border-top-left-radius: 16px;
 -webkit-border-bottom-left-radius: 16px;
-moz-border-bottom-left-radius: 16px;
border-bottom-left-radius: 16px;
}

.bott{
width:480px;
float:left;
position:relative;
}
.methods p{
font-family:"AllerR";
font-size:16px;
color:white;
}
.page{
overflow:hidden;
}
.methods h2{
font-family:"Allerit";
font-size:23px;
color:white;
}
.orangemethod{
font-family:"Allerit";
font-size:23px;
color:#ee6500;
}
#wrapMethods{
margin-top:150px;

}
#wrapUs{
 background-image:url('images/halfface.jpg');
 width:700px;
 height:529px;
 margin:0 auto;
 background-repeat:no-repeat;
 background-position:center; 
 position:relative;
 }
 .names{
 float:left;
 position:relative;
 top:50%;
 font-family:AllerB;
 text-align:center;
 font-smooth: always;
 
 }
 .name1{
 position:relative;
 left:-120px;
 font-size:25px;
 
 }
  .name2{

 position:relative;
 left:220px;
 font-size:25px;
 }
 #moreinfo{
 position:relative;
 width:960px;
 background-color:black;
height:100px;
 top:-40px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 }
 .light{
  font-family:Helvet;
  font-size:17px

 }

.clear{
clear:both;
}
.mail{
float:left;
margin:0 auto;
margin:0;
padding:0;
margin-left:124px;
}
.mail1{
 font-family:AllerR;
font-size:17px;
color:white;
margin:0;
margin-top:30px;
margin-left:5px;
text-align:center;
}

.mailtitle{

 font-family:Helvet;
font-size:25px;
color:white;
}
.mail2{
 font-family:AllerR;
font-size:17px;
color:white;
margin-top:30px;
text-align:center;
}
.orangelight{
color:orange;
}
.contentP4{
position:relative;
height:100px;
}
#plaque{
width:460px;
height:205px;
background-color:#1b1b1b;
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:7px solid #161616;
box-shadow: 0px 0px 15px black;
margin:0 auto;
}

.four{
height:100%;
background-image: -webkit-radial-gradient(50% 50%, ellipse closest-corner, #8cd6cd, #42b1a3 50%);
background-image:    -moz-radial-gradient(50% 50%, ellipse closest-corner, #8cd6cd, #42b1a3 50%);
background-image:     -ms-radial-gradient(50% 50%, ellipse closest-corner, #8cd6cd, #42b1a3 50%);
background-image:      -o-radial-gradient(50% 50%, ellipse closest-corner, #8cd6cd, #42b1a3 50%);
background-image:         radial-gradient(50% 50%, ellipse closest-corner, #8cd6cd, #42b1a3 50%);

}

.textlogin{
 font-family:Helvet;
font-size:42px;
color:black;
text-align:center;
margin-top: 0;
}
.input{
 background: #dfdddd;
    width: 220px;
	height:15px;
    padding: 9px;
    letter-spacing: 1px;
    border: none;
    color: black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:inset 0 0 5px #000000;
	display:block;
	margin:0 auto;
margin-bottom:20px;

	}
	.submit{
	     background: url('images/submit.png') no-repeat top left;
		 width:143px;
		 height:31px;
		 border:none;
		 margin:0 auto;
		 position:relative;
		 left:50%;
		 margin-left:-71px;
	}
	.login{
	width:460px;
margin-top:20px;
	}
	#form{
	position:relative;
	z-index:10;
	height:420px;
		}
	#map_canvas{
	z-index:0;
	}

	.italler{
	font-family:HelvetBook;
	text-align:center;
	font-size:18px;
	color:white;
	}
	#wrapp6{
	position: relative;
	top:10px;
	}
	.boldaller{
		margin-top:20px;
margin-bottom:50px;
	font-family:AllerR;
		text-align:center;
	font-size:35px;
	color:white;

	}
#contactmenu {
position:absolute;
top:50%;	
margin:0 auto;
padding: 0;
width:215px;
left:50%;
margin-top: -190px;
margin-left: -100px;

}
#contactmenu li{
margin-right: 10px;	
overflow: hidden;
text-align: center;
}
#contactmenu li:hover{
color: #ff7900;
text-decoration: underline;
}
.last li{
margin-right: 0px;	
}
.bold{
font-family:"AllerBOLD";
}
.m1{
margin-top:110px;
}
.m3{
margin-top:110px;

}
.itemmet{
text-align:center;
font-stretch:extra-condensed;
letter-spacing:-2px;
font-family:"HelvetBook";
font-size:19px;
width:100px;
}
.fivecover {
background: url(images/bg1.jpg) no-repeat center center fixed;
 height: 100%; width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
top:-420px;
}
.petitmenu{
width:182px;
height:28px;
text-align:center;
font-family:"Allerbdit";
font-size:22px;
color:white;

opacity:0.8;
cursor:pointer;
}

#arrowus{
position:relative;
top:-310px;
left:-93px;
}
#arrowus:hover{
cursor:pointer;
}
#arrowusbefore{
position:relative;
top:-310px;
left:865px;
}
#arrowusbefore:hover{
cursor:pointer;
}
#partiegauche{
width:50%;
height:420px;

float:left;

}
#partiedroite{
width:50%;
height:420px;
float:left;

}
#partiedroite p{
padding-left:15px;

}
#partiegauche p{
padding-right:15px;

}
#partiebas{
float:left;
width:100%;
height:50px;
background-color:#ff03c1;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#partiebas a{
color:white;
text-decoration: none;
}
#partiebas a:hover{
color:white;
text-decoration: underline;
}
#partiedroite p{
font-family:"HelvetBook";
font-size:18px;
margin:10px;
text-align:left;
padding-top:30px;

}
#partiegauche p{
font-family:"HelvetBook";
font-size:18px;
margin:10px;
text-align:right;
padding-top:30px;
}
#contactmenu{
padding-left:40px;

}
.findus{
background-color:#ff9433;
}
.reachus{
background-color:#a0a0a0;
}
.followus{
background-color:#404040;
}
.dotcontact{
border:1px solid #dddddd;
width:30px;
height:30px;
border-radius:15px;
text-align:center;
}
.natbas{
text-align:right;
font-family:"HelvetBook";
font-size:18px;
margin-top:1px;
color:white;
margin-right:10px;

}
.cbas{
text-align:left;
font-family:"HelvetBook";
font-size:18px;
margin-top:1px;
margin-left:10px;
color:white;
}
.description{
margin-top:350px;
}
.thin{
font-family:"HelvetBook";
}
.before{
position:relative;
top:107px;
left:-45px;
}

.after{
position:relative;
top:107px;
left:963px;
}
#top{
background-color:white;
margin:0;
width:100%;
height:200px;
}
#owp{
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 500;

font-size:36px;
color:#484848;
float:left;
padding:0;
margin: 130px 0px 0px 100px;
}
#owp2{

float:left;
margin: 139px 0px 0px 50px;
color:#39403f;

font-family: 'HelveticaNeue-Condensed', 'Helvetica Neue Condensed', 'Helvetica Neue',Arial, Helvetica, sans-serif;
font-weight: 1000;
font-size: 20px;
}
p{
font-family:"HelvetBook";
color:#595959;
}
h4{
font-family: 'HelveticaNeue-Condensed', 'Helvetica Neue Condensed', 'Helvetica Neue',Arial, Helvetica, sans-serif;
font-weight: 1000;
font-size: 19px;
color: #505958;
font-stretch: ultra-condensed;
}
.sp3{
width:384px;
height:100px;

float:left;
margin-top:20px;

}

.justifytext{
text-align: justify;
padding:10px;
font-size: 14px;
letter-spacing: -1px;
}
#bottompageUS{
width:1152px;
margin:0 auto;

}
.white{
	color:white;

}
#wrapContactInfo{
	width:1050px;
	height:330px;
	margin:0 auto;
	position:absolute;
	z-index:3;
}
#Hfindus{
	width:319px;
	height:319px;
	background-color:  rgba(255, 153, 51, 0.85);
	float:left;
	margin-right: 24px;
		margin-left: 22px;
		border-radius: 20px;
}
#Hreachus{
	width:319px;
	height:319px;
	background-color: #5a5a5a;
	float:left;
		margin-right: 24px;
		border-radius: 20px;

}
#Hfollowus{
	width:319px;
	height:319px;
	background-color:rgba(129, 129, 129, 0.8);
	float:left;
	border-radius: 20px;
}

.titleContact{
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 45px;
color:white;
text-align: center;

}
.textContact{
font-family: "Helvet";
font-size: 27px;
color: white;
text-align: right;
padding:15px;
letter-spacing: -2px;
}
.black{
color:#1c1c1c;
font-weight: 700;
}
.orange{
color:#f8941d;
font-weight: 700;
}
.mailContact{
	font-family: "Helvet";
font-size: 27px;
color: white;
float:right;
letter-spacing: -2px;
}
.mailContact:hover{
text-decoration: underline;

}