* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;

}
p{
 	margin:0;
 	padding:0;	
 }
ul, ol {
    padding: 0;
  	margin: 0;
} 
@font-face {
  font-family: 'backDrop';
  src:  url('fonts/backDrop.eot?xm30wk');
  src:  url('fonts/backDrop.eot?xm30wk#iefix') format('embedded-opentype'),
    url('fonts/backDrop.ttf?xm30wk') format('truetype'),
    url('fonts/backDrop.woff?xm30wk') format('woff'),
    url('fonts/backDrop.svg?xm30wk#backDrop') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?vjuiuh');
	src:url('fonts/icomoon.eot?#iefixvjuiuh') format('embedded-opentype'),
		url('fonts/icomoon.woff?vjuiuh') format('woff'),
		url('fonts/icomoon.ttf?vjuiuh') format('truetype'),
		url('fonts/icomoon.svg?vjuiuh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#maincontent > div.inner{
	    margin-top: 0;
}
/*****ACCUEIL  Vœux********/
#conteneurVeux{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    text-align:center;
    z-index:100;
}
#contenuVeux{
	z-index:10;
	display:block;
	position:relative;
	width:819px;
	height:567px;
	top:-200vh;
	margin:0px auto 0 auto;
	background-color:#fff;
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
	
	background:#000 url(../images/veux2020.jpg) center center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
 }

#boutonVeux{
	display:block;
	position:absolute;
	text-align:center;
	width:30px;
	height:30px;
	right:5px;
	top:10px;
	line-height:24px;
	font-family: 'icomoon';
	font-size: 24px;
	color:#ccc;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	cursor:pointer;	
	z-index:200;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#boutonVeux:hover{
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#boutonVeux:before{
	content: "\ea0d";
}

/*------------------------------HEADER------------------------------------------*/
#header {
 	width:100%;
    background: #4a4a4c;
    display:block;
    position:fixed;
    z-index:30;
    top:0;
}
#contenuheader{
	display:block;
	max-width:1100px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	height:110px;
	//border:red 1px solid;
  	text-align:center;
}
.headerOn{
	opacity:1;
   filter: alpha(opacity=100);
   -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
  	-ms-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}
.headerOff{
	opacity:0;
   filter: alpha(opacity=0);
   -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
  	-ms-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}
#headerIdentite{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header01.jpg) center center no-repeat scroll;
}
#headerDomaine{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header02.jpg) center center no-repeat scroll;
}
#headerCulture{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header03.jpg) center center no-repeat scroll;
    }
#headerReference{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header04.jpg) center center no-repeat scroll;
}
#headerRealisation{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header05.jpg) center center no-repeat scroll;
}
#headerContact{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header06.jpg) center center no-repeat scroll;
   
}
/******/
#contenuHautLogo{
	display:block;
	position:relative;
	padding:0 0 0 0;
	top:0;
	z-index:20;
	height:110px;
	max-width:850px;
	margin:0 auto 0 auto;
	text-align:left;
	//border:green 1px solid;
}
#logoHeader{
	display:block;
	position:relative;
	width:340px;
	height:110px;
	margin:0 0 0 0;
	//border:red 1px solid;
	text-align:left;
}
#logoHeader a{
	display:block;
	position:relative;
	margin:0 0 0 9px;
	float:left;
	height:110px;
    text-decoration:none;
    overflow:hidden;
}
#logoHeader a:before{
	font-family: 'backDrop';
    font-size:320px;
    line-height:110px;
    margin:0 0 0 0;
    color:#fff;
    content:"\e900";
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#logoHeader:hover a:before{
    color:#ccc;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*--------------------------------MENU HBG ICON--------------------------------*/
.menu-icon-wrapper{
	position: relative;
	display: inline-block;
	float:right;
	z-index:60;
	right:290px;
    width: 34px;
    height: 34px;
	margin: 23px 30px 0 0;
	pointer-events: none;
	//border:#ccc 0px solid;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
.iconOn{
	margin-right:30px;
}
.iconOff{
	margin-right:-60px;
}
.menu-icon-wrapper.scaled {
	-webkit-transform: scale(0.2);
	-ms-transform: scale(0.2);
	transform: scale(0.2);
}
.menu-icon-wrapper svg {
	position: absolute;
	top: -33px;
	left: -33px;
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}
.menu-icon-wrapper svg path {
	stroke: #fff;
	stroke-width: 30px;
	stroke-linecap: round;
    stroke-linejoin: round;
	fill: transparent;
}
.menu-icon-wrapper .menu-icon-trigger {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	pointer-events: auto;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.menu-icon-wrapper .menu-icon-trigger:hover,
.menu-icon-wrapper .menu-icon-trigger:focus {
	outline: none;
}
/************/
.menuHBGconteneur {
	display:block;
	position: fixed;
	width: 275px;
	height:100%; 
	float:right;
	background-color:none;
	top: 0;
	right: 0;
	z-index: 3000;
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}
.menuOpen {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
#menuFond {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:275px;
	height:100%;
	background-color:#000;
	//border:red 2px solid;
}
#menuInter {
	z-index: 350;
	display:block;
	position:absolute;
	right:0;
	top:80px;
	bottom:0;
	width:100%;
	height:auto;
	overflow: hidden;
	overflow: scroll;
   //border:#fff 1px solid;
}
/*-LISTE MENU-*/
#menuInter li.MenuMax a{
	display:block;
	position:relative;
	width: 100%;
	margin: 0;
	padding:15px 0px 15px 0px;
	font-family: ralewaybold;
	text-align:left;
	font-size: 16px;
    text-decoration:none;
	text-indent:20px;
	color: #666768;
    background-color:#000;
   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
	}
