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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
div.clear {
	clear: both;
}
.main-button {
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	padding: 7px 0;
	background: #8fbe43;
}
.main-button:hover {
	background: #82af38;
}
.main-button:active {
	background: #6e9929;
}
body {
	background: url('../images/background.png') repeat center top;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #3F3F3F;
	*text-align: center;
}
.wrap {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	background: #FFF;
	-webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .5);
	*text-align: left;
	*border-left: 1px solid #e9e9e9;
	*border-right: 1px solid #e9e9e9;
}
#page-title {
	display: none;
	padding: 22px;
	background: url('../images/background.png') repeat 0 0;
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 0 15px rgba(0,0,0,.15);
	box-shadow: inset 0 0 15px rgba(0,0,0,.15);
}
body.product-details #page-title {
	display: block;
}
#page-title h2 {
	font-weight: 300;
	font-size: 35px;
	color: #3F3F3F;
	text-transform: uppercase;
	text-align: center;
}

/***************/
/*    HEADER   */
/***************/
#header {
	border-bottom: 1px solid #e9e9e9;
	height: 90px;
}
#header #logo {
	display: inline-block;
	width: 241px;
	height: 41px;
	background: url('../images/header_logo.png') no-repeat center center;

	margin: 25px 0 0 32px;
    float: left;
}
#header #logo h1 {
	display: none;
}
#header ul#nav {
	float: right;
	overflow: hidden;
	margin-right: 15px;
}
#header #nav li {
	float: left;
}
#header #nav li a {
	display: inline-block;
	padding: 0 15px;
	line-height: 88px;

	font-weight: bold;
	font-size: 14px;

	transition: background .2s;
	-moz-transition: background .2s; /* Firefox 4 */
	-webkit-transition: background .2s; /* Safari and Chrome */
	-o-transition: background .2s; /* Opera */
}
#header #nav li a:hover {
	background: #F6F6F6;
	border-bottom: 2px solid #8fbe43;
}
#header #nav li a:active {
	padding-top: 1px;
	line-height: 87px;
}

#header #nav li.current a {
	background: #8fbe43;
	color: #FFF;
	border-bottom: 2px solid #8fbe43;
}

