* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 21px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}

#majeur {
	position: absolute;
	top: 5px;
}

#homead {
	position: absolute;
	right: 0;
	z-index: 2;
}

a {
	text-decoration:none;
	color:#fff;
}

div.wpcf7-validation-errors {
	background-color:#86bb3d ;
	color: #000;
	border: 1px solid #000;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 0;
}

.twocol {
	width: 200px;
	float: left;
}

#contactmap {
	width: 420px;
	height: 350px;
	margin-bottom: 15px;
}

blockquote {
	color: #fff;
	padding: 0 100px;
	font-family: 'OpenSansItalic';
	font-size: 140%;
	line-height: 160%;
}

hr {
	border-bottom: 1px solid #3d3d3d;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 20px 0;
	background-color: #000;
}

#footer ul li {
	font-size: 90%;
}

a:hover {text-decoration:underline;}
input, textarea, select {
	font:100% 'OpenSansRegular', Arial, Helvetica, Verdana, sans-serif;
	vertical-align:middle;
	color:#000;
	overflow: auto;
	width: 100%;
	padding: 8px 10px;
}

input[type=submit] {
	color: #fff;
	clear: both;
	margin-top: 15px;
	background-color: #262626;
	padding: 6px 10px;
	border-top: 1px solid #383838 ;
	border-bottom: none ;
	border-left: 1px solid #383838;
	border-right: none;
}

label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}

strong {
	color: #fff;
}

address {
	font-size: 80%;
	font-family: 'OpenSansItalic';
}