#menuInter li.MenuMax a:hover{
	color: #fff;
}
#menuInter li.MenuMax.active a{
	color: #fff;
	text-indent:30px;	
}
#Mcontact{
	margin:0 0 100px 0;
}
/********/
#menuInterLogo{
	display:block;
	position:relative;
	text-align:center;
	margin:0;
}
#menuInterLogo a{
	display:block;
	position:relative;
	height: 65px;
    overflow: hidden;
    margin: 15px 0 25px 0;
}
#menuInterLogo a:before{
	display:block;
	position:relative;
	font-family: 'backDrop';
    font-size:247px;
    line-height:65px;
    color:#fff;
    content:"\e901";
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
#menuInterLogo:hover a:before{
    color:#6f7072;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
/*--------------------------------FOOTER------------------------------------------------*/
#footer{
	display:block;
	position:fixed;
	width:100%;
	height:100px;
	bottom:-95px;
	background-color:#4a4a4c;
	z-index:150;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.foot-up {
 	margin-bottom:80px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#boutonfooter{
	display:block;
	position:absolute;
	z-index: 4000;
	width:40px;
	height:40px;
	text-align:center;
	top:-40px;
	right:30px;
	background-color:#4a4a4c;
	cursor: pointer;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOn{
	margin:0;
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOff{
	margin:0 200px 0 0;
	opacity: 0;
    filter: alpha(opacity=0);
    pointer-events:none;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e908";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:hover:before{
     bottom:10px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e909";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:hover:before{
     bottom:0;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/***********/
#contenufooter{
	display:block;
	position:relative;
	max-width:850px;
	height:40px;
	margin:20px auto 0 auto;
	padding:0 0 0 0;
	text-align:center;
	//border:red 1px solid;
}
#footerGauche{
	display:block;
	position:relative;
	float:left;
	width:580px;
	height:40px;
	margin:0 0 0 16px;
	padding:0 0 0 0;
	text-align:left;
	//border:#ccc 1px solid;
}
#footerGaucheLog:before{
	display:block;
	position:relative;
	float:left;
	font-family: 'backDrop';
    font-size:120px;
    line-height:40px;
    color:#fff;
    content:"\e901";
    //border:#fff 1px solid;
}
#footerGauchePoint p{
	display:block;
	position:relative;
	float:left;
	margin:0 5px 0 5px;
	text-align: center;
    font-size: 14px;
    line-height:40px;
    font-family: ralewaysemibold;
    color: #fff;
    //border:#fff 1px solid;
}
#footerGaucheText p{
	display:block;
	position:relative;
	float:left;
	text-align: center;
    font-size: 14px;
    line-height:40px;
    font-family: ralewaysemibold;
    color: #fff;
    //border:#fff 1px solid;
}
#footerDroite{
	display:block;
	position:relative;
	float:right;
	width:160px;
	height:40px;
	margin:0 20px 0 0;
	padding:0 0 0 0;
	text-align:left;
	//border:#ccc 1px solid;
}
#footerDroiteMentions a{
	display:block;
	position:relative;
	float:left;
	text-align: center;
    font-size: 14px;
    line-height:40px;
    text-decoration:none;
    font-family: ralewaysemibold;
    color: #fff;
}
#footerDroiteMentions a:hover{
    color: #ccc;
}
#footerDroiteRetour{
	display:block;
	position:relative;
	height:40px;
	float:left;
	margin: 0 0 0 0;
	right:-15px;
	width:45px;
	border-left:#fff 1px solid;
}
#footerDroiteRetour a{
	display:block;
	position:relative;
	width:45px;
	height:40px;
	text-decoration:none;
}
#footerDroiteRetour a:before{
	display:block;
	position:relative;
	bottom:0;
	cursor:pointer;
	text-align: center;
    font-size: 40px;
    line-height:40px;
    font-family: 'backDrop';
    color:#fff;
    content:"\e908";
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#footerDroiteRetour:hover a:before{
     bottom:5px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/**********PAGES***********/
#pageAccueil{
	display: block;
    position: relative;
    margin: 0;
    
    width: 100%; 
    z-index:50;
    background:#000 url(../images/fond-accueilBackDrop.jpg) center center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
}
#conteneurAccueilLogo {
    z-index: 10;
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    //border: red 2px solid;
    margin: 0px auto 0 auto;
    margin-top: 44vh;
    transform: translateY(-50%);
    text-align: left;
}
#accueilLogo{
	display: block;
    position: relative;
    height:200px;
    max-width: 850px;
    margin: 0 auto 0 auto; 
  //border:#fff 1px solid;
    overflow:hidden;
}
#accueilLogo:after{
	font-family: 'backDrop';
    font-size:530px;
    line-height:200px;
    margin:0;
    color:#fff;
    content:"\e900";
}
/***************************************************************************************/

#BlockPage{
	display: block;
    position: relative;
     max-width: 850px;
     margin: 0 auto 0 auto;
     padding:140px 0 80px 0; 
  //border: red 1px solid;
}
    
