/*@font-face {
    font-family: 'honey_scriptsemibold';
    src: url('./polices/honeyscript-semibold-webfont.eot');
    src: url('./polices/honeyscript-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/honeyscript-semibold-webfont.woff2') format('woff2'),
         url('./polices/honeyscript-semibold-webfont.woff') format('woff'),
         url('./polices/honeyscript-semibold-webfont.ttf') format('truetype'),
         url('./polices/honeyscript-semibold-webfont.svg#honey_scriptsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/*
@font-face {
    font-family: 'kirvyregular';
    src: url('./polices/kirvy-regular-webfont.eot');
    src: url('./polices/kirvy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/kirvy-regular-webfont.woff2') format('woff2'),
         url('./polices/kirvy-regular-webfont.woff') format('woff'),
         url('./polices/kirvy-regular-webfont.ttf') format('truetype'),
         url('./polices/kirvy-regular-webfont.svg#kirvyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kirvylight';
    src: url('./polices/kirvy-light-webfont.eot');
    src: url('./polices/kirvy-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/kirvy-light-webfont.woff2') format('woff2'),
         url('./polices/kirvy-light-webfont.woff') format('woff'),
         url('./polices/kirvy-light-webfont.ttf') format('truetype'),
         url('./polices/kirvy-light-webfont.svg#kirvylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/*

@font-face {
    font-family: '7_days_obliqueregular';
    src: url('./polices/7daysoblique-webfont.eot');
    src: url('./polices/7daysoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/7daysoblique-webfont.woff') format('woff'),
         url('./polices/7daysoblique-webfont.ttf') format('truetype'),
         url('./polices/7daysoblique-webfont.svg#7_days_obliqueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBoldItalic';
    src: url('./polices/MyriadPro-BoldIt.eot');
    src: url('./polices/MyriadPro-BoldIt.eot') format('embedded-opentype'),
         url('./polices/MyriadPro-BoldIt.woff') format('woff'),
         url('./polices/MyriadPro-BoldIt.ttf') format('truetype'),
         url('./polices/MyriadPro-BoldIt.svg#MyriadProBoldItalic') format('svg');
}
*/

