@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0;padding:0;border:0;font-size:100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:'';content: none; }
table { border-collapse:collapse;border-spacing:0; }
/* =========================================================================================== */
/* FONTS CUSTOM */
/* =========================================================================================== */
@font-face {
    font-family: 'great_vibesregular';
    src: url('greatvibes-regular-webfont.eot');
    src: url('greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('greatvibes-regular-webfont.woff') format('woff'),
         url('greatvibes-regular-webfont.svg#great_vibesregular') format('svg'),
		 url('greatvibes-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ################################## */
@font-face {
    font-family: 'source_sans_proregular';
    src: url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_probold';
    src: url('sourcesanspro-bold-webfont.eot');
    src: url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-bold-webfont.woff') format('woff'),
         url('sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('sourcesanspro-light-webfont.eot');
    src: url('sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-light-webfont.woff') format('woff'),
         url('sourcesanspro-light-webfont.ttf') format('truetype'),
         url('sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ################################## */
@font-face {
    font-family: 'colaborate-regularregular';
    src: url('colabreg-webfont.eot');
    src: url('colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('colabreg-webfont.woff') format('woff'),
         url('colabreg-webfont.ttf') format('truetype'),
         url('colabreg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-thinregular';
    src: url('colabthi-webfont.eot');
    src: url('colabthi-webfont.eot?#iefix') format('embedded-opentype'),
         url('colabthi-webfont.woff') format('woff'),
         url('colabthi-webfont.ttf') format('truetype'),
         url('colabthi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ################################## */
@font-face {
    font-family: 'charis_silregular';
    src: url('charissilr-webfont.eot');
    src: url('charissilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('charissilr-webfont.woff') format('woff'),
         url('charissilr-webfont.ttf') format('truetype'),
         url('charissilr-webfont.svg#charis_silregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* =========================================================================================== */
/* GENERAL CLASSES */
/* =========================================================================================== */
body {
	background: #000 url(../images/bg.jpg) center top no-repeat fixed;
	font: normal 15px/20px 'charis_silregular', Arial, sans-serif;
	color: #555;
}
h3, .phone, .suivez {
	font: normal 22px/26px 'charis_silregular', Arial, sans-serif;
	color: #265f19;
	margin: 0 0 15px 0;
}
h2 {
	font: normal 15px/18px 'charis_silregular', Arial, sans-serif;
	color: #265f19;
	margin: 6px 0 6px 0;
}
h1 {
	font: normal 30px/35px 'charis_silregular', Arial, sans-serif;
	color: #555;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
h4 {
	font: normal 22px/24px 'charis_silregular', Arial, sans-serif;
	color: #fff;
	background-color: #bbb;
	margin: 0 0 18px 0;
	padding: 4px 4px 3px 7px;
}
h5 {

}
h6 {
	font: normal 21px/27px 'charis_silregular', Arial, sans-serif;
	color: #fff;
	background: #933;
	padding: 5px 10px 5px 10px;
	margin: 0 0 12px 0;
	background-color: #238300;
	background-image: -moz-linear-gradient(top, #052c04, #238300);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#052c04), to(#238300));
	background-image: -webkit-linear-gradient(top, #052c04, #238300);
	background-image: -o-linear-gradient(top, #052c04, #238300);
	background-image: linear-gradient(to bottom, #052c04, #238300);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#052c04', endColorstr='#238300', GradientType=0);
	background-repeat: repeat-x;
}
p {
	margin: 0 0 19px 0;
}
hr {
	background-color: #ccc;
	border: none;
	height: 1px;
	margin: 0 0 19px 0;
}
a {
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color: #238300;
	text-decoration: none;
}
a:hover {
	color: #052c04;
}
a img {
	border: none;
}
ul, ol {
	padding: 0 0 0 15px;
	margin: 0 0 19px 0;
}
li {
	margin: 0 0 6px 0;
}
sup {
	font-size: 0.7em;
	line-height: 0.7em;
	margin-left: 2px;
}
div {
	position: relative;
}
::-moz-selection {
	background: #ccc;
	color: #000;
	text-shadow: none;
}
::selection {
	background: #ccc;
	color: #000;
	text-shadow: none;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
  float: none !important;
}
.clear_10 {
  clear: both;
  float: none !important;
  height: 10px;
}
.clear_30 {
  clear: both;
  float: none !important;
  height: 30px;
}
.top_td td {
	vertical-align: top;
}
.bottom_td td {
	vertical-align: bottom;
}
#phone_mobile, #logo_wrapper, #scrollTop {
	display: none;
}
/* =========================================================================================== */
/* FONT STYLES */
/* =========================================================================================== */
.bold {
	font-weight: bold !important;
}
.normal {
	font-weight: normal !important;
}
.italic {
	font-style: italic !important;
}
.text_uppercase {
	text-transform: uppercase;
}
.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}
.text_justify {
	text-align: justify;
}
/* =========================================================================================== */
/* FRAME SITE */
/* =========================================================================================== */
#scrollTop {
	display: none;
}
#full_banner {
	width: 999px;
	margin: 0 auto;
}
.wrapper_content {
	width: 959px;
	padding: 20px;
	background: #fff;
	margin: 0 auto;
}
.content_box {
	width: 460px;
}
.content_box_socials {
	width: 440px;
	padding: 10px;
	background: #fdf0d4;
}
.content_box_socials p {
	text-align: center;
	margin-bottom: 0;
}
.content_box_half {
	width: 220px;
}
.img_width_100p {
	max-width: 100%;
	height: auto;
}
.floatL {
	float: left;
	clear: left;
}
.floatR {
	float: right;
	clear: right;
}
.margB_0 {
	margin-bottom: 0;
}
.margB_3 {
	margin-bottom: 3px;
}
.margB_8 {
	margin-bottom: 8px;
}
.margB_30 {
	margin-bottom: 30px;
}
.margB_40 {
	margin-bottom: 40px;
}
.margR_0 {
	margin-right: 0px !important;
}
.padding_20 {
	padding: 20px;
}
/* =========================================================================================== */
/* TABLE */
/* =========================================================================================== */
.tbl_infos {
	text-align: left;
}
.tbl_infos th {
	background: #e1e1e1;
}
.tbl_infos th, .tbl_infos td {
	padding: 4px;
}
/* =========================================================================================== */
/* BUTTONS SOCIALS */
/* =========================================================================================== */
.socials {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 0 0 4px;
	vertical-align: middle;
}
#btn_facebook {
	background: url(../images/facebook.png) 0 0 no-repeat;
}
#btn_twitter {
	background: url(../images/twitter.png) 0 0 no-repeat;
}
#btn_linkedin {
	background: url(../images/linked_in.png) 0 0 no-repeat;
}
#btn_youtube {
	background: url(../images/youtube.png) 0 0 no-repeat;
}
#btn_google {
	background: url(../images/google_plus.png) 0 0 no-repeat;
}
#btn_pinterest {
	background: url(../images/pinterest.png) 0 0 no-repeat;
}
/* =========================================================================================== */
/* GOOGLE MAPS */
/* =========================================================================================== */
.map_wrapper {
	width: 458px;
	height: 260px;
	border: solid 1px #555;
	z-index: 10;
}
#map_wrapper {
	width: 458px;
	height: 260px;
}
#map_mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #999;
	/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.2)";
	/* IE 5-7 */ filter: alpha(opacity=0.2);
	/* Netscape */ -moz-opacity: 0.2;
	/* Safari 1.x */ -khtml-opacity: 0.2;
	/* Good browsers */ opacity: 0.2;
	z-index: 40;
}
.lock_on, .lock_off {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/lock_on.png) 0 0 no-repeat;
	z-index: 68;
}
.lock_off {
	background: url(../images/lock_off.png) 0 0 no-repeat;
}
/* =========================================================================================== */
/* FOOTER */
/* =========================================================================================== */
.footer_wrapper {
	width: 959px;
	background-color: #d1d3d4;
	font: normal 12px/15px Arial, sans-serif;
	color: #000;
	padding: 8px 20px;
	margin: 10px auto;
}
.footer_wrapper a {
	color: #000;
}
@media screen and (max-width: 488px) {
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}
body {
	background: #fff;
	font: normal 17px/24px 'charis_silregular', Arial, sans-serif;
}
h2 {
	font: normal 20px/24px 'charis_silregular', Arial, sans-serif;
	margin: 20px 0 4px 0;
}
h3 {
	font: normal 27px/33px 'charis_silregular', Arial, sans-serif;
}
/* BANNER ====================== */
#full_banner {
	display: none;
}
#logo_wrapper {
	display: block;
	width: 100%;
}
#logo_wrapper img {
	max-width: 100%;
	height: auto;
}
.clear_30 {
	display: none;
}
/* CONTENT ====================== */
#scrollTop {
	display: block;
	width: 60%;
	margin: 0 20%;
	padding: 8px 0;
	border: 2px solid #bbb;
	background: #265f19;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	position: fixed;
	top: 10px;
	left: 0;
	display: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 99;
}
.wrapper_content {
	width: 94%;
	padding: 14px 3%;
	margin: 0;
}
.content_box {
	width: 100%;
	float: none !important;
}
.img_width_50p {
	width: 48% !important;
	height: auto !important;
}
#phone_full {
	display: none;
}
#phone_mobile {
	display: block;
}
.map_wrapper {
	width: 99%;
}
#map_wrapper {
	width: 99%;
}
.content_box_half {
	width: 100%;
	float: none !important;
}
.content_box_socials {
	width: 98%;
	padding: 5px 1%;
}
.socials {
	width: 22px;
	height: 22px;
	margin: 0 0 0 2px;
}
#btn_facebook {
	background: url(../images/facebook.png) 0 0 no-repeat;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
#btn_twitter {
	background: url(../images/twitter.png) 0 0 no-repeat;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
#btn_linkedin {
	background: url(../images/linked_in.png) 0 0 no-repeat;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
#btn_youtube {
	background: url(../images/youtube.png) 0 0 no-repeat;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
#btn_google {
	background: url(../images/google_plus.png) 0 0 no-repeat;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
#btn_pinterest {
	background: url(../images/pinterest.png) 0 0 no-repeat;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}
/* FOOTER ====================== */
.footer_wrapper {
	width: 96%;
	font: normal 12px/13px Arial, sans-serif;
	padding: 8px 2%;
	margin: 10px 0 0 0;
}
.footer_wrapper p {
	float: none !important;
	text-align: left !important;
	margin: 0 0 8px 0;
}
}