#blockTitrePage{
	display: block;
    position: relative;
     max-width: 850px;
     padding:0 0 0 20px;
     margin: 0 auto 0 auto;   
}
#blockTextePage{
	display: block;
    position: relative;
    max-width: 850px;
    padding:0 50px 0 60px;
    margin: 10px auto 0 auto;   
}
#blockTextePage p{
	display: block;
    position: relative;
    margin: 16px 0 0 -3px;   
	text-align: left;
    font-size: 16px;
    line-height:20px;
    font-family: ralewayregular;
    color: #008eca;
}
.texteBoldBleu{
	font-family: ralewaysemibold;
    color: #005da8;
}
H1{
	display:block;
	position:relative;
	left:-4px;
	padding: 0;
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height:16px;
    letter-spacing:1px;
    font-family: ralewaylight;
    color: #cc071d;
}
H1:before{
  	font-family: 'backDrop';
    font-size:13px;
    line-height:22px;
    color:#cc071d;
    content:"\e904";
    margin:0;
}
H2{
	display:block;
	position:relative;
	left:-5px;
	padding: 0;
    margin: 0;
    text-align: left;
    font-size: 26px;
    line-height:26px;
    font-family: ralewaybold;
    color: #005da8;
}
.titreLight{
	font-family: ralewaylight;
}
#blockPictoAcc{
	display: block;
    position: relative;
     max-width: 850px;
     padding:0 0 0 0;
     margin: 20px auto 0 auto;   
     text-align:center;
}
#blockPictoAcc:after{
	font-family: 'backDrop';
    font-size:150px;
    line-height:150px;
    color:#6f7072;
    content:"\e902";
}
/****PAGE DOMAINE*******/
#conteneurBlock3Align{
	display: flex;
    flex-wrap: wrap;
    position: relative;
     max-width: 100%;
     padding:0;
     margin: 10px auto 0 auto;   
     text-align:center;
}
#block3Align{
	display: block;
    position: relative;
    margin: 0 auto 0 auto;
    padding:0;
    width: 33%;
}
#block3AlignPicto1,#block3AlignPicto2,#block3AlignPicto3{
	display: block;
    position: relative;
    padding:0;
    margin: 0;   
     text-align:center;
}
#block3AlignPicto1 p,#block3AlignPicto2 p{
	display: block;
    position: absolute;
    top:82px;
    left:0;
    right:0;
    padding:0 0 0 0;
     margin: 0 0 0 0;   
     text-align:center;
     font-size: 16px;
    line-height:18px;
    font-family: ralewaysemibold;
    color: #49484b;
}
#block3AlignPicto3 p{
	display: block;
    position: absolute;
    top:68px;
    left:0;
    right:0;
    padding:0 0 0 0;
     margin: 0 0 0 0;   
     text-align:center;
     font-size: 16px;
    line-height:18px;
    font-family: ralewaysemibold;
    color: #49484b;
}
.eperluette{
	font-size: 24px;
    line-height:20px;
    color: #b4ada9;
}
#block3AlignPicto1:before,#block3AlignPicto2:before,#block3AlignPicto3:before{
	font-family: 'backDrop';
    font-size:220px;
    line-height:220px;
    color:#6f7072;
    content:"\e903";
}
/*******/
#block3AlignBas{
	display: block;
    position: relative;
    padding:0;
    margin: -10px auto 0 auto;   
    text-align:center;
    width:195px;
}
#blockDom01Bas01:before, #blockDom01Bas02:before,#blockDom01Bas03:before,#blockDom02Bas01:before,#blockDom02Bas02:before,#blockDom02Bas03:before,#blockDom02Bas04:before,#blockDom03Bas01:before,#blockDom03Bas02:before,#blockDom03Bas03:before{
	font-family: 'backDrop';
    font-size:62px;
    line-height:62px;
    color:#6e9cce;
}
#blockDom01Bas01:before{
	content:"\e90a";
}
#blockDom01Bas02:before{
    content:"\e90b";
}
#blockDom01Bas03:before{
    content:"\e90c";
}
#blockDom02Bas01:before{
    content:"\e90d";
}
#blockDom02Bas02:before{
    content:"\e90e";
}
#blockDom02Bas03:before{
    content:"\e911";
}
#blockDom02Bas04:before{
    content:"\e912";
}
#blockDom03Bas01:before{
    content:"\e90f";
}
#blockDom03Bas02:before{
    content:"\e910";
}
#blockDom03Bas03:before{
    content:"\e913";
}
/*******/
#blockDom01Bas01 p,#blockDom01Bas02 p,#blockDom01Bas03 p,#blockDom02Bas01 p,#blockDom02Bas02 p,#blockDom02Bas03 p, #blockDom02Bas04 p,#blockDom03Bas01 p,#blockDom03Bas02 p,#blockDom03Bas03 p{
	text-align:center;
     font-size: 12px;
    line-height:14px;
    font-family: ralewayregular;
    color: #49484b;
}
#blockDom01Bas01,#blockDom02Bas01,#blockDom03Bas01{
	display: inline-block;
    position: relative;
    float:left;
    padding:0 0 0 0;
     margin: 0 0 0 0;   
     text-align:center;
     width:90px;
}
#blockDom01Bas02,#blockDom02Bas02,#blockDom03Bas02{
	display: inline-block;
    position: relative;
    float:right;
    padding:0 0 0 0;
     margin: 0 0 0 0;   
     text-align:center;
     width:90px;
}
#blockDom01Bas03,#blockDom03Bas03{
	display: inline-block;
    position: relative;
    padding:0 0 0 0;
     margin: 20px auto 0 auto;   
     text-align:center;
     width:90px;
}
/*******/
#blockDom02Bas03{
	display: inline-block;
    position: relative;
    float:left;
    padding:0 0 0 0;
     margin: 20px auto 0 auto;   
     text-align:center;
     width:90px;
}
#blockDom02Bas04{
	display: inline-block;
    position: relative;
    float:right;
    padding:0 0 0 0;
     margin: 6px auto 0 auto;   
     text-align:center;
     width:90px;
}
/****PAGE CULTURE*******/
#blockCult01Bas{
    display: block;
    position: relative;
    padding: 0;
    margin: -10px auto 0 auto;
    text-align: center;
    width: 190px;
}
#blockCult02Bas{
    display: block;
    position: relative;
    padding: 0;
    margin: -10px auto 0 auto;
    text-align: center;
    width: 85px;
}
#blockCult03Bas{
    display: block;
    position: relative;
    padding: 0;
    margin: -10px auto 0 auto;
    text-align: center;
    width: 160px;
}
.textPictCult{
	display: block;
    position: absolute;
    top:10px;
    left:0;
    right:0;
    padding:0 0 0 0;
     margin: 0 0 0 0;   
     text-align:center;
     font-size: 16px;
    line-height:18px;
    font-family: ralewaysemibold;
    color: #49484b;
}
.textPictCult2{
	display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    padding:0 0 0 0;
     margin: 0 0 0 0;   
     text-align:center;
     font-size: 16px;
    line-height:18px;
    font-family: ralewaysemibold;
    color: #49484b;
}