@font-face {
    font-family: 'futura_lightregular';
    src: url('./polices/Futura (Light)-webfont.eot');
    src: url('./polices/Futura (Light)-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/Futura (Light)-webfont.woff2') format('woff2'),
         url('./polices/Futura (Light)-webfont.woff') format('woff'),
         url('./polices/Futura (Light)-webfont.ttf') format('truetype'),
         url('./polices/Futura (Light)-webfont.svg#futura_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'bombshell_proregular';
    src: url('./polices/Bombshell Pro_0-webfont.eot');
    src: url('./polices/Bombshell Pro_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/Bombshell Pro_0-webfont.woff2') format('woff2'),
         url('./polices/Bombshell Pro_0-webfont.woff') format('woff'),
         url('./polices/Bombshell Pro_0-webfont.ttf') format('truetype'),
         url('./polices/Bombshell Pro_0-webfont.svg#bombshell_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'martingoturwtotbolregular';
    src: url('./polices/martingoturwtot-bol-webfont.eot');
    src: url('./polices/martingoturwtot-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/martingoturwtot-bol-webfont.woff2') format('woff2'),
         url('./polices/martingoturwtot-bol-webfont.woff') format('woff'),
         url('./polices/martingoturwtot-bol-webfont.ttf') format('truetype'),
         url('./polices/martingoturwtot-bol-webfont.svg#martingoturwtotbolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'martingoturwtotligregular';
    src: url('./polices/martingoturwtot-lig-webfont.eot');
    src: url('./polices/martingoturwtot-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/martingoturwtot-lig-webfont.woff2') format('woff2'),
         url('./polices/martingoturwtot-lig-webfont.woff') format('woff'),
         url('./polices/martingoturwtot-lig-webfont.ttf') format('truetype'),
         url('./polices/martingoturwtot-lig-webfont.svg#martingoturwtotligregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'martingoturwtotmedregular';
    src: url('./polices/martingoturwtot-med-webfont.eot');
    src: url('./polices/martingoturwtot-med-webfont.eot?#iefix') format('embedded-opentype'),
         url('./polices/martingoturwtot-med-webfont.woff2') format('woff2'),
         url('./polices/martingoturwtot-med-webfont.woff') format('woff'),
         url('./polices/martingoturwtot-med-webfont.ttf') format('truetype'),
         url('./polices/martingoturwtot-med-webfont.svg#martingoturwtotmedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
  font-family: 'ErasITC-Medium';
  src: url('./polices/ErasITC-Medium.eot?#iefix') format('embedded-opentype'),
  		url('./polices/ErasITC-Medium.woff') format('woff'),
		url('./polices/ErasITC-Medium.ttf')  format('truetype'),
		url('./polices/ErasITC-Medium.svg#ErasITC-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'ErasITC-Demi';
  src:  url('./polices/ErasITC-Demi.eot?#iefix') format('embedded-opentype'),
		url('./polices/ErasITC-Demi.woff') format('woff'),
		url('./polices/ErasITC-Demi.ttf')  format('truetype'),
		url('./polices/ErasITC-Demi.svg#ErasITC-Demi') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ErasITC-Bold';
  src:  url('./polices/ErasITC-Bold.eot?#iefix') format('embedded-opentype'),
		url('./polices/ErasITC-Bold.woff') format('woff'),
		url('./polices/ErasITC-Bold.ttf')  format('truetype'),
		url('./polices/ErasITC-Bold.svg#ErasITC-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DesignKM';
  src:  url('./polices/DesignKM.eot?#iefix') format('embedded-opentype'),
		url('./polices/DesignKM.woff') format('woff'),
		url('./polices/DesignKM.ttf')  format('truetype'),
		url('./polices/DesignKM.svg#DesignKM') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	font-family: "DesignKM", Helvetica, Arial, sans-serif;
	/*font-family: "ErasITC-Medium", Helvetica, Arial, sans-serif;	*/
	font-size:14px;
	/*overflow:hidden;*/
}
a{
	text-decoration:none;
	color:inherit;
	display:inline-block;
}

a:hover{
	text-decoration:underline;
	color:inherit;
}
h1{
	color:white;
	font-size:1px;
}

.ombre {
	-moz-box-shadow: -2px 2px 6px #999999;
	-webkit-box-shadow: -2px 2px 6px #999999;
	box-shadow: 1px 2px 6px #000000;
}
.opacite{
	opacity: 0.92;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=92)";
    filter: alpha(opacity = 92);
}
.ombreinterne{
	-moz-box-shadow: 0px 0px 15px #555 inset;
	-webkit-box-shadow: 0px 0px 15px #555 inset;
	box-shadow: 0px 0px 15px #555 inset;
}
#grologo{
	position:absolute;
	text-align:center;
	padding-right:10px;
	cursor:pointer;
	right:0px;
	width:40%;
	top:45%;
	background-image:url(./images/logo-hicham-demenagements.png);
	background-position:top center;
	-webkit-background-size: 67% auto;
  	-moz-background-size: 67% auto;
 	-o-background-size: 67% auto;
 	background-size: 67% auto;
	background-repeat: no-repeat;
}
#baseline{
	z-index:21;
	color:#007c36;
	position:fixed;
	padding-right:15px;
	left:-50%;
	bottom:67%;
	width:80%;


}
#numerotel{
	z-index:20;
	color:black;
	line-height:1.7em;
	position:fixed;
	padding-right:15px;
	left:-50%;
	top:67%;
	width:80%;
}
#numerotelmobile{
	color:black;
	position:fixed;
	left:50%;
	top:-118%;
	width:20%;
	text-align:center;
	z-index:20;
}
#chevronblanc{
	position:fixed;
	z-index:15;
	top:0px;
	right:60%;
	width:50%;
	margin-right:210px;
	height:100%;
	background-image:url(./images/chevrongaucheblanc.png);
	background-position:right;
	-webkit-background-size:initial;
  	-moz-background-size:initial;
 	-o-background-size:initial;
 	background-size:initial;
	background-repeat: no-repeat;

}
#chevronrouge{
	position:fixed;
	z-index:10;
	top:0px;
	right:60%;
	width:50%;
	height:100%;
	background-image:url(./images/chevrongaucherouge.png);
	background-position:right;
	-webkit-background-size: initial;
  	-moz-background-size: initial;
 	-o-background-size: initial;
 	background-size: initial;
	background-repeat: no-repeat;

}
#menu{
	position:fixed;
	z-index:99999;
	top:0px;
	right:130%;
	height:100%;
	width:320px;

	color:white;
	font-family: "DesignKM", Helvetica, Arial, sans-serif;


}
#menu_qui{
	position:absolute;
	right:110px;
	top:30%; /*caduque*/
	width:170px;
}
#menu_services{
	position:absolute;
	right:80px;
	top:30%; /*caduque*/
	width:170px;
}
#menu_contact{
	position:absolute;
	right:50px;
	top:30%; /*caduque*/
	width:170px;
}
#menu_conseils{
	position:absolute;
	right:80px;
	top:30%; /*caduque*/
	width:170px;
}
#menu_livre{
	position:absolute;
	right:110px;
	top:30%; /*caduque*/
	width:170px;
}
.menu{
	text-align:center;
}
.titrepara{
	color:#c1272f;
	margin-top:10px;
	text-align:center;
	margin-bottom:10px;
	font-size:1.3em;
}
.unepage{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
#page_qui{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	margin-top:0px;
}
#fond_page_qui{
	position:fixed;
	top:40%;
	left:0px;
	z-index:-1;
	height:60%;
	width:100%;
	background-image:url(./images/desert-road-background.jpg);
	background-position: top right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
