a {
	color:inherit;
}
body {
	font-family:'Open Sans',"Lato","Arial", sans-serif;
	font-size:16px!important;
	margin:0;
	color:#333;
}
body.editMode {
	margin-top:30px;
	/*margin-bottom:45px;*/
}
.centre {
	width:1070px;
	margin:0 auto;
}
.HL_BLOCK {
	width:1070px;
	margin:0 auto;
}
.HN_BUTTON, .HL_WIDGET_CONTACTFORM button {
	background-color:#f96705;
	color:#FFF;
	display:inline-block;
	padding:10px 30px;
	text-transform:uppercase;
	font-family: "Open Sans", Arial;
	font-weight:bold;
	font-size:13px;
	margin-bottom:30px;
}
.HN_BUTTON a {
	color:inherit;
	text-decoration:none;
}
.HL_WIDGET_CONTACTFORM button {
	border:0;
}
.header {
	color:#1dade6;
	font-weight:bold;
}
.header img {
	max-width:150px;
}
.header .HL_WIDTH_1x2 {
	margin-top:12px;
}
.header strong {
	color:#FFF;
	background-color:#1dade6;
	display:inline-block;
	padding:0 10px;
}
.menu {
	background-color:#f96705;
}
.prefooter {
	background-color:#373737;
	padding-bottom:40px;
}
.footer {
	background-color: #232323;
	font-size: 12px;
	min-height: 50px;
	line-height: 50px;
}
.footer a {
	color:inherit;
	text-decoration:none;
}
.footer .fa {
	font-size:18px;
	width:1em;
	padding:0 10px;
	
}
.prefooter, .footer, .bandeau {
	color:#FFF;
}
.optIn {
	width:760px;
	padding:10px;
	background-color:#070707;
	background-color:rgba(7,7,7,0.85);
	margin-bottom:100px;
}
.optIn .HL_DIVISION {
	padding: 10px;
}
.optIn p {
	margin:0;
}
.optIn div {
	display:inline-block;
}
.optIn input {
	background-color: #ffffff;
	border: 0 none;
	height: 32px;
	margin-right: 10px;
	padding: 0 10px;
	width: 210px;
}
.optIn button {
	height:32px;
	line-height:10px;
}
.bandeau {
	display:inline-block;
	width:100%;
	margin-bottom:50px;
	min-height:320px;
}
.bandeau .HL_WIDTH_1x1 {
	font-family:"Patua One", Arial;
	font-size:24px;
	margin-top:130px;
}
.counters {
	background-color:#f1f1f1;
}
.counters .HL_WIDTH_1x4 {
	width: 20%!important;
	margin: 0 2.5%;
}

.HL_WIDGET_NUMBERCOUNTER {
	/*border:1px solid #F00;*/
	text-align:center;
	background-image: url("../images/counter.png");
	margin-bottom:20px;
}
.HN_COUNTER_ICON {
	color:#2e96db;
	font-size:48px;
	/*display:inline-block;*/
}
.HN_COUNTER_COUNT {
	font-family:"Patua One", Arial;
	color:#444;
	font-size:48px;
	/*display:inline-block;*/
}
.HN_COUNTER_TEXT {
	color:#AAA;
	font-size:14px;
	/*display:inline-block;*/
}

.methode {
	color:#FFF;
	padding:20px 0;
	margin:20px 0;
}