.textCult{
	display:block;
	position:relative;
	margin:2px 0 2px 0;
	padding:0 0 0 10px;
	text-align:left;
     font-size: 13px;
    line-height:15px;
    font-family: ralewayregular;
    color: #49484b;
}
.textCult:before{
	display:block;
	position:absolute;
	top:4px;
	left:0;
	font-family: 'backDrop';
    font-size:10px;
    line-height:10px;
    color:#49484b;
    content:"\e904";
}
/****PAGE REFERENCES*******/
#blockReference{
	display: flex;
    flex-wrap: wrap;
    position: relative;
     max-width: 100%;
     padding:0 20px 0 20px;
     margin: 20px auto 0 auto;   
     text-align:center;
}
#log01,#log02,#log03,#log04,#log05,#log06,#log07,#log08,#log09,#logPP{
	display: block;
    position: relative;
    margin:1px auto 1px auto;
    width: 19.65%;
    height:160px;
    text-align:center;
}
#log01{
     background:#000 url(../images/adidas.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log02{
     background:#000 url(../images/atlantic.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log03{
     background:#000 url(../images/loreal.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log04{
     background:#000 url(../images/galop.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log05{
	background:#000 url(../images/genci.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log06{
     background:#000 url(../images/neurones.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log07{
     background:#000 url(../images/grandissime.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log08{
     background:#000 url(../images/illy.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#log09{
	background:#000 url(../images/vigne.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
#logPP{
	     background:#000 url(../images/point.jpg) center center no-repeat scroll;
   -webkit-background-size: 100%;
    background-size: 100%;
}
/****PAGE REALISATION*******/
#blockRealisation{
	display: block;
    position: relative;
     max-width: 735px;
     padding:0 0 0 0;
     margin: 20px auto 0 auto;   
     border: #ccc 1px solid;
     text-align:left;
}
/****PAGE CONTACT*******/
#blockContact{
	display: block;
	position:relative;
	margin:0 0 50px 0;
	padding:0;
	max-width:850px;
	height:220px;
	//border: green 1px solid;
}
#blockContactLienT{
    display: block;
    position: relative;
    float:left;
    text-align:left;
    padding:0 0 0 30px;
    margin: 50px 0 0 70px;   
}
#blockContactLienT p{
    display: block;
    position: relative;
    padding:0 0 0 0;
    margin: 0 0 30px 0;   
    text-align:left;
    font-size: 16px;
    line-height:16px;
    font-family: ralewaysemibold;
    color: #005da8;
}
#blockContactLienT a{
    display: block;
    position: relative;
    padding:0 0 0 0;
    margin: 30px 0 0 0;   
    text-align:left;
    font-size: 16px;
    line-height:16px;
    text-decoration:none;
    font-family: ralewaysemibold;
    color: #005da8;
}
#blockContactLienT a:hover{
    color: #008eca;
}
.adresseP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 40px;
    line-height: 18px;
    color: #008eca;
    content: "\e907";
}
.telP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 40px;
    line-height: 18px;
    color: #008eca;
    content: "\e905";
}
.mailP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 40px;
    line-height: 18px;
    color: #008eca;
    content: "\e906";
}
#blockContactLienPicto{
    display: block;
    position: relative;
    float:right;
    padding:0 0 0 0;
     margin: 20px 160px 0 0;   
}
#blockContactLienPicto:after{
	font-family: 'backDrop';
    font-size:210px;
    line-height:180px;
    color:#6f7072;
    content:"\e902";
}
/* ----------------------------------------------------------------------------------------------------------
	Responsive design code
--------------------------------------------------------------------------------------------------*/


@media screen and (min-width: 1024px) {

.hidemobile5 {
	display: none !important;
}

#navhbg {
	display: inherit;
}
#contenuheader {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#boutonfooter {
	display: inherit;
}
#contenufooter {
	display: inherit;
}


}