#coord{
	position:absolute;
	top:2px;
	z-index:10;
	color:white;
	width:800px;
	text-align:right;
	height:220px;
	left:10%;
	font-size:18px;
}
#coordnumfr{
	color:white;
	text-align:right;
	font-size:1.3em;
	padding:10px;
	margin-top:20px;
	margin-right:20px;
	width:200px;
	padding-left:100px;
	background-color:#c1272f;
	background-image:url(./images/drapeaufr.jpg);
	background-position: center left;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;

}
#coordnumma{
	color:white;
	text-align:right;
	font-size:1.3em;
	padding:10px;
	margin-right:20px;
	width:200px;
	padding-left:100px;
	background-color:#c1272f;
	background-image:url(./images/drapeauma.jpg);
	background-position: center left;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;

}
#coordmail{
	color:white;
	text-align:left;
	font-size:1.3em;
	padding:10px 10px 10px 0px;
	margin-right:20px;
	width:285px;
	
	background-color:#c1272f;
	background-image:url(./images/drapeaumail2.jpg);
	background-position: center left;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}


/*#coordmail{
	color:white;
	text-align:left;
	font-size:1em;
	padding-left:25px;
	margin-top:0px;
	width:285px;
	height:56px;
	/*line-height:30px;*/
/*	background-color:#c1272f;
	background-image:url(./images/drapeaumail2.jpg);
	background-position: center left;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}*/

#text_page_qui{
	/*background-color:#0B3;*/
	float:right;
	right:0%;
	top:0px;
	height:93%;
	width:61%;
	padding-top:70px;
}
#lespara2{
/*	background-color:#0C3;*/
	margin-right:50px;
	margin-left:30px;
}
.textenormal{
	margin-right:50px;
	text-align:justify;
	margin-left:50px;
}
.textencadre{
	text-align:justify;
	margin-right:50px;
	margin-left:50px;
	margin-bottom:30px;
	border: 1px solid #bb0000;
	border-radius: 10px;
	padding:15px;
	padding-left:30px;
	padding-right:30px;
}
.para2{
	margin-left:350px;
	margin-bottom:20px;
	text-align:justify;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	border: 1px solid #bb0000;
	border-radius: 10px;
	min-height:80px;
}
#para21{
	background-image:url(./images/service1.png);
}
#para22{
	background-image:url(./images/service2.png);
}
#para23{
	background-image:url(./images/service3.png);
}
#para24{
	background-image:url(./images/service4.png);
}
#para25{
	background-image:url(./images/service5.png);
}
.petititre{
	position:absolute;
	color:white;
	font-size:1.2em;
	padding-right:20px;
	width:280px;
	height:100px;
	padding-top:6px;
	font-weight:bold;
	text-align:right;
	-webkit-background-size: 100% auto;
	-moz-background-size:100% auto;
	-o-background-size: 100% auto;
	background-size:100% auto;
	background-position:top right;
	background-repeat: no-repeat;
}
#fond1home{
	left:0px;
	top:0px;
	text-align:center;
	background-image:url(./images/fond1-home.jpg);
	width:100%;
	height:100px;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-sdize: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