h1{font-size:200%;color:#86bb3d;font-family:'OpenSansRegular',Arial,Helvetica,Verdana,sans-serif !important;}
h2{font-size:150%;color:#86bb3d;font-family:'OpenSansSemibold', Arial, Helvetica, Verdana, sans-serif;}
h3{font-size:140%;color:#fff;font-family:'OpenSansRegular',Arial,Helvetica,Verdana,sans-serif !important;}
h4{font-weight: normal;font-size:110%; color:#fff;font-family:'OpenSansRegular',Arial,Helvetica,Verdana,sans-serif !important;}
h5{font-size:100%;color:#86bb3d;font-family:'OpenSansRegular',Arial,Helvetica,Verdana,sans-serif !important;}
h6{font-size:90%;color:#86bb3d;font-family:'OpenSansRegular',Arial,Helvetica,Verdana,sans-serif !important;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{margin-left:1px;
}

#content ul {
	list-style-image: url("images/puces.png");
}

ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
@font-face {
font-family: 'OpenSansBold';
	src: url('fonts/opensans-bold-webfont.eot');
	src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-bold-webfont.woff') format('woff'),
		url('fonts/opensans-bold-webfont.ttf') format('truetype'),
		url('fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
}
@font-face {
	font-family: 'OpenSansBoldItalic';
	src: url('fonts/opensans-bolditalic-webfont.eot');
	src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
		url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
		url('fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg');
}
@font-face {
	font-family: 'OpenSansExtrabold';
	src: url('fonts/opensans-extrabold-webfont.eot');
	src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-extrabold-webfont.woff') format('woff'),
		url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
		url('fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
}
@font-face {
	font-family: 'OpenSansExtraboldItalic';
	src: url('fonts/opensans-extrabolditalic-webfont.eot');
	src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
		url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
		url('fonts/opensans-extrabolditalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
}
@font-face {
	font-family: 'OpenSansItalic';
	src: url('fonts/opensans-italic-webfont.eot');
	src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-italic-webfont.woff') format('woff'),
		url('fonts/opensans-italic-webfont.ttf') format('truetype'),
		url('fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('fonts/opensans-regular-webfont.eot');
	src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-regular-webfont.woff') format('woff'),
		url('fonts/opensans-regular-webfont.ttf') format('truetype'),
		url('fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
}
@font-face {
	font-family: 'OpenSansSemibold';
	src: url('fonts/opensans-semibold-webfont.eot');
	src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-semibold-webfont.woff') format('woff'),
		url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
		url('fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
}
@font-face {
	font-family: 'OpenSansSemiboldItalic';
	src: url('fonts/opensans-semibolditalic-webfont.eot');
	src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
		url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
		url('fonts/opensans-semibolditalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
}
html{min-width:960px;}
body {
	color:#fff;
	font:12px 'OpenSansRegular', Arial, Helvetica, Verdana, sans-serif;
	background:#181818 url(images/bg-body.jpg) no-repeat 50% 0;
	min-width:960px;
}
.nav-area:after,
#header:after{
	content:"";
	clear:both;
	display:block;
}
.alignleft{
	float:left;
	margin:0 32px 0 0;
}
.alignright{
	float:right;
	margin:0 0 0 32px;
}
#wrapper{
	margin:0 auto;
	width:940px;
	position:relative;
}
#header{
	width:750px;
	padding:18px 0 20px 190px;
	position:relative;
	z-index:5;
}
.logo{
	position:absolute;
	left:17px;
	top:15px;
	margin:0;
	width:180px;
	height:158px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(images/logo.png) no-repeat;
	z-index:20;
}
.logo a{
	height:100%;
	display:block;
}
.top-bar{
	overflow:hidden;
	margin:0 0 12px 5px;
}
.top-bar .saputo{
	float:left;
	margin:0 15px 0 0;
	width:239px;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(images/texts.png) no-repeat;
}

.top-bar {
	text-shadow: black 0.1em 0.1em 0.2em
}
.sub-menu{
	float:right;
	overflow:hidden;
	margin:7px 0 0;
}
.sub-menu li{
	list-style-position:outside;
	list-style-type:none;
	float:left;
	padding:0 10px;
	margin:0 -10px 0 9px;
	background: url(images/separator-header.gif) no-repeat 100% 50%;
}

.footerwidgettitle {
	color: #fff;
	text-transform: uppercase;
	line-height: 22px;
}

.footerlegal{
	float:right;
	overflow:hidden;
	margin:0;
	padding: 0;
}
.footerlegal li{
	list-style-position:outside;
	list-style-type:none;
	float:left;
	padding:0 10px;
	margin:0 -10px 0 9px;
}

.footerlegal a {
	color: #7d7c7c;
}

.block-info{
	overflow:hidden;
	background:#86bb3d;
	margin:0 0 0 -40px;
	padding:1px 0 1px 10px;
	color:#fff;
}
.block-info .title{
	width:131px;
	float:left;
	text-align:right;
	font:14px/18px 'OpenSansExtraboldItalic', Arial, Helvetica, Verdana, sans-serif;
	margin:3px 10px 0 0;
	letter-spacing:-1px;
}
.block-info .title .mark{font:14px/18px 'OpenSansItalic', Arial, Helvetica, Verdana, sans-serif;}
.text-slide{
	overflow:hidden;
	background:#006d3c;
	padding:6px 10px 4px 12px;
}
.text-slide .holder{
	width:617px;
	overflow:hidden;
	position:relative;
}
.text-slide .text{
	width:100%;
	overflow:hidden;
	position:relative;
	height:14px;
}
.block-info p{margin:0;}
.nav-area{
	width:750px;
	margin:0 0 0 -190px;
	padding:0 0 0 190px;
	background:#1e1e1e url(images/bg-nav.gif) no-repeat;
	text-shadow: black 0.1em 0.1em 0.2em
	
}
#nav{
	margin:0;
	float:right;
	font-family: 'OpenSansBold', Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
}
#nav li{
	float:left;
	list-style-position:outside;
	list-style-type:none;
}
#nav a{
	float:left;
	padding:15px 10px;
	color:#fff;
	height:14px;
}
#nav > .active > a,
#nav > li:hover > a,
#nav > li > a:hover{
	color:#8dc63f;
	text-decoration:none;
}
#nav li:hover{position:relative;}
#nav li:hover .drop{display:block;}
#nav .drop{
	position:absolute;
	top:44px;
	left:0;
	display:none;
	width:225px;
	margin:0;
	background:#f1f1f2;
	font:10px/14px 'OpenSans', Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	overflow:hidden;
	z-index:15;
}
#nav .right .drop{
	left:auto;
	right:0;
}
#nav .drop li{
	float:none;
	vertical-align:top;
	overflow:hidden;
	margin:0 0 -1px;
}
#nav .drop a{
	float:none;
	display:block;
	border:1px solid #fff;
	padding:8px 7px;
	color:#2e2e2e;
	height:auto;
	text-shadow: none;
}
#nav .drop a:hover{
	color:#fff;
	background:#2e2e2e;
	border-width:0 0 1px;
	padding:9px 8px 8px;
	text-decoration:none;
}
#main{
	position:relative;
	padding:0 0 6px;
}

