.wrapper{
	margin:auto;
}

body{
	margin: auto !important;
	font-size:16px !important;
}



/*

HEADER

*/

#header{
	position:fixed;
	top:0px;
	background-color:#ffffff;
	clear:both;
	display:block;
	padding-top:34px;
	width:100%;
	z-index:99;
}
	#boxLogoHeader{
		left:19%; 
		position: absolute;
	}

	#header .row-fluid{
		padding-left:0px;
	}

	#header #boxNavigationTop{

	}

	#header #navigationTop{
		list-style:none;
		margin-left:0px;
	}

	#header #navigationTop li, #header #navigationTop a{
		font-family:'LarsseitRegular';
		font-weight:lighter;
	}

	#header #navigationTop li, #header #navigationTop a, #header #navigation li, #header #navigation a{
		display:block;
	}

	#header #navigationTop a{
		color:#6a6764;
		font-size:15px;
		padding:7px;
	}

	#header #navigationTop a:hover, #header #navigationTop li a.active, #header #navigationTop a:active, #header #navigationTop a:visited{
		font-family:'LarsseitBold' !important;
		text-decoration:underline;
		-webkit-text-stroke: 0.5px;
		font-weight: normal;
    	font-style: normal;
	}
	
	#header #navigationTop li a.active{
		text-decoration:underline;
	}

	#header #btn-location{
		color:#ffffff;
		display:block;
		background-color:#1d2733;
		padding:10px 14px 10px 14px;
		text-align:center;
		margin:10px 10px 10px 0;
		font-size:14px;
	}

	#header #btn-location:hover{
		opacity:0.9;
		text-decoration:none;
	}

	#header #navigation{
		list-style:none;
		margin-left:0px;
	}

	#header #navigation li{
		
	}

	#header #navigation a{
		color:#000000;
		text-transform:uppercase;
		font-size: 15px;
		padding: 10px;
		
		font-family:'LarsseitBold';
	}

	#header #navigation li:hover, #header #navigation li:visited, #header #navigation li:active{
		margin-left:0;
	}

	#header #navigation a:hover, #header #navigation a.active, #header #navigation a:visited, #header #navigation a:active{
		border-top:solid #000000 3px;
		border-bottom:solid #000000 3px;
		
		text-decoration:none;
	}

	

	#header #navigation li.last-child a{

	}

/*

CONTENT

*/

