/*   RESET CSS   */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: 'gilroyextrabold';
    src: url('font/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('font/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gilroylight';
    src: url('font/gilroy-light-webfont.woff2') format('woff2'),
         url('font/gilroy-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*   Martin Detry Code   */

body {
    color:#262626;
    font-family:gilroylight;
    font-size:11pt;
    line-height:110%;
}
.container_bg_immobilier{
  	background-image:url('img/images/immo_bg.jpg');
  	background-position: center;
  	background-size: 100%;
  	background-repeat: no-repeat;
  	background-position:top;
}
.container_bg_drone{
  	background-image:url('img/images/drone_bg.jpg');
  	background-position: center;
  	background-size: 100%;
  	background-repeat: no-repeat;
  	background-position:top;
}
.container_bg_mariage{
  	background-image:url('img/images/mariage_bg.jpg');
  	background-position: center;
  	background-size: 100%;
  	background-repeat: no-repeat;
  	background-position:top;
}
.container_bg_entreprise{
  	background-image:url('img/images/entreprise_bg.jpg');
  	background-position: center;
  	background-size: 100%;
  	background-repeat: no-repeat;
  	background-position:top;
}
.container_bg_graphisme{
  	background-image:url('img/images/graphisme_bg.jpg');
  	background-position: center;
  	background-size: 100%;
  	background-repeat: no-repeat;
  	background-position:top;
}
.container_bg_3D{
  	background-image:url('img/images/3D_bg.jpg');
  	background-position: center;
  	background-size: 100%;
  	background-repeat: no-repeat;
  	background-position:top;
}


.CGV_div{
 margin:0 auto;
 width:80%;
 margin-top:6vh;
}
.CGV_div h6{
	 font-family:gilroyextrabold;
    font-size:14pt;
    line-height:110%;
    padding-top:50px;
    padding-bottom:20px;
}
.CGV_div p{
	 font-family:gilroylight;
    font-size:11pt;
    line-height:120%;
    margin:0 auto;
 width:95%;
}


.fullBackground {
  background-position: center center;
  background-image:url('img/images/accroche2.jpg');
  background-size: cover;
  width: 100%;
  height: 98vh;

}

.about{
	padding-top:20vh;
	width:80%;
	max-width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-evenly;
}
.about #about_bloc_gauche{
	width:28%;
}
.about #about_bloc_gauche img{
	width:100%;
}
.about #about_bloc_droite{
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
}
.about #about_bloc_droite h1{
	font-family:'gilroyextrabold';
	font-size:28pt;
	color:#35627D;
	margin-left:-10%; 
}
.about #about_bloc_droite p{
	max-width:400px;
}
.about #about_bloc_droite p strong{
	font-family:'gilroyextrabold';
	font-size:12pt;
}


#about_bloc_bas{
	margin-top:4vh;
	font-size:16pt;
	line-height:140%;
	font-family:'gilroyextrabold';
	width:100%;
	display:flex;
	flex-direction:column;
}
#about_bloc_bas .h2-1{
	display:flex;
	justify-content:flex-end;
}
#about_bloc_bas .h2-1 h2{
	width:45%;
	padding:2px;
	color:#35627D;
}
#about_bloc_bas .h3-1{
	display:flex;
	justify-content:flex-end;
}
#about_bloc_bas .h3-1 h3{
	background:linear-gradient(to right,#798C99, #798C99);
	color:white;
	width:40%;
	padding:2px;
	padding-left:10px;
	padding-bottom:1em;
	box-shadow: 10px 5px 0px grey;
}
.scrolldown{
	padding-top:6vh;
	width:45px;
	display:block;
	margin:0 auto;
}



.services{
	background-position: center;
  	background-image:url('img/images/services-bg.svg');
 	background-size: cover;
 	background-attachment:fixed;
	margin-top:20vh;
	padding-top:2vh; 
}
.services .services_titres{
	font-family:'gilroyextrabold';
	width:90%;
	margin:0 auto;
	max-width:1000px;
	padding-top:4vh;
}
.services .services_titres h1{
	color:#35627D;
	font-size:28pt;
}
.services .services_titres h2{
	color:white;
	margin-top:1.5em;
	margin-left:5%;
}
.services .services_titres h2 strong{
	color:#35627D;
}