#troudessus{
	height:0px;
}
@media screen and (orientation:portrait){

	body{
		font-size:30px;
	}
	#grologo{
		position:absolute;
		text-align:center;
		top:auto;
		cursor:pointer;
		bottom:0px;
		left:0px;
		margin-left:5%;
		width:90%;
		margin-bottom:-3%;
		background-image:url(./images/logo-hicham-demenagements.png);
		background-position:top center;
		-webkit-background-size: auto 50%;
		-moz-background-size: auto 50%;
		-o-background-size: auto 50%;
		background-size: auto 50%;
		background-repeat: no-repeat;
	}
	#baseline{
		position:fixed;
		text-align:center;
		right:auto;
		height:20px;
		left:10%;
		top:2%;
		width:80%;
	}
	#numerotel{
		color:black;
		line-height:1.7em;
		position:fixed;
		padding-right:15px;
		left:-130%;
		top:67%;
		width:80%;

	}
	#numerotelmobile{
		color:black;
		position:fixed;
		left:390px;
		top:16%;
		width:200px;
		text-align:center;
		z-index:20;
	}
	#chevronblanc{
		position:fixed;
		z-index:15;
		top:-17%;
		left:0%;
		right:auto;
		width:100%;
		margin-top:-100px;
		height:50%;
		background-image:url(./images/chevronhautblanc.png);
		background-position:bottom;
		-webkit-background-size: initial;
		-moz-background-size: initial;
		-o-background-size: initial;
		background-size: initial;
		background-repeat: no-repeat;

	}

	#chevronrouge{
		position:fixed;
		z-index:10;
		top:-13%;
		left:0%;
		width:100%;
		height:50%;
		background-image:url(./images/chevronhautrouge.png);
		background-position:bottom;
		-webkit-background-size: initial;
		-moz-background-size: initial;
		-o-background-size: initial;
		background-size: initial;
		background-repeat: no-repeat;

	}

	#menu{
		position:fixed;
		z-index:16;
		top:-50%;
		left:0%;
		height:50%;
		width:100%;

		color:white;

		opacity: 0;
		-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);

	}
	#menu_qui{
		position:absolute;
		left:17%;
		margin-left:-140px;
		top:auto;
		bottom:200px;/*caduque*/
		width:240px;
	}
	#menu_services{
		position:absolute;
		left:34%;
		margin-left:-140px;
		top:auto;
		bottom:200px;/*caduque*/
		width:240px;
	}
	#menu_contact{
		position:absolute;
		left:50%;
		margin-left:-120px;
		top:auto;
		bottom:200px;/*caduque*/
		width:240px;
	}
	#menu_conseils{
		position:absolute;
		left:67%;
		margin-left:-140px;
		top:auto;
		bottom:200px;/*caduque*/
		width:240px;
	}
	#menu_livre{
		position:absolute;
		left:83%;
		margin-left:-140px;
		top:auto;
		bottom:200px;/*caduque*/
		width:240px;
	}
	.menu{
		text-align:center;
		line-height:50px;
		/*background-color:#0C6;*/
	}
	#page_qui{
		position:absolute;
		top:36%;
		width:100%;
		height:64%;
		margin-top:-253px;
	}
	#fond1home{
		text-align:center;
		background-image:url(./images/fond1-home.jpg);
		height:380px;
		width:100%;
		background-position: 70% 0%;
		-webkit-background-size: auto 120%;
		-moz-background-size: auto 120%;
		-o-background-sdize: auto 120%;
		background-size: auto 120%;
		background-repeat: no-repeat;
	}
	#fond_page_qui{
		position:fixed;
		top:80%;
		left:0px;
		height:20%;
		width:100%;
		background-image:url(./images/desert-road-background.jpg);
		background-position: top right;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-sdize: cover;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#text_page_qui{
		left:0px;
		width:100%;
		padding-top:270px;
	}
	.textenormal{
		margin-right:0px;
		padding-right:5%;
		padding-left:5%;
		width:85%;
	}
	.titrepara{
		margin-top:30px;
	}
	.titremarge{
		position:absolute;
	}

	.petititre{
		position:relative;
		padding-right:40px;
		width:560px;
		height:200px;
		padding-top:12px;
	}
	.para2{
		margin-left:50px;
	}
}