@media screen and (min-width: 950px) and (max-width: 1024px) {
img {
	max-width: 100% !important;
	height: auto !important;
}
.container {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#navhbg {
	display: inherit;
}
#contenuheader {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#boutonfooter {
	display: inherit;
}
#contenufooter {
	display: inherit;
}

}
/****************************************************************************************************************/
@media screen and (min-width: 758px) and (max-width: 950px) {
	
#conteneurVeux {
    display: none;
}
#headerIdentite{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header01.jpg) 70% center no-repeat scroll;
}
#headerDomaine{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header02.jpg) 70% center no-repeat scroll;
}
#headerCulture{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header03.jpg) 70% center no-repeat scroll;
    }
#headerReference{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header04.jpg) 70% center no-repeat scroll;
}
#headerRealisation{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header05.jpg) 70% center no-repeat scroll;
}
#headerContact{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:110px;
	background: url(../images/header06.jpg) 70% center no-repeat scroll;
   
}
/********/
#footer{
	display:block;
	position:fixed;
	width:100%;
	height:240px;
	bottom:-235px;
	//border-top:#fff 1px solid;
	background-color:#4a4a4c;
	z-index:150;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.foot-up {
 	margin-bottom:140px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#boutonfooter{
	display:block;
	position:absolute;
	z-index: 4000;
	width:40px;
	height:40px;
	text-align:center;
	top:-40px;
	right:30px;
	background-color:#4a4a4c;
	cursor: pointer;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOn{
	margin:0;
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOff{
	margin:0 200px 0 0;
	opacity: 0;
    filter: alpha(opacity=0);
    pointer-events:none;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e908";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:hover:before{
     bottom:10px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e909";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:hover:before{
     bottom:0;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/***********/
#contenufooter{
	display:block;
	position:relative;
	max-width:950px;
	height:40px;
	margin:20px auto 0 auto;
	padding:0 0 0 0;
	text-align:center;
	//border:red 1px solid;
}
#footerGauche{
	display:block;
	position:relative;
	float:none;
	width:646px;
	height:40px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	text-align:left;
	//border:#ccc 1px solid;
}
#footerGaucheLog:before{
	display:block;
	position:relative;
	float:left;
	font-family: 'backDrop';
    font-size:125px;
    line-height:40px;
    color:#fff;
    content:"\e901";
    //border:#fff 1px solid;
}
#footerGauchePoint p{
	display:block;
	position:relative;
	float:left;
	margin:0 5px 0 5px;
	text-align: center;
    font-size: 16px;
    line-height:40px;
    font-family: ralewaysemibold;
    color: #fff;
    //border:#fff 1px solid;
}
#footerGaucheText p{
	display:block;
	position:relative;
	float:left;
	text-align: center;
    font-size: 16px;
    line-height:40px;
    font-family: ralewaysemibold;
    color: #fff;
    //border:#fff 1px solid;
}
#footerDroite{
	display:block;
	position:relative;
	float:none;
	width:176px;
	height:40px;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
	text-align:left;
	//border:#ccc 1px solid;
}
#footerDroiteMentions a{
	display:block;
	position:relative;
	float:left;
	text-align: center;
    font-size: 16px;
    line-height:40px;
    text-decoration:none;
    font-family: ralewaysemibold;
    color: #fff;
}
#footerDroiteMentions a:hover{
    color: #ccc;
}
#footerDroiteRetour{
	display:block;
	position:relative;
	height:40px;
	float:left;
	margin: 0 0 0 0;
	right:-15px;
	width:45px;
	border-left:#fff 1px solid;
}
#footerDroiteRetour a{
	display:block;
	position:relative;
	width:45px;
	height:40px;
	text-decoration:none;
}

#footerDroiteRetour a:before{
	display:block;
	position:relative;
	bottom:0;
	cursor:pointer;
	text-align: center;
    font-size: 40px;
    line-height:40px;
    font-family: 'backDrop';
    color:#fff;
    content:"\e908";
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#footerDroiteRetour:hover a:before{
     bottom:5px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/*Accueil***/
#accueilLogo {
    display: block;
    position: relative;
    height: 200px;
    max-width: 850px;
    margin: 0 0 0 30px;
    overflow: hidden;
}
#BlockPage{
	display: block;
    position: relative;
     max-width: 850px;
     margin: 0 auto 0 auto;
     padding:140px 0 20px 0; 
  //border: red 1px solid;
}
/*Domaine*/

#conteneurBlock3Align {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    text-align: center;
}
#block3Align {
    display: block;
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 45%;
}
#block3AlignBas {
    display: block;
    position: relative;
    padding: 0;
    margin: -24px auto 0 auto;
    text-align: center;
    width: 195px;
}
/*ref*/
#blockReference {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    padding: 0 58px 0 58px;
    margin: 20px auto 0 auto;
    text-align: center;
}
#log01, #log02, #log03, #log04, #log05, #log06, #log07, #log08, #log09, #logPP {
    display: block;
    position: relative;
    margin: 1px auto 1px auto;
    width: 33%;
    height: 190px;
    text-align: center;
}
/*contact*/
#blockContactLienT {
    display: block;
    position: relative;
    float: none;
    text-align: left;
    padding: 0 0 0 30px;
    margin: 50px 0 0 0;
}
#blockContactLienPicto {
    display: block;
    position: relative;
    float: none;
    text-align: center;
    padding: 0 0 0 0;
    margin: 20px 0 0 0;
}

/******/
}



/***********************************************************************************/
@media screen and (min-width: 524px) and (max-width: 758px) {
	
	#conteneurVeux {
    display: none;
}
/*--------------------------------FOOTER------------------------------------------------*/
.menu-icon-wrapper svg {
    position: absolute;
    top: -38px;
    left: -25px;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.iconOn{
	margin-right:30px;
}
.iconOff{
	margin-right: -50px;
}
/**********/
#contenuheader {
  height: 70px;
}
#contenuHautLogo {
     height: 70px;
    }
