@charset "utf-8";
/* CSS Document */
body{padding:0;margin:0;font-family: Verdana, Geneva, sans-serif;font-size: 12px;}
body, html{height: 100%;}
img {text-decoration:none;}
a:link {text-decoration:none;color: #000;}
a:visited {text-decoration: none;color: #7a7a7a;}
a:hover, a:active, a:focus {text-decoration: none;color: #999;}
.main {height: 100%;width: 100%;}
#logo1 {
	height: 50px !important;
	width: 100% !important;
	position: fixed !important;
	top: 0px !important;
	z-index: 1100 !important;
	font-size: 13px;
	color: #737373;
	background-image: url(../img/fd6.png);
	text-transform: uppercase;
	border-bottom: 1px solid #FFF;
}
#logo {
	background-image: url(../img/logo12.png);
	height: 118px;
	width: 291px;
	position: fixed;
	top: -6px;
	left: 5%;
	z-index: 1101;
}	
#detail-foot {position:relative;bottom: 0px;height: 60px;width: 100%;}
.tele1 {text-align:center;font-size: 18px;padding-top: 26px;width: 280px;margin: 0 auto 0 auto;}
#text-foot {
	font-size: 14px;
	color: #FFF;
	width: 100%;
	float:left;
position:relative;
bottom: 0px;
	text-align: center;
	background-color: #333;
	margin-top: 10px;
	height: 30px;
	padding: 16px 0 0 0;
}
@media only screen and (min-width: 440px) {.left5{display:none}}
@media only screen and (min-width: 1280px) {
.links2 {height: 40px;width: 1250px;margin: 22px auto 0 auto;text-transform:uppercase;text-align: center;}
#link1,#link3,#link4,#link5,#link6{	float: left;height: 18px;}#link1{width: 108px;}#link3{width: 90px;}#link4{width: 108px;margin-left: 356px;}#link5{width: 98px;}#link6{width: 78px;text-align: right;}
.replace2 {display:none;}
#gris {
	background-image: url(../img/fd2.png);
	height: 30px;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 51px;
}
.space {height: 20px;width: 100%;}
.block1,.block2,.block3,.block4,.block5,.block6,.block7,.block8,.block9 {width: 100%;}
.block1 {height: 526px;margin-top: 0px;}
.block2 {height: 680px;margin-top: 40px;}
.block3 {height: auto;margin-top: 30px;}
.block4 {height: 770px;margin-top: 10px;}
.block5 {height: 1170px;margin-top: 30px;}
.block6 {height: auto;margin-top: 10px;}
.block7 {height: 1000px;margin-top: 0px;background-image: url(../img/bubbles2.jpg);}
.block8 {height: 530px;background-color: #000;padding-top: 60px;}
.block9 {height: 620px;margin-top: 40px;}
.content1,.content2,.content3,.content4,.content5 {margin-right: auto;margin-left: auto;}
.content1,.content5 {width: 1234px;}
.content2 {width: 1234px;height: 680px;}
.content3 {width: 1234px;height: 920px;}
.content4 {width: 958px;}
.left,.left2,.left3,.left4 {float: left;}
.left {width: 400px;}
.left2 {width: 354px;}
.left3 {width: 400px;}
.left4 {width: 400px;}
.centre,.centre2,.centre4,.centre5,.centre6 {float: left;}
.centre {width: 784px;padding-left: 30px;padding-right: 10px;margin-top: 40px;}
.centre2,.centre6 {width: 784px;padding-left: 30px;padding-right: 10px;margin-top: 10px;}
.centre3 {height: auto;width: 1214px;margin: 30px auto 0 auto;}
.centre4 {width: 784px;padding-left: 28px;padding-right: 10px;margin-top: 34px;}
.centre5 {width: 700px;padding-left: 80px;padding-right: 10px;margin-top: 10px;}
.right,.right2{float: left;}
.right {width: 400px;}
.right2 {
	width: 500px;
	color: #FFF;
	margin: 0px 0 0 40px;
	text-align: justify;
}
.title1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	height: auto;
	width: 100%;
	padding: 5px 0 6px 0;
	border-bottom-: 5px solid #006;
	text-align: center;
	color: #006;
	margin-bottom: 16px;
}
.text1 {font-size: 13px;padding: 10px 10px 0 30px;float: left;width: 830px;}
.text2 {
	font-family: "Prime", "Candara", Verdana, Geneva, sans-serif;
	font-size: 15px;
	padding-top: 20px;
	float: left;
	width: 786px;
	heigth:320px;
	color: #333;
	height: 320px;
}
.text3,.text4,.text6,.text7{font-family: "Candara", "Prime", Verdana, Geneva, sans-serif;color: #333;padding-bottom:30px;}
.text3 {
	font-size: 16px;
	padding-top: 16px;
	float: left;
	width: 760px;
	heigth:320px;
}
.text4 {
	font-size: 15px;
	width: 642px;
	float:left;
    height: auto;
    overflow: auto;
	margin: -30px auto 0px auto;
	padding: 0px 46px 40px 46px;
	text-align: justify;
}
.text6 {
	font-size: 16px;
	padding-top: 30px;
	float: left;
	width: 786px;
	heigth:320px;
	text-align: justify;
}
.text7 {
	font-size: 15px;
	padding-top: 20px;
	float: left;
	width: 684px;
	heigth:auto;
	text-align: justify;
}
.img1,.img3,.img4,.img5,.img6,.img6_1,.img8 {float: left;}
.img1{height: 400px;width: 400px;margin-top: 60px;}
.img2 {height: 270px;width: 100%;margin-top: 0px;position: absolute;}
.img3 {margin-top: 210px;width: inherit;}
.img9 {margin-top: 140px;width: inherit;}
.img4 {margin-top: 40px;width: inherit;}
.img5 {margin-top: 20px;width: inherit;}
.img6 {margin-top: 0px;width: inherit;}
.img6_1 {margin-top: 0px;width: inherit;}
.img8 {text-align: center;width: 421px;margin-top: 34px;margin-left: 200px;}
#insert{
	margin-left: 0px;
	position: relative;
	z-index: 500;
	float: left;
	bottom: -20px;
	left: -12px;
}
#insert-test {
	top: 1020px;
	left: 100%;
	margin-left: -330px;
	position: absolute;
	z-index: 500;
}
.text-test:after{
	content: "";
	width: 240px;
	height: 300px;
	float: right;
}
.inner-title,.inner-title3,.inner-title4,.inner-title5,.inner-title6 {font-family: "primeregular", "Purista Light", Arial, Helvetica, sans-serif;	font-size: 36px;float: left;padding-top: 3px;padding-bottom: 0px;letter-spacing: 0.1em;width: auto;}
.inner-title {color: #006;border-top: 3px solid #006;border-bottom: 3px solid #006;}
.inner-title3 {color: #390;border-top: 3px solid #390;border-bottom: 3px solid #390;}
.inner-title4 {color: #C36;border-top: 3px solid #C36;border-bottom: 3px solid #C36;}
.inner-title5 {color: #F90;border-top: 3px solid #F90;border-bottom: 3px solid #F90;}
.inner-title6 {color: #006;border-top: 3px solid #006;border-bottom: 3px solid #006;}
.img_right {
	height: 320px;
	width: 360px;
	margin-top: 180px;
}
.sous-img,.sous-img4,.sous-img5,.sous-img6 {color: #003;}
.sous-img {
	text-align: center;
	width: 100%;
	font-size: 11px;
	float: left;
}
.sous-img2 {
	color: #006;
	text-align: center;
	width: 100%;
	font-size: 11px;
	padding-top: 3px;
}
.sous-img3 {
	color: #006;
	text-align: left;
	width: 390px;
	font-size: 11px;
	padding-top: 3px;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
}
.sous-img4 {
	text-align: left;
	width: 390px;
	font-size: 11px;
	margin-top: 16px;
	float: left;
}
.sous-img5 {
	text-align: center;
	width: 100%;
	font-size: 16px;
	font-family: 'Prime', Verdana, Geneva, sans-serif;
	margin-top: 16px;
	margin-bottom: 26px;
}
.sous-img6 {
	text-align: center;
	width: 100%;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 16px;
}
.sous-img7,.sous-img8,.sous-img9,.sous-img10{color: #FFF;background-image: url(../img/transp-2.png);text-align: center;width: 100%;float: left;font-size: 12px;}
.sous-img7 {padding: 6px 0 3px 0;}
.sous-img8 {padding: 10px 0 3px 0;}
.sous-img9 {padding: 31px 0 3px 0;}
.sous-img10 {padding-top: 9px;}
.sous-img11 {
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 11px;
	float: left;
}
.blue {color: #06C;}
#captation_slide1,#captation_slide2,#captation_slide3,#captation_slide4,#captation_slide5,#captation_slide6 {margin: 0px auto 0 auto;}
#captation_slide1{height: 100%;width: 626px;}
#captation_slide2 {height: 100%;width: 1140px;}
#captation_slide3 {height: 100%;width: 810px;}
#captation_slide4 {height: 100%;width: 626px;}
#captation_slide5 {height: 460px;width: 810px;}
.cap-title1,.cap-title2,.cap-title3,.cap-title4,.cap-title5,.cap-title6,.cap-title7,.cap-title8,.cap-title9,.cap-title10 {padding-top: 5px;padding-bottom: 0px;color: #FFF;background-position: 0px 7px;position: relative;}
.cap-title1 {height: 110px;
	width: 626px;
	color: #FFF;
	border-top:3px solid #FFF;
	background-image: url(../img/target10.png);
	top: 77%;}
.cap-title2 {height: 220px;
	width: 770px;
background-image: url(../img/visit4.png);
top: 62%;
	margin-left: 300px;
}
.cap-title3 {height: 110px;
	width: 626px;
	border-top:3px solid #FFF;
	background-image: url(../img/marketing1.png);
	top: 60%;}
.cap-title4 {
	height: 110px;
	width: 626px;
	border-top:3px solid #FFF;
	background-image: url(../img/design.png);
	top: 40%;
}
.cap-title5 {height: 110px;
	width: 328px;
border-top:3px solid #FFF;
	background-image: url(../img/enhance2.png);
	top: 32%;}
.cap-title6 {
	height: 110px;
	width: 626px;
border-top:3px solid #FFF;
	background-image: url(../img/errare.png);
	top: 70%;
}
.cap-title7 {
	height: 110px;
	width: 295px;
border-top:3px solid #FFF;
	background-image: url(../img/portfolio.png);
	top: 62%;
}
.cap-title8 {
	height: 110px;
	width: 214px;
border-top:3px solid #FFF;
	background-image: url(../img/about.png);
	top: 65%;
	float: left;
}
.cap-title9 {
	height: 66px;
	width: 282px;
border-top:3px solid #FFF;
	background-image: url(../img/contact2.png);
	top: 20%;
	float: left;
	background-repeat: no-repeat;
}
.cap-title10 {
	height: 110px;
	width: 285px;
border-top:3px solid #FFF;
	background-image: url(../img/ranking2.png);
	top: 480px;
	left: 770px;
}
.top {height: 290px;
	width: 100%;
	padding-top: 16px;}
.top1 {height: 135px;
	width: 944px;
	margin: 20px auto 10px auto;
	float: left;
	border: 1px solid #FFF;
	padding: 10px 6px 6px 6px;}
.top2 {height: 290px;
	width: 100%;
	padding-top: 16px;}
.img_with,.img_with2,.img_with3,.img_with4,.img_with5,.with {float: left;}
.img_with {height: 260px;width: 260px;}
.img_with2 {height: 260px;width: 360px;margin-right: 25px;margin-left: 25px;}
.img_with3 {height: 260px;width: 400px;}
.img_with4 {height: 140px;width: 944px;}
.img_with5 {height: 260px;width: 360px;margin-right: 25px;margin-left: 25px;}
.with {height: 73px;width: 64px;border-radius:20px;text-align: center;font-size: 40px;font-weight: bold;margin-top:100px;background-image: url(../img/icon-add1.jpg);background-position: -2px 0;}
.borders {border: 1px solid #333;}
.www {
	background-image: url(../img/web5.png);
	float: right;
	height: 40px;
	width: 330px;
	padding: 296px 0 0 0px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: #003;
	text-align: center;
	margin-right: 10px;
	font-size: 11px;
	position: relative;
	z-index: 1200;
	top: 90px;
}
.contact {
	float: left;
	height: 280px;
	width: 810px;
	margin-top: 240px;
}
.sous-contact {
	float: left;
	height: 164px;
	width: 340px;
	margin-top: 0px;
}
.sous-message {
	float: left;
	height: 124px;
	width: 320px;
	background-image: url(../img/message2.png);
	margin: 40px 0 0 30px;
}
.nom-no{display:none;}
.nom,.email {height: 42px;width: 320px;margin-top: 40px;float: left;}
.nom {background-image: url(../img/name3.png);}
.email {background-image: url(../img/email2.png);}
.champs {
	height: 24px;
	width: 220px;
	background-repeat: no-repeat;
	color: #333;
	margin: 8px 0 0 90px;
}
.etoile {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #F90;}
.champs2 {
	float: left;
	height: 108px;
	width: 200px;
	color: #000;
	padding: 3px 0 0 6px;
	margin: 6px 0 0 110px;
}
.send {float: left;
	height: 68px;
	width: 98px;
	margin-top: 106px;
	margin-left: 20px;

font-size:22px;}
.btn{height: 68px;
	width: 98px;
	cursor: pointer;
background:transparent url(../img/arrow2.png);
	float: left;
	border: none;
	background-repeat:no-repeat;
	background-position:-6px 15px;
	color:#fff;
font-size:19px;}
.invia_ok {
	height: 420px;
	width: 100%;
	padding-top: 3px;
	text-align: center;
	color: #FFF;
	text-transform: lowercase;}
.rose {font-size: 11px;font-style: italic;color: #F9C;}
.img-bali {padding-top: 26px;float: left;}
}
#langue_m{
	border:1px solid #EAEAEA;
	position: absolute;
	z-index: 11000;
	top: 120px;
	background: rgba(100,100,100,0.5);
	right: 10%;
	text-align: center;
	padding: 4px 8px 3px 8px;
	font-size: 13px;
}
@media only screen and (max-width: 780px) {
#langue_m {right:12%;color:#EAEAEA;	top: 150px;}	
}