#container_blocs_services{
	padding-top:4vh;
  margin:0 auto;
  width:80%;
  max-width:1000px;
  display:flex;
  justify-content:space-between;
}
#container_blocs_services .blocs_services{
  width:30%;
  height:30%;
}
#container_blocs_services .blocs_services #BG_blocs_services1{
  background:url('img/images/service_1.jpg');
  background-size:cover;
  width:100%;
  height:25vh;
}
#container_blocs_services .blocs_services #BG_blocs_services2{
  background:url('img/images/service_2.jpg');
  background-size:cover;
  width:100%;
  height:25vh;
}
#container_blocs_services .blocs_services #BG_blocs_services3{
  background:url('img/images/service_3.jpg');
  background-size:cover;
  width:100%;
  height:25vh;
}
#container_blocs_services .blocs_services .h1_blocs_services1{
	color:white;
	text-align:center;
	font-family:'gilroyextrabold';
	font-size:19pt;
	padding-top:20%;
	text-shadow:2px 2px 0px #3c3c3c;
}
#container_blocs_services .blocs_services ul{
  	list-style: none; 
 	display: table;
 	margin:0 auto;
 	width:80%;
 	margin:15px;
 	padding-top:15px;
 	padding-bottom:15px;
 	padding-left:10px;
 	border-left:solid 3px white;
}	
#container_blocs_services .blocs_services ul li{

}
#container_blocs_services .blocs_services ul li a{
	color:white;
	font-family:'gilroyextrabold';
	font-size:12pt;
	text-decoration:none;
	line-height:120%;
	position: relative;
}

#container_blocs_services .blocs_services ul li a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#container_blocs_services .blocs_services ul li a:hover:after { 
  width: 100%; 
  left: 0; 
}



.scrolldown2{
	padding-top:12vh;
	width:45px;
	display:block;
	margin:0 auto;
	padding-bottom:5vh;
	filter:invert(100%);
}


.contact{
	margin-top:20vh;
	margin-bottom:5vh;
}
.contact .contact-txt{
	width:68%;
	max-width:1200px;
	padding-bottom:3vh;
	margin:0 auto;
}
.contact .contact-txt h1{
	color:#35627D;
	font-family:'gilroyextrabold';
	font-size:28pt;
	padding-right:15vw;
}
.contact .contact-txt p{
	margin-top:3em;
	margin-left:5%;
	width:65%;
	font-size:12px;
}
.contact .contact-txt p strong{
	font-family:'gilroyextrabold';
}


.contact .contact-block{
	background:linear-gradient(to right,#798C99, #798C99);
	width:100%;
}
.contact .contact_intern{
	width:80%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.contact .contact-block #contact-block1{
	margin:15px 50px 15px 50px;
	text-align:center;
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.contact .contact-block #contact-block1 .contact_direct{
	width:150px;
	height:150px;
	margin:2px;
}
.contact .contact-block #contact-block1 .contact_direct #contact_mail{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url('img/logos/picto_mail.svg');

}
.contact .contact-block #contact-block1 .contact_direct #contact_tel{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url('img/logos/picto_tel.svg');
	text-decoration:none;
	color:white;
}
.contact .hover_picto_contact{
	transition: .4s;
}
.contact .hover_picto_contact:hover{
	transform:scale(1.2);
}
.contact .contact-block #contact-block1 .contact_direct h3{
	color:white;
	font-size:16px;
	margin-top:12px;
	line-height:150%;
	text-decoration:none;
}
.contact .contact-block #contact-block1 .contact_direct h4{
	color:white;
	font-size:12px;
	line-height:150%;
	text-decoration:none;
}



.contact .contact-block #contact-block2{
	margin:15px 50px 15px 50px;
	text-align:center;
	display:flex;
	flex-direction:column;
}
.contact .contact-block #contact-block2 p{
	font-family:'gilroyextrabold';
	font-size:16px;
	color:white;
	text-align:left;
}
.contact .contact-block #contact-block2 div{
	margin-left:60px;
	margin-top:10px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.contact .contact-block #contact-block2 .picto_reseaux{
	width:60px;
	height:60px;
	margin:6px;
}
.contact .contact-block #contact-block2 #contact_face{
	background:url('img/logos/picto_facebook.svg');
}
.contact .contact-block #contact-block2 #contact_behance{
	background:url('img/logos/picto_behance.svg');
}
.contact .contact-block #contact-block2 #contact_insta{
	background:url('img/logos/picto_instagram.svg');
}
.contact .contact-block #contact-block2 #contact_in{
	background:url('img/logos/picto_linkedin.svg');
}

.hover_picto_contact{
	transition: .4s;
}
.hover_picto_contact:hover{
	transform:scale(1.2);
}


#copyright{
	background-color:#5C6A74;
	display:inline-block;
	float:right;
	margin-top:-12px;
	padding:5px;
	padding-left:13%;
	padding-right:3.5%;
	color:white;
}
#copyright h5{
	font-size:12px;
	line-height:150%;
}
#copyright h5 a{
	color:white;
}



.h1_principal{
	padding-top:13vh;
}
.h1_principal h1{
	display: inline-block;
	font-size:25pt;
	background-color:#5C6A74;
	font-family:'gilroyextrabold';
	color:white;
	padding:1.3vh 3vw 1.3vh 8vw;
	box-shadow: 6px 3px 0px grey;
}