#logoHeader {
    display: block;
    position: relative;
    width: 220px;
    height: 70px;
    margin: 0 0 0 0;
    text-align: left;
    //border:red 1px solid;
}
#logoHeader a {
    display: block;
    position: relative;
    margin: 0 0 0 9px;
    float: left;
    height: 70px;
    text-decoration: none;
    overflow: hidden;
}
#logoHeader a:before {
    font-family: 'backDrop';
    font-size: 200px;
    line-height: 70px;
    margin: 0 0 0 0;
    color: #fff;
    content: "\e901";
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#headerIdentite{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header01.jpg) 70% center no-repeat scroll;
	-webkit-background-size: cover;
    background-size: cover;
}
#headerDomaine{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header02.jpg) 70% center no-repeat scroll;
	-webkit-background-size: cover;
    background-size: cover;
}
#headerCulture{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header03.jpg) 70% center no-repeat scroll;
	-webkit-background-size: cover;
    background-size: cover;
    }
#headerReference{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header04.jpg) 70% center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
}
#headerRealisation{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header05.jpg) 70% center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
}
#headerContact{
	position:absolute;
	width:100%;
	top:0;
	height:70px;
	background: url(../images/header06.jpg) 70% center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
}
#footer{
	display:block;
	position:fixed;
	width:100%;
	height:280px;
	bottom:-275px;
	//border-top:#fff 1px solid;
	background-color:#4a4a4c;
	z-index:150;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.foot-up {
 	margin-bottom:180px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#boutonfooter{
	display:block;
	position:absolute;
	z-index: 4000;
	width:40px;
	height:40px;
	text-align:center;
	top:-40px;
	right:12px;
	background-color:#4a4a4c;
	cursor: pointer;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOn{
	margin:0;
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOff{
	margin:0 200px 0 0;
	opacity: 0;
    filter: alpha(opacity=0);
    pointer-events:none;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e908";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:hover:before{
     bottom:10px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e909";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:hover:before{
     bottom:0;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/***********/
#contenufooter{
	display:block;
	position:relative;
	max-width:950px;
	height:40px;
	margin:20px auto 0 auto;
	padding:0 0 0 0;
	text-align:center;
	//border:red 1px solid;
}
#footerGauche{
	display:block;
	position:relative;
	float:none;
	width:400px;
	height:40px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	text-align:center;
	//border:#ccc 1px solid;
}
#footerGaucheLog:before{
	display:block;
	position:relative;
	float:none;
	margin:0 auto 0 auto;
	
	    color:#fff;
    content:"\e901";
    //border:#fff 1px solid;
}
#footerGauchePoint p{
	display:none;
}
#footerGaucheText p{
	display:block;
	position:relative;
	float:none;
	text-align: center;
    //font-size: 16px;
    line-height:20px;
    font-family: ralewaysemibold;
    color: #fff;
    //border:#fff 1px solid;
}
#footerDroite{
	display:block;
	position:relative;
	float:none;
	width:176px;
	height:40px;
	margin:60px auto 0 auto;
	padding:0 0 0 0;
	text-align:left;
	//border:#ccc 1px solid;
}
#footerDroiteMentions a{
	display:block;
	position:relative;
	float:left;
	text-align: center;
    //font-size: 16px;
    line-height:40px;
    text-decoration:none;
    font-family: ralewaysemibold;
    color: #fff;
}
#footerDroiteMentions a:hover{
    color: #ccc;
}
#footerDroiteRetour{
	display:block;
	position:relative;
	height:40px;
	float:left;
	margin: 0 0 0 0;
	right:-15px;
	width:45px;
	border-left:#fff 1px solid;
}
#footerDroiteRetour a{
	display:block;
	position:relative;
	width:45px;
	height:40px;
	text-decoration:none;
}

#footerDroiteRetour a:before{
	display:block;
	position:relative;
	bottom:0;
	cursor:pointer;
	text-align: center;
    font-size: 40px;
    line-height:40px;
    font-family: 'backDrop';
    color:#fff;
    content:"\e908";
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#footerDroiteRetour:hover a:before{
     bottom:5px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/*Accueil***/
#conteneurAccueilLogo {
    z-index: 10;
    display: block;
    position: absolute;
    width: 100%;
    height: 250px;
    //border: red 2px solid;
    margin: 0px auto 0 auto;
    margin-top: 45vh;
    transform: translateY(-50%);
    text-align: left;
}
#accueilLogo{
	display: block;
    position: relative;
    height:250px;
    max-width: 758px;
    margin: 0 0 0 20px; 
  //border:#fff 1px solid;
    overflow:hidden;
}
#accueilLogo:after{
	font-family: 'backDrop';
    font-size:400px;
    line-height:250px;
    margin:0;
    color:#fff;
    content:"\e900";
}
/********/
#BlockPage{
	display: block;
    position: relative;
     max-width: 850px;
     margin: 0 auto 0 auto;
     padding:80px 0 20px 0; 
     //border: red 1px solid;
}
#blockTextePage p {
    display: block;
    position: relative;
    margin: 6px 0 0 -3px;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    font-family: ralewayregular;
    color: #008eca;
}
H2 {
    display: block;
    position: relative;
    left: -5px;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 24px;
    line-height: 26px;
    font-family: ralewaybold;
    color: #005da8;
}
/*Domaine*/