#main h2 a{color:#8dc63f;}

#main h3 a{color:#fff;}
#twocolumns{
	background: url(images/bg-twocolumns.png);
	width:100%;
	margin:0 0 20px;
}
.twocolumns-holder{
	background: url(images/bg-twocolumns-holder.gif) repeat-y 632px 0;
	padding:25px 28px 10px;
	overflow:hidden;
}


#onecolumn{
	background: url(images/bg-twocolumns.png);
	width:100%;
	margin:0 0 20px;
}
.onecolumn-holder{
	padding:25px 28px 10px;
	overflow:hidden;
}

.onecolumn-holder #content {
	width: 100%;
}

#content{
	float:left;
	width:575px;
	line-height:18px;
}
.post-list{margin:0;}
.post-list li{
	vertical-align:top;
	overflow:hidden;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 32px;
}
.post-list .alignleft{margin-right:19px;}
.post-list .alignright{margin-left:19px;}
.post-list .text{overflow:hidden;}
#main .post-list h3,
.post-list h3{margin-bottom:0;}
.meta{
	color:#fcd27b;
	margin:0 0 17px;
	display:block;
	font-weight:normal;
}
.share-area{
	overflow:hidden;
}
.share-area .palceholder{float:right;}
.share-area .title{
	float:left;
	color:#fcd27b;
	font-weight:normal;
	margin:1px 0 0;
}
.share-area img{vertical-align:top;}
.visual{margin:0 0 20px;}
.image-area{
	position:relative;
	overflow:hidden;
}
.image-area img{vertical-align:top;}
.image-area .text-block{
	position:absolute;
	right:0;
	top:0;
	width:315px;
	height:100%;
	background: url(images/bg-black.png);
	overflow:hidden;
}
.text-block .holder{padding:10px 40px;}
.text-block h2,

.text-block .date{
	display:block;
	width:136px;
	color:#fff;
	padding:6px;
	background:#006f3c;
	font:14px/16px 'OpenSans', Arial, Helvetica, Verdana, sans-serif;
	margin:0 0 10px;
}
.list{
	margin:0 0 6px;
	color:#7d7c7c;
}
.list li{
	vertical-align:top;
	overflow:hidden;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 3px;
}
.list a{
	float:left;
	padding:0 14px 0 0;
	background: url(images/ico.png) no-repeat 100% 4px;
	background-position: center left;
	color:#7d7c7c;
}
.social-networks{
	overflow:hidden;
	margin:0 0 0 4px;
}

.facebook a{
	text-indent:-9999px;
	background: url(images/bg-social-networks-small.png) no-repeat;
	width:16px;
	height: 16px;
	overflow:hidden;
	display:block;
}

.twitter a{
	text-indent:-9999px;
	background: url(images/bg-social-networks-small.png) no-repeat;
	background-position: top right ;
	width:16px;
	height: 16px;
	overflow:hidden;
	display:block;
}

.columns-area{overflow:hidden;}
.columns-area .column{
	float:left;
	width:313px;
	border: solid #000;
	border-width:1px 0 1px 1px;
	margin:0 0 0 -1px;
	background:#2c2c2c url(images/bg-column.gif) repeat-x 0 100%;
}
.columns-area .column .image-holder{min-height:97px;}
.columns-area .column img{vertical-align:top;}
.columns-area .play{
	display:block;
	padding:8px 40px 8px 7px;
	color:#fff;
	font:21px/24px 'OpenSansBold', Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	background: url(images/ico.png) no-repeat 100% -396px;
	letter-spacing:-1px;
}

.join {
	clear: both;
	border-top: 1px solid #3d3d3d;
	padding-top: 15px;
}

.join .joignez{
	font:21px/24px 'OpenSansBold', Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	color:#fff;
}

.join .team{
	font:21px/24px 'OpenSansBold', Arial, Helvetica, Verdana, sans-serif;
	text-transform:uppercase;
	color:#8dc63f;
}