#content{
	clear:both;
	display:block;
}
	#content .row, #content .row-fluid{
		
	}

	#accueil #content h1{
		padding-top:52px;
	}

	#content h1{
		margin:0px;
		padding-top:20px;
		font-size:36px;
		text-align:center;
		margin-bottom:7%;
		font-family:'LarsseitBold';
		
	}

	#content h2{
		margin:0px;
		margin-bottom:20px;
		font-size:36px;
		text-align:center;
		font-family:'LarsseitBold';
	}

	#content .box-texte{
		padding-left:20px;
		padding-right:20px;
	}

	#propos #content .box-texte{
		
	}

	#content .box-texte.sansTitre{
		padding-top:13%;
	}

	#content .box-texte.sansTitre p{
		margin-bottom:0px;
	}

	#accueil #content .box-texte h3{
		margin-top:20px;
	}

	#content .box-texte h3{
		font-size:18px;
		line-height:22px;
		margin-bottom:20px;
		font-family:'LarsseitBold';
	}

	#content .box-texte-nouvelle{
		padding-left:20px;
		padding-right:20px;
	}

	#content .box-texte-nouvelle img{
		margin-bottom:8%;
	}

	#content .box-texte p, #content .box-texte-nouvelle p{
		font-size:14px;
		line-height: 20px;
		padding-bottom:27px;
	}

	#propos #content .box-texte p{
		padding-bottom:10px !important;
	}

	#content .box-texte a{
		display:block;
		padding-bottom:10px;
	}

	#accueil #content .boxInfo{
		padding-top:12%;
		margin:auto;
		width:83.27198%;
	}

	.boxInfo{
		position:relative;
		z-index:1;
	}

	#content .boxInfo, #content .boxInfoP{
		padding-top:0px;
		margin:auto;
		width:83.27198%;
	}

	#content .boxInfo h3, #content .boxInfoP h3{
		font-size:36px;
		text-align:center;
		font-family:'LarsseitBold';
		margin-top:0px;
	}

	#propos #content .boxInfo h3, #propos #content .boxInfoP h3{
		text-align:left;
		padding:0; margin:0;
		padding-top:20px;
	}

	#content .boxInfo h4, #content .boxInfoP h4{
		font-size:18px;
		font-family:'LarsseitBold';
	}

	#content .boxInfo .box-texte, #content .boxInfoP .box-texte{
		padding:0px;
		padding-top:20px;
		border-bottom:dashed 1px #1d2733;
		border-top:dashed 1px #1d2733;
	}

	#propos #content .boxInfo .box-texte, #propos #content .boxInfoP .box-texte{
		padding:0px;
		border-bottom:none;
		border-top:none;
	}

	#content #boxSept h2, #content #boxMartin h2{
		font-size:26px;
		margin-bottom:10px;
	}

	#content #boxSept h3{
		font-size:14px;
		text-transform:uppercase;
		margin-bottom:0px;
	}

	#content #boxSept p{
		line-height: 20px;
	}

	#content #boxSept a{
		font-family:'LarsseitBold';
		text-transform:uppercase;
		padding-bottom:0px;
	}

	#content #boxMartin h2{
		font-size:26px;
		margin-bottom:10px;
	}

	#content #boxMartin h4{
		font-size:14px;
		text-transform:uppercase;
		margin-bottom:0px;
	}

	#content #boxMartin p{
		line-height: 20px;
	}

	#content #boxMartin a{
		font-family:'LarsseitBold';
		text-transform:uppercase;
		text-decoration:underline;
	}


	/*

	PROPOS

	*/

	#boxRealisation h2{
		margin-top:25px;
	}

	#collaboration h3{
		margin-bottom:15px !important;
		font-size:30px !important;
		margin-top:25px !important;
	}

	#experience h4{
		font-size:36px;
		text-align:center;
		line-height:36px;
		margin-bottom: 20px;
	}

	#propos #content .box-texte h3{
		font-size:36px;
		text-align:center;
		line-height:36px;
		margin-top:0;
	}

	#propos #boxContact h4{
		font-size:36px;
		text-align:center;
		line-height:36px;
	}

	#propos #boxContact ul{
		list-style:none;
		margin:0; padding:0px;
	}

	#propos #boxContact ul li{
		font-size:15px;
		line-height:24px;
	}

	#propos #boxContact a{
		display:inline;
	}

	/*

	HUB CHABANEL

	*/

	#hub #content{
		background-image:url(../../public/images/bg-hub.png);
		background-position:top center;
		background-repeat:no-repeat;
	}

	#hub #hub-logo{
		position:relative;
		z-index:10;
	}

	#hub #boxImgTop{
		position:relative;
	}

	#hub #boxTitreTop{
		float:left;
		margin-left:3%;
	}

	#hub #boxTitreTop p{
		font-size:40px;
		font-family:'LarsseitExtraBold';
	}

	#hub #encadre1{
		margin-left:12%;
		margin-top:-8px;
	}

	#hub #encadre1 p{
		font-family:'LarsseitExtraBold';
		padding:0; margin:0;
		padding:14px 10px 10px 18px;
		font-size:28px;
	}

	#hub #boxTitreMiddle .boxTitle p{
		font-family: 'LarsseitThin';
		font-size:45px;
		margin-top:35px;
	}

	#hub .boxTexteDesc{
		position:relative;
		z-index:10;
	}

	#hub .boxTexteDesc p{
		font-size:18px;
	}

	#hub .boxBtn{
		padding:20px 20px 20px 20px;
		display:block;
		float:left;
		font-size:18px;
		font-family:'LarsseitExtraBold';
		text-decoration:underline;
		margin-left:-8px;
		margin-bottom:-8px;
	}

	#hub .boxTitle .title{
		margin-top:99px;
		margin-left:50px;
	}

	#hub #blockRight{
	}

	#hub #blockRight .title{
		margin-left:230px;
		font-size:48px;
		margin-bottom:51px;
	}

	#hub #blockRight p{
		font-size:18px;
	}

	#hub #blockRight .boxBtn{
		margin-top:22%;
		margin-right:-68px;
		float:right;
	}

	/*

	IMMEUBLE

	*/

	#immeuble #content{
		background-image:url(../../public/images/bg-hub.png);
		background-position:top center;
		background-repeat:no-repeat;
		padding-top:66px;
	}

	#immeuble .boxSommaire{
		padding:8px 0 1px 0px;
	}

	#immeuble .boxSommaire p{
		text-align:center;
		font-size:36px;
	}

	#immeuble .boxSommaire a:hover{
		text-decoration:none;
	}

	#immeuble .boxPersonContact{
		padding:12px 0 10px 0px;
		border-top:5px solid #000000;
	}

	#immeuble .boxPersonContact p{
		font-size:15px;
		padding:0; margin:0;
	}

	#immeuble .boxCirculation{
		margin-top:25px;
	}

	#immeuble .colonneMenu{
		position:relative;
		z-index:10;
	}

	#immeuble .colonneMenu .boxLogo{
		
	}

	.colonneMenu .L{
	}

	#immeuble .colonneMenu ul{
		list-style:none;
		margin:0px;
		padding:0;
	}

	#immeuble .colonneMenu #boxBtnGalerie{
		margin-right:15px;
	}

	#immeuble .colonneMenu #boxBtnGalerie li{
		margin-top:43px;
	}

	#immeuble .colonneMenu h2{
		font-size:84px;
		line-height:56px;
		font-family: 'LarsseitExtraBold';
		margin-top:40px;
		margin-left:10px;
		text-align:left;
		margin-bottom:0px;
	}
	
	#immeuble .colonneMenu p{
		margin-left:13px;
		text-align:left;
	}

	#immeuble .menuImmeuble{
		list-style:none;
		padding:10px 0 27px 25px;
	}

	#immeuble .menuImmeuble li{
		font-size:11px;
		line-height:23px;
		margin:4px 0;
	}

	#immeuble .menuImmeuble li a{
		color:#000000;
	}
	
	#immeuble .colonneMenu .menuImmeuble li a.active_link{
		text-decoration:underline;
	}

	#immeuble .menuImmeuble li strong{
		font-size:22px;
		font-family: 'LarsseitBold';
	}

	#immeuble .colonneContenu.span8{
		margin-left:-54px;
		position:relative;
	}

	#immeuble .colonneContenu .boxInfoSuppl{
		margin-top:10px;
		position:relative;
		z-index:5;
		font-size:30px;
		background-color:#ffffff;
		font-family: 'LarsseitExtraBold';
		width:215px;
		padding:14px 50px 10px 15px;
		margin-left:20px;
		margin-bottom:-2px;
	}

	#immeuble .colonneContenu .boxInfoSuppl p{
		margin:0; padding:0;
	}

	#immeuble .colonneContenu .span6, #immeuble .colonneContenu .span7{
		
	}

	#immeuble .boxContenu{
		border:1px solid #000000;
		padding:0px 20px 20px 20px;
		background-color:#ffffff;
	}

	#immeuble .boxContenu h1{
		font-size:46px;
		font-family: 'LarsseitExtraBold';
		text-align:left;
		margin-bottom:3%;
	}

	#immeuble .colonneContenu h3{
		font-size:22px;
		line-height:24px;
		font-family: 'LarsseitExtraBold';
		margin-top:55px;
	}

	#immeuble .colonneContenu ul{
		list-style:none;
		margin:0; padding:0;
	}

	#immeuble .colonneContenu ul li{
		color:#333333;
		margin-top:15px;
	}

	#immeuble .colonneContenu ul li span{
		font-family: 'LarsseitExtraBold';
		color:#000000;
	}