.bloc_explications{
	width:80%;
	max-width:1300px;
	margin:0 auto;
	margin-top:5vh;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
.bloc_explications .bloc_explications_gauche{
	width:38%;
	margin:100px;
}
.bloc_explications .bloc_explications_gauche p{
	
}
.bloc_explications .bloc_explications_gauche p strong{
	font-family:'gilroyextrabold';
	font-size:15px;
	line-height:110%;
}
.bloc_explications .bloc_explications_centre{
	width:22%;
	margin:3px;
}
.bloc_explications .bloc_explications_centre img{
	width:100%;
	height:auto;
}
.bloc_explications .bloc_explications_droite{
	width:40%;
	margin:3px;
}
.bloc_explications .bloc_explications_droite img{
	width:100%;
	height:auto;
}

.bloc_explications_supp1{
	width:60%;
	margin:0 auto;
	display:flex;
	flex-direction:row;
	align-items:center;
}
.bloc_explications_supp1 img{
	width:auto;
	height:35vh;
	padding:20px;
}
.bloc_explications_supp1 h4{
	font-size:22pt;
	font-family:'gilroyextrabold';
	line-height:125%;
	padding:20px;
}




.bloc_images1{
	margin:0 auto;
	margin-top:2vh;
	width:90%;
	text-align:center;
}
.bloc_images1 img{
	width:auto;
	height:30vh;
	margin:2px;
}
.swipebox img{
	transition:.3s;
}
.swipebox img:hover{
	transform:scale(1.02);
	border-bottom:solid 1px white;
}

.kuula360{
	width:70%;
	height:80vh;
	margin:0 auto;
}
.kuula360 iframe{
	width:100%;
	height:100%;
}



.tarifs{
	padding-top:15vh;
}
.tarifs h1{
	font-size:25pt;
	color:#35627D;
	font-family:'gilroyextrabold';
	width:30%;
	margin:0 auto;
	text-align:center;
	border-bottom:solid 4px #35627D;
	padding:18px;
}
.tarifs .container_formules{
	width:35%;
	margin:0 auto;
	padding-top:5vh;
}
.tarifs .container_formules .div_formules{
	margin-bottom:3.5vh;
}
.tarifs .container_formules .div_formules h2{
	font-size:16pt;
	color:#35627D;
	font-family:'gilroyextrabold';
}
.tarifs .container_formules .div_formules .info_formules{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.tarifs .container_formules .div_formules .info_formules .picto_tarifs{
	width:40px;
	height:auto;
	margin:15px;
	display:flex;
	flex-direction:column;
}
.tarifs .container_formules .div_formules .info_formules .picto_tarifs img{
	width:100%;
	height:auto;
}
.tarifs .container_formules .div_formules .info_formules h3{
	font-size:16pt;
	color:white;
	text-align:center;
	font-family:'gilroyextrabold';
	background:linear-gradient(to right,#798C99, #798C99);
	padding:25px 8px 25px 8px;
	margin:15px;
	line-height:120%;
}
.tarifs .container_formules .div_formules .info_formules h3 strong{
	font-size:10px;
	font-family: 'gilroylight';
}
.tarifs .container_formules .div_formules .info_formules p{
	margin:15px;
	width:70%;
}
.tarifs .info_tarif_supp{
	font-size:11px;
	width:25%;
	margin:0 auto;
}







































@media screen and (max-width: 1000px) {
	.fullBackground {
  background-position: center;
  background-image:url('img/images/accroche1024.jpg');
  background-size: cover;
  width: 100%;
  height: 98vh;

}
	#container{

	}
	#about_bloc_bas .h2-1 h2{
	width:60%;
	padding:2px;
	color:#35627D;
	}
	#about_bloc_bas .h3-1 h3{
	background:linear-gradient(to right,#798C99, #798C99);
	color:white;
	width:55%;
	padding:2px;
	padding-left:10px;
	padding-bottom:1em;
	box-shadow: 10px 5px 0px grey;
	}
	.bloc_explications{
	width:80%;
	max-width:1300px;
	margin:0 auto;
	margin-top:5vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
}
.bloc_explications .bloc_explications_gauche{
	width:80%;
	margin:15px;
}

.bloc_explications .bloc_explications_centre{
	width:70%;
	margin:3px;
	display:flex;
}
.bloc_explications .bloc_explications_centre img{
	width:100%;
	height:auto;
	margin:10px;
}
.bloc_explications .bloc_explications_droite{
	width:70%;
	margin:3px;
}
.bloc_explications_supp1{
	width:60%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.bloc_explications_supp1 img{
	width:auto;
	height:30vh;
	padding:20px;
}
.bloc_explications_supp1 h4{
	font-size:22pt;
	font-family:'gilroyextrabold';
	line-height:125%;
	padding:20px;
}
.kuula360{
	width:70%;
	height:50vh;
	margin:0 auto;
}
.tarifs h1{
	font-size:25pt;
	color:#35627D;
	font-family:'gilroyextrabold';
	width:60%;
	margin:0 auto;
	text-align:center;
	border-bottom:solid 4px #35627D;
	padding:18px;
}
.tarifs .container_formules{
	width:70%;
	margin:0 auto;
	padding-top:5vh;
}
.tarifs .info_tarif_supp{
	font-size:11px;
	width:40%;
	margin:0 auto;
}




}



@media screen and (max-width: 768px) {
	
	#container{

	}
	.about #about_bloc_gauche{
	width:40%;
}
.about #about_bloc_droite{
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
}
.about #about_bloc_droite h1{
	font-family:'gilroyextrabold';
	font-size:28pt;
	color:#35627D;
	margin-left:-5%; 
	padding-bottom:20px;
}
.about #about_bloc_droite p{
	max-width:250px;
	font-size:12px;
}
.about #about_bloc_droite p strong{
	font-family:'gilroyextrabold';
	font-size:12pt;
}
	#about_bloc_bas .h2-1 h2{
	width:60%;
	padding:2px;
	color:#35627D;
	font-size:17px;
	}
	#about_bloc_bas .h3-1 h3{
	background:linear-gradient(to right,#798C99, #798C99);
	color:white;
	width:55%;
	padding:2px;
	padding-left:10px;
	padding-bottom:1em;
	box-shadow: 10px 5px 0px grey;
	font-size:17px;
	}
	.contact .contact-txt{
	width:80%;
	max-width:600px;
	padding-bottom:3vh;
	margin:0 auto;
}
.bloc_explications .bloc_explications_droite{
	width:67%;
	margin:3px;
}
.bloc_images1 img{
	width:auto;
	height:20vh;
	margin:2px;
}



}