h1 {
	font-family: "Patua One",Arial;
	font-weight:normal;
	font-size:33px;
	
}
.presentation h1 {
	margin-top:0;
}
.testimony .HL_LIST_ELEMENT::before {
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 54px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	content:"\f10e";
	
	color:#DDD;
	margin-right:10px;
	text-align: center;
	width: 1.28571em;
	position:absolute;
	top:18px;
	left:18px;
	/*z-index:9;*/
}
.testimony_text {
	font-family: "Patua One",Arial;
	position:relative;
	/*z-index:10;*/
	/*background-color:#f8f8f8;*/
	padding:30px 50px;
	white-space:normal;
}
.testimony {
	position:relative;
	padding-bottom:40px;
}
.testimony .HL_LIST_ELEMENT {
	background-color:#f8f8f8;
	position:relative;
	display:inline-block;
	width:100%;
	
}
.testimony_author {
	font-weight:bold;
	font-size:14px;
	text-align:center;
	background-color:#FFF;
	padding-top:20px;
}
.testimony_poste {
	color:#ABABAB;
	font-weight:normal;
	font-size:14px;
	text-align:center;
	background-color:#FFF;
}
.testimony {
	white-space: nowrap;
	width:100%;
	overflow:hidden;
	position:relative;
	/*margin-bottom: 40px;*/
}
.testimony .HL_LIST {
	margin-left:0%;
	width:100%;
	transition:margin-left 0.4s ease-in-out;
	color:#5b5b5b;
}
#testimonyPuces {
	list-style-type:none;
	position:absolute;
	bottom:80px;
	left:0;
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
}
#testimonyPuces li.selected{
	background-color:#2e96db;
}
#testimonyPuces li {
	width:3px;
	height:3px;
	border:1px solid #2e96db;
	border-radius:6px;
	display:inline-block;
	margin:0 2px;
}
.titreVert {
	color:#70a626;
}
.titreBleu {
	color:#2e96db;
}
.presentation li {
	/*border:1px solid #F00;*/
	position:relative;
	padding-left:60px;
	min-height:47px;
	margin:30px 0;
}
.presentation ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    padding: 0;
}

.presentation li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: 0em;
    top: 50%;
    margin-top: -24px;
    background-color:#1dade6;
    font-family: "Patua One",Arial;
    height: 47px;
    width: 47px;
    line-height: 47px;
    text-align: center;
    /*font-weight: bold;*/
    font-size:24px;
    border-radius: 2em;
    transition: all .3s ease-out;
    color:#FFF;
}
.presentation {
	/*padding-right:20px;*/
}
.btnBleu .HN_BUTTON {
	background-color:#FFF;
	font-size:16px;
	color:#1dade6;
	border:2px solid #1dade6;
	text-transform:none;
	margin-left:60px;
}
.OlivierGuerin h1 {
	margin-bottom:0;
	padding-bottom:0;
}
.OlivierGuerin h2 {
	margin-top:0;
	padding-top:0;
	font-size:14px;
	 
}
.OlivierGuerin a {
	color:inherit;
	text-decoration:none;
}
.OlivierGuerin a:hover {
	text-decoration:underline;
}
.prefooter h1 {
	font-size:26px;
	margin-top:25px;
}
.prefooter .HL_WIDGET_CONTACTFORM input {
	background-color:#FFF;
	padding:10px 20px;
	border:0;
	display:inline-block;
	margin-bottom:20px;
	width:100%;
	height:44px;
	box-sizing:border-box;
	font-size:13px;
	font-family: "Open Sans","Lato","Arial",sans-serif;
}
.prefooter .HL_WIDGET_CONTACTFORM textarea {
	background-color:#FFF;
	padding:10px 20px;
	border:0;
	display:inline-block;
	margin-bottom:20px;
	width:100%;
	box-sizing:border-box;
	font-size:13px;
	font-family: "Open Sans","Lato","Arial",sans-serif;
}
.prefooter a {
	color:#FFF;
}
.prefooter .HL_WIDGET_CONTACTFORM form div {
	display:inline-block;
	width:100%;
}
.prefooter .HL_WIDGET_CONTACTFORM div:first-child {
	width:calc(50% - 20px);
}
.prefooter .HL_WIDGET_CONTACTFORM div:nth-child(2) {
	margin-left:20px;
	width:50%;
}

.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.menu li {
	display:inline-block;
	padding:10px 10px 10px 0;
	font-weight:bold;
}
.menu li::before {
	content:"/";
	padding:10px;
	color:#FFF;
}
.menu li:first-child::before {
	content:"";
	padding:0;
	
}
.menu li a {
	color:#FFF;
	text-decoration:none;
}

.menu .HN_BUTTON {
	background-color:#FFF;
	color:#f96705;
	margin-top:2px;
	margin-bottom:0;
}
.contactForm {
	padding-right:20px;
}
.contactForm label {
	display:block;
}