/********************/
/*    MAIN SLIDER   */
/********************/
#main-slider-wrapper {
	height: 374px;
	position: relative;
	background-color: #6f9d26;
	background-image: url('../images/slider/background_maptek.png');
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom: 1px solid #e9e9e9;

	-webkit-transition: background-image 600;
	-moz-transition: background-image 600;
	-ms-transition: background-image 600;
	-o-transition: background-image 600;
	transition: background-image 600;
}
#main-slider-wrapper.maptek {
	background-image: url('../images/slider/background_maptek.png');
}
#main-slider-wrapper.finja {
	background-image: url('../images/slider/background_finja.png');
}
#main-slider-wrapper.maptrack {
	background-image: url('../images/slider/background_maptrack.png');
}
#main-slider-wrapper.sitelocator {
	background-image: url('../images/slider/background_sitelocator.png');
}
#main-slider-wrapper a.arrow {
	display: block;
	position: absolute;
	width: 28px;
	height: 68px;
	background: rgba(0,0,0,.25);
	cursor: pointer;
	text-align: center;

	top: 50%;
	margin-top: -34px;

	transition: background .3s;
	-moz-transition: background .3s; /* Firefox 4 */
	-webkit-transition: background .3s; /* Safari and Chrome */
	-o-transition: background .3s; /* Opera */
}
#main-slider-wrapper a.arrow:hover {
	background: rgba(0,0,0,.7);
}
#main-slider-wrapper a.arrow span {
	display: inline-block;
	width: 15px;
	height: 27px;
	background: url('../images/slider_arrows.png') no-repeat 0 0;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 2px;
}
#main-slider-wrapper a.arrow.right span {
	background-position: -15px 0;
	margin-left: 2px;
	margin-right: 0;
}
#main-slider-wrapper a.arrow.left {
	left: 0;
}
#main-slider-wrapper a.arrow.right {
	right: 0;
}
#main-slider-wrapper .slide1 {
	background: #6f9d26 url('../images/slider/background_maptek.png') no-repeat center center;
}
#main-slider-wrapper .slide2 {
	background: #6f9d26 url('../images/slider/background_finja.png') no-repeat center center;
}
#main-slider-wrapper .slide3 {
	background: #6f9d26 url('../images/slider/background_maptrack.png') no-repeat center center;
}
#main-slider-wrapper .slide4 {
	background: #6f9d26 url('../images/slider/background_sitelocator.png') no-repeat center center;
}
#main-slider-wrapper .slide > div {
	position: relative;
	overflow: hidden;
}
#main-slider-wrapper .slide .caption {
	width: 400px;
	margin: 40px 0 0 62px;
	float: left;
}
#main-slider-wrapper .slide .slide-img {
	float: right;
}
#main-slider-wrapper .slide1 .slide-img {
	margin: 16px 54px 0 0;
}
#main-slider-wrapper .slide2 .slide-img {
	margin: 12px 160px 0 0;
}
#main-slider-wrapper .slide3 .slide-img {
	margin: 27px 61px 0 0;
}
#main-slider-wrapper .slide4 .slide-img {
	margin: 33px 65px 0 0;
}
#main-slider-wrapper .slide .caption h4 {
	color: #FFF;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 1px 3px 0px #507612;
    filter: dropshadow(color=#507612, offx=1, offy=3);
    margin-bottom: 13px;
}
#main-slider-wrapper .slide.title-only .caption {
	margin: 76px 0 0 62px;
}
#main-slider-wrapper .slide.title-only .caption h4 {
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
}
#main-slider-wrapper .slide.title-only.slide2 .caption h4 {
	text-shadow: 1px 3px rgba(39,90,135,.75);
}
#main-slider-wrapper .slide.title-only.slide3 .caption h4 {
	text-shadow: 1px 3px rgba(32,100,115,.75);
}
#main-slider-wrapper .slide.title-only.slide4 .caption h4 {
	text-shadow: 1px 3px rgba(77,43,131,.75);
}
#main-slider-wrapper .slide.title-only .caption h4 span.bold {
	font-weight: bold;
}
#main-slider-wrapper .slide1 p {
	font-size: 15px;
}
#main-slider-wrapper .slide .caption p {
	color: #FFF;
	text-shadow: 0px 2px 0px #507612;
    filter: dropshadow(color=#507612, offx=0, offy=2);
}
#main-slider-wrapper .slide img.killer-phrase {
	margin-top: 20px;
}
#main-slider-wrapper .slide .caption .more {
	width: 158px;
	margin-top: 57px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#main-slider-wrapper .slide .caption .more:active {
	margin-top: 58px;
}
#main-slider-wrapper .slide1 .caption .more {
	background-color: #8fbe43;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #bfe384;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #bfe384;
	box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #bfe384;
	border: solid 1px #69971f;
	background-image: -webkit-linear-gradient(top, #8fbe43, #7dac30);
	background-image: -moz-linear-gradient(top, #8fbe43, #7dac30);
	background-image: -o-linear-gradient(top, #8fbe43, #7dac30);
	background-image: -ms-linear-gradient(top, #8fbe43, #7dac30);
	background-image: linear-gradient(to bottom, #8fbe43, #7dac30);
}
#main-slider-wrapper .slide1 .caption .more:active {
	background-color: #7dac30;
	background-image: -webkit-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: -moz-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: -o-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: -ms-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: linear-gradient(to top, #8fbe43, #7dac30);
}
#main-slider-wrapper .slide2 .caption .more {
	margin-top: 40px !important;
	background-color: #6e9ec9;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #9dbfdd;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #9dbfdd;
	box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #9dbfdd;
	border: solid 1px #265887;
	background-image: -webkit-linear-gradient(top, #6e9ec9, #5486b2);
	background-image: -moz-linear-gradient(top, #6e9ec9, #5486b2);
	background-image: -o-linear-gradient(top, #6e9ec9, #5486b2);
	background-image: -ms-linear-gradient(top, #6e9ec9, #5486b2);
	background-image: linear-gradient(to bottom, #6e9ec9, #5486b2);
}
#main-slider-wrapper .slide2 .caption .more:active {
	margin-top: 41px !important;
	background-color: #5486b2;
	background-image: -webkit-linear-gradient(top, #5486b2, #6e9ec9);
	background-image: -moz-linear-gradient(top, #5486b2, #6e9ec9);
	background-image: -o-linear-gradient(top, #5486b2, #6e9ec9);
	background-image: -ms-linear-gradient(top, #5486b2, #6e9ec9);
	background-image: linear-gradient(to bottom, #5486b2, #6e9ec9);
}
#main-slider-wrapper .slide3 .caption .more {
	margin-top: 25px !important;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #9fdae7;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #9fdae7;
	box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #9fdae7;
	border: solid 1px #276f80;
	background-color: #6fb8c9;
	background-image: -webkit-linear-gradient(top, #6fb8c9, #5ea6b7);
	background-image: -moz-linear-gradient(top, #6fb8c9, #5ea6b7);
	background-image: -o-linear-gradient(top, #6fb8c9, #5ea6b7);
	background-image: -ms-linear-gradient(top, #6fb8c9, #5ea6b7);
	background-image: linear-gradient(to bottom, #6fb8c9, #5ea6b7);
}
#main-slider-wrapper .slide3 .caption .more:active {
	margin-top: 26px !important;
	background-color: #5ea6b7;
	background-image: -webkit-linear-gradient(top, #5ea6b7, #6fb8c9);
	background-image: -moz-linear-gradient(top, #5ea6b7, #6fb8c9);
	background-image: -o-linear-gradient(top, #5ea6b7, #6fb8c9);
	background-image: -ms-linear-gradient(top, #5ea6b7, #6fb8c9);
	background-image: linear-gradient(to bottom, #5ea6b7, #6fb8c9);
}
#main-slider-wrapper .slide4 .caption .more {
	margin-top: 25px !important;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #c8b4e6;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #c8b4e6;
	box-shadow: 0 2px 2px rgba(0,0,0,.5), inset 0 1px #c8b4e6;
	border: solid 1px #4f347c;
	background-color: #a588d4;
	background-image: -webkit-linear-gradient(top, #a588d4, #7d5bb4);
	background-image: -moz-linear-gradient(top, #a588d4, #7d5bb4);
	background-image: -o-linear-gradient(top, #a588d4, #7d5bb4);
	background-image: -ms-linear-gradient(top, #a588d4, #7d5bb4);
	background-image: linear-gradient(to bottom, #a588d4, #7d5bb4);
}
#main-slider-wrapper .slide4 .caption .more:active {
	margin-top: 26px !important;
	background-color: #7d5bb4;
	background-image: -webkit-linear-gradient(top, #7d5bb4, #a588d4);
	background-image: -moz-linear-gradient(top, #7d5bb4, #a588d4);
	background-image: -o-linear-gradient(top, #7d5bb4, #a588d4);
	background-image: -ms-linear-gradient(top, #7d5bb4, #a588d4);
	background-image: linear-gradient(to bottom, #7d5bb4, #a588d4);
}

/*********************/
/*    MAIN CONTENT   */
/*********************/

/*    Generic    */
.section h2 {
	text-align: center;
	border-top: 3px solid #ebebeb;
	margin: 25px 0;
}
.section h2 span {
	display: inline-block;
	border-top: 3px solid #82af38;
	margin-top: -3px;
	font-size: 17px;

	background: #f3f3f3;
	padding: 6px 25px;
}

/*  Section : Services  */
.section.services h2 {
	margin-top: 15px;
}
.section.services .content ul {
	overflow: hidden;
	padding: 4px 0;
}
.section.services .content ul li {
	float: left;
	width: 25%;
}
.section.services .content ul li a {
	display: inline-block;
	margin: 0 30px;
	border: 1px solid #C5C5C5;
	height: 250px;

	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */
}
.section.services .content div.image {
	text-align: center;
	padding: 25px 0;

	/*background: #c5c5c5;*/
	background: #82af38;

	transition: background .3s;
	-moz-transition: background .3s; /* Firefox 4 */
	-webkit-transition: background .3s; /* Safari and Chrome */
	-o-transition: background .3s; /* Opera */
}
.section.services .content h3 {
	line-height: 17px;
	font-size: 17px;
	text-align: center;
	margin: 13px 5px 10px;

	transition: color .3s;
	-moz-transition: color .3s; /* Firefox 4 */
	-webkit-transition: color .3s; /* Safari and Chrome */
	-o-transition: color .3s; /* Opera */
}
.section.services .content h3.big-header {
	margin: 5px 5px 6px;
}
.section.services .content p {
	font-size: 12px;
	color: #707070;
	margin: 0 10px 10px;
	text-align: justify;
	line-height: 15px;
}
/* Now the good stuff :D */
.section.services .content ul li a:hover {
	-webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .4);
    box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .4);
}
.section.services .content ul li a:hover .image {
	background: #82af38;
}
.section.services .content ul li a:hover h3 {
	color: #82af38;
}
/* Section : A Propos */
/* Old style before adding the SPACE thing */
/*.section.propos .content {
	min-height: 70px;
	overflow: hidden;
	margin-bottom: 45px;
}
.section.propos #big_logo {
	height: 179px;
	background: url('../images/globe_products.png') no-repeat center center;
	width: 470px;
	float: left;
}
.section.propos .text {
	width: 520px;
	float: right;
	border-left: 3px solid #8fbe43;
}
.section.propos .text p {
	margin: 0 50px 10px 10px;
}
.section.propos .text a.main-button {
	margin-left: 10px;
	width: 150px;
}*/
.section.propos {
	height: 332px;
	background: url('../images/about.png') no-repeat center center;
	margin-top: 25px;
}
.section.propos .text {
	width: 499px;
	margin-top: 69px;
	float: right;
	border-left: 3px solid #8fbe43;
}
.section.propos .text p {
	margin: 0 50px 10px 10px;
	color: #FFF;
}
.section.propos .text a.main-button {
	margin-left: 10px;
	width: 150px;
}
/* Section : Clients & Partenaires */
.section.clients > h2 {
	margin-top: 0 !important;
}
.section.clients .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 143px;
    margin-bottom: 30px;
}
.section.clients .jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}
.section.clients .jcarousel li {
    float: left;
    width: 200px;
    height: 143px;
    text-align: center;
    vertical-align: middle;
    padding-top: 16px;
}
.section.clients .jcarousel li img {
    vertical-align: middle;
}
.section.clients .jcarousel .arrow {
	text-indent: -9999px;
	cursor: pointer;
	width: 32px;
	height: 32px;
	background: url('../images/clients_slider_arrows.png') no-repeat 0 0;

	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;

	opacity: 0;
}
.section.clients .jcarousel .arrow.right {
	background-position: -32px 0;
	left: auto;
	right: 0;
}
.section.clients .jcarousel:hover .arrow {
	opacity: .7;
}
.section.clients .jcarousel .arrow:hover {
	opacity: 1;
}
.section.clients .clients-images table {
	width: 90%;
	margin: 0 auto 30px
}
.section.clients .clients-images table td {
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
}
/*.section.clients .clients-images img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: all .3 ease;
    -webkit-transition: all .3s ease;
    -webkit-backface-visibility: hidden;
    opacity: .6;
}
.section.clients .clients-images td:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    opacity: 1;
}*/

/********************/
/*      FOOTER      */
/********************/
#footer {
	clear: both;
	background: #333333;
	height: 57px;
	color: #B2B2B2;
	font-size: 11px !important;
	padding: 0 15px;
	position: relative;
}
#footer p {
	margin-top: 22px;
	display: inline-block;
	float: left;
}
#footer p a:hover {
	color: #8fbe43;
}
#footer #to-top {
	cursor: pointer;
	width: 39px;
	height: 39px;
	background: #454545 url('../images/go_to_top.png') no-repeat center center;

	position: absolute;
	left: 50%;
	margin-left: -19px;
	top: 9px;

	transition: background-color .3s;
	-moz-transition: background-color .3s; /* Firefox 4 */
	-webkit-transition: background-color .3s; /* Safari and Chrome */
	-o-transition: background-color .3s; /* Opera */
}
#footer #to-top:hover {
	background-color: #8fbe43;
}
#footer ul#social-media {
	float: right;
	overflow: hidden;
	margin-top: 12px;
}
#footer #social-media li {
	float: left;
	margin-left: 11px;
}
#footer #social-media li a {
	display: block;
	width: 32px;
	height: 32px;
	background: url('../images/social-media.png') no-repeat 0 0;

	transition: background .2s;
	-moz-transition: background .2s; /* Firefox 4 */
	-webkit-transition: background .2s; /* Safari and Chrome */
	-o-transition: background .2s; /* Opera */
}
#footer #social-media li a.twitter {
	background-position: -32px 0;
}
#footer #social-media li a.gplus {
	background-position: -64px 0;
}
#footer #social-media li a.facebook:hover {
	background-position: 0 -32px;
}
#footer #social-media li a.twitter:hover {
	background-position: -32px -32px;
}
#footer #social-media li a.gplus:hover {
	background-position: -64px -32px;
}

/************************/
/*     NOS SERVICES     */
/************************/
body.services #main-content {
	margin: 50px 30px 100px;
	overflow: hidden;
}
body.services .service {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
body.services .service .service-img {
	width: 127px;
	height: 127px;
	float: left;

	background-color: #8fbe43;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}
body.services .service.sig .service-img {
	background-image: url('../images/services_sig.png');
}
body.services .service.mobile .service-img {
	background-image: url('../images/services_mobile.png');
}
body.services .service.telecom .service-img {
	background-image: url('../images/services_telecom.png');
}
body.services .service.fleet .service-img {
	background-image: url('../images/services_fleet.png');
}
body.services .service h3 {
	font-size: 17px;
	color: #3F3F3F;
	margin-left: 140px;
	margin-right: 34px;

	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
body.services .service:hover h3 {
	color: #8fbe43;
}
body.services .service h3 .abbr {
	border-bottom: 1px dotted #000;
	cursor: help;
}
body.services .service p,
body.services .service ul {
	font-size: 12px;
	color: #3F3F3F;
	margin-left: 140px;
	margin-right: 34px;
	text-align: justify;
}
body.services .service ul {
	margin-left: 150px;
	list-style-type: disc;
	list-style-position:inside;
}
body.services .service p.ref {
	font-size: 13px;
	margin-top: 4px;
}
body.services .service p.ref span.title {
	font-weight: bold;
}
body.services .service p.ref a {
	color: #00F;
	font-style: italic;
}
body.services .service p.ref a:hover {
	text-decoration: underline;
}
body.services #contactez-nous {
	clear: both;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	width: 215px;
	line-height: 50px;
	text-align: center;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #8fbe43;
	-webkit-box-shadow: inset 0 1px #bfe384;
	-moz-box-shadow: inset 0 1px #bfe384;
	box-shadow: inset 0 1px #bfe384;
	border: solid 1px #69971f;
	background-image: -webkit-linear-gradient(top, #8fbe43, #7dac30);
	background-image: -moz-linear-gradient(top, #8fbe43, #7dac30);
	background-image: -o-linear-gradient(top, #8fbe43, #7dac30);
	background-image: -ms-linear-gradient(top, #8fbe43, #7dac30);
	background-image: linear-gradient(to bottom, #8fbe43, #7dac30);

	text-shadow: 0px 1px 0px #538208;
    filter: dropshadow(color=#538208, offx=0, offy=1);

    font-size: 20px;
    color: #FFF;
    font-weight: bold;
}
body.services #contactez-nous:hover {
	border: 1px solid #466a0c;
}
body.services #contactez-nous:active {
	background-color: #8fbe43;
	background-image: -webkit-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: -moz-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: -o-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: -ms-linear-gradient(bottom, #8fbe43, #7dac30);
	background-image: linear-gradient(to top, #8fbe43, #7dac30);
}

/********************/
/*     A Propos     */
/********************/
body.propos #main-content {
	padding-top: 50px;
}
body.propos div.content-wrap {
	margin: 0 120px;
}
body.propos .section {
	margin-bottom: 25px;
}
body.propos .section > h4 {
	background: url('../images/blue_dot.png') repeat-x 0 center;
	margin-bottom: 4px;
}
body.propos .section > h4 p {
	display: inline-block;
	background: white;
	padding-right: 8px;
	font-size: 20px;
	color: #124f9b;
}
body.propos .section > h4 span {
	color: #8fbe43;
}
body.propos .section > h4 span.black {
	color: #000;
}
body.propos .section.mission .content p {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 5px;
}
body.propos .section.values > h4 {
	margin-bottom: 14px;
}
body.propos .section.values ul {
	list-style-image: url('../images/bullet.png');
	list-style-position: inside;
	margin-left: 50px;
	margin-bottom: 9px;
}
body.propos .section.values ul li {
	margin-bottom: 16px;
}
body.propos .section.values strong {
	font-size: 14px;
}
body.propos .section.dates > h4 {
	margin-bottom: 13px;
}
body.propos .section.dates ul {
	margin: 0 60px;
}
body.propos .section.dates ul span.date {
	color: #124f9b;
	font-size: 16px;
	font-weight: bold;
	margin-right: 18px;
}
body.propos .section.dates ul span.date.invisible {
	color: #FFF;
}
body.propos .section.dates ul span.event {
	color: #3F3F3F;
	font-size: 13px;
}
body.propos .section.dates ul li {
	margin-bottom: 8px;
}
body.propos .section.dates a {
	color: #00F;
}
body.propos .section.dates a:hover {
	text-decoration: underline;
}

/************************/
/*       PRODUCTS       */
/************************/
body.products .travaux {
	padding-top: 45px;
}
body.products .travaux ul.controls {
	margin: 0 auto 20px;
	overflow: hidden;
	text-align: center;
}
body.products .travaux .controls li {
	margin-right: 7px;
	display: inline-block;
}
body.products .travaux .controls li.last {
	margin-right: 0;
}
body.products .travaux .controls li a {
	display: inline-block;
	padding: 4px 16px;

	background: #F3F3F3;
	border: 1px solid #c5c5c5;
	color: #3F3F3F;
	font-size: 12px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
body.products .travaux .controls li a:hover {
	background: #ebebeb;
}
body.products .travaux .controls li.active a {
	background: #8fbe43;
	border: 1px solid #6e9929;

	color: #FFF;
}

body.products .travaux ul.liste-travaux {
	margin: 0 45px 30px;
}
body.products .travaux ul.liste-travaux li {
	display: inline-block;
	width: 33%;
	text-align: center;
	margin-bottom: 20px;
}
body.products .travaux ul.liste-travaux li a {
	display: inline-block;
	width: 270px;
	height: 196px;
	border: 5px solid #E9E9E9;
	position: relative;

	-webkit-transition: border .2s;
	-moz-transition: border .2s;
	-ms-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s;
}
body.products .travaux ul.liste-travaux li a:hover {
	border: 5px solid #C5C5C5;
}
body.products .travaux ul.liste-travaux li a .hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(143,190,67,.75) url('../images/travaux/loupe.png') no-repeat center center;

	opacity: 0;

	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-ms-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}
body.products .travaux ul.liste-travaux li a:hover .hover {
	opacity: 1;
}

/************************/
/*       CONTACT        */
/************************/
body.contact #form-container {
	background: url('../images/contact_map.png') no-repeat center bottom;
	padding: 18px;
}
body.contact #form-container form {
	width: 433px;
}
body.contact label {
	cursor: pointer;
	font-size: 14px;
	color: #3F3F3F;
	margin-bottom: 4px;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
body.contact label span.mandatory {
	color: #ff4e4e;
}
body.contact input.text,
body.contact textarea {
	background: #FFF;
	border: 1px solid #757575;
	border-bottom-width: 2px;
	width: 65%;

	margin-top: 4px;
	margin-bottom: 5px;

	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #3F3F3F;
}
body.contact input.text:focus,
body.contact textarea:focus {
	border-color: #8fbe43;
	outline: none;
}
body.contact input.text.error,
body.contact textarea.error {
	border-color: #F00;
}
body.contact input.text {
	height: 26px;
	text-indent: 3px;
}
body.contact textarea {
	width: 99%;
	height: 147px;
	margin-bottom: 20px;
}
body.contact .submit {
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	border: 0 none;
	width: 132px;
	float: left;
	margin: 0;
}
body.contact #sending-info {
	vertical-align: middle;
	float: left;
	padding: 0 10px;
	height: 34px;
	line-height: 34px;
	color: #3F3F3F;
}
body.contact #sending-info img {
	vertical-align: middle;
	margin-right: 5px;
}
body.contact #sending-info.error {
	color: #F00;
}
body.contact #sending-info > div {
	display: none;
}
body.contact #sending-info.wait div.wait-div {
	display: block;
}
body.contact #sending-info.success div.success-div {
	display: block;
}
body.contact #sending-info.error div.error-div {
	display: block;
}
body.contact div#info-mandatory {
	color: #ff4e4e;
	clear: both;
	font-style: italic;
	padding-top: 9px;
}


/***********************/
/*   PRODUCT DETAILS   */
/***********************/
/*ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

ul.bjqs-controls {
	opacity: 0;

	-webkit-transition: opacity .1s;
	-moz-transition: opacity .1s;
	-ms-transition: opacity .1s;
	-o-transition: opacity .1s;
	transition: opacity .1s;
}
#mini-slider:hover ul.bjqs-controls {
	opacity: 1;
}
ul.bjqs-controls li a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url('../images/travaux/slider_arrows.png') no-repeat 0 0;

	position: absolute;
	bottom: 0;
	left: 0;

	opacity: .9;

	-webkit-transition: opacity .1s;
	-moz-transition: opacity .1s;
	-ms-transition: opacity .1s;
	-o-transition: opacity .1s;
	transition: opacity .1s;
}
ul.bjqs-controls li.bjqs-next a {
	background-position: -30px 0;
	left: 31px;
}
ul.bjqs-controls li a:hover {
	opacity: 1;
}*/
body.product-details .nivoSlider {
    position:relative;
    background:url(../images/loading.gif) no-repeat 50% 50%;
	width:100%;
	height:100%;
	overflow: hidden;
}
body.product-details .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
body.product-details .nivoSlider a {
    border:0;
    display:block;
}
body.product-details .nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}

/* If an image is wrapped in a link */
body.product-details .nivoSlider a.nivo-imageLink {
	cursor: default;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white;
	filter:alpha(opacity=0);
	opacity:0;
}
/* The slices and boxes in the Slider */
body.product-details .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
body.product-details .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
body.product-details .nivo-box img { display:block; }

/* Direction nav styles (e.g. Next & Prev) */
body.product-details .nivo-directionNav a,
body.product-details #mini-slider-wrapper #image-zoom {
	z-index:9;

	display: block;
	position: absolute;
	bottom: 1px;
	width: 28px;
	height: 28px;
	background: url('../images/travaux/slider_controls.png') no-repeat 0 0;
	cursor: pointer;
	border: 1px solid #C5C5C5;

	opacity: 0;

	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-ms-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}
body.product-details .nivo-prevNav {
	left: 1px;
}
body.product-details .nivo-nextNav {
	left: 32px;
	background-position: -28px 0 !important;
}
/* Zoom button */
body.product-details #mini-slider-wrapper #image-zoom {
	left: 63px;
	background-position: -56px 0 !important;
}
body.product-details #mini-slider-wrapper:hover .nivo-directionNav a,
body.product-details #mini-slider-wrapper:hover #image-zoom {
	opacity: .9;
}
body.product-details #mini-slider-wrapper .nivo-directionNav a:hover,
body.product-details #mini-slider-wrapper #image-zoom:hover {
	opacity: 1 !important;
}
body.product-details #mini-slider-wrapper .nivo-controlNav {
	display: none;
}

body.product-details #footer {
	/*margin-top: 90px;*/
}
body.product-details #sidebar {
	width: 283px;
	float: left;
	padding: 25px 0 30px 25px;
}
body.product-details #sidebar #mini-slider-wrapper {
	position: relative;
	width: 280px;
	height: 200px;
	border: 1px solid #C5C5C5;
}
body.product-details #sidebar #product-meta {
	margin-top: 10px;
}
body.product-details #sidebar #product-meta p {
	font-size: 12px;
	border-bottom: 1px solid #C5C5C5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px 0;
}
body.product-details #sidebar #product-meta p:last-child {
	border-bottom: 0 none;
}
body.product-details #sidebar #product-meta p span {
	font-weight: bold;
}
body.product-details #sidebar #product-meta a {
	color: #8fbe43;
}
body.product-details #sidebar #product-meta a:hover {
	text-decoration: underline;
}
body.product-details #main-content {
	padding: 10px 25px 80px 330px;
}
body.product-details #main-content h3 {
	font-size: 18px;
	font-weight: normal;
	color: #8fbe43;
	margin: 15px 0 5px;
}
body.product-details #main-content p {
	margin-bottom: 5px;
}
body.product-details #main-content ul {
	list-style-image: url('../images/bullet.png');
	list-style-position: inside;
	margin-left: 25px;
}
body.product-details #main-content ul li {
	margin-bottom: 7px;
}