/*
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
.header{
	background-color:#ffffff;
	font-size: 2em;
	color: #000000;
	height: auto;
	width: 100%;
	left:0%;
	top:0px;
	position: fixed;
	z-index: 130;

	-webkit-transition: bottom 0.3s ease-out 0.5s;
	-moz-transition: bottom 0.3s ease-out 0.5s;
	-ms-transition: bottom 0.3s ease-out 0.5s;
	-o-transition: bottom 0.3s ease-out 0.5s;
	transition: bottom 0.3s ease-out 0.5s;
}

#menu{
	font-size: 1em;
	color: #836d77;
	height: 125px;
	left:40%;
	width:60%;
	top:0px;
	position: fixed;
	z-index: 9999;
}
#menublanc{
	height: 125px;
	width: 100%;
	left:0px;
	top:-125px;
	overflow:hidden;
	position: fixed;
	z-index: 9998;
	background-image:url(./images/blanctrans.png);
	background-repeat: repeat;
    background-attachment: fixed;

	-webkit-transition: top 0.3s ease-out;
	-moz-transition: top 0.3s ease-out;
	-ms-transition: top 0.3s ease-out;
	-o-transition: top 0.3s ease-out;
	transition: top 0.3s ease-out;
}
#ombre{
	position: fixed;
	width: 100%;
	height: 23px;
	top:0px;
	z-index: 100;

	-webkit-transition: top 0.3s ease-out;
	-moz-transition: top 0.3s ease-out;
	-ms-transition: top 0.3s ease-out;
	-o-transition: top 0.3s ease-out;
	transition: top 0.3s ease-out;
}
#ombrepress1{
	position:absolute;
	width: 100%;
	height: 23px;
	top:0px;

}
#logotete{
	position:absolute;
	left:40%;
	top:0px;
	padding-top:20px;
	margin-left:-370px;
}
#listemenu{
	position:absolute;
	top:20px;
	margin-left:-60px;
}
#listemenu a {
	text-decoration:none;
	color: #555555;
}

.casemenu, .casemenuselect{
	line-height:30px;
	text-align:center;
	text-shadow: 1px 1px 0px #FFFFFF, 1px 0px 0px #FFFFFF;
	height:30px;
	width:230px;
	margin-left:-118px;
	letter-spacing: +0.1em;
	font-size: 0.8em;
	overflow:hidden;
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-ms-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
}

#casociaux{
	margin-left:-60px;
	height:120px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.casemenu:hover, .casemenuselect{
	height:100px;
	text-decoration:none;
	font-family: "martingoturwtotbolregular", Arial, Helvetica, sans-serif;
}
.submenucase {
	color: #666666;
	line-height:30px;
	text-align:center;
	font-weight:normal;
	font-family: 'martingoturwtotligregular', Verdana, Geneva, sans-serif;
}
.submenucase:hover, .submenucaseselect {
	font-weight:normal;
	font-family: 'martingoturwtotbolregular', Verdana, Geneva, sans-serif;
}
h1 {
	margin-top:0;
}
h2 {
	text-align: center;
	font-weight: normal;
	font-size: 2.3em;
}
body {
	font-family: "martingoturwtotligregular", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color:#FFFFFF;
	color: #777777;
}
a {
	text-decoration:none;
	color: #444444;
	font-size: 1em;
	z-index:10;
}
a:hover {
	color: #333333;
	text-decoration:underline;
}
.bombshell{
	font-family: "bombshell_proregular", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #8c6d77;
	padding-top:20px;
	line-height:160%;
}
.bombshell2{
	font-family: "bombshell_proregular", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #8c6d77;
	line-height:160%;
	text-decoration:none;
}
.bombshellblanc{
	font-family: "bombshell_proregular", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:2em;
	color:#FFFFFF;
	margin-left:60px;
}
.bombshellgris{
	font-family: "bombshell_proregular", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:2em;
	text-shadow: 0px 0px 20px #888888;
	color: #FFFFFF;
	margin-left:5%;
}
.martingotblanc{
	font-family: "martingoturwtotligregular", Arial, Helvetica, sans-serif;
	font-size:3em;
	color: #FFFFFF;
	text-shadow: 0px 0px 20px #888888;
	margin-left:5%;
}
.martingot{
	font-family: "martingoturwtotligregular", Arial, Helvetica, sans-serif;
	color: #836d77;
	letter-spacing: +0.1em;
}
.martinbold{
	font-family: "martingoturwtotbolregular", Arial, Helvetica, sans-serif;
	color: #836d77;
}
.bombshellgras{
	font-family: "bombshell_proregular", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.fond{
	width: 100%;
 	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
	background-repeat: no-repeat;
    background-attachment: fixed;
}
#conteneurglobal{
	top:0px;
	left:0px;
	width:100%;
	position:absolute;
}
#home{
	left:0%;
	top:0%;
	background-image:url(./images/fond-home.jpg);
	background-position: top;
	z-index:9;
}
#blochome{
	padding-left:13%;
	width:34%;
	min-width:400px;
	text-align:left;
}
.bandeaubas{
	width:100%;
	color:white;
	line-height:30px;
	text-align:center;
	height:35px;
	padding-top:3px;
	margin-top:-35px;
	background-color:#8c6d77;
}

.bandeaubas > a{
	color:white;
}
#portfolio {
	position:relative;
	left:0%;
	width:100%;
	z-index:101;
}
#imageclicdiv{
	position:absolute;
	left:-200%;
	left:0%;
	width:100%;
	top:125px;
	z-index:999999;
	opacity: 1;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
}
#imageclicfond{
	position:absolute;
	left:0%;
	width:100%;
	height:100%;
	top:0px;
	background-color:#000000;

}
#imageclic{
	position:absolute;
	left:10%;
	top:5%;
	width:80%;
	text-align:center;
	height:90%;
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
}
#blocpf1{
	position:absolute;
	left:0%;
	width:36%;
	top:125px;
	text-align:center;
	font-size:1.2em;
	color:#666666;
}
#blocpf2{
	position:absolute;
	left:36%;
	width:63%;
	top:175px;
}
#entetehaut{
	position:absolute;
	left:36%;
	width:61%;
	height:50px;
	padding-left:3%;
	line-height:50px;
	top:125px;
}
#entetebas{
	position:absolute;
	left:36%;
	width:61%;
	height:70px;
	padding-left:3%;
}
#approach {
	background-image:url(./images/fond-approach.jpg);
	background-position: 50% 84%;
	position:relative;
	left:0%;
	width:100%;
	z-index:9;
}
#trouapproach{
}
.contenupage{
	position:absolute;
	width:100%;
	bottom:0px;
}
#titrapproach, #titreteam2, #titrecareer{
	margin-top:-50px;
	padding-top:20px;
	left:0%;
	width:90%;
	text-align:left;
	line-height:65px;
	height:65px;
	overflow:hidden;
}

#titrefaq{
	margin-top:-50px;
	padding-top:20px;
	left:0%;
	width:90%;
	text-align:left;
	line-height:50px;
	height:50px;
	overflow:hidden;
	font-weight:bold;
}
#titreteam, #titrecontact, #titrapproach, #titrefaq{
	margin-top:-50px;
	padding-top:20px;
	left:0%;
	width:90%;
	text-align:left;
	line-height:30px;
	height:30px;
	overflow:hidden;
}
#blocapproach{
	background-color:#ffffff;
	left:0%;
	padding-left:2%;
	padding-right:2%;
	width:96%;
	text-align:left;
}
.app {
	width:15%;
	text-align:center;
	padding:2%;
	padding-top:8px;
	padding-bottom:8px;
	vertical-align:top;
}
.faqq {
	width:15%;
	text-align:justify;
	padding:2%;
	vertical-align:top;
}
.cont{
	width:40%;
	text-align:justify;
	vertical-align:top;
}

#faq {
	background-image:url(./images/fond-faq.jpg);
	background-position: 50% 25%;
	position:relative;
	left:0%;
	width:100%;
	z-index:8;
}
#faq {
	background-image:url(./images/fond-faq2.jpg);
	background-position: 50% 65%;
	position:relative;
	left:0%;
	width:100%;
	z-index:8;
}
#troufaq1{
}
#blocfaq{
	background-color:#ffffff;
	left:0%;
	padding-left:2%;
	padding-right:2%;
	width:96%;
	text-align:justify;
}

#team {
	background-image:url(./images/fond-team.jpg);
	background-position: 50% 20%;
	position:relative;
	left:0%;
	width:100%;
	z-index:7;
}
#trouteam{
}
#blocteam{
	background-color:#ffffff;
	padding-left:2%;
	padding-right:2%;
	padding-top:30px;
	padding-bottom:20px;
	width:96%;
	text-align:justify;
}
.tdteam{
	text-align:justify;
	padding-left:2%;
	padding-right:3%;
	vertical-align:top;
}
#praisepress{
	background-color:#FFFFFF;
	position:relative;
	left:0%;
	width:100%;
	z-index:10;
}
#press{
	position:absolute;
	top:125px;
	width:50%;
	left:0px;
}
#praise{
	position:absolute;
	top:125px;
	width:50%;
	left:50%;
}
.articlepraise{
	padding:10px;
	padding-right:30px;
}
#contact {
	background-image:url(./images/fond-contact.jpg);
	background-position: 50% 65%;
	position:relative;
	left:0%;
	width:100%;
	z-index:4;
}
#troucontact{
}
#bloccontact{
	background-color:#ffffff;
	left:0%;
	padding-top:10px;
	padding-left:4%;
	padding-right:4%;
	margin-bottom:35px;
	width:92%;
	text-align:justify;
}
#contenu{
	position:absolute;
	top:350px;
	left:10%;
	right:10%;

}
#rondepasse{
	position:absolute;
	margin-top:-7%;
	left:80%;
	top:0%;
	width:40%;
}
.rondepasse{
	width:100%;
	max-width:500px;
}
#contenumilieu{
	position:absolute;
	top:15%;
	text-align:center;
	width:70%;
}

#contenubas{
	position:absolute;
	left:0%;
	top:70%;
	width:100%;
}
#containertc{
	position:absolute;
	margin-left:-20px;
	margin-top:-37px;
}
#l2{
	position:absolute;
	top:-15px;
	left:-30px;
	width:100px;
	height:112px;
}

#l1{
	position:absolute;
	top:-15px;
	left:-30px;
	width:100px;
	height:112px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;


}

.carrebas {
	text-align: center;
	font-family: 'martingoturwtotligregular', Verdana, Geneva, sans-serif;
	color:#777777;
	bottom:0px;
	width:100%;
	font-weight: normal;
	z-index:999;
	margin-left:-50px;
	margin-top:30px;
}
.social{
	position:relative;
}

.logos {
	display:inline-block;
}

#fblogo1, #instalogo1, #pinlogo1{
	position:absolute;
	width:30px;
	height:30px;
	z-index:1;
	bottom:0px;
}
#fblogo2, #instalogo2, #pinlogo2{
	position:absolute;
	bottom:0px;
	width:30px;
	height:30px;
	z-index:2;


	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#croix1{
	background:url(./images/croix1.png) no-repeat center;
	background-size:contain;
	left:0%;
	top:0px;
	position:absolute;
	width:30px;
	height:30px;
	z-index:9998;
}
#croix2{
	left:0%;
	background:url(./images/croix2.png) no-repeat center;
	background-size:contain;
	position:absolute;
	top:0px;
	width:30px;
	height:30px;
	z-index:9999;


	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#fblogo1{
	background:url(./images/facebook-logo-petit2.png) no-repeat center;
	background-size:contain;
	left:0%;
}
#fblogo2{
	left:0%;
	background:url(./images/facebook-logo-petit.png) no-repeat center;
	background-size:contain;
}
#instalogo1{
	background:url(./images/instagram-logo-petit2.png) no-repeat center;
	background-size:contain;
	left:40px;
}

#instalogo2{
	left:40px;
	background:url(./images/instagram-logo-petit.png) no-repeat center;
	background-size:contain;
}

#pinlogo1{
	background:url(./images/pinterest-logo-petit2.png) no-repeat center;
	background-size:contain;
	left:80px;
}

#pinlogo2{
	left:80px;
	background:url(./images/pinterest-logo-petit.png) no-repeat center;
	background-size:contain;
}
.footer{
	font-size: 0.8em;
	color: #836d77;
	padding-top:5px;
	padding-bottom:5px;
	height: auto;
	width: 100%;
	left:0%;
	z-index: 130;
	-webkit-transition: bottom 0.3s ease-out 0.5s;
	-moz-transition: bottom 0.3s ease-out 0.5s;
	-ms-transition: bottom 0.3s ease-out 0.5s;
	-o-transition: bottom 0.3s ease-out 0.5s;
	transition: bottom 0.3s ease-out 0.5s;
}
.textefooter {
	text-align:center;
}
.mention{
	font-weight: normal;
	font-size: 2em;
	font-family: 'honey_scriptsemibold', Verdana, Geneva, sans-serif;
}
.mentions{
	left:100%;
	height: 65px;
	bottom:0px;
	margin-left:-77px;
	position: fixed;
	z-index: 100002;
}
#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #000;
     z-index: 99999;
    height: 100%;
}*/

#bandeauweb{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:99999;
}