@media screen and (max-width: 570px){
	.fullBackground {
  background-position: center center;
  background-image:url('img/images/accroche570.jpg');
  background-size: cover;
  width: 100%;
  height: 98vh;

}
}



@media screen and (max-width: 480px) {
	#container{

	}
	.about{
	padding-top:20vh;
	width:80%;
	max-width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-evenly;
	flex-wrap: wrap;
}
.about #about_bloc_droite h1{
	font-family:'gilroyextrabold';
	font-size:28pt;
	color:#35627D;
	margin-left:-5%; 
	padding-bottom:20px;
	margin-top:25px;
}
#container_blocs_services{
	padding-top:4vh;
  margin:0 auto;
  width:90%;
  max-width:480px;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction:column;
}
#container_blocs_services .blocs_services{
  width:80%;
  height:30%;
}
#container_blocs_services .blocs_services #BG_blocs_services1{
  background:url('img/images/service_1.jpg');
  background-size:cover;
  width:100%;
  height:25vh;
}
#container_blocs_services .blocs_services #BG_blocs_services2{
  background:url('img/images/service_2.jpg');
  background-size:cover;
  width:100%;
  height:25vh;
}
#container_blocs_services .blocs_services #BG_blocs_services3{
  background:url('img/images/service_3.jpg');
  background-size:cover;
  width:100%;
  height:25vh;
}
.contact .contact-txt{
	width:100%;
	max-width:600px;
	padding-left:2vw;
	padding-bottom:3vh;
	margin:0 auto;
}
.bloc_explications .bloc_explications_gauche{
	width:90%;
	margin:15px;
}

.bloc_explications .bloc_explications_centre{
	width:100%;
	margin:1px;
	display:flex;
}
.bloc_explications .bloc_explications_centre img{
	width:100%;
	height:auto;
	margin:4px;
}
.bloc_explications .bloc_explications_droite{
	width:70%;
	margin:3px;
}
.bloc_explications_supp1 img{
	width:auto;
	height:20vh;
	padding:20px;
}
.kuula360{
	width:90%;
	height:40vh;
	margin:0 auto;
}
.bloc_images1 img{
	width:auto;
	height:10vh;
	margin:2px;
}
.tarifs h1{
	font-size:20pt;
	color:#35627D;
	font-family:'gilroyextrabold';
	width:80%;
	margin:0 auto;
	text-align:center;
	border-bottom:solid 2px #35627D;
	padding:18px;
}
.tarifs .container_formules{
	width:90%;
	margin:0 auto;
	padding-top:5vh;
}
.tarifs .info_tarif_supp{
	font-size:11px;
	width:60%;
	margin:0 auto;
}


}





@media screen and (max-width: 380px){
	.fullBackground {
  background-position: center center;
  background-image:url('img/images/accroche375.jpg');
  background-size: cover;
  width: 100%;
  height: 98vh;

}
}




@media screen and (max-height: 300px) {
	#container_blocs_services .blocs_services ul {
		margin-top: 40px;
	}
}