/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#main-slider {
	width: 1000px;
	height: 374px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	/*padding: 0 45px 28px 45px;*/
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
	/*border-top: 3px solid #777;
	border-bottom: 3px solid #777;*/
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
	display: block;
	width: 17px;
	height: 17px;
	background: url('../images/slider/bullets.png') no-repeat -17px 0;
	text-indent: -9999px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	display: none;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background-position: 0 0;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
	/*background-color: #7C9127;*/
	display: inline-block;
	margin-right: 5px;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	/*background: #7C9127;*/
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	margin-top: -34px;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	opacity: 0;
	width: 28px;
	height: 68px;
	background: rgba(0,0,0,.25);
	cursor: pointer;
	text-align: center;

	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */
	-o-transition: all .3s; /* Opera */

	outline: 0;
}

.anythingSlider:hover .arrow a {
	opacity: 1;
}

.anythingSlider-default .arrow a:hover {
	background: rgba(0,0,0,.7);
}

.anythingSlider-default .arrow a span {
	display: inline-block;
	width: 15px;
	height: 27px;
	background: url('../images/slider_arrows.png') no-repeat 0 0;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 2px;
}

.anythingSlider-default .forward a span {
	background-position: -15px 0;
	margin-left: 2px;
	margin-right: 0;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls {
	outline: 0;
	display: none;
	position: absolute;
	bottom: 2px;
	left: 10px;
}
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	/*display: block;
	visibility: hidden;*/
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

#lightbox .lb-nav a {
	cursor: pointer;
}