.contactForm input {
	background-color:#FFF;
	padding:10px 20px;
	border:1px solid #AAA;
	display:inline-block;
	margin-bottom:20px;
	width:100%;
	height:44px;
	box-sizing:border-box;
	font-size:13px;
	font-family: "Open Sans","Lato","Arial",sans-serif;
}
.contactForm textarea {
	background-color:#FFF;
	padding:10px 20px;
	border:1px solid #AAA;
	display:inline-block;
	margin-bottom:20px;
	width:100%;
	height:150px;
	box-sizing:border-box;
	font-size:13px;
	font-family: "Open Sans","Lato","Arial",sans-serif;
}
.blogMain .HL_BLOGPOST_COLUMN {
	width:calc(50% - 40px);
	margin-right:20px;
	padding:30px 10px;
	display:inline-block;
	vertical-align:top;
	border-top:5px solid #2e96db;
}
.blogMain .HL_BLOGPOST_COLUMN:nth-child(2n) {
	/*border-top:5px solid #F00;*/
	margin-left:20px;
	margin-right:0;
}
.blogMain .HL_BLOGPOST_CATEG {
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}
.blogMain .HL_BLOGPOST {
	margin:10px 0;
}
.blogMain .HL_BLOGPOST a {
	color:inherit;
	text-decoration:none;
}
.blogMain .HL_BLOGPOST a::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0f6";
    padding:0 10px;
}
.blogMain .HL_BLOGPOST a:hover {
	color:#408bca;
	
}
#z4 .HL_WIDTH_3x4 {
	width:70%;
	margin-right:5%
}
.clients .HL_LIST_ELEMENT {
	display:inline-block;
}
.clients .HL_LIST {
	margin-bottom:80px;
	text-align:center;
}
.clients_img img {
    width: 229px;
}


@media screen and (max-width: 1070px) {
	.HL_BLOCK {
		width:95%;
	}
	.optIn {
		width:760px;
	}
	.counters .HL_WIDTH_1x4 {
		width:40%!important;
	}
}
@media screen and (max-width: 780px) {
	.HL_BLOCK {
		width:95%;
	}
	.optIn {
		width:100%;
		padding:0;
	}
	.optIn .HL_DIVISION_0 {
		display:none!important;
	}
	.optIn .HL_DIVISION_1 {
		width:100%;
		padding:10px 0;
	}
	.optIn div {
		display:block!important;
	}
	.optIn .HL_WIDGET_CONTACTFORM {
		text-align:center;
	}
	.optIn .HL_WIDGET_CONTACTFORM div {
		padding:0 0 10px 0;
	}
	#z4 .HL_WIDTH_3x4 {
		width:100%;
		display:block;
	}
	#z4 .HL_WIDTH_1x4 {
		width:100%;
		display:block;
	}
	.photoOlivier {
		width:50%;
	}
	.OlivierGuerin {
		
	}
	.header .HL_WIDTH_2x6 {
		width:25%;
	}
	.header .HL_WIDTH_1x6 {
		width:25%;
	}
	.menu {
		position:relative;
	}
	.menu .HL_WIDTH_5x6 {
		width:50%;
	}
	.menu .HL_WIDTH_1x6 {
		width:50%;
		text-align:right;
		margin-top:10px;
	}
	
	.menu .HL_WIDGET_MENU::before {

		font-family: FontAwesome;
		font-feature-settings: normal;
		font-kerning: auto;
		font-language-override: normal;
		font-size: inherit;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-synthesis: weight style;
		font-variant: normal;
		font-weight: normal;
		line-height: 54px;
		text-rendering: auto;

		color: #FFF;
		content: "";
		font-size: 3em;
		/*left: 0;*/
		z-index: 20000;
		
		display:block;
		text-align:left;
		margin-right:20px;
		line-height:60px;
	}
	.menu .HL_WIDGET_MENU ul {
		display:none;
		width:100%;
	}
	.menu .HL_WIDGET_MENU:hover ul {
		display: block;
	}
	.menu ul {
		background-color:#FFF;
		position:absolute;
		top:60px;
		left:0;
		
	}
	.menu ul li {
		display:block;
		text-align:left;
		border-bottom:1px solid #F96705;
		margin:0px 10px;
		
	}
	.menu ul li a {
		color:#F96705;
	}
	.menu ul li::before {
		display:none;
	}
	.menu ul li:last-child {
		border-bottom:0;
	}
}
@media screen and (max-width: 500px) {
	
	.photoOlivier {
		width:100%;
	}
	.OlivierGuerin {
		
	}
	.counters .HL_WIDTH_1x4 {
		width:80%!important;
	}
	.prefooter .HL_DIVISION {
		width:100%;
	}
	.header .HL_WIDTH_2x6 {
		display:none;
	}
	.header .HL_WIDTH_1x6 {
		width:50%;
	}
}