.joinquote {
	font-size: 15px;
	color: #fff;
}

.join p {
	margin-top: 20px;
}

.ecrivez {
	background-color: #006d3c;
	padding: 6px 10px;
	color: #fff;
	text-decoration: none;
}

.ecrivez:hover {
	background-color: #fff;
	color: #006d3c;
	text-decoration: none;
}

.columns-area .play .mark{color:#8dc63f;}
.columns-area .active .play,
.columns-area .play:hover{
	background-position:100% -196px;
	text-decoration:none;
}
.block-post{
	margin:0 0 17px;
	background: url(images/bg-block-post.png) no-repeat;
}
.block-post .frame{
	background: url(images/bg-block-post-frame.gif) repeat-y 626px 0;
	overflow:hidden;
	padding:15px 22px 15px 30px;
}
.block-post .area{
	float:right;
	width:260px;
}
.block-post .post-area{
	float:left;
	width:565px;
	line-height:18px;
}
.block-post .post-area .alignright,
.block-post .post-area .alignleft{margin-top:5px;}
.block-post .post-area img{border:1px solid #fff;}
.post-area .text{overflow:hidden;}
.btn-area{overflow:hidden;}
.link{
	float:left;
	padding:6px 8px;
	color:#fff;
	font-size:13px;
	line-height:16px;
	border-top:1px solid #333;
	background:#262626;
}
.listing{
	margin:0 0 7px;
	line-height:18px;
}
.listing li{
	vertical-align:top;
	overflow:hidden;
	padding:0 0 20px;
	list-style-position:outside;
	list-style-type:none;
}
.listing h3,
#main .listing h3{
	margin-bottom:8px;
	line-height:18px;
}
.listing .alignleft{margin:3px 15px 0 0;}
.listing .alignright{margin:3px 0 0 15px;}
.listing .text{overflow:hidden;}
.listing p{margin:0;}
#sidebar{
	float:right;
	width:247px;
}
.info-block{margin:0 0 18px;}
.roll{margin:0;}
.roll li{
	list-style-position:outside;
	list-style-type:none;
	vertical-align:top;
	overflow:hidden;
	padding: 0 0 16px 9px;
	background: url(images/bullet-circle.gif) no-repeat 0 6px;
}
.roll a{color:#7d7c7c;}
#footer{
	padding:0 0 40px;
	color:#6f6e6e;
	border-top:1px solid #282828;
	line-height:16px;
}
#footer p{margin:0;}
#footer p a{color:#6f6e6e;}
.footer-holder{
	overflow:hidden;
	background: url(images/bg-footer-holder.png) no-repeat 0 100%;
	padding:12px 10px;
	margin:0 0 7px -4px;
}
#footer .logo{
	float:left;
	margin:0 20px 0 0;
	position:static;
	width:263px;
	height:23px;
	background-position:0 -197px;
}
.menu{float:left;}
.menu .column{
	float:left;
	padding:0 9px 10px;
}
.menu .linked:hover,
.menu .active .linked{
	color:#8dc63f;
	text-decoration:none;
}
.menu a{
	color:#fff;
}
.menu ul{
	margin:0;
	padding:7px 0 15px;
	line-height:14px;
}
.menu li{
	list-style-position:outside;
	list-style-type:none;
	vertical-align:top;
	overflow:hidden;
}
.menu ul a{
	color:#7e7c7d;
	text-transform:none;
}
.menu .size01{width:110px;float:left;}
.menu .size02{width:140px;float:left;}
.menu .size03{width:83px;float:left;}
.comparb {
	width:100px;float:left;
}
.menu .size04{width:83px;float:left;}

.column ul {
	margin: 0;
	padding: 0;
}

.column ul li {
	padding: 2px 0;
}

.columns-area p {
	margin: 0;
}

#post-4 h2 {display:none;}

#post-4 h1 {margin-top:15px;}

#contactform textarea {
	width: 400px;
	height: 237px;
}

#contactform input[type="submit"] {
	float: right;
	right: 0;
	margin-top: 0;
}
.teamphoto {
	float: left;
	width: 86px;
	height: 86px;
}

.teammember {
	width: 160px;
	float: left;
	margin-left: 15px;
}