#conteneurBlock3Align {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    text-align: center;
}
#block3Align {
    display: block;
    position: relative;
    margin: 10px auto 0 auto;
    padding: 0;
    width: 90%;
}
#block3AlignBas {
    display: block;
    position: relative;
    padding: 0;
    margin: -24px auto 0 auto;
    text-align: center;
    width: 195px;
}
/*ref*/
#blockReference {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    padding: 0 58px 0 58px;
    margin: 20px auto 0 auto;
    text-align: center;
}
#log01, #log02, #log03, #log04, #log05, #log06, #log07, #log08, #log09, #logPP {
    display: block;
    position: relative;
    margin: 1px auto 1px auto;
    width: 33%;
    height: 140px;
    text-align: center;
}
/*real*/
#blockRealisation {
    display: block;
    position: relative;
    max-width: 735px;
    padding: 0 0 0 0;
    margin: 10px 55px 0 55px;
    border: #ccc 1px solid;
    text-align: left;
}
/*contact*/
#blockContact {
    display: block;
    position: relative;
    margin: -5px 0 50px 0;
    padding: 0;
    max-width: 850px;
    height: 220px;
}
#blockContactLienT {
    display: block;
    position: relative;
    float: none;
    text-align: left;
    padding: 0 0 0 30px;
    margin: 20px 0 0 0;
}
#blockContactLienT p {
    display: block;
    position: relative;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 16px;
    line-height: 16px;
    font-family: ralewaysemibold;
    color: #005da8;
}
#blockContactLienT a {
    display: block;
    position: relative;
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    text-align: left;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    font-family: ralewaysemibold;
    color: #005da8;
}
.adresseP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 35px;
    line-height: 18px;
    color: #008eca;
    content: "\e907";
}
.telP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 35px;
    line-height: 18px;
    color: #008eca;
    content: "\e905";
}
.mailP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 35px;
    line-height: 18px;
    color: #008eca;
    content: "\e906";
}
#blockContactLienPicto {
    display: block;
    position: relative;
    float: none;
    text-align: center;
    padding: 0 0 0 0;
    margin: 20px 0 0 0;
}

/******/
}
/***********************************************************************************/
@media screen and (max-width: 524px) {
	
	#conteneurVeux {
    display: none;
}
/*--------------------------------FOOTER------------------------------------------------*/
.menu-icon-wrapper svg {
    position: absolute;
    top: -38px;
    left: -25px;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.iconOn{
	margin-right:30px;
}
.iconOff{
	margin-right: -50px;
}

#contenuheader {
    display: block;
    max-width: 758px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    height: 70px;
    text-align: center;
}
#contenuHautLogo {
    display: block;
    position: relative;
    padding: 0 0 0 0;
    top: 0;
    z-index: 20;
    height: 70px;
    max-width: 758px;
    margin: 0 auto 0 auto;
    text-align: left;
}
#logoHeader {
    display: block;
    position: relative;
    width: 220px;
    height: 70px;
    margin: 0 0 0 0;
    text-align: left;
    //border:red 1px solid;
}
#logoHeader a {
    display: block;
    position: relative;
    margin: 0 0 0 9px;
    float: left;
    height: 70px;
    text-decoration: none;
    overflow: hidden;
}
#logoHeader a:before {
    font-family: 'backDrop';
    font-size: 200px;
    line-height: 70px;
    margin: 0 0 0 0;
    color: #fff;
    content: "\e901";
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#headerIdentite{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header01.jpg) 84% center no-repeat scroll;
	-webkit-background-size: cover;
    background-size: cover;
}
#headerDomaine{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header02.jpg) 84% center no-repeat scroll;
	-webkit-background-size: cover;
    background-size: cover;
}
#headerCulture{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header03.jpg) 84% center no-repeat scroll;
	-webkit-background-size: cover;
    background-size: cover;
    }
#headerReference{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header04.jpg) 88% center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
}
#headerRealisation{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:70px;
	background: url(../images/header05.jpg) 84% center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
}
#headerContact{
	position:absolute;
	width:100%;
	top:0;
	height:70px;
	background: url(../images/header06.jpg) 84% center no-repeat scroll;
   -webkit-background-size: cover;
    background-size: cover;
}
#footer{
	display:block;
	position:fixed;
	width:100%;
	height:280px;
	bottom:-275px;
	//border-top:#fff 1px solid;
	background-color:#4a4a4c;
	z-index:150;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.foot-up {
 	margin-bottom:180px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#boutonfooter{
	display:block;
	position:absolute;
	z-index: 4000;
	width:40px;
	height:40px;
	text-align:center;
	top:-40px;
	right:12px;
	background-color:#4a4a4c;
	cursor: pointer;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOn{
	margin:0;
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.BtFootOff{
	margin:0 200px 0 0;
	opacity: 0;
    filter: alpha(opacity=0);
    pointer-events:none;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e908";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootH:hover:before{
     bottom:10px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:before{
	display:block;
	position:absolute;
	width: auto;
	height:auto;
    margin: 0 auto 0 auto;
    bottom:5px;
    left:0;
    right:0;
  	font-family: 'backDrop';
    font-size:34px;
    color:#fff;
    content:"\e909";
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
.flechFootB:hover:before{
     bottom:0;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/***********/
#contenufooter{
	display:block;
	position:relative;
	max-width:950px;
	height:40px;
	margin:20px auto 0 auto;
	padding:0 0 0 0;
	text-align:center;
	//border:red 1px solid;
}
#footerGauche{
	display:block;
	position:relative;
	float:none;
	width:220px;
	height:40px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	text-align:center;
	//border:#ccc 1px solid;
}
#footerGaucheLog:before{
	display:block;
	position:relative;
	float:none;
	margin:0 auto 0 auto;
	
	    color:#fff;
    content:"\e901";
    //border:#fff 1px solid;
}
#footerGauchePoint p{
	display:none;
}
#footerGaucheText p{
	display:block;
	position:relative;
	float:none;
	text-align: center;
    //font-size: 16px;
    line-height:20px;
    font-family: ralewaysemibold;
    color: #fff;
    //border:#fff 1px solid;
}
#footerDroite{
	display:block;
	position:relative;
	float:none;
	width:176px;
	height:40px;
	margin:60px auto 0 auto;
	padding:0 0 0 0;
	text-align:left;
	//border:#ccc 1px solid;
}
#footerDroiteMentions a{
	display:block;
	position:relative;
	float:left;
	text-align: center;
    //font-size: 16px;
    line-height:40px;
    text-decoration:none;
    font-family: ralewaysemibold;
    color: #fff;
}
#footerDroiteMentions a:hover{
    color: #ccc;
}
#footerDroiteRetour{
	display:block;
	position:relative;
	height:40px;
	float:left;
	margin: 0 0 0 0;
	right:-15px;
	width:45px;
	border-left:#fff 1px solid;
}
#footerDroiteRetour a{
	display:block;
	position:relative;
	width:45px;
	height:40px;
	text-decoration:none;
}