/*


PRODUITS


*/



/*


MÉTHODE


*/



#footer
{
	width:100%;
	clear:both;
	display:block;
	background-color:#1d2733;
	padding:18px 0px 8px 0px;
	position:fixed;
	bottom:0px;
	z-index:20;
	border-top:1px solid #ffffff;
}
	#footer .row-fluid{
		padding-left:4%;
		padding-right:3%;
		width:93%;
	}

	#footer p{
		padding:0; margin:0;
	}

	#footer a
	{
		font-size:15px;
		text-transform:uppercase;
		display:block;
		text-align:center;
		font-size:20px;
	}

	#footer p#legal{
		font-size:11px;
	}

/* INFOLETTRE */

#contentInfo{
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-image:url(../../public/images/bgTransparentNoir.png);
}

#contenuInfo{
	margin:auto;
	margin-top:80px;
}

#contenuInfo form{
	padding:20px;
	width:95%;
}

#inscription{
	width:35px;
	height:35px;
}

#inscriptionBtn{
	border:0px;
	color: #ffffff;
	background-color: #1d2733;
	padding: 12px 14px 12px 14px;
	text-align: center;
}

#btnFerme{
	margin-right:-35px; 
	margin-top:-35px; 
	position:relative; 
	z-index:10;
}


/* FORMULAIRE PROJET */
#contentProjet{
	position:absolute;
	z-index:100;

	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-image:url(../../public/images/bgTransparentNoir.png);
}

#contenuProjet{
	margin:auto;
	margin-top:80px;
}

#contenuProjet form{
	padding:20px;
	width:95%;
}

#inscription{
	width:35px;
	height:35px;
}

#inscriptionBtn{
	border:0px;
	color: #ffffff;
	background-color: #1d2733;
	padding: 12px 14px 12px 14px;
	text-align: center;
}

#btnFermeProjet{
	margin-right:-35px; 
	margin-top:-35px; 
	position:relative; 
	z-index:10;
}

.paddingTop20{
	padding-top:20px !important;
} 

.paddingLeft20{
	padding-left:20px;
} 

.paddingRight20{
	padding-right:20px;
} 

.paddingBottom20{
	padding-bottom:20px;
}

.padding20{
	padding:20px !important;
}

.noMarginBottom{
	margin-bottom:0px !important;
}

.font28{
	font-size:28px;
}

.border2{
	border:2px solid #000000;
}

.textAlignLeft{
	text-align:left !important;
}