/*
@font-face {
	font-family: 'robotothin';
	src: url('fonts/Roboto-Thin-webfont.eot');
	src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-Thin-webfont.woff') format('woff'),
		 url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotothin_italic';
	src: url('fonts/Roboto-ThinItalic-webfont.eot');
	src: url('fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-ThinItalic-webfont.woff') format('woff'),
		 url('fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-ThinItalic-webfont.svg#robotothin_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'robotolight';
	src: url('fonts/Roboto-Light-webfont.eot');
	src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-Light-webfont.woff') format('woff'),
		 url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'robotolight_italic';
	src: url('fonts/Roboto-LightItalic-webfont.eot');
	src: url('fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-LightItalic-webfont.woff') format('woff'),
		 url('fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'robotoregular';
	src: url('fonts/Roboto-Regular-webfont.eot');
	src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-Regular-webfont.woff') format('woff'),
		 url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'robotoitalic';
	src: url('fonts/Roboto-Italic-webfont.eot');
	src: url('fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-Italic-webfont.woff') format('woff'),
		 url('fonts/Roboto-Italic-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'robotomedium';
	src: url('fonts/Roboto-Medium-webfont.eot');
	src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-Medium-webfont.woff') format('woff'),
		 url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face 
/*{
	font-family: 'robotomedium_italic';
	src: url('fonts/Roboto-MediumItalic-webfont.eot');
	src: url('fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-MediumItalic-webfont.woff') format('woff'),
		 url('fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'robotobold';
	src: url('fonts/Roboto-Bold-webfont.eot');
	src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-Bold-webfont.woff') format('woff'),
		 url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'robotobold_italic';
	src: url('fonts/Roboto-BoldItalic-webfont.eot');
	src: url('fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
		 url('fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'robotoblack';
	src: url('fonts/Roboto-Black-webfont.eot');
	src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-Black-webfont.woff') format('woff'),
		 url('fonts/Roboto-Black-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'robotoblack_italic';
	src: url('fonts/Roboto-BlackItalic-webfont.eot');
	src: url('fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Roboto-BlackItalic-webfont.woff') format('woff'),
		 url('fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),
		 url('fonts/Roboto-BlackItalic-webfont.svg#robotoblack_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'roboto_condensedlight';
	src: url('fonts/RobotoCondensed-Light-webfont.eot');
	src: url('fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
		 url('fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
		 url('fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedlight_italic';
	src: url('fonts/RobotoCondensed-LightItalic-webfont.eot');
	src: url('fonts/RobotoCondensed-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/RobotoCondensed-LightItalic-webfont.woff') format('woff'),
		 url('fonts/RobotoCondensed-LightItalic-webfont.ttf') format('truetype'),
		 url('fonts/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedregular';
	src: url('fonts/RobotoCondensed-Regular-webfont.eot');
	src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
		 url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
		 url('fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'roboto_condenseditalic';
	src: url('fonts/RobotoCondensed-Italic-webfont.eot');
	src: url('fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/RobotoCondensed-Italic-webfont.woff') format('woff'),
		 url('fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'),
		 url('fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'roboto_condensedbold';
	src: url('fonts/RobotoCondensed-Bold-webfont.eot');
	src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
		 url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
		 url('fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'roboto_condensedbold_italic';
	src: url('fonts/RobotoCondensed-BoldItalic-webfont.eot');
	src: url('fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff'),
		 url('fonts/RobotoCondensed-BoldItalic-webfont.ttf') format('truetype'),
		 url('fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 100%;
	height: 100%;
}
body {
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	background: #f8f8f8;
}
ol, ul {
	list-style: none outside none;
}
a {
	text-decoration: none;
}
img {
	border: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
/* TO TOP */
.scrollup{
	width: 60px;
	height: 60px;
	background: url(../img/totop.jpg) no-repeat top left;
	opacity: 0.9;
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	text-indent: -9999px;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset, 0 0 3px rgba(255,255,255,0.2);
	z-index: 3;
}
.scrollup:hover {
	box-shadow: -2px 2px 4px 0 rgba(0,0,0,0.6) inset, 0 0 1px 0 rgba(255,255,255,0.1);
}
/* */
div.trame {
	background: url(../img/trame.png) repeat top left;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:1;
}
h1, h2.titreh1 {
	color: #e74c3c;
	font-family: "robotoblack", sans-serif;
	font-size: 43px;
	text-align: center;
	text-shadow: 0 -1px 0 #ff6b5c;
	text-transform: uppercase;
	margin-bottom: 60px;
}
h2 {
	color: #676767;
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 31px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
/* FIL ARIANE */
div.filariane {
	max-width: 940px;
	margin: 0 auto 40px;
	color: #9e9e9e;
	font-family: "roboto_condensedlight_italic", sans-serif;
	font-size: 15px;
	padding-left: 20px;
}
div.filariane div {
	float: left;
	background: url("../img/fa-arrow.png") no-repeat scroll left center transparent;
	padding: 0 10px 0 18px;
}
div.filariane a {
	color: #e74c3c;
}
div.filariane a:hover {
	color: #ff6959;
}
/* FIL ARIANE END */
/* HEADER */
header {
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	border-bottom: solid 3px #ffffff;
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 77px;
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
header div.logo {
	left: 20px;
	display: block;
	float: left;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}
header div.logo a {
	display: inline-block;
	height: 100%;
	position: relative;
}
header div.logo a img {
	display: block;
	height: auto;
	max-height: 100%;
	width: auto;
}
	/* MENU */
	div.menu {
		max-width: 1100px;
		display: block;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	header div.menu-open {
		display: none;
		width: 30px;
		height: 30px;
		position: absolute;
		right: 30px;
		top: 50%;
		margin-top: -15px;
		background: url("../img/menu-open.png") no-repeat scroll center top transparent;
		cursor: pointer;
	}
	header div.menu-open:hover {
		background-position: bottom;
	}
	div.menu a.devis {
		position: absolute;
		color: #f8f8f8;
		font-family: 'roboto_condensedregular', sans-serif;
		font-size: 20px;
		display: block;
		right: 0;
		top: 80px;
		width: 271px;
		height: 45px;
		background: url("../img/devis.png") no-repeat scroll center top transparent;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	div.menu a.devis span.text{
		position: absolute;
		left: 46px;
		top: 4px;
	}
	div.menu a.devis span.devis-l{
		position: absolute;
		width: 38px;
		height: 26px;
		background: url("../img/devis-l.png") no-repeat scroll center top transparent;
		left: 168px;
		top: 6px;
	}
	div.menu a.devis:hover span.devis-l {
		-webkit-animation: devis 0.4s linear infinite;
		-moz-animation: devis 0.4s linear infinite;
		animation: devis 0.4s linear infinite;
	}
	@keyframes devis{
		0% {transform: rotate(0deg);}
		25% {transform: rotate(-15deg);}
		50% {transform: rotate(0deg);}
		75% {transform: rotate(15deg);}
		100% {transform: rotate(0deg);}
	}
	@-moz-keyframes devis{
		0% {-moz-transform: rotate(0deg);}
		25% {-moz-transform: rotate(-15deg);}
		50% {-moz-transform: rotate(0deg);}
		75% {-moz-transform: rotate(15deg);}
		100% {-moz-transform: rotate(0deg);}
	}
	@-webkit-keyframes devis {
		0% {-webkit-transform: rotate(0deg);}
		25% {-webkit-transform: rotate(-15deg);}
		50% {-webkit-transform: rotate(0deg);}
		75% {-webkit-transform: rotate(15deg);}
		100% {-webkit-transform: rotate(0deg);}
	}
	@-o-keyframes devis {
		0% {-o-transform: rotate(0deg);}
		25% {-o-transform: rotate(-15deg);}
		50% {-o-transform: rotate(0deg);}
		75% {-o-transform: rotate(15deg);}
		100% {-o-transform: rotate(0deg);}
	}
	@-ms-keyframes devis {
		0% {-ms-transform: rotate(0deg);}
		25% {-ms-transform: rotate(-15deg);}
		50% {-ms-transform: rotate(0deg);}
		75% {-ms-transform: rotate(15deg);}
		100% {-ms-transform: rotate(0deg);}
	}
	div.menu nav.menu {
		margin: 0 auto;
		text-align: center;
		float: right;
		z-index: 1;
	}
	div.menu nav.menu ul.menu {
		list-style: none;		
		margin: 0;
		text-align: center;
		position: relative;
	}
	div.menu nav.menu ul.menu > li {
		float: left;
		position: relative;
		text-align: left;
	}
	div.menu nav.menu ul.menu > li > a {
		color: #828282;
		font-family: "roboto_condensedlight", sans-serif;
		font-size: 19px;
		text-decoration: none;
		display: block;
		padding: 0 15px;
		height: 77px;
		line-height: 77px;
		border-bottom: solid 3px #ffffff;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	div.menu nav.menu ul.menu > li.li1:hover > a {
		border-bottom: solid 3px #e74c3c;
	}
	div.menu nav.menu ul.menu > li.li2:hover > a {
		border-bottom: solid 3px #f39c12;
	}
	div.menu nav.menu ul.menu > li.li3:hover > a {
		border-bottom: solid 3px #27ae60;
	}
	div.menu nav.menu ul.menu > li.li4:hover > a{
		border-bottom: solid 3px #10a2ee;
	}
	div.menu nav.menu ul.menu > li.li5:hover > a {
		border-bottom: solid 3px #9b59b6;
	}
	div.menu nav.menu ul.menu > li.li6:hover > a {
		border-bottom: solid 3px #989898;
	}
	body.home div.menu nav.menu ul.menu > li.li1 > a span,
	body.static2 div.menu nav.menu ul.menu > li.li2 > a span,
	body.static3 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static4 div.menu nav.menu ul.menu > li.li4 > a span,
	body.static5 div.menu nav.menu ul.menu > li.li5 > a span,
	body.blog div.menu nav.menu ul.menu > li.li6 > a span {
		color: #ffffff;
		padding: 0 8px;
		display: inline-block;
		line-height: 32px;
		border-radius: 4px;
	}
	body.home div.menu nav.menu ul.menu > li.li1 > a span {
		background: #e74c3c;
		border: solid 1px #c54133;
		-webkit-box-shadow: inset 0 1px 2px 0 #ff8477, 0 3px 0 0 #c54133;
		box-shadow: inset 0 1px 2px 0 #ff8477, 0 3px 0 0 #c54133;
		text-shadow: 0 -1px 0 #c54133;
	}
	body.static2 div.menu nav.menu ul.menu > li.li2 > a span {
		background: #f39c12;
		border: solid 1px #c78214;
		-webkit-box-shadow: inset 0 1px 2px 0 #ffc21d, 0 3px 0 0 #c78214;
		box-shadow: inset 0 1px 2px 0 #ffc21d, 0 3px 0 0 #c78214;
		text-shadow: 0 -1px 0 #c78214;
	}
	body.static3 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static7 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static8 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static9 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static10 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static11 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static12 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static13 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static14 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static15 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static16 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static17 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static18 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static19 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static20 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static21 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static22 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static23 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static24 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static25 div.menu nav.menu ul.menu > li.li3 > a span,
	body.static26 div.menu nav.menu ul.menu > li.li3 > a span{
		color: #ffffff;
		padding: 0 8px;
		display: inline-block;
		line-height: 32px;
		border-radius: 4px;
		background: #27ae60;
		border: solid 1px #219251;
		-webkit-box-shadow: inset 0 1px 2px 0 #3bcd61, 0 3px 0 0 #219251;
		box-shadow: inset 0 1px 2px 0 #3bcd61, 0 3px 0 0 #219251;
		text-shadow: 0 -1px 0 #219251;
	}
	body.static4 div.menu nav.menu ul.menu > li.li4 > a span {
		background: #10a2ee;
		border: solid 1px #098acd;
		-webkit-box-shadow: inset 0 1px 2px 0 #1abcff, 0 3px 0 0 #098acd;
		box-shadow: inset 0 1px 2px 0 #1abcff, 0 3px 0 0 #098acd;
		text-shadow: 0 -1px 0 #098acd;
	}
	body.static5 div.menu nav.menu ul.menu > li.li5 > a span {
		background: #9b59b6;
		border: solid 1px #854c9c;
		-webkit-box-shadow: inset 0 1px 2px 0 #b674d1, 0 3px 0 0 #854c9c;
		box-shadow: inset 0 1px 2px 0 #b674d1, 0 3px 0 0 #854c9c;
		text-shadow: 0 -1px 0 #854c9c;
	}
	body.blog div.menu nav.menu ul.menu > li.li6 > a span {
		background: #989898;
		border: solid 1px #707070;
		-webkit-box-shadow: inset 0 1px 2px 0 #c1c1c1, 0 3px 0 0 #707070;
		box-shadow: inset 0 1px 2px 0 #c1c1c1, 0 3px 0 0 #707070;
		text-shadow: 0 -1px 0 #707070;
	}
	#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }
	/* SOUS-MENU */
	div.menu nav.menu ul.menu > li > ul {
		display: none;
		position: absolute;
		background: #f8f8f8;
		top: 80px;
		-webkit-column-count: 3;
		-webkit-column-gap: 10px;
		-moz-column-count: 3;
		-moz-column-gap: 10px;
		column-count: 3;
		column-gap: 10px;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		width: 910px;
    height: 275px;
		z-index: 1;
    overflow: hidden;
	}
	div.menu nav.menu ul.menu > li > ul > li {
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
		width: 100%;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-3,
	div.menu nav.menu ul.menu > li > ul > li.li3-5 {
		margin-bottom: 0;
	}
	div.menu nav.menu ul.menu > li > ul > li > a {
		color: #828282;
		font-size: 14px;
		border-bottom: solid 1px #e7e7e7;
		padding: 9px 16px 9px 60px;
		display : block;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-1 > a {
		background: url('../img/menu-icon-1.jpg') no-repeat 20px center;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-2 > a {
		background: url('../img/menu-icon-2.jpg') no-repeat 20px center;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-3 > a {
		background: url('../img/menu-icon-3.jpg') no-repeat 20px center;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-4 > a {
		background: url('../img/menu-icon-4.jpg') no-repeat 20px center;
	}
	div.menu nav.menu ul.menu > li > ul > li.li3-5 > a {
		background: url('../img/menu-icon-5.jpg') no-repeat 20px center;
	}
	div.menu nav.menu ul.menu > li > ul > li > a:hover {
		background-position: 10px center;
	}
	/* 2lvl Menu */
	div.menu nav.menu ul.menu > li > ul > li > ul {
		background: #f8f8f8;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	div.menu nav.menu ul.menu > li > ul > li > ul > li {
		display: block;
	}
	div.menu nav.menu ul.menu > li > ul > li > ul > li > a {
		color: #515151;
		font-size: 13px;
		border-bottom: solid 1px #e7e7e7;
		padding: 9px 16px;
		display : block;
	}
	div.menu nav.menu ul.menu > li > ul > li > ul > li > a:hover {
		background: #474849;
		color: #ffffff;
	}
	/* */
	div.menu nav.menu ul.menu div.contact {
		display: none;
		color: #242425;
		font-family: "roboto_condensedregular", sans-serif;
		font-size: 30px;
		text-align: center;
		line-height: 30px;
		padding: 12px;
		margin: 20px 0 30px;
		border: solid 1px #242425;
	}
	/* MENU END */
/* HEDAER END */
/* OFFICE */
section.office {
	height: 520px;
	padding-top: 80px;
	background: #232428;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
section.office div.wrap {
	position: absolute;
	width: 100%;
	height: 520px;
    background: url(../img/office.jpg) no-repeat center;
    background-size: auto 100%;
}
section.office div.wrapper {
	width: 100%;
    max-width: 610px;
    height: 100%;
    margin: auto;
    position: relative;
}
section.office .perso {
    position: absolute;
    bottom: 0;
    left: -20px;
}
section.office a.web,
section.office a.ref,
section.office a.sit {
    display: block;
    width: 100%;
    max-width: 320px;
    height: 120px;
    position: absolute;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "robotoregular", sans-serif;
    text-align: center;
    line-height: 20px;
    padding-top: 38px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
section.office a.web strong,
section.office a.ref strong,
section.office a.sit strong {
    font-family: "Robotoblack", sans-serif;
}
section.office a.web {
    background: #10a2ee;
    left: -50px;
    top: 40px;
    position: relative;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
section.office a.web::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -19px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 70px 20px 0 ;
    border-color: transparent #10a2ee transparent transparent;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
section.office a.web:hover {
    background: #1babf6;
}
section.office a.web:hover::after {
    border-width: 0 70px 40px 0 ;
    border-color: transparent #1babf6 transparent transparent;
    bottom: -39px;
}
section.office a.ref {
    background: #f39c12;
    right: 0;
    bottom: 260px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
section.office a.ref::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 20px;
    left: -19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 70px 20px;
    border-color: transparent transparent #f39c12 transparent;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
section.office a.ref:hover {
    background: #f7a21b;
}
section.office a.ref:hover::after {
    border-width: 0 0 70px 40px;
    border-color: transparent transparent #f7a21b transparent;
    left: -39px;
}
section.office a.sit {
    background: #e74c3c;
    right: 0;
    bottom: 120px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
section.office a.sit::after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    left: -19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 70px 0;
    border-color: transparent #e74c3c transparent transparent;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
section.office a.sit:hover {
    background: #f25747;
}
section.office a.sit:hover::after {
    border-width: 0 40px 70px 0;
    border-color: transparent #f25747 transparent transparent;
    left: -39px;
}
section.office button.cafe {
    display: block;
    background: #1a7c8b;
    color: #ffffff;
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 100%;
    max-width: 320px;
    text-align: center;
    padding: 5px 0 25px;
    font-family: "robotoregular", sans-serif;
    font-size: 16px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}
section.office button.cafe:hover {
    background: #228897;
}
section.office button.cafe > span {
    display: inline-block;
    vertical-align: baseline;
}
section.office button.cafe > span.icon {
    width: 40px;
    height: 40px;
    margin-left: 10px;
}
section.office button.cafe > span.icon .anim {
    width: 40px;
    height: 23px;
    background: url(../img/fume.gif);
    display: block;
    visibility: hidden
}
section.office button.cafe:hover > span.icon .anim {
    visibility: visible;
}
section.office button.cafe > span.icon .icon {
    width: 40px;
    height: 17px;
    background: url(../img/coffee.png);
    display: block;
}
/*section.office {
	height: 520px;
	padding-top: 80px;
	background: #232428;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
section.office div.wrap {
	position: absolute;
	width: 100%;
	height: 520px;
}
section.office div.wrap div.slogan {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:3;
	color: #828282;
	font-family: 'robotolight', sans-serif;
	font-size: 70px;
	text-align:center;
	display: inline-flex;
}
section.office div.wrap div.slogan p {
	margin: auto;
}
section.office div.wrap div.bgfade {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:2;
	background: #f8f8f8;
}
section.office div.wrap div.wrapper {
	width: 1204px;
	height: 520px;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
}
section.office div.wrap div.wrapper div.container {
	width: 1204px;
	height: 520px;
}
section.office div.wrap div.wrapper div.container video {
	position: relative;
	top: 0;
}*/
/* OFFICE END */
/* MODAL */
section.office .cd-user-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.82);
	z-index: 11;
	overflow-y: auto;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
	-moz-transition: opacity 0.3s 0, visibility 0 0.3s;
	transition: opacity 0.3s 0, visibility 0 0.3s;
}
section.office .cd-user-modal.is-visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s 0, visibility 0 0;
	-moz-transition: opacity 0.3s 0, visibility 0 0;
	transition: opacity 0.3s 0, visibility 0 0;
}
section.office .cd-user-modal.is-visible .cd-user-modal-container {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
section.office .cd-user-modal-container {
	position: relative;
	width: 90%;
	max-width: 500px;
	background: #FFF;
	margin: 80px auto 60px;
	padding: 50px;
	cursor: auto;
	border-radius: 0.25em;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	transform: translateY(-30px);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section.office form.cd-form{
	display: none;
}
.og-close {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}
section.office form.cd-form.is-selected{
	display: block;
}
section.office .cd-user-modal-container #result {
	text-align: center;
}
section.office .cd-user-modal-container #result p.spn01 {
	color: #E74C3C;
	font-family: "roboto_condensedbold",sans-serif;
	font-size: 49px;
	text-transform: uppercase;
	line-height: 36px;
}
section.office .cd-user-modal-container #result p.spn02 {
	color: #E74C3C;
	font-family: "roboto_condensed",sans-serif;
	font-size: 18px;
}
section.office .cd-user-modal input[type=submit],
section.office button.mod-sign,
section.office button.mod-dl,
#MKFormHTML input.MKsend {
	border: 0;
	height: inherit;
	width: 100%;
	cursor: pointer;
}
section.office .cd-user-modal input[type=submit],
section.office button.mod-sign,
#MKFormHTML input.MKsend,
section.office .container article .text p.more a {
	color: #ffffff;
	display: inline-block;
	font-size: 22px;
	padding: 6px 30px;
	overflow: hidden;
	text-align: center;
	text-shadow: 0 -1px 0 #bc3e31;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 4px 0px #bc3e31,0 4px 8px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 0px #bc3e31,0 4px 8px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 0px #bc3e31,0 4px 8px 2px rgba(0,0,0,0.2);
	background: #e74c3c;
	position: relative;
}
section.office .cd-user-modal input[type=submit]:hover,
section.office button.mod-sign:hover,
#MKFormHTML input.MKsend:hover,
section.office .container article .text p.more a:hover {
	top: 2px;
	background: #f66253;
	-webkit-box-shadow: 0px 2px 0px #bc3e31,0 2px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 0px #bc3e31,0 2px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 0px #bc3e31,0 2px 3px 1px rgba(0,0,0,0.2);
}
section.office .cd-user-modal input,
#MKFormHTML input#mk-email,
section.commentaires form input{
	background: none;
	border: 1px solid #6f6f6f;
	width: 100%;
	height: 25px;
	padding: 5px;
	color: #6f6f6f;
	font-family: "robotoregular", sans-serif;
	font-size: 14px;
	margin-bottom: 16px;
}
section.office .cd-user-modal input,
#MKFormHTML input#mk-email {
	height: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* MODAL END */
/* CREA */
section.crea {
	background: #ffffff;
	height: 190px;
	width:100%;
	overflow: hidden;
}
section.crea  a.left {
	background: url(../img/bg-crealeft.png) no-repeat left top, url(../img/bg-crealeft.jpg) no-repeat right top #e6e6e6;
	background-color: #e6e6e6;
	color: #eeeeee;
	font-family: "robotoblack", sans-serif;
	font-size: 45px;
	text-shadow: 0 -1px 0 #ffffff, 0 3px 8px rgba(0,0,0,0.35);
	text-transform: uppercase;
	position: relative;
	width: 60%;
	height: 190px;
	line-height: 40px;
	text-align: right;
	-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;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
section.crea  a.left:hover {
	color: #ffffff;
}
section.crea  a.left span.text{
	padding: 25px 20px 0 0;
	display: inline-block;
}
section.crea  a.left img{
	position: absolute;
	right: 215px;
	height: 100%;
}
section.crea  a.offre span.text span {
	color:#ffae00;
	text-shadow: 0 -1px 0 #ffc64b, 0 3px 8px rgba(0,0,0,0.35);
	-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;
}
section.crea  a.offre:hover span.text span {
	color:#ffc13b;
}
section.crea  a.offre {
	background: url('../img/bg-offre.jpg') no-repeat right center #d8b4e7;
	overflow: hidden;
	-webkit-box-shadow:inset 3px 2px 65px 0 rgba(0,0,0,0.2), inset 0 4px 3px 0 #9b59b6;
	box-shadow:inset 3px 2px 65px 0 rgba(0,0,0,0.2), inset 0 4px 3px 0 #9b59b6;
}
section.crea  a.offre img{
	position: absolute;
	right: 385px;
	height: 100%;
}
section.crea  a.right {
	background: #b6eb6a;
	color: #eeeeee;
	font-family: "robotoblack", sans-serif;
	font-size: 45px;
	text-shadow: 0 -1px 0 #ffffff, 0 3px 8px rgba(0,0,0,0.35);
	text-transform: uppercase;
	position: relative;
	width: 40%;
	height: 190px;
	line-height: 40px;
	text-align: left;
	-webkit-box-shadow:inset 3px 2px 65px 0 rgba(0,0,0,0.2), inset 0 4px 3px 0 #62cd5c;
	box-shadow:inset 3px 2px 65px 0 rgba(0,0,0,0.2), inset 0 4px 3px 0 #62cd5c;
	-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;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	overflow: hidden;
}
section.crea  a.right:hover {
	color: #ffffff;
}
section.crea  a.right span.text{
	padding: 25px 0 0 45px;
	display: inline-block;
}
section.crea  a.left span.arrow{
	width: 37px;
	height: 58px;
	display: block;
	position: absolute;
	background: url(../img/crea-arrow.png) no-repeat top left;
	top: 60px;
	right:-37px;
}
section.crea  a.right span.arrow{
	width: 37px;
	height: 58px;
	display: block;
	position: absolute;
	background: url(../img/crea-arrow.png) no-repeat top left;
	top: 60px;
	left: -5px;
}
/* CREA END */
/* CONTENT */
@media (min-width: 1200px) {
    section.content div.row .column {
        float: left;
    }
}
div.row {
        display: table;
    }
.centrer {
	margin:auto;
	padding:10px;	
}
section.content {
	padding-top: 50px;
}
    /* SOCIAL */
    section.content div.social {
        
    }
    /* TAB */
	section.content div.shadetab {
		background: url(../img/shadetab.jpg) no-repeat top center;
		padding-top: 19px;
		margin-top: 50px;
	}
	section.content div.blocultab {
		width: 100%;
		height: 60px;
		background: #f1f1f1;
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
	}
	section.content ul.ultab {
		font-family: "roboto_condensedregular", sans-serif;
		font-size: 19px;
		list-style: none;
		margin: auto;
		max-width: 756px;
		height: 60px;
	}
	section.content ul.ultab li {
		text-decoration: none;
		display: block;
		width: 33%;
		height: 60px;
		float: left;
		text-align: center;
		cursor: pointer;
		border-left: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1;
		text-transform: uppercase;
		line-height: 55px;
		position: relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	section.content ul.ultab li span {
		display: none;
		width: 23px;
		height: 19px;
		position: absolute;
		background: url(../img/ultab-arrow.png) no-repeat top left;
		bottom: -1px;
		left: 50%;
	}
	section.content ul.ultab li.tab1 {
		color: #e74c3c;
	}
	section.content ul.ultab li.tab2 {
		color: #f39c12;
	}
	section.content ul.ultab li.tab3 {
		color: #10a2ee;
	}
	section.content ul.ultab li.selected,
	section.content ul.ultab li:hover {
		background: #ebecec;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
	}
	/**/
	section.content div.bloctab1,
	section.content div.bloctab2,
	section.content div.bloctab3 {
		color: #5f5f5f;
		font-family: "robotoregular", sans-serif;
		font-size: 18px;
		padding-bottom: 100px;
	}
	section.content div.service {
		text-align: right;
	}
	section.content div.service div.wrapper{
		width: 440px;
		padding: 30px 0 40px 20px
	}
	section.content div.service img {
		display: inline-block;
		vertical-align: middle;
	}
	section.content div.service  div.right {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}
	section.content div.service  h2 {
		font-family: "roboto_condensedregular", sans-serif;
		font-size: 22px;
		text-transform: uppercase;
		margin-bottom: 8px;
	}
	section.content div.bloctab1 h2 {
		color: #e74c3c;
	}
	section.content div.bloctab2 h2 {
		color: #f39c12;
	}
	section.content div.bloctab3 h2 {
		color: #10a2ee;
	}
	section.content div.service ul.services {
		font-family: "robotolight", sans-serif;
		font-size: 22px;
		margin: 10px 0 10px 30px
	}
	section.content div.bloctab1 ul.services {
		list-style: inside url('../img/puceservicetab1.jpg');
	}
	section.content div.bloctab2 ul.services {
		list-style: inside url('../img/puceservicetab2.jpg');
	}
	section.content div.bloctab3 ul.services {
		list-style: inside url('../img/puceservicetab3.jpg');
	}
	/**/
	section.content div.bloctab1 div.text,
	section.content div.bloctab2 div.text,
	section.content div.bloctab3 div.text {
		display: table;
		padding: 0 125px 40px;
	}
	section.content div.text div.col2 {
		width: 49%;
		margin-right: 2%;
		float: left;
		font-family: "robotoregular", sans-serif;
		font-size: 16px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	section.content div.text div.col2:last-child {
		margin: 0;
	}
	section.content div.text div.col2 h3{
		font-family: "robotomedium", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
	}
	section.content div.bloctab1 div.text h3 {
		color: #e74c3c;
	}
	section.content div.bloctab2 div.text h3 {
		color: #f39c12;
	}
	section.content div.bloctab3 div.text h3 {
		color: #10a2ee;
	}
	/**/
	section.content div.bloctab1 div.projet,
	section.content div.bloctab2 div.projet,
	section.content div.bloctab3 div.projet {
		font-family: "robotolight", sans-serif;
		font-size: 40px;
		text-align: center;
	}
	section.content div.bloctab1 div.projet p,
	section.content div.bloctab2 div.projet p,
	section.content div.bloctab3 div.projet p {
		margin-bottom: 45px;
	}
	section.content div.bloctab1 div.projet p span {
		color: #e74c3c;
		font-family: "robotoregular", sans-serif;
	}
	section.content div.bloctab2 div.projet p span {
		color: #f39c12;
		font-family: "robotoregular", sans-serif;
	}
	section.content div.bloctab3 div.projet p span {
		color: #10a2ee;
		font-family: "robotoregular", sans-serif;
	}
	section.content div.bloctab1 div.projet a,
	section.content div.bloctab2 div.projet a,
	section.content div.bloctab3 div.projet a {
		display: block;
		width: 340px;
		height: 60px;
		margin: auto;
		color: #ffffff;
		font-family: "robotoregular", sans-serif;
		font-size: 24px;
		line-height: 55px;
		border-radius: 4px;
		-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;
	}
	section.content div.bloctab1 div.projet a {
		background: #e74c3c;
		border: solid 1px #c84234;
		-webkit-box-shadow: inset 0 1px 2px 0 #ff6656, 0 3px 8px 0 rgba(0,0,0,0.3);
		box-shadow: inset 0 1px 2px 0 #ff6656, 0 3px 8px 0 rgba(0,0,0,0.3);
		text-shadow: 0 -1px 0 #c84234;
	}
	section.content div.bloctab1 div.projet a:hover {
		-webkit-box-shadow: inset 0 1px 0px 0 #ff6656, 0 3px 3px 0 rgba(0,0,0,0.2);
		box-shadow: inset 0 1px 20px 0 #ff6656, 0 3px 3px 0 rgba(0,0,0,0.2);
	}
	section.content div.bloctab2 div.projet a {
		background: #f39c12;
		border: solid 1px #c78214;
		-webkit-box-shadow: inset 0 1px 2px 0 #ffc21d, 0 3px 8px 0 rgba(0,0,0,0.3);
		box-shadow: inset 0 1px 2px 0 #ffc21d, 0 3px 8px 0 rgba(0,0,0,0.3);
		text-shadow: 0 -1px 0 #c78214;
	}
	section.content div.bloctab2 div.projet a:hover {
		-webkit-box-shadow: inset 0 1px 0px 0 #ffc21d, 0 3px 3px 0 rgba(0,0,0,0.2);
		box-shadow: inset 0 1px 20px 0 #ffc21d, 0 3px 3px 0 rgba(0,0,0,0.2);
	}
	section.content div.bloctab3 div.projet a {
		background: #10a2ee;
		border: solid 1px #098acd;
		-webkit-box-shadow: inset 0 1px 2px 0 #1abcff, 0 3px 8px 0 rgba(0,0,0,0.3);
		box-shadow: inset 0 1px 2px 0 #1abcff, 0 3px 8px 0 rgba(0,0,0,0.3);
		text-shadow: 0 -1px 0 #098acd;
	}
	section.content div.bloctab3 div.projet a:hover {
		-webkit-box-shadow: inset 0 1px 0px 0 #1abcff, 0 3px 3px 0 rgba(0,0,0,0.2);
		box-shadow: inset 0 1px 20px 0 #1abcff, 0 3px 3px 0 rgba(0,0,0,0.2);
	}
	/* TAB END */
/* CONTENT END */
/* PROJETS */
section.projets {
	padding: 120px 0 60px;
}
section.projets div.bloctext {
	background: #f1f1f1;
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
}
section p.bigtext{
	color: #5f5f5f;
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 37px;
	text-align: center;
	padding: 0 15% 0;
}
section p.smalltext{
	color: #5f5f5f;
	font-family: "robotolight", sans-serif;
	font-size: 20px;
	text-align: center;
	padding: 0 15% 50px;
}
section.projets div.wrap {
	max-width: 1400px;
	margin: auto;
}
/*
section.projets  div.projet-wrapper {
	width: 25%;
	padding: 15px;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
section.projets div.projet-open {
	width: 100%;
	max-width: 480px;
	position: absolute;
	z-index: 3;
	left: 50%;
}
section.projets div.projet-wrapper div.projet {
	background-color: #f5f5f5;
	border: solid 3px #ffffff;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 4px 4px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 4px 4px 9px 0 rgba(0,0,0,0.2);
	padding-bottom: 20px;
	position: relative;
}
section.projets div.projet div.top img {
	height: auto;
	width: 100%;
}
section.projets div.projet div.bot {
	color: #676767;
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 13px;
	padding: 20px 10px 0;
}
section.projets div.projet div.bot .logo {
	float: left;
}
section.projets div.projet div.bot .desc {
	float: right;
	width: 130px;
}
section.projets div.projet div.bot span.spanp {
	padding-left: 4px;
	display: inline-block;
}
section.projets div.projet div.bot span.comp {
	color: #676767;
	font-family: "roboto_condensedbold", sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: solid 1px #6b7869;
	display: block;
}
section.projets div.projet div.close {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	-webkit-box-shadow: -2px 2px 3px 0 rgba(0,0,0,0.6);
	box-shadow: -2px 2px 3px 0 rgba(0,0,0,0.6);
	position: absolute;
	right: -17px;
	top: -17px;
	background: url('../img/close.jpg') no-repeat right top;
	display: none;
}
section.projets div.projet div.hide {
	display: none;
}
section.projets div.projet div.hide p.titre {
	border-bottom: solid 1px #637860;
	color: #637860;
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 28px;
	text-align: center;
	margin-bottom: 12px;
}
section.projets div.projet div.hide p {
	color: #5f5f5f;
	font-family: "robotolight", sans-serif;
	font-size: 15px;
	text-align: center;
	padding: 0 12px;
	margin-bottom: 8px;
}
section.projets div.projet div.hide a {
	color: #10A2EE;
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 22px;
	text-align: center;
	display: block;
}
section.projets div.projet div.hide a:hover {
	color: #637860;
}
section.projets div.opac {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
	left:0;
	top:0;
	z-index:2;
}
*/
.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	/*width: 250px;*/
	height: 250px;
	/*position: relative;*/
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}/*
.og-grid li > span{
	background: rgba(0,0,0,0.1);
	position: absolute;
	display: block;
	width: 250px;
	height: 250px;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	color: #ffffff;
    font-family: "roboto_condensedlight",sans-serif;
    font-size: 37px;
	line-height: 250px;
}
.og-grid li:hover > span{
	opacity: 1;
	background: rgba(0,0,0,0.8);
	width: 260px;
	height: 260px;
	left: -5px;
	top: -5px;
}*/
.og-grid li:hover {
	margin: 10px 0 0;
}
.og-grid li:hover > a{
	width: 260px;
	height: 260px;
	left: 0;
	top: -5px;
	box-shadow: -2px -2px 7px 0 rgba(0, 0, 0, 0.45);
	z-index: 2;
}
.og-grid li:hover > a img {
	width: 260px;
}
.og-grid li > a {
	border: 3px solid #FFFFFF;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0);
	/*position: absolute;*/
	height: 250px;
	left: 0;
	top: 0;
	z-index: 1;
}
.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	width: 250px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	position: relative;
}
.og-grid li.og-expanded > a::after {
	top: 209px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #F1F1F1;
	border-width: 26px;
	left: 50%;
	margin: 0 0 0 -13px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.og-grid li:hover.og-expanded > a::after {
	top: 214px;
}
.og-expander {
	position: absolute;
	background: #F1F1F1;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
	/*top: 260px;*/
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.og-grid li:hover .og-expander {
	margin-top: 0;
}
.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}
.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}
.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.og-details {
	padding: 0 40px 0 20px;
	box-sizing: border-box;
}
.og-fullimg {
	text-align: center;
	box-sizing: border-box;
}
.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}
.og-details h3 {
	color: #5F5F5F;
    font-family: "roboto_condensedlight",sans-serif;
	font-size: 52px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
}
.og-details p {
	font-size: 16px;
	line-height: 22px;
	color: #999;
}
.og-details a {
	font-size: 16px;
	color: #5f5f5f;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 2px solid #5f5f5f;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}
.og-details a:hover {
	background: #5f5f5f;
	color: #f8f8f8;
}
.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}
@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@media screen and (max-width: 830px) {
	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }
}
@media screen and (max-width: 650px) {
	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
}
/* PROJETS END */
/* ENTREPRISE */
section.entreprise {
	color: #676767;
	font-family: "robotoregularbold", sans-serif;
	font-size: 16px;
	padding-top: 50px;
	padding-bottom: 50px;
}
	/* LOGO ANIM */
	section.logoanim {
		height: 360px;
		background: #4fa2c4;
		padding-top: 80px;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	section.logoanim div.wrap {
		position: absolute;
		width: 100%;
		height: 360px;
	}
	section.logoanim div.wrap div.wrapper {
		width: 1400px;
		height: 360px;
		position: absolute;
		overflow: hidden;
		left: 0;
		top: 0;
	}
	section.logoanim div.wrap div.wrapper div.container {
		width: 1400px;
		height: 360px;
	}
	section.logoanim div.wrap div.wrapper div.container video {
		position: relative;
		top: 0;
	}
	/* LOGO ANIM END */
section div.wrapper-tri {
	width: 90%;
	margin: auto;
	max-width: 1000px;
}
section div.wrapper-tri div.bloc-tri {
	width: 33.33%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 20px;
}
section div.wrapper-tri div.bloc-tri div.cercle {
	border-radius: 50%;
	box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1), 3px 3px 12px 0 rgba(0,0,0,0.1);
	margin: 0 auto 35px;
	position: relative;
	width: 90%;
	position: relative;
	max-width: 320px;
	max-height: 320px;
}
section div.wrapper-tri div.bloc-tri div.cercle img {
	display: block;
	width: 100%;
	border-radius: 50%;
	max-width: 100%;
	position: absolute;
}
section div.wrapper-tri div.bloc-tri div.cercle div.effet-cercle {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3) inset;
	transition: box-shadow 0.4s ease-in-out 0s;
}
section div.wrapper-tri div.bloc-tri:hover div.cercle div.effet-cercle {
	box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.3) inset;
}
section div.wrapper-tri div.bloc-tri h3 {
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 33px;
	margin-bottom: 15px;
	text-align: center;
}
section div.wrapper-tri div.bloc-tri p {
	text-align: justify;
	font-family: "robotoregular",sans-serif;
	font-size: 16px;
}
	/* EQUIPE */
	section.equipe div.membre {
		padding: 50px 0;
		width: 50%;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	section.equipe div.membre div.wrapper {
		max-width: 1100px;
		width: 90%;
		margin: auto;
		padding: 20px;
		border: solid 3px #ffffff;
		-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
		box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	section.equipe div.membre div.wrapper div.image{
		margin-bottom: 15px;
	}
	section.equipe div.membre div.wrapper div.image img{
		margin: auto;
		display: block;
		border: solid 3px #ffffff;
		-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
		box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
		border-radius: 50%;
	}
	section.equipe div.membre div.wrapper div.desc {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
		text-align: center;
	}
	section.equipe div.membre div.wrapper div.desc p.nom{
		color: #676767;
		font-family: "robotomedium",sans-serif;
		font-size: 31px;
		line-height: 31px;
	}
	section.equipe div.membre div.wrapper div.desc p.statut{
		color: #e74c3c;
		font-family: "robotolight",sans-serif;
		font-size: 37px;
		line-height: 37px;
		margin-bottom: 15px;
	}
	section.equipe div.membre div.wrapper div.desc p.text{
		color: #434343;
		font-family: "robotolight",sans-serif;
		font-size: 17px;
		line-height: 20px;
		margin-bottom: 30px;
	}
	section.equipe div.membre div.wrapper div.desc div.social {
		float: right;
		margin-right: 50px;
	}
	section.equipe div.membre div.wrapper div.desc div.social a {
		display: block;
		width: 40px;
		height: 40px;
		float: left;
	}
	section.equipe div.membre div.wrapper div.desc div.social a.mail {
		background: url('../img/mail-0.png') no-repeat center center;
	}
	section.equipe div.membre div.wrapper div.desc div.social a.fb {
		background: url('../img/fb-0.png') no-repeat center center;
	}
	section.equipe div.membre div.wrapper div.desc div.social a.link {
		background: url('../img/link-0.png') no-repeat center center;
	}
	section.equipe div.membre div.wrapper div.desc div.social a.twit {
		background: url('../img/twit-0.png') no-repeat center center;
	}
	section.equipe div.membre div.wrapper div.desc div.social a:hover {
		opacity: 0.8;
	}
	/* EQUIPE END */
/* ENTREPRISE END */
/* SERVICES */
section.header-services {
	background: url('../img/header-services.jpg') no-repeat fixed center top #e0ea5a;
	height: 450px;
}
section.header-services p.small{
	color: #454545;
	text-shadow: 0 1px 0 #f1f7a2, 0 -1px 0 #000000;
}
section.header-services div.color {
	background: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%
}
section.services {
	border-top: 1px solid #D9D9D9;
	padding-top: 50px;
}
section.services div.wrapper {
	width: 100%;
	max-width: 1400px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin: auto;
}
section.services div.wrapper > a:first-child {
	border-left: solid 1px #D9D9D9;
}
section.services div.wrapper > a {
	display: block;
	width: 20%;
	height: 350px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-right: solid 1px #D9D9D9;
	color: #f8f8f8;
	font-size: 17px;
	text-align: center;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
section.services div.wrapper > a:hover:nth-of-type(1) {
	background: #E74C3C;
}
section.services div.wrapper > a:hover:nth-of-type(2) {
	background: #F39C12;
}
section.services div.wrapper > a:hover:nth-of-type(3) {
	background: #27AE60;
}
section.services div.wrapper > a:hover:nth-of-type(4) {
	background: #10A2EE;
}
section.services div.wrapper > a:hover:nth-of-type(5) {
	background: #9B59B6;
}
section.services div.wrapper > a img {
	display: block;
	margin: 40px auto 20px;
	-webkit-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-moz-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-ms-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-o-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
}
section.services div.wrapper > a:hover img {
	margin: 0 auto 0;
}
section.services div.wrapper > a:hover h3 {
	color: #f8f8f8;
}
section.services div.wrapper > a h3{
	text-transform: uppercase;
	font-family: 'robotoblack', sans-serif;
	font-size: 17px;
	color: #676767;
}
section.services div.wrapper > a span{
	position: absolute;
	width: 100%;
	padding: 0 15px;
	left: 0;
	bottom: -150px;
	-webkit-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-moz-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-ms-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-o-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section.services div.wrapper > a:hover span{
	bottom: 25px;
}
/**/
section.sous-cat {
	padding: 30px 0;
}
section.sous-cat-2 div.wrapper {
	width: 100%;
	max-width: 700px;
	padding-top: 40px;
	margin: auto;
}
section.sous-cat-3 div.wrapper {
	width: 100%;
	max-width: 900px;
	padding-top: 40px;
	margin: auto;
}
section.sous-cat-4 div.wrapper {
	width: 100%;
	max-width: 1200px;
	padding-top: 40px;
	margin: auto;
}
section.sous-cat div.wrapper > a:first-child {
	border-left: solid 1px #D9D9D9;
}
section.sous-cat-2 div.wrapper > a {
	width: 50%;
}
section.sous-cat-3 div.wrapper > a {
	width: 33.33%;
}
section.sous-cat-4 div.wrapper > a {
	width: 25%;
}
section.sous-cat div.wrapper > a {
	display: block;
	height: 350px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-right: solid 1px #D9D9D9;
	color: #f8f8f8;
	font-size: 17px;
	text-align: center;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
section.sc1 div.wrapper > a:hover {
	background: #E74C3C;
}
section.sc2 div.wrapper > a:hover {
	background: #F39C12;
}
section.sc3 div.wrapper > a:hover {
	background: #27AE60;
}
section.sc4 div.wrapper > a:hover {
	background: #10A2EE;
}
section.sc5 div.wrapper > a:hover {
	background: #9B59B6;
}
section.sous-cat div.wrapper > a img {
	display: block;
	margin: 40px auto 20px;
	-webkit-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-moz-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-ms-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-o-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
}
section.sous-cat div.wrapper > a:hover img {
	margin: 0 auto 0;
}
section.sous-cat div.wrapper > a:hover h3 {
	color: #f8f8f8;
}
section.sous-cat div.wrapper > a h3{
	text-transform: uppercase;
	font-family: 'robotoblack', sans-serif;
	font-size: 17px;
	color: #676767;
}
section.sous-cat div.wrapper > a span{
	position: absolute;
	width: 100%;
	left: 0;
	padding: 0 15px;
	bottom: -150px;
	-webkit-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-moz-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-ms-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-o-transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	transition: all 0.3s cubic-bezier(.74,.87,1,1.24);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section.sous-cat div.wrapper > a:hover span{
	bottom: 25px;
}
/**/
/* SERVICES END */
/* CONTACT */
.Flexible-container {
	position: relative;
	padding-top: 30px;
	height: 350px;
	overflow: hidden;
}
.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
}
/* CONTACT END */
/* CLIENTS */
section.clients {
	background: #f1f1f1;
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	padding: 40px 0;
}
section.clients div#slider_clients {
	position: relative;
	overflow: hidden;
	margin: 20px auto 0;
}
section.avis {
    display: table;
    width: 100%;
}
section.avis div.wrap {
	max-width: 1200px;
	margin: auto;
}
section.avis div#slider_avis {
	position: relative;
	overflow: hidden;
	margin: 20px auto;
    width: calc(100% - 290px);
    display: inline-block;
    vertical-align: middle;
    background: #f8f8f8;
}
section.avis div#slider_avis > div,
section.avis div#slider_avis > div > div > div {
    width: 100%;
}
section.avis div.avis div.comm,
section.avis div.avis div.client {
    display: inline-block;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
section.avis div.avis div.comm {
    width: calc(100% - 270px - 15px);
    color: #434242;
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 17px;
	position: relative;
    padding: 8px;
    border-left: solid 3px #e74c3c;
    border-right: solid 3px #e74c3c;
    margin-right: 15px;
}
section.avis div.avis div.client {
    width: 270px;
}
section.avis div.avis div.client img,
section.avis div.avis div.client div {
	display: inline-block;
	vertical-align: middle;
}
section.avis div.avis div.client p {
    margin: 0;
}
section.avis div.avis div.client p.entreprise {
	color: #2f88cc;
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 17px;
}
section.avis div.avis div.client p.nom {
	color: #545352;
	font-family: "roboto_condensedbold", sans-serif;
	font-size: 17px;
}
section.avis div.avis div.client p.statut {
	color: #545352;
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 17px;
}
section.avis div.social {
    width: 290px;
    display: inline-block;
    vertical-align: middle;
}
section.avis div.social span,
section.avis div.social a {
    display: inline-block;
    vertical-align: middle;
}
section.avis div.social span {
    color: #676767;
    font-family: "roboto_condensedregular",sans-serif;
    font-size: 24px;
}
section.avis div.social a {
    display: inline-block;
    margin: 0 5px;
}
/*
section.avis {
	background: #f8f8f8;
	padding: 40px 0;
}
section.avis div.wrap {
	max-width: 912px;
	margin: auto;
}
section.avis div.avis {
	width: 298px;
	display: inline-block;
}
section.avis div.avis div.comm {
	color: #434242;
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 17px;
	background: #edeff2;
	width: 280px;
	position: relative;
	margin-bottom: 10px;
}
section.avis div.avis div.comm p{
	padding: 20px;
}
section.avis div.avis div.comm span {
	display: block;
	width: 25px;
	height: 22px;
	background: url('../img/comm-arrow.jpg') no-repeat left top; 
	position: absolute;
	bottom: -22px;
	right: 25px;
}
section.avis div.avis div.client {
	padding-left: 20px;
}
section.avis div.avis div.client img,
section.avis div.avis div.client div {
	display: inline-block;
	vertical-align: middle;
}
section.avis div.avis div.client p.entreprise {
	color: #2f88cc;
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 17px;
}
section.avis div.avis div.client p.nom {
	color: #545352;
	font-family: "roboto_condensedbold", sans-serif;
	font-size: 17px;
}
section.avis div.avis div.client p.statut {
	color: #545352;
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 17px;
}
*/
/* CLIENTS END */
/* MUR */
section.mur {
	border-top: solid 1px #d2ccce;
	border-bottom: solid 1px #d2ccce;
	padding: 40px 0;
	background: #d9d3d4;
	background: -moz-linear-gradient(left,  #d9d3d4 0%, #e7e6eb 50%, #d9d3d4 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9d3d4), color-stop(50%,#e7e6eb), color-stop(100%,#d9d3d4));
	background: -webkit-linear-gradient(left,  #d9d3d4 0%,#e7e6eb 50%,#d9d3d4 100%);
	background: -o-linear-gradient(left,  #d9d3d4 0%,#e7e6eb 50%,#d9d3d4 100%);
	background: -ms-linear-gradient(left,  #d9d3d4 0%,#e7e6eb 50%,#d9d3d4 100%);
	background: linear-gradient(to right,  #d9d3d4 0%,#e7e6eb 50%,#d9d3d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d3d4', endColorstr='#d9d3d4',GradientType=1 );
}
section.mur .wrap {
	margin: auto;
	-webkit-column-count: 3;
	-webkit-column-gap: 0px;
	-moz-column-count: 3;
	-moz-column-gap: 0px;
	column-count: 3;
	column-gap: 0px;
}
section.mur div.bloc{
	padding: 20px;
	display: inline-block;
	color: #5f5f5f;
	font-family: "robotoregular", sans-serif;
	font-size: 18px;
	background: #f7f7f7;
	-webkit-box-shadow: 1px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 1px 2px 9px 0 rgba(0,0,0,0.2);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
section.mur div.bloc p.titre {
	color: #676767;
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 40px;
	line-height: 40px;
	text-align: left;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding: 0 10px;
}
section.mur div.bloc p.titre a {
	color: #676767;
}
section.mur div.bloc img {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
section.mur div.bloc div.texte {
	padding: 0 10px;
	margin-bottom: 5px;
	font-size: 16px;
}
section.mur div.bloc div.texte p {
	margin-bottom: 10px;
}
section.mur div.bloc p.more {
	text-align: right;
	text-transform: uppercase;
	font-family: "robotomedium",sans-serif;
	font-size: 18px;
}
section.mur div.bloc p.more a {
	color: #ffffff;
	display: inline-block;
	font-size: 22px;
	padding: 6px 30px;
	overflow: hidden;
	text-align: center;
	text-shadow: 0 -1px 0 #bc3e31;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 4px 0px #bc3e31,0 4px 8px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 0px #bc3e31,0 4px 8px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 0px #bc3e31,0 4px 8px 2px rgba(0,0,0,0.2);
	background: #e74c3c;
	position: relative;
}
section.mur div.bloc p.more a:hover {
	top: 2px;
	background: #f66253;
	-webkit-box-shadow: 0px 2px 0px #bc3e31,0 2px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 0px #bc3e31,0 2px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 0px #bc3e31,0 2px 3px 1px rgba(0,0,0,0.2);
}
/* MUR END */
/* CONTACT */
section.contact {
	padding: 40px 0;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#dedede 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dedede',GradientType=0 );
}
section.contact div.wrap,
section.content-gen div.audit {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	display: table;
}
section.contact div.coord,
section.content-gen div.audit div.coord {
	float: left;
	color: #676767;
	padding: 30px 0 0 0;
}
section.contact div.coord > div,
section.content-gen div.audit div.coord > div{
	margin-bottom: 30px;
}
section.contact div.coord > div > div,
section.content-gen div.audit div.coord > div > div {
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
}
section.contact div.coord div.text,
section.content-gen div.audit div.coord div.text {
	margin-left: 15px;
}
section.contact div.coord div.text h4,
section.content-gen div.audit div.coord div.text h4 {
	text-transform: uppercase;
	font-family: "robotoblack", sans-serif;
}
section.contact div.coord img,
section.content-gen div.audit div.coord img {
	display: block;
	border-radius: 50%;
}
section.contact form,
section.content-gen div.audit form {
	float: right;
}
section.contact form p {
	color: #6f6f6f;
	font-family: "robotomedium", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
section.contact form p span {
	color: #10a2ee;
	font-family: "robotomedium", sans-serif;
	font-size: 27px;
}
/* CONTACT END */
/* CONTENT GENERAL */
section.header-main {
	padding-top: 80px;
	height: 450px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	*/
}
section.header-main div.wrapper {
	max-width: 1000px;
	margin: auto;
	padding-top: 70px;
}
section.header-service p.big,
section.header-main p.big {
	color: #454545;
	font-family: "roboto_condensedlight", sans-serif;
	font-size: 30px;
}
section.header-service p.small,
section.header-main p.small {
	color: #454545;
	font-family: "roboto_condensedbold", sans-serif;
	font-size: 34px;
}
section.header-service p.big,
section.header-main p.big,
section.header-service p.small,
section.header-main p.small {
	text-transform: uppercase;
	display: block;
}
section.header-service p.big span,
section.header-main p.big span,
section.header-service p.small span,
section.header-main p.small span {
	text-transform: uppercase;
	padding: 0 10px;
	background : rgba(224,234,90,0.65);
}
section.header-service-site,
section.header-site-internet {
	background: url('../img/header-site-internet.jpg') no-repeat fixed center top #f4a073;
}
section.header-service-site p.small,
section.header-site-internet p.small {
	text-shadow: 0 1px 0 #ffc3bc, 0 -1px 0 #000000;
}
section.header-service-site p.big span,
section.header-site-internet p.big span,
section.header-service-site p.small span,
section.header-site-internet p.small span {
	background : rgba(244,160,114,0.65);
}
section.header-service-referencement,
section.header-referencement {
	background: url('../img/header-referencement.jpg') no-repeat fixed center top #ffca76;
}
section.header-service-referencement p.small,
section.header-referencement p.small {
	text-shadow: 0 1px 0 #ffe2b4, 0 -1px 0 #000000;
}
section.header-service-referencement p.big span,
section.header-referencement p.big span,
section.header-service-referencement p.small span,
section.header-referencement p.small span {
	background : rgba(255,202,118,0.65);
}
section.header-service-design,
section.header-design {
	background: url('../img/header-design.jpg') no-repeat fixed center top #93e5b6;
}
section.header-service-design p.small,
section.header-design p.small {
	text-shadow: 0 1px 0 #c4f3d8, 0 -1px 0 #000000;
}
section.header-service-design p.big span,
section.header-design p.big span,
section.header-service-design p.small span,
section.header-design p.small span {
	background : rgba(147,229,182,0.65);
}
section.header-service-webmarketing,
section.header-webmarketing {
	background: url('../img/header-webmarketing.jpg') no-repeat fixed center top #b9e2f7;
}
section.header-service-webmarketing p.small,
section.header-webmarketing p.small {
	text-shadow: 0 1px 0 #dbf3ff, 0 -1px 0 #000000;
}
section.header-service-webmarketing p.big span,
section.header-webmarketing p.big span,
section.header-service-webmarketing p.small span,
section.header-webmarketing p.small span {
	background : rgba(185,226,247,0.65);
}
section.header-service-consultance,
section.header-consultance {
	background: url('../img/header-consultance.jpg') no-repeat fixed center top #d8b4e7;
}
section.header-service-consultance p.small,
section.header-consultance p.small {
	text-shadow: 0 1px 0 #eddbf4, 0 -1px 0 #000000;
}
section.header-service-consultance p.big span,
section.header-consultance p.big span,
section.header-service-consultance p.small span,
section.header-consultance p.small span {
	background : rgba(216,180,231,0.65);
}
/**/
section.header-service {
	padding-top: 80px;
	height: 300px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	*/
}
section.header-service div.wrapper {
	max-width: 1000px;
	margin: auto;
	padding-top: 70px;
}
/**/
section.content-gen{
	background: #f1f1f1;
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	color: #5f5f5f;
	font-family: "robotolight", sans-serif;
	font-size: 16px;
	padding: 50px 90px 0;
	/*max-width: 1400px;*/
	margin: auto;
}
section.content-gen h3.titreh2 {
	color: #676767;
	font-family: "roboto_condensedregular", sans-serif;
	font-size: 31px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
	border: none;
}
section.content-gen h3 {
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	color: #e74c3c;
	font-family: "robotolight", sans-serif;
	font-size: 22px;
	margin-bottom: 15px;
}
section.content-gen a.intlink:before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}
section.content-gen a.intlink {
	font-size: 16px;
	color: #e74c3c;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 2px solid #e74c3c;
	display: inline-block;
	outline: none;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
section.content-gen a.intlink:hover {
	background: #e74c3c;
	color: #f8f8f8;
}
section.content-gen div.content-row {
	max-width: 1500px;
	display: table;
	margin: auto;
}
section.content-gen div.content-row div.item-content,
section.content-gen div.content-row div.item-img {
	width : 100%;
	display: inline-block;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
}
section.content-gen div.content-row div.item-content {
	max-width: 60%;
	padding: 0 20px;
}
section.content-gen div.content-row div.item-img {
	max-width: 39%;
}
section.content-gen div.content-row div.item-img div {
	height: 100%;
}
section.content-gen div.content-row div.item-content img,
section.content-gen div.content-row div.item-img img {
	display: block;
	height: auto;
	max-height: 100%;
	width: auto;
	max-width: 100%;
	margin: auto;
}
section.content-gen div.item-content-left,
section.content-gen div.item-img-left {
	float: left;
}
section.content-gen div.item-content-right,
section.content-gen div.item-img-right {
	float: right;
}
section.content-gen div.item-img-left img,
section.content-gen div.item-img-right img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}
section.content-gen div.content-row ul {
	font-family: "robotolight", sans-serif;
	margin: 10px 0 10px 30px;
}
section.content-gen div.content-row ul li:before {
	content: "•";
	color: #f39c12;
	margin-right: 8px;
	font-size: 20px;
	line-height: 13px;
}
section.content-gen p{
	margin-bottom: 30px;
}
section.content-gen a.contact {
	border-radius: 4px;
    color: #FFFFFF;
    display: block;
    font-family: "robotoregular",sans-serif;
    font-size: 24px;
    height: 60px;
    line-height: 55px;
    margin: 0 auto 50px;
    transition: all 0.2s ease-in-out 0s;
    max-width: 690px;
	background: none repeat scroll 0 0 #474849;
    border: 1px solid #2d2d2e;
    box-shadow: 0 1px 2px 0 #6d6e70 inset, 0 3px 8px 0 rgba(0, 0, 0, 0.3);
    text-shadow: 0 -1px 0 #2d2d2e;
	text-align: center;
}
section.content-gen a.contact:hover {
	-webkit-box-shadow: inset 0 1px 0px 0 #6d6e70, 0 3px 3px 0 rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 20px 0 #6d6e70, 0 3px 3px 0 rgba(0,0,0,0.2);
}
/**/
/* CONTENT GENERAL END */
/* FOOTER */
section.footer {
	width: 100%;
	min-height: 280px;
	background: #474849;
	border-top: solid 1px #111111;
	border-bottom: solid 1px #111111;
}
section.footer div.wrap {
	max-width: 960px;
	margin: auto;
}
section.footer  div.col1,
section.footer  div.col2 {
	float: left;
}
section.footer div.col1 {
	padding: 70px 0 0 20px;
}
section.footer div.col2 {
	color: #d2d2d2;
	font-family: "robotolight", sans-serif;
	font-size: 15px;
	padding: 75px 0 0 130px;
}
section.footer div.col2 p{
	padding-left: 23px;
	/*background: url('../img/icon-bot.jpg') no-repeat left center;*/
}
section.footer div.wrap div.col3 {
	float: right;
	padding: 50px 45px 0 0;
}
section.footer div.col3 ul {
	margin-bottom: 20px;
}
section.footer div.col3 ul li {
	border-top: solid 1px #565758;
	border-bottom: solid 1px #3b3c3d;
}
section.footer div.col3 ul li:first-child {
	border-top: none;
}
section.footer div.col3 ul li:last-child {
	border-bottom: none;
}
section.footer div.col3 ul li a{
	color: #ffffff;
	font-family: "robotolight", sans-serif;
	font-size: 15px;
	width: 160px;
	line-height: 40px;
}
section.footer div.col3 a.gpart {
	display: block;
	width: 179px;
	height: 69px;
	background: url('../img/google-partner.jpg') no-repeat center center;
	float: right;
}
section.footer div.col3 a.etic {
	display: block;
	width: 58px;
	height: 58px;
	background: url('../img/etic.jpg') no-repeat center center;
	float: right;
	margin-right: 20px;
}
section.copy {
	width: 100%;
	color: #404242;
	font-family: "robotoregular", sans-serif;
	font-size: 16px;
	background: #272828;
	text-align: center;
	padding: 8px 0 20px;
}
section.copy div.wrap {
	max-width: 960px;
	margin: auto;
}
section.copy div.social {
	margin: auto;
	width: 208px;
}
section.copy div.social a {
	width: 44px;
	height: 44px;
	display: block;
	float: left;
	margin: 4px;
}
section.copy div.social a.gplus {
	background: url('../img/gplus-1.jpg') no-repeat center center;
}
section.copy div.social a.fb {
	background: url('../img/fb-1.jpg') no-repeat center center;
}
section.copy div.social a.link {
	background: url('../img/link-1.jpg') no-repeat center center;
}
section.copy div.social a.twit {
	background: url('../img/twit-1.jpg') no-repeat center center;
}
section.copy div.social a img {
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	opacity: 1;
}
section.copy div.social a:hover img {
	opacity: 0;
}
section.copy p {
	padding-top: 20px;
}
/* FOOTER END */
/* PLAN */
ul.plan {
	max-width: 500px;
	margin: 0 auto 30px;
	border-left: solid 3px #828282;
	-webkit-box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2);
	padding: 30px 0 30px 40px;
}
ul.plan a {
	color: #828282;
	font-family: "roboto_condensedlight",sans-serif;
	font-size: 16px;
}
ul.plan a:hover {
	color: #b0b0b0;
}
ul.plan > li > a {
	font-size: 30px;
}
ul.plan > li > ul {
	margin-left: 50px;
}
ul.plan > li > ul > li > a {
	font-size: 20px;
}
ul.plan a.li1 {
	color: #e74c3c;
}
ul.plan a.li2 {
	color: #f39c12;
}
ul.plan a.li3 {
	color: #27ae60;
}
ul.plan a.li4 {
	color: #10a2ee;
}
ul.plan a.li5 {
	color: #9b59b6;
}
ul.plan a.li1:hover {
	color: #ff6959;
}
ul.plan a.li2:hover {
	color: #ffb43e;
}
ul.plan a.li3:hover {
	color: #30d877;
}
ul.plan a.li4:hover {
	color: #38bbff;
}
ul.plan a.li5:hover {
	color: #cc75ef;
}
ul.plan > li > ul > li > ul {
	margin-left: 50px;
}
ul.plan > li > ul > li > ul > li {
	padding: 3px 0;
}
ul.plan > li > ul > li > ul > li > a {
	color: #5c5a5a;
	font-family: "roboto_condensedregular",sans-serif;
}
/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index: 9; /* makes sure it stays on top */
}
#loaderImage {
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	margin: 20px 0 0 -20px; /* is width and height divided by two */
}
/* 404 */
section.error404 {
	padding: 150px 0 80px;
	color: #828282;
    font-family: 'robotolight',sans-serif;
    font-size: 70px;
    text-align: center;
}








section.footer div.wrap div.col4 {
	float: right;
	padding: 50px 45px 0 0;
}
section.footer div.col4 ul {
	margin-bottom: 20px;
}
section.footer div.col4 ul li {
	
	border-bottom: solid 1px #3b3c3d;
}
section.footer div.col3 ul li:first-child {
	border-top: none;
}
section.footer div.col4 ul li:last-child {
	border-bottom: none;
}
section.footer div.col4 ul li a{
	color: #ffffff;
	font-family: "robotolight", sans-serif;
	font-size: 15px;
	width: 160px;
	line-height: 40px;
}
section.footer div.col4 a.gpart {
	display: block;
	width: 179px;
	height: 69px;
	background: url('../img/google-partner.jpg') no-repeat center center;
	float: right;
}
section.footer div.col4 a.etic {
	display: block;
	width: 58px;
	height: 58px;
	background: url('../img/etic.jpg') no-repeat center center;
	float: right;
	margin-right: 20px;
}