#footerDroiteRetour a:before{
	display:block;
	position:relative;
	bottom:0;
	cursor:pointer;
	text-align: center;
    font-size: 40px;
    line-height:40px;
    font-family: 'backDrop';
    color:#fff;
    content:"\e908";
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#footerDroiteRetour:hover a:before{
     bottom:5px;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;	
}
/*Accueil***/
#conteneurAccueilLogo {
    z-index: 10;
    display: block;
    position: absolute;
    width: 100%;
    height: 250px;
    //border: red 2px solid;
    margin: 0px auto 0 auto;
    margin-top: 45vh;
    transform: translateY(-50%);
    text-align: left;
}
#accueilLogo{
	display: block;
    position: relative;
    height:250px;
    max-width: 758px;
    margin: 0 0 0 20px; 
  //border:#fff 1px solid;
    overflow:hidden;
}
#accueilLogo:after{
	font-family: 'backDrop';
    font-size:260px;
    line-height:250px;
    margin:0;
    color:#fff;
    content:"\e900";
}
/********/
#BlockPage{
	display: block;
    position: relative;
     max-width: 850px;
     margin: 0 auto 0 auto;
     padding:80px 0 60px 0; 
     //border: red 1px solid;
}
#blockTextePage {
    display: block;
    position: relative;
    max-width: 850px;
    padding: 0 20px 0 35px;
    margin: 10px auto 0 auto;
}
#blockTextePage p {
    display: block;
    position: relative;
    margin: 6px 0 0 -3px;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    font-family: ralewayregular;
    color: #008eca;
}
H2 {
    display: block;
    position: relative;
    left: -5px;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    font-family: ralewaybold;
    color: #005da8;
}
/*Domaine*/
#conteneurBlock3Align {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    text-align: center;
}
#block3Align {
    display: block;
    position: relative;
    margin: 10px auto 0 auto;
    padding: 0;
    width: 90%;
}
#block3AlignBas {
    display: block;
    position: relative;
    padding: 0;
    margin: -24px auto 0 auto;
    text-align: center;
    width: 195px;
}
/*ref*/
#blockReference {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    padding: 0 32px 0 32px;
    margin: 10px auto 0 auto;
    text-align: center;
}
#log01, #log02, #log03, #log04, #log05, #log06, #log07, #log08, #log09, #logPP {
    display: block;
    position: relative;
    margin: 1px auto 1px auto;
    width: 49%;
    height: 120px;
    text-align: center;
}
/*real*/
#blockRealisation {
    display: block;
    position: relative;
    max-width: 735px;
    padding: 0 0 0 0;
    margin: 30px 0 0 0;
    border: #ccc 1px solid;
    text-align: left;
}
/*contact*/
#blockContact {
    display: block;
    position: relative;
    margin: -5px 0 50px 0;
    padding: 0;
    max-width: 850px;
    height: 220px;
}
#blockContactLienT {
    display: block;
    position: relative;
    float: none;
    text-align: left;
    padding: 0 0 0 30px;
    margin: 35px 0 0 0;
}
#blockContactLienT p {
    display: block;
    position: relative;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    font-family: ralewaysemibold;
    color: #005da8;
}
#blockContactLienT a {
    display: block;
    position: relative;
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    font-family: ralewaysemibold;
    color: #005da8;
}
.adresseP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 35px;
    line-height: 18px;
    color: #008eca;
    content: "\e907";
}
.telP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 35px;
    line-height: 18px;
    color: #008eca;
    content: "\e905";
}
.mailP:before {
    display: block;
    position: absolute;
    top: 0;
    left: -38px;
    font-family: 'backDrop';
    font-size: 35px;
    line-height: 18px;
    color: #008eca;
    content: "\e906";
}
#blockContactLienPicto {
    display: block;
    position: relative;
    float: none;
    text-align: center;
    padding: 0 0 0 0;
    margin: 20px 0 0 0;
}
#blockContactLienPicto:after {
    font-family: 'backDrop';
    font-size: 160px;
    line-height: 160px;
    color: #6f7072;
    content: "\e902";
}


/******/
}