@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
/*@viewport {
   width: device-width; /* largeur du viewport */

html {
	overflow-y: scroll;
	height: 100%;
}

body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	}
footer {
	position: absolute;
	bottom: 0;
}

img, object, embed, video {
	width: 100%;
	top: 0px;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
}

img { 
	border: 0; 
	vertical-align: middle; 
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


/*pour smartphone*/
@media only screen and (max-width: 720px) {
.image {
	margin-left:auto;
	margin-right:auto;
	max-width:600px;
	margin-bottom:5px;
}
header {
	position: relative;
	top: 0px;
	left: 0px;
	z-index:1000;
	width:100%;
}
.bandeau-smartphone {
	display: block;
}	
.bandeau-pc {
	display:none;
}
/*afficher le menu*/
.menu_pc {
	display:none;
}
.menu_tablette{
	display:none;
}
.menu_smartphone{
	display:inline;
}
	
/* Defini la largeur du menu sous le bandeau et sur toute la largeur de la page*/
nav {
	width:100%;
	text-align: center; 
}

/* les specifites du menu principal sans action dessus et nom pas du sous-menu*/
nav > ul{	
	margin: 0px;
	padding: 0px;	
	font-size:18px;
	font-stretch:expanded;
	font-style:normal;
	font-family:arial;
	background-color:#914CBC;
}
/* pour ne pas cacher le menu lorsque l'on fait le survol avec la souris sur longlet "acccueil" du menu*/
nav > ul::after{
	content: "";
	display:block;
	clear:both;
}
/* les specificites liees chaque onglet du menu principal : taille des blocs et couleur du texte */
nav > ul > li{
	float:left;
	position: relative;
	height: 40px;
}
nav > ul > li > a{
	padding: 4px 40px; /*epaisseur et largeur du menu, et non du sous-menu*/
	color:white; /*couleur du texte du menu avant survol*/
	height: 40px;
}

/* pour mettre un lisere au dessus de chaque menu principal au moment du passage de la souris, sans decalage du bloc */
nav > ul > li:hover a{
	padding: 4px 40px 4px 40px; 
	color:#914CBC;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}
/* pour ne pas afficher tant qu'un survol sur l'&eacute;l&eacute;ment n'a pas &eacute;t&eacute; fait : nav li {}*/
nav li{
	list-style-type:none;
}
.submenu{
	display:none; /* evite l'affichage du sous-menu sans action particuliere */
}
.submenu li:hover a{
	color:white; /*couleur du texte des sous-menus lors du survol dessus */
	background-color:#914CBC;  /*couleur des sous-menus lors du survol dessus */
}
nav a{
	text-decoration:none;
  	display: table-cell; 
  	vertical-align: middle;
	width:100px;
}
/* modifier les styles des menus o&ugrave; il y a des sous-menus uniquement lorsque la souris passe dessus */
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
}
/* les specificites des sous-menus */
.submenu li{
	padding-top:2px; /*creation une marge superieure au dessus de chaque onglet du sous-menu */
}
.submenu li a{
	padding: 4px 5px;
	font-size: 18px;
	width:100px;
	height: 40px;
}

.menu-accueil .submenu { /* permet d'avoir un liseremarron violet au dessus de chaque bloc du sous-menu*/
	background-color:#914CBC;
}

.sous-menu-in {
	margin-left: auto;
	margin-right: auto;
	max-width: 250px;

}
.sous-menu-in-icone {
	padding : 5px;
	margin : 2px;
	margin-bottom: 10px;
	background-color: #DBBFEC;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	        box-shadow: 3px 3px 8px #aaa;
}
.sous-menu-in-icone-actif {
	padding : 5px;
	margin: 2px;
	margin-bottom: 10px;
	background-color: #8087ac;
	font-size: 16px;
	color: white;
	text-decoration: none;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	        box-shadow: 3px 3px 8px #aaa;
}
.sous-menu-in-icone a{
	padding : 5px;
	margin : 2px;
	background-color: #DBBFEC;
	font-size: 16px;
	color: #914CBC;
	border-radius: 10px;
	text-decoration: none;
}
.sous-menu-in-icone a:hover{
	background-color: #DBBFEC;
	color: white;
	text-decoration: none;
}
.arbo {	
	position: relative;
	padding:2px;
	margin-top:2%;
	margin-left:10px;
	margin-bottom:0px;
	width:90%;
}
.arbo-bas {					
	position : block;
	padding:2px;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:0px;
	width:90%;
}
body {
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	background-color: #DBBFEC;
}
.structure {
	max-width: 720px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 320px;
	background-color: white;
}	

section {
	width: 98%;
}
hr {
	color: #914CBC;
	margin-left: auto;
	margin-right: auto;
	width: 90%;	
}
h1	{
	font-family:Freestyle Script;
	src: url('fonte-free-style.TTF');
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 2px;
	font-size:36px;
	font-weight: bold;
	text-align: center;
	color:#914CBC;
}	
h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	font-size:20px;
	font-weight: bold;
	text-align: left;
	color:#ffffff;
	background: #914CBC;
	border-radius: 0px 0px 0px 10px;
	padding: 10px 5px 10px 10px;
}
h3 {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 2px;
	font-size: 18px;
	text-align: justify;
	color:#914CBC;
}
h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 16px;
	font-weight:normal;
	text-align: justify;
	color:black;
}
h4 ul {
	margin-left: -20px;
}
h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight:normal;
	text-align: center;
	font-style: italic;
}
h6 {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	font-size:18px;
	font-weight: bold;
	text-align: justify;
	color:#8087ac;
}
h7 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight:normal;
	text-align: left;
}
a h7 {
	color: #8087ac;
}	
a {
	color: #914CBC;
	text-decoration: underline;
}
a:hover {
	color: white;
	background-color: #914CBC;
}
p {
		margin-left : 5px;
		margin-right: 5px;
}
.savoir_plus {
	padding-top:20px;
	margin-left: auto;
	margin-right: auto;

}
.savoir_plus a{
	text-decoration: none;
	background-color: #914CBC;
	padding: 10px;
	width:120px;
	color: white;
	text-align: center;
	border-radius: 10px;
	-webkit-box-shadow: 8px 8px 8px #aaa;
	        box-shadow: 8px 8px 8px #aaa;
}
.savoir_plus a:hover {
	background-color: #8087ac;
	padding: 10px;
	width:120px;
	color: white;
	text-align: center;
	border-radius: 10px ;
}
footer{
	display: flex;
	flex-direction: column;
	justify-content: center;	
	width: 100%;
	bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #914CBC;	
	color: white;
	font-size: 11px;
	text-align:center;
	height:250px;
}
footer a:link {
	padding: 5px;
	text-decoration: none;
	background-color: white;
	border-radius: 5px;
	color:#914CBC;	
}
footer a:hover {
	padding: 8px 10px 8px 10px;
	text-decoration: underline;
	background-color: white;
	border-radius: 5px;
	color:#914CBC;	
}
footer a:visited {
	color: #914CBC;
	background-color: #DBBFEC;
}
footer a:active {
	color: red;
}
.footer-box-instagram {
	display:inline;
	padding-top: 13px;
}
.footer-box-instagram a:hover {
	background: none;
}
.footer-box-instagram a:link {
	border-radius: 0px;
	margin-left : 10px;
	margin-right:10px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
}	
.footer-box-instagram img{
	height: 45px;
	padding-left: 0px;
	padding-right: 0px;
	width: inherit;
	margin-bottom: 10px;
}
.footer-box {
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.footer-box-youtube {
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.footer-box-youtube img{
	height: 15px;
	width: 65px;
}
.video_pc{
	display:none;
}
.video{
	display: none;
}	
.video_smartphone {
	width: 300px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}
.video_promotionnelle_smartphone {
	width: 300px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}
.video_promotionnelle_pc{
	display:none;
}
.video-flex{
	display: flex;
	flex-wrap: wrap;
}
.gallery {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.gallery img {
	height:130px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#914CBC;
	text-align:center;
	margin:5px;
}
.gallery img:hover{
	height:130px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#dbbfec;
	text-align:center;
	margin:5px;
	-webkit-box-shadow: 5px 5px 7px #dbbfec;
	        box-shadow: 5px 5px 7px #dbbfec;
}
.gallery a {
	border-color:white;
	background-color: white;
}
.gallery_large {
	display: none;
}
.gallery_large_smartphone {
    margin-left: auto;
    margin-right: auto;
	max-width: 450px;
}	
.gallery_large img {
	height:350px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#914CBC;
	text-align:center;
	margin:5px;
}
.gallery_large_smartphone img {
	max-height:450px;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#914CBC;
	text-align:center;
	margin:5px;
}
.gallery_large_smartphone a {
	border-color:none;
	background-color: white;
}
.rotation_360 {
	max-width: 300px;
	max-height: auto;
}
.rotation_360-2 {
	max-width: 600px;
	max-height: auto;
	margin-left: auto;
	margin-right: auto;
}
.rotation-smartphone {
	display: block;
}
.rotation-pc{
	display: none;
}
.Sirv {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.clients {
	width: 450px;
	height: inherit;
	margin-left: auto;
	margin-right: auto;
}	
.clients img {
	height:90px;
	width: inherit;
	max-width: 120px;	
}
.clients tr {
	height: 150px;
}
.drone-symbol{
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
}
.drone-symbol img{
	max-height:140px;
	width: inherit;
	padding: 10px;
}
.carte-france {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
	margin-bottom: 50px;
}	
.bloc-carte-g{
	display: none;
	margin:auto;
}
.bloc-carte-d{
	display: none;
	margin:auto;
}
.bloc-carte-c{
	margin:auto;	
}
.post_it_groupe{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	padding-top:20px;
	padding-bottom:20px;
}
.post_it {
	width: 350px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #914CBC;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_option {
	width: 350px; 
	height:auto;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_option h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #914CBC;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_bleu {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #42569f;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_bleu h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #42569f;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_vert {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #87b57d;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_vert h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #87b57d;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_jaune {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #e7e151;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_jaune h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #e7e151;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_ocre {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #d29a49;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_ocre h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #d29a49;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_saumon {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #cc8883;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_saumon h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #cc8883;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_mauve {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #795c9f;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_mauve h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #795c9f;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.devis_gratuit {
	display: block;	
	margin-left:5px;
	padding-bottom: 60px;
	height:auto;
	width:100px;
}
.devis_gratuit h4 {
	padding-left: 20px;
	/*max-width: 280px;*/
	height: auto;
	width:180px;
	margin-top:-60px;
	margin-left:90px;
	text-indent : 15px;
}	
.devis_gratuit img{
	width: 100px;
	height: inherit;
	border-radius: 50px;
}
.contact {
	margin-left: auto;
	margin-right: auto;
}	
.contact_gauche{
	padding-top: 50px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.acces-prive {	
}
.acces-prive h4 {
	font-style: italic; 
	color: #914CBC;
	text-align: center;
	margin-bottom: 20px;
}
form {
	max-width: 300px; 
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
	margin-left: auto;
	margin-right: auto;	
}
.clients-logo {
	display: flex;	
	flex-wrap: wrap;	
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
}	
.clients-logo img {
	height:120px;
	width: inherit;
	max-width: 200px;
	margin :20px;
}
.clients-logo table img {
	height:120px;
	width: inherit;
	max-width: 120px;
}
.clients-logo table {
	margin-top: 10px;
	margin-bottom: 10px;
}
.clients-logo a:hover {
	background: white;
}	
}
/* pour tablette*/	
@media only screen and (min-width: 721px) and (max-width: 1199px) {
header {
	position: relative;
	top: 0px;
	left: 0px;
	z-index:1000;
	width:100%;
}
.bandeau-pc {
	display:block;
}
.bandeau-smartphone {
	display:none;
}
/*afficher le menu*/
.menu_pc {
	display:none;
}
.menu_tablette{
	display:block;
}
.menu_smartphone{
	display:none;
}
/* Defini la largeur du menu sous le bandeau et sur toute la largeur de la page*/

nav {
	width:100%;
	display: block;
}

/* les specificites du menu principal*/
nav > ul{	
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:18px;
	font-stretch:expanded;
	font-style:normal;
	font-family:arial;
	background-color:#914CBC;
}
/* pour ne pas cacher les sous-menus lorsque l'on va ensuite faire le survol avec la souris*/
nav > ul::after{
	content: "";
	display:block;
	clear:both;
}

/* les specificites liees a chaque onglet du menu principal : taille des blocs et couleur du texte */

nav > ul > li{
	float:left;
	position: relative;
}
nav > ul > li > a{
	padding: 8px 17px; /*epaisseur et largeur de chaque element du menu avant survol*/
	color:white; /*couleur du texte du menu avant survol*/
}

nav > ul > li:hover a{
	padding: 8px 17px 8px 17px;  /*epaisseur et largeur de chaque element du menu durant le survol */
	color:#914CBC;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}

nav li{
	list-style-type:none;/* pour ne pas afficher tant qu'un survol sur l'element n'a pas &eacute;t&eacute; fait : nav li {}*/
}
.submenu{
	display:none; /* evite l'affichage du sous-menu sans action particuli&egrave;re */
}
.submenu li:hover a{
	color:#8087ac;
	background-color:#914CBC; /* couleur des elements du sous-menu lors du survol dessus????? */
}
nav a{
	display: inline-block;
	text-decoration:none;
}
/* modifier les styles des menus o&ugrave; il y a des sous-menus uniquement lorsque la souris passe dessus */
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
}
/* les specificites des sous-menus */
.submenu li{
	padding-top:2px; /*cr&eacute;er une marge sup&eacute;rieure au dessu de chaque onglet du sous-menu */
}
.submenu li a{
	padding: 4px 40px;
	font-size: 14px;
	color:white;
	background-color:#914CBC;
	width:98px;
}
/*les menus en position active*/	
.menu-accueil-cuurent{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-accueil-current:hover a{
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}	
.menu-photographie-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-photographie-current:hover a{
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}
.menu-video-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-video-current:hover a{
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}
.menu-drone-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-drone-current:hover a{
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}
.menu-web-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-web-current:hover a{
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}
.menu-pao-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-pao-current:hover a{
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}
.menu-contact-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-contact-current:hover a{
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du menu lorsque l'on survole l'onglet principal*/
}	

.sous-menu-in {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-pack: center;	
	    -ms-flex-pack: center;	
	        justify-content: center;
	margin-top : 15px;
	flex-wrap: wrap;
}
.sous-menu-in-icone {	
}
.sous-menu-in-icone-actif {
	padding : 5px;
	margin-top : -4px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #8087ac;
	font-size: 15px;
	font-weight:normal;
	color: white;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	        box-shadow: 3px 3px 8px #aaa;
}
.sous-menu-in-icone a{

	padding : 5px;
	margin : 5px;
	margin-bottom: 20px;
	background-color: #DBBFEC;
	font-size: 15px;
	font-weight:normal;
	color: #914CBC;
	text-decoration: none;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	        box-shadow: 3px 3px 8px #aaa;
}	
.sous-menu-in-icone a:hover{
	background-color: #8087ac;
	color: white;
}
.arbo {	
	position: relative;
	padding:2px;
	margin-top:2%;
	margin-left:10px;
	margin-bottom:0px;
	width:90%;
}
.arbo-bas {					
	position : block;
	padding:2px;
	margin-top:40px;
	margin-left:20px;
	margin-bottom:20px;
	width:90%;
}
body {
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	/*background-color: #DBBFEC;*/
}
.structure {
	/*max-width: 1199px;*/
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 180px;
	background-color: white;
}	
.image {
	margin-left:auto;
	margin-right:auto;
	max-width:600px;
	margin-bottom:20px;
}
section {
	width: 98%;
}
hr {
	color: #914CBC;
	margin-left: auto;
	margin-right: auto;
	width: 90%;	
}
	
h1	{
	font-family:Freestyle Script;
	src: url('fonte-free-style.TTF');
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 20px;
	font-size:45px;
	font-weight: bold;
	text-align: center;
	color:#914CBC;
	}

	
h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 20px;
	font-size:22px;
	font-weight: bold;
	text-align: justify;
	color:#ffffff;
	background: #914CBC;
    background: -moz-linear-gradient(left, #914CBC 78%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #914CBC 78%,#ffffff 100%);
    background: linear-gradient(to right, #914CBC 78%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#914CBC', endColorstr='#ffffff',GradientType=1 );
	border-radius: 0px 0px 0px 20px;
	padding: 10px 10px 10px 50px;
}

h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 24px;
	font-weight:normal;
	text-align: justify;
	color:#914CBC;
}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 18px;
	font-weight:normal;
	text-align: justify;
	color:black;
}

h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight:normal;
	text-align: center;
	font-style: italic;
}

h6 {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	font-size:18px;
	font-weight: bold;
	text-align: justify;
	color:#8087ac;
}

h7 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight:normal;
	text-align: left;
}

a h7 {
	color: #8087ac;
}
	
a {
	color: #914CBC;
	text-decoration: underline;
}
a:hover {
	color: white;
	background-color: #914CBC;
}
p {
	text-align: center;
}
.savoir_plus {
	padding-top:20px;
	margin-left: auto;
	margin-right: auto;
}
.savoir_plus a{
	text-decoration: none;
	background-color: #914CBC;
	padding: 10px;
	width:120px;
	color: white;
	text-align: center;
	border-radius: 10px;
	-webkit-box-shadow: 8px 8px 8px #aaa;
	        box-shadow: 8px 8px 8px #aaa;
}
.savoir_plus a:hover {
	background-color: #8087ac;
	padding: 10px;
	width:120px;
	color: white;
	text-align: center;
	border-radius: 10px ;
}
.video{
	width: 600px;
	padding: 50px;
	margin-left: auto;
	margin-right: auto;
}
.video_pc{
	width: 500px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}	
.video_smartphone {
	display:none;
}
.video-flex{
	display: flex;
	flex-wrap: wrap;
}
.video_promotionnelle_smartphone {
	display:none;
}
.video_promotionnelle_pc{
	width: 720px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
footer{
	display: flex;
	justify-content: center;	
	width: 100%;
	bottom: 0px;
	padding-top: 20px;
	background-color: #914CBC;	
	color: white;
	font-size: 11px;
	text-align:center;
	height:80px;
}
footer a:link {
	padding: 5px;
	text-decoration: none;
	background-color: white;
	border-radius: 5px;
	color:#914CBC;	
}
footer a:hover {
	padding: 8px 5px 8px 5px;
	text-decoration: underline;
	background-color: white;
	border-radius: 5px;
	color:#914CBC;	
}
footer a:visited {
	color: #914CBC;
	background-color: #DBBFEC;
}
footer a:active {
	color: red;
}
.footer-box {
	display:inline;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.footer-box-youtube {
	display:inline;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.footer-box-youtube img{
	height: 15px;
	width: 65px;
}
.footer-box-instagram {
	display:inline;
	padding-top: 13px;
}
.footer-box-instagram a:hover {
	background: none;
}
.footer-box-instagram a:link {
	border-radius: 0px;
	margin-left : 10px;
	margin-right:10px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
}	
.footer-box-instagram img{
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
	width: inherit;
}
/*les photos sur le site*/
.gallery {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.gallery img {
	height:200px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#914CBC;
	text-align:center;
	margin:5px;
}
.gallery img:hover{
	height:200px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#dbbfec;
	text-align:center;
	margin:5px;
	-webkit-box-shadow: 5px 5px 7px #dbbfec;
	        box-shadow: 5px 5px 7px #dbbfec;

}
.gallery a {
	border-color:white;
	background-color: white;
}

.gallery_large {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.gallery_large_smartphone {
    display: none;
}	
.gallery_large img {
	height:500px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#914CBC;
	text-align:center;
	margin:5px;
}
.rotation_360 {
	max-width: 500px;
	max-height: auto;
}
.rotation_360-2 {
	max-width: 700px;
	max-height: auto;
	margin-left: auto;
	margin-right: auto;
}
.rotation-smartphone {
	display: none;
}
.rotation-pc{
	display: block;
}
.drone-symbol{
	display: flex;
	flex-wrap: nowrap;	
	justify-content: center;
}
.drone-symbol img{
	/*max-height:140px;*/
	width: inherit;
	padding: 10px;
}
.carte-france {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
	margin-bottom: 50px;
}	
.bloc-carte-g{
	margin:auto;
	flex:1;
}
.bloc-carte-d{
	margin:auto;
	flex:1;
}
.bloc-carte-c{
	margin:auto;
	flex:2;
	
}
.post_it_groupe {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	padding-top:20px;
	padding-bottom:20px;
}
.post_it {
	width: 700px; 
	height:730px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #914CBC;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_option {
	width: 300px; 
	height:220px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_option h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #914CBC;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_bleu {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #42569f;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_bleu h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #42569f;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_vert {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #87b57d;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_vert h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #87b57d;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_jaune {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #e7e151;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_jaune h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #e7e151;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_ocre {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #d29a49;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_ocre h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #d29a49;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_saumon {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #cc8883;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_saumon h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #cc8883;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_mauve {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #795c9f;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_mauve h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #795c9f;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
	
.devis_gratuit {
	margin-left:10px;
	margin-bottom:50px;
	height:100px;
	width:100px;
	display:block;
}
.devis_gratuit h4{
	width:600px;
	margin-top:-60px;
	margin-left:100px;
	text-indent : 15px;
}	
.contact {
	display: -webkit-box-inline;      /* iOS 6-, Safari 3.1-6 */
	display: -moz-box-inline;         /* Firefox 19 */
	display: -ms-flexbox-inline;      /* IE 10 */
	display: -webkit-flex-inline;     /* Chrome */
	display: flex-inline;             /* Opera 12.1, Firefox 20+ */
	margin-left: auto;
	margin-right: auto;
}
.contact_gauche{
	padding-bottom: 40px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}	
.acces-prive {	
}
.acces-prive h4 {
	font-style: italic; 
	color: #914CBC;
	text-align: center;
	margin-bottom: 20px;
}
form {
	max-width: 300px; 
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
	margin-left: auto;
	margin-right: auto;	
}
}


@media only screen and (min-width: 1200px) {
/* Lignes g&eacute;n&eacute;r&eacute;s par Olivier DENUX */


.image {
	margin-left:auto;
	margin-right:auto;
	max-width:600px;
	margin-bottom:20px;
}
header {
	position: relative;
	top:0px;
	left:0px;
	z-index:1000; /*pour que le bandeau soit toujours au dessus du reste, notamment le menu */
	width: 100%;
}
	
.bandeau-pc {
	display:inline;
}	
	
.bandeau-smartphone {
	display:none;
}
/*afficher le menu*/
.menu_pc {
	display:inline;
}
.menu_tablette{
	display:none;
}
.menu_smartphone{
	display:none;
}

/* Defini la largeur du menu sous le bandeau*/
nav {
	width:100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* les specificites du menu principal*/
nav > ul{	
	margin: 0px;
	padding: 0px;	
	font-size:16px;
	font-stretch:expanded;
	font-style:normal;
	font-family:arial;
	background-color:#914CBC;
}
/* pour ne pas cacher les sous-menus lorsque l'on va ensuite faire le survol avec la souris*/
nav > ul::after{
	content: "";
	display:block;
	clear:both;
}

/* les sp&eacute;cificit&eacute;s li&eacute;s &agrave; chaque onglet du menu principal : taille des blocs et couleur du texte */
/**************************************/
nav > ul > li{
	float:left;
	position:relative;
}
nav > ul > li > a{
	padding: 8px 40px; /*epaisseur et largeur du menu*/
	color:white; /*couleur du texte du menu avant survol*/
}
/***************************************/
/* pour mettre un lisere au dessus de chaque menu principal au moment du passage de la souris, sans d&eacute;calage du bloc */
nav > ul > li:hover a{
	padding: 8px 40px 8px 40px; 
	color:#914CBC;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}
/* pour ne pas afficher tant qu'un survol sur l'element n'a pas fait*/
nav li{
	list-style-type:none;
}
.submenu{
	display:none; /* evite l'affichage du sous-menu sans action particuliere */
}
.submenu li:hover a{
	color:white;
	background-color:#914CBC; /* couleur des elements du sous-menu lors du survol dessus */
}
nav a{
	display: inline-block;
	text-decoration:none;
}
/**************************************/
/* modifier les styles des menus o&ugrave; il y a des sous-menus uniquement lorsque la souris passe dessus */
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
}
/* les sp&eacute;cificit&eacute;s des sous-menus */
.submenu li{
	padding-top:2px; /*cr&eacute;er une marge sup&eacute;rieure au dessu de chaque onglet du sous-menu */
}
.submenu li a{
	padding: 4px 10px;
	font-size: 20px;
	color:white;
	background-color:#914CBC;
	width:200px;
}
/* pour faire l'habillage des sous-menus : transparence, couleur, etc */
.menu-accueil:hover{
	border-top: 0px solid;
	border-top-color:#8087ac;
	background-color:#914CBC;
	color:#9e560b;
}
.menu-accueil-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}
nav > ul > li.menu-accueil-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}		
.menu-photographie:hover{ 
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color:#914CBC;
	color:#914CBC;
}
.menu-photographie-current{ 
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}
nav > ul > li.menu-photographie-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}
	
.menu-video:hover{
	border-top: 0px solid;
	border-top-color:#8087ac;
	background-color:#f6ebe0;
	color:#9e560b;
}	
.menu-video-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-video-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}	
.menu-drone:hover{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color:#f6ebe0;
	color:#9e560b;
}
.menu-drone-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-drone-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}		
.menu-web:hover{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color:#f6ebe0;
	color:#9e560b;
}
.menu-web-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}
nav > ul > li.menu-web-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}	
.menu-pao:hover{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color:#f6ebe0;
	color:#9e560b;
}
.menu-pao-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-pao-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}
.menu-contact:hover{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color:#f6ebe0;
	color:#9e560b;
}
.menu-contact-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}	
nav > ul > li.menu-contact-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}
.menu-clients:hover{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color:#f6ebe0;
	color:#9e560b;
}
.menu-clients-current{
	border-top: 0px solid;
	border-top-color:#8087ac; 
	background-color: #DBBFEC;
	color: #914CBC;
}
nav > ul > li.menu-clients-current:hover a{
	padding: 8px 40px 8px 40px; 
	color:white;
	background-color:#DBBFEC;/* c'est la couleur du sous-menu lorsque l'on survole l'onglet principal*/
}	
.menu-photographie .submenu {
	background-color:#914CBC;
}
.menu-video .submenu {
	background-color:#914CBC;
}
.menu-drone .submenu {
	background-color:#914CBC;
}	
.menu-web .submenu {
	background-color:#914CBC;
}

.sous-menu-in {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-pack: center;	
	    -ms-flex-pack: center;	
	        justify-content: center;
	margin-top : 15px;
}
.sous-menu-in-icone {	
}
.sous-menu-in-icone-actif {
	padding : 5px;
	margin-top : -5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #8087ac;
	font-size: 18px;
	font-weight:normal;
	color: white;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	        box-shadow: 3px 3px 8px #aaa;
}
.sous-menu-in-icone a{

	padding : 5px;
	margin : 5px;
	background-color: #DBBFEC;
	font-size: 18px;
	font-weight:normal;
	color: #914CBC;
	text-decoration: none;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	        box-shadow: 3px 3px 8px #aaa;
}	
.sous-menu-in-icone a:hover{
	background-color: #8087ac;
	color: white;
}
.arbo {	
	position: relative;
	padding:2px;
	margin-top:2%;
	margin-left:10px;
	margin-bottom:0px;
	width:90%;
}
.arbo-bas {					
	position : block;
	padding:2px;
	margin-top:40px;
	margin-left:20px;
	margin-bottom:20px;
	width:90%;
}	
body {
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	background-color: #DBBFEC;
	}
.structure {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 200px;
	background-color: white;
	}	
section {
	width: 98%;
}
hr {
	color: #914CBC;
	margin-left: auto;
	margin-right: auto;
	width: 90%;	
}


h1	{
	font-family:Freestyle Script;
	src: url('fonte-free-style.TTF');
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 20px;
	font-size:80px;
	text-align: center;
	color:#914CBC;
	}	

h2 {
	font-family:Freestyle Script;
	src: url('fonte-free-style.TTF');
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 20px;
	font-size:48px;
	font-weight: bold;
	text-align: justify;
	color:#ffffff;
	background: #914CBC;
    background: -moz-linear-gradient(left, #914CBC 78%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #914CBC 78%,#ffffff 100%);
    background: linear-gradient(to right, #914CBC 78%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#914CBC', endColorstr='#ffffff',GradientType=1 );
	border-radius: 0px 0px 0px 20px;
	padding: 10px 10px 10px 50px;
}

h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 24px;
	font-weight:normal;
	text-align: justify;
	color:#914CBC;
}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 18px;
	font-weight:normal;
	text-align: justify;
	color:black;
}

h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight:normal;
	text-align: center;
	font-style: italic;
}

h6 {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	font-size:18px;
	font-weight: bold;
	text-align: justify;
	color:#8087ac;
}

h7 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight:normal;
	text-align: left;
}

h10 {
padding: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px;
background-color: #87b57d;
font-size: 4px;
font-weight: normal;
color: white;
border-radius: 10px;
-webkit-box-shadow: 3px 3px 8px #aaa;
box-shadow: 3px 3px 8px #aaa;	
}

a h7 {
	color: #8087ac;
}
	
a {
	color: #914CBC;
	text-decoration: underline;
}
a:hover {
	color: white;
	background-color: #914CBC;
	}
.savoir_plus {
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
}

.savoir_plus a{
	text-decoration: none;
	background-color: #914CBC;
	padding: 10px;
	width:120px;
	color: white;
	text-align: center;
	border-radius: 10px;
	-webkit-box-shadow: 8px 8px 8px #aaa;
	        box-shadow: 8px 8px 8px #aaa;
}
.savoir_plus a:hover {
	background-color: #8087ac;
	padding: 10px;
	width:120px;
	color: white;
	text-align: center;
	border-radius: 10px ;
}
footer{
	display:flex;
	justify-content: center;	
	width: 100%;
	bottom: 0px;
	padding-top: 20px;
	background-color: #914CBC;	
	color: white;
	font-size: 16px;
	text-align:center;
	height:80px;
}
footer a:link {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	background-color: white;
	border-radius: 10px;
	color:#914CBC;	
}
footer a:hover {
	padding: 10px;
	text-decoration: underline;
	background-color: white;
	border-radius: 10px;
	color:#914CBC;	
}
footer a:visited {
	color: #914CBC;
	background-color:#DBBFEC;
}
footer a:active {
	color: red;
}
.footer-box {
	display:inline;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.footer-box-youtube {
	display:inline;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.footer-box-youtube img{
	height: 20px;
	width: 91px;
}
.footer-box-instagram {
	display:inline;
	padding-top: 15px;
}
.footer-box-instagram a:hover {
	background: none;
}
.footer-box-instagram a:link {
	border-radius: 0px;
	margin-left : 20px;
	margin-right:20px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
}	
.footer-box-instagram img{
	height: 30px;
	padding-left: 0px;
	padding-right: 0px;
	width: inherit;
}	
.video{
	width: 600px;
	padding: 50px;
	margin-left: auto;
	margin-right: auto;
}	
.video_smartphone {
	display:none;
}
.video_promotionnelle_smartphone {
	display:none;
}
.video_pc{
	width: 500px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}	
.video_promotionnelle_pc{
	width: 720px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.video-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
/*les photos sur le site*/
.gallery {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.gallery img {
	height:200px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#914CBC;
	text-align:center;
	margin:5px;
}
.gallery img:hover{
	height:200px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#dbbfec;
	text-align:center;
	margin:5px;
	-webkit-box-shadow: 5px 5px 7px #dbbfec;
	        box-shadow: 5px 5px 7px #dbbfec;

}
.gallery a {
	border-color:white;
	background-color: white;
}
.gallery_large {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	width: 800px;
	height: 600px;
}
.gallery_large_smartphone {
    display: none;
}
.gallery_large img {
	height:500px;
	width: inherit;
	border-radius:5px;
	overflow:hidden;
	border-width:2px;
	border-style:solid;
	border-color:#914CBC;
	text-align:center;
	margin:5px;
}	
.rotation_360 {
	max-width: 700px;
	max-height: auto;
	margin-left: auto;
	margin-right: auto;
}
.rotation_360-2 {
	max-width: 700px;
	max-height: auto;
	margin-left: auto;
	margin-right: auto;
}
.rotation-smartphone {
	display: none;
}
.rotation-pc {
	display: block;
}
.drone-symbol{
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
}
.drone-symbol img{
	max-height:200px;
	width: inherit;
	padding: 20px;
}
.carte-france {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
	margin-bottom: 50px;
}	
.bloc-carte-g{
	margin:auto;
}
.bloc-carte-d{
	margin:auto;
}
.bloc-carte-c{
	margin:auto;
}
.clients-logo {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 50px;
}	
.clients-logo img {
	height:120px;
	width: inherit;	
	margin :20px;
}
.clients-logo a:hover {
	background: white;
}
.post_it_groupe{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	padding-top:20px;
	padding-bottom:20px;
}
.post_it {
	width: 500px; 
	height:770px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #914CBC;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_option {
	width: 500px; 
	height:160px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_option h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #914CBC;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_bleu {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #42569f;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_bleu h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #42569f;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_vert {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #87b57d;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_vert h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #87b57d;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_jaune {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #e7e151;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_jaune h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #e7e151;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_ocre {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #d29a49;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_ocre h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #d29a49;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_saumon {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #cc8883;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_saumon h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #cc8883;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
.post_it_mauve {
	width: 300px; 
	height:300px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
	border: 2px solid #795c9f;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
}
.post_it_mauve h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:20px;
	font-weight: bold;
	color:#ffffff;
	background: #795c9f;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
}
	
.devis_gratuit {
	margin-left:10px;
	height:100px;
	width:100px;;
	display:block;
}
.devis_gratuit h4{
	width:1000px;
	margin-top:-60px;
	margin-left:100px;
	text-indent : 15px;
}

.contact {
	display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* Firefox 19 */
	display: -ms-flexbox;      /* IE 10 */
	display: -webkit-flex;     /* Chrome */
	display: flex;             /* Opera 12.1, Firefox 20+ */
	margin-left: auto;
	margin-right: auto;
}
.contact_gauche{
	padding: 40px;
	width: 500px;
}	
	
.acces-prive {	
	text-align: center;
	font-size: 18px;
	font-weight:normal;
	color:black;
}
.acces-prive h4 {
	font-style: italic; 
	color: #914CBC;
	text-align: center;
	margin-bottom: 20px;
}
form {
	max-width: 300px; 
	border: 2px solid #914CBC;
	border-radius: 5px;
	-moz-box-shadow: 0px 12px 12px #aaa;
	-webkit-box-shadow: 0px 12px 12px #aaa;
	box-shadow: 0px 12px 12px #aaa;
	margin-left: auto;
	margin-right: auto;	
}

}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}