@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video, iframe, input {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
/* Basic website CSS styles. */
body {
	font-size: 1em;
	font-weight: 300;
	color: #ECECEC;
	font-family: 'Roboto', sans-serif;
}
.black {
  background-color: #000 !important;
  width: 100%;
}
video {
  bakckground-color: #000;
  object-fit: cover;
  width: 100vw;
  max-width: 1500px;
  margin: 0px auto;
}
#fb_btn {
	color: #3b5998 !important;
}
#insta_btn {
	color: #bc2a8d !important;
}
#fb_btn:hover {
	color: #666 !important;
}
#insta_btn:hover {
	color: #666 !important;
}
.backjaune {
	background-color: #f1582c;
	color: #000;
}
.backjaune .box {
	width: 33.33%;
	min-height: 0px;
}
#content .backjaune p, #content .backjaune h1, #content .backjaune h2, #content .backjaune h3, #content .backjaune ul {
	color: #000;
}
#content .backjaune .btn, .backjaune .btn {
	background-color: #000;
	color: #FFF;
}
.backjaune p, .backjaune h1, .backjaune h2, .backjaune h3, .backjaune ul {
	color: #000;
}
.backjaune .box p {
	font-size: 2em;
	margin: 50px;
	color: #000;
}
.backjaune .box p b {
	font-size: 2.6em;
}
#paypal input {
	width: 60%;
	padding: 12px;
	clear: left;
}
#paypal input.pbtn {
	width: 30%;
	background-color: transparent;
	clear: left;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#paypal input.pbtn:hover {
	opacity: 0.8;
}
#paypal #pform p, #paypal #pform h1, #paypal #pform h2, #paypal #pform h3 {
	text-align: left;
}
#lalign #content p, #lalign #content h1, #lalign #content h2, #lalign #content h3, #lalign #content ul, #lalign #content h4 {
	text-align: left;
}
#submenu {
	display: none;
}
.sidebox, .largesidebox {
	display: inline;
	float: left;
	box-sizing: border-box;
	padding: 30px;
	min-height: 360px;
}
.sidebox {
	width: 50%;
}
.largesidebox {
	width: 50%;
	text-align: left;
}
#services, #content {
	display: block;
	position: relative;
}
#services .sidebox {
	min-height: 260px;
	height: 260px;
}
#slideshow, #img_header {
	display: block;
	min-height: 500px;
	height: 500px;
}
#img_header {
	border-bottom: 2px solid #f1582c;
}
#smallheader #img_header {
	min-height: 280px;
	height: 280px;
}
#slideshow {
	min-height: 740px;
	height: 740px;
}
#slideshow .marge {
	padding-bottom: 0px;
}
#slideshow {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#content #slideshow a, #content #slideshow span {
	text-transform: uppercase;
	margin-left: 15px;
	margin-right: 15px;
	color: #FFF;
	font-size: 1em;
}
#content #slideshow span {
	color: #999;
    cursor: pointer;
}
#content #slideshow .newsthumb {
	float: right;
	width: 70%;
	padding-bottom: 40%;
}
#content #slideshow a:hover, #content #slideshow a.selected, #content #slideshow span.selected {
	color: #f1582c !important;
}
#slideshow .largesidebox h3, #slideshow .largesidebox p {
	text-align: left;
	margin: 5px;
	width: 80%;
}
#slideshow .dmxSlide, .dmxSlide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden
}
.sidebox {
	min-height: 450px;
	height: 450px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.dmxSlide {
	padding: 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.lhr {
	max-height: 80px;
	clear: both;
	margin: 0px auto;
	display: block;
	text-align: center;
}
#logos img {
	margin: 15px;
	max-height: 60px;
}
.come-in {
	transform: translateY(150px);
	animation: come-in 0.8s ease forwards;
}
#leftscroll .largesidebox.come-in {
	transform: translateX(150px);
}
#leftscroll .sidebox.come-in {
	transform: translateX(-150px);
}
#rightscroll .largesidebox.come-in {
	transform: translateX(150px);
}
#rightscroll .sidebox.come-in {
	transform: translateX(-150px);
}
.come-in:nth-child(odd) {
	animation-duration: 0.6s; /* So they look staggered */
}
@keyframes come-in {
	to {
		transform: translateY(0);
	}
}
.logo {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	z-index: 5000;
}
.logo:hover {
	opacity: 0.8;
}
.addthis_inline_share_toolbox {
	margin: 50px;
	clear: both;
}
#column .addthis_inline_share_toolbox a {
	margin-top: 30px;
	float: left;
}
.mosaique {
	box-sizing: border-box;
	line-height: 1em;
	clear: both;
    margin-bottom: 60px;
}
.mosaique a {
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	min-height: 394px;
	width: 100%;
	height: 394px;
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	box-sizing: border-box;
}
#specialshow .quart a, #specialshow .quart, #column .quart, #column .half {
	min-height: 400px;
	height: 400px;
}
#column.user .half {
	min-height: 600px;
	height: 600px;
	background-position: top center;
}
.mosaique a:hover {
	opacity: 1;
	background-image: url(/imgs/design/back_green.png);
	background-repeat: repeat;
}
.mosaique a:hover h3 {
	padding-top: 55%;
}
.mosaique a h3 {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-align: center;
	padding-top: 50%;
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-top: 0px;
	font-weight: 400;
}
.mosaique .half a:hover h3 {
	padding-top: 30%;
}
.mosaique .half a h3 {
	padding-top: 25%;
}
.half, .quartlarge, .quart {
	float: left;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 400px;
	box-sizing: border-box;
	border: 5px solid #FFF;
	padding: 0px;
}
.quartlarge {
	width: 75%;
}
#column .half {
	width: 100%;
}
.content .quartlarge {
	margin-bottom: 60px;
}
.quartlarge h3 {
	line-height: 1.3em;
}
.half {
	width: 50%;
}
.quart {
	width: 25%;
}
#bbox {
	background-color: #f1582c;
	font-size: 0.9em;
	text-align: center;
	clear: both;
	color: #000;
}
footer #bbox p {
	color: #000;
}
footer #bbox a, footer #bbox #menu2 a {
	color: #000;
}
#contact .hr {
	color: #CCC;
	text-align: center;
	margin: 30px auto;
	margin-bottom: 0px;
}
#contact .logo {
	min-height: 200px;
	margin-top: -50px;
}
#bbox img {
	width: 90px;
}
footer .box p b {
	font-size: 1.6em;
	text-align: center;
}
footer .box #femail b {
	font-size: 1.4em;
}
footer .box p b a {
	color: #ECECEC;
}
footer .box p b a:hover {
	color: #ECECEC;
}
ul#hours {
	margin: 0px;
	padding: 0px;
	color: #ECECEC;
}
ul#hours li {
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#hours span {
	float: right;
	margin-right: 35%;
	margin-left: 20px;
	text-align: left;
}
#bbox p {
	text-align: center;
}
#map {
	width: 100%;
	height: 100%;
}
footer #map p {
	font-size: 1.1em;
}
#content h3 a, #content h2 a {
	color: #f1582c;
}
#psitemap ul {
	margin: 0px;
	padding: 0px;
}
#psitemap li {
	margin: 2px;
	padding: 0px;
}
#psitemap li a {
	color: #f1582c;
}
#alertdiv {
	background-color: #ffff99;
	min-height: 0px;
	margin: 0px;
}
#alertdiv .wrapper {
	margin: 0px;
	padding: 0px;
	min-height: 0px;
	box-sizing: border-box;
	margin-top: -30px;
}
#alertdiv p#alertbox {
	font-size: 1.1em;
	color: #000;
	font-weight: 400;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
}
.column {
	width: 50%;
	float: left;
	display: inline;
}
form .column {
	background-color: #747474;
}
form .column label, form .column input, form .column select, form .column #captcha {
	margin: 30px;
	margin-bottom: 0px;
}
form .column label {
	font-size: 1.2em;
	color: #FFF;
	margin-bottom: -10px;
}
form .column .btn, form .column p a.btn {
	background-color: #f1582c;
	color: #000;
	font-size: 1.2em;
	width: 30%;
}
video {
	display: block;
}
#column .btn {
	margin-top: 0px;
}
#mailForm input, #mailForm textarea {
	margin: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 12px;
}
#mailForm #captcha {
	margin: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.hr {
	font-size: 2.5em;
	clear: both;
	color: #666;
}
#mobilenav select {
	float: none;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.3em;
}
#alertbox {
	clear: both;
	margin: 30px;
	color: #cc0000;
	font-size: 1.2em;
	text-align: center;
}
#sitemap {
	font-size: 0.8em;
	opacity: 0.6;
}
footer .box {
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	width: 50%;
	box-sizing: border-box;
	z-index: 2000;
}
footer .box h3 {
	color: #FFF;
}
#gallery {
	margin: 30px;
	margin-left: 0px;
}
#gallery .box {
	min-height: 120px;
}
table {
	border: 2px solid #FFF;
	width: 90%;
}
td {
	background-color: #ECECEC;
	padding: 10px;
	border: 4px solid #FFF;
}
.marge {
	clear: both;
	padding-top: 60px;
	padding-bottom: 60px;
}
.marge form {
	text-align: center;
	max-width: 65%;
	margin: 0px auto;
}
.marge input, .marge label {
	max-width: 75%;
	text-align: center;
	float: none;
	border: none;
}
.marge p, .marge h1, .marge h2, .marge h3 {
	text-align: center;
	max-width: 75%;
	margin: 30px auto;
	color: #000;
}
.marge h3 {
	text-transform: uppercase;
}
#content p, #content ul {
	text-align: center;
}
#content p a {
	color: #f1582c;
	font-weight: 400;
	text-align: center;
}
.box {
	padding: 0px;
	float: left;
	display: inline;
	min-height: 360px;
	box-sizing: border-box;
}
.box .newsthumb {
	box-sizing: border-box;
}
#textleft h1, #textleft h2, #textleft h3, #textleft h4 {
	text-align: left;
}
#textleft p, #content #textleft p, #textleft ul {
	text-align: justify;
}
#textleft h3 {
	margin-top: 30px;
}
.box h1, .box h2, .box h3, .box h4, .box p, .box em {
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}
.box em {
	font-style: normal;
	text-transform: uppercase;
}
.box p, .box em {
	font-size: 1em;
}
.box img {
	width: 300px;
}
#produits {
	background-color: #FFF;
    text-align: center;
}
#produits h1, #produits h2, #produits h3, #produits p {
	color: #000;
    text-align: center !important;
}
.newsthumb {
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	background-position: center center;
	box-sizing: border-box;
}
#content .box .newsthumb {
	border: 5px solid #FFF;
}
#content .backjaune .box .newsthumb {
	border: 5px solid #f1582c;
}
#produits .box {
	width: 50%;
}
#produits .box i {
	font-size: 10em;
}
#produits .box .newsthumb {
	border: 5px solid #f1582c;
}
#news .quart {
	float: left;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 250px;
	box-sizing: border-box;
	border: 5px solid #FFF;
	padding: 0px;
	width: 20%;
	overflow: hidden;
}
.mosaique .quart {
	min-height: 400px;
	width: 25%;
}
#news .quart a {
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	min-height: 244px;
	width: 100%;
	height: 244px;
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	box-sizing: border-box;
}
.mosaique .quart a {
	min-height: 394px;
	height: 394px;
}
#news .quart a:hover {
	opacity: 1;
	background-image: url(/imgs/design/back_black.png);
	background-repeat: repeat;
}
#news .quart a:hover h3 {
	padding-top: 45%;
}
.mosaique .quart a:hover h3 {
	padding-top: 55%;
}
#news .quart a h3 {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-align: center;
	padding-top: 40%;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1em;
	margin-top: 0px;
	font-weight: 300;
	text-transform: uppercase;
}
.newsthumb:hover {
	opacity: 0.8;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.box .missing:hover {
	opacity: 0.3;
}
.blackbar {
	margin-bottom: 0px;
}
.blackbar a {
	margin-right: 10px;
}
.found {
	background-color: #90e7e0;
}
.shadow {
	opacity: 0.2;
}
a.backnext {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#backnext .btn {
	font-size: 1em;
	margin-left: 20px;
}
#backnext {
	text-align: center;
	padding: 20px;
	font-size: 12px;
	text-transform: uppercase;
	margin: 20px;
	clear: both;
	margin-bottom: 30px;
}
.hiddenbtn {
	opacity: 0.3;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.close {
	clear: both;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
h1, h2, h3, h4 {
	font-family: 'Roboto Condensed', sans-serif;
	clear: left;
	margin: 10px;
	margin-bottom: 30px;
	color: #666;
}
h1 {
	font-size: 3.5em;
	text-transform: uppercase;
	color: #f1582c;
}
h2 {
	font-size: 2.5em;
	text-transform: uppercase;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.2em;
}
p, form, ul, label, ol, table {
	text-align: left;
	color: #666;
	margin: 10px;
}
b {
	font-weight: 400;
}
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover {
	color: #f1582c;
}
a img {
	border: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.box p, .box h2, .box h3 {
	color: #666;
	max-width: 100%;
	margin-left: 10px;
	margin-right: 10px;
}
.box h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.box p {
	font-size: 0.7em;
	margin-top: 5px;
}
footer {
	background-color: #000;
	overflow: hidden;
	clear: both;
}
footer, header {
	color: #999;
	max-width: 100%;
	clear: both;
	overflow: hidden;
}
header {
	margin-top: 30px;
}
footer .box p, footer .box ul {
	font-size: 1.1em;
	margin-right: 15px;
	color: #ECECEC;
	text-align: center;
}
footer a {
	color: #f1582c;
}
footer a:hover {
	color: #FFF;
}
.backblack {
	background-image: url(/imgs/design/back_black.png) !important;
	background-repeat: repeat !important;
	height: 100%;
}
#img_header {
	background-image: url(/imgs/design/revetement.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	display: block;
	box-sizing: border-box;
	padding: 0px;
	overflow: hidden;
}
#img_header .marge h1, #img_header .marge h2, #img_header .marge h3 {
	color: #FFF;
}
#img_header h1, #img_header h2, #img_header h3, #img_header p {
	margin-bottom: 20px;
	color: #FFF;
	font-weight: 400;
	text-shadow: #000 1px 1px 1px;
}
#img_header h2 {
	font-size: 2.8em;
}
#content {
	clear: both;
	text-align: center;
}
#content h1 {
	margin-top: 40px;
}
#content p, .marge h3 {
	font-weight: 300 !important;
}
#menu {
	text-align: center;
	margin: 0px;
	box-sizing: border-box;
	border-top: 2px solid #000;
	border-bottom: 2px solid #f1582c;
	color: #ECECEC;
	background-color: #000;
}
.topmenu {
	background-color: #f1582c;
}
#contact p {
	text-align: center;
	clear: both;
	margin-top: 30px;
}
#menu a {
	color: #ECECEC;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	min-width: 10%;
	margin: 0px;
	padding: 20px;
	padding-left: 25px;
	padding-right: 25px;
	box-sizing: border-box;
	text-align: center;
	font-weight: 400;
}
#menu2 a {
	color: #000;
	text-transform: uppercase;
	margin: 0px;
	padding: 20px;
	font-size: 1.4em;
}
#menu .topmenu a {
	color: #000;
	font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em;
}
#menu .topmenu a.selected, #menu .topmenu a:hover {
	color: #666;
	border-bottom: none;
}
#menu a.logoa:hover {
	border-bottom: none;
}
#menu a.selected, #menu a:hover {
	color: #f1582c;
	border-bottom: 4px solid #f1582c;
}
#menu .topmenu .wrapper {
	padding-top: 0px;
	padding-bottom: 0px;
}
address a {
	color: #666;
}
address a:hover {
	color: #f1582c;
}
#column {
	clear: none;
	width: 300px;
	float: left;
	min-height: 600px;
	margin-left: 30px;
	margin-bottom: 30px;
}
#column p, #column ul, #column h2, #column h3, #column .box ul, #column .box h3 {
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#column h3 {
	margin-top: 0px;
}
#column ul, .box ul {
	list-style-type: none;
}
#column form {
	margin: 0px;
}
#column input {
	margin-left: 0px;
	width: 220px;
}
#column .bluebtn {
	color: #FFF;
}
#column li, .box li {
	font-size: 0.9em;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#column li i, .box li i {
	font-size: 0.8em;
	margin-right: 5px;
}
#column #plogo {
	width: 40%;
	margin-bottom: 30px;
	float: left;
}
#column h3 a {
	color: #73cbc7;
}
.photo {
	max-width: 100%;
}
.bigbtn {
	font-weight: 400;
	font-size: 1.2em;
	margin: 30px;
	padding: 10px;
	clear: both;
}
.btn, #content p a.btn {
	font-weight: 400;
	margin-top: 30px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #222222;
	color: #FFF;
	text-decoration: none;
}
.btn:hover {
	background-color: #747474;
	color: #FFF;
}
.greenbtn {
	color: #FFF;
	background-color: #66cc33;
}
.bluebtn {
	color: #FFF;
	background-color: #3366cc;
}
label {
	padding-left: 0px;
	width: 100%;
	max-width: 100%;
	float: left;
	clear: left;
	padding: 10px;
	margin: 10px;
	margin-bottom: 0px;
	font-weight: 400;
}
form p {
	margin: 10px;
}
i {
	margin-right: 10px;
}
input, select, textarea {
	font-family: 'Roboto', sans-serif;
	width: 80%;
	max-width: 100%;
	padding: 6px;
	color: #666666;
	margin: 15px;
	margin-top: 5px;
	background-color: #ECECEC;
	border: none;
}
input.checkbox {
	width: 30px;
	height: 30px;
	margin: 5px;
	margin-top: -4px;
}
select {
	-webkit-appearance: none;
	padding-left: 12px;
	padding-right: 12px;
}
#content .wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Mobile Layout */ 
/* Mobile Layout */ 
/* Mobile Layout */ 
@media only screen and (max-width: 900px) {
body, .wrapper, html {
	width: 100%;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}
.backjaune .box {
	width: 100%;
}
#front #img_header, #produits #box3, #produits #box4 {
	display: none;
}
#paypal input {
	width: 80%;
}
#paypal input.pbtn {
	width: 50%;
}
#services, #produits {
	min-height: 1000px;
	height: 1000px;
}
#produits .box {
	width: 50%;
	clear: none;
	float: left;
	margin: 0px;
	display: inline;
}
#services .sidebox {
	min-height: 200px;
	height: 200px;
}
.sidebox, .largesidebox {
	width: 100%;
	display: block;
	min-height: 100px;
	height: auto;
}
.sidebox {
	padding-bottom: 0px;
}
#slideshow .newsthumb {
	width: 100% !important;
	float: none !important;
	display: block;
}
#slideshow .sidebox h3, #slideshow .largesidebox h3, #slideshow .sidebox p, #slideshow .largesidebox p {
	text-align: center;
	float: none;
	width: 100%;
}
#menu a#nav {
	display: block;
	font-size: 1.3em;
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
}
#menu #submenu {
	border-top: 2px solid #ECECEC;
}
#menu #submenu a {
	display: block;
	font-size: 1.2em;
	clear: both;
	border-bottom: 2px solid #ECECEC;
}
#content {
	background-image: none;
	padding-bottom: 20px;
}
address {
	text-align: center;
}
#img_header h1, #img_header h2, #img_header h3, #img_header p {
	width: 90%;
	float: none;
	margin: 0px auto;
	padding: 0%;
}
header {
	background-size: 90%;
	background-position: center bottom;
}
#news .quart a, .mosaique a, .mosaique .half a {
	opacity: 1 !important;
	background-image: url(/imgs/design/back_black.png) !important;
	background-repeat: repeat !important;
}
#map {
	height: 300px;
}
#column .btn {
	width: 30%
}
table {
	width: 100%;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
}
td {
	margin: 2px;
	padding: 0px;
}
#leftcolumn {
	width: auto;
	float: none;
}
#leftcolumn .box {
	margin: 0px;
	border: none;
}
#leftcolumn .box img {
	width: 90%;
	margin: 0px;
}
#mobilenav {
	display: block;
}
#mapdir, .nomob, .iicon, #stats, #prosub {
	display: none;
}
#mobilenav a {
	padding-top: 30px;
	font-size: 4em;
}
.box, #biggerbox, footer .box, .marge, .column {
	width: 100%;
	height: auto;
	margin: 0px;
	margin-bottom: 20px;
	display: block;
	float: none;
}
#column .quart, #news .quart, .quart, .mosaique .quart {
	width: 100%;
	height: auto;
	margin: 0px;
}
.half, #column .mosaique .half, #column {
	width: 100%;
	height: auto;
	margin: 0px;
}
#form .column, #form .column p {
	text-align: center;
}
#form .column .btn {
	float: none;
}
.marge {
	max-width: 100%;
}
.marge p, .marge h1, .marge h2, .marge h3 {
	max-width: 100%;
}
#img_header .marge h3 {
	font-size: 1.2em;
}
#comments {
	text-align: center;
}
#content p, #content ul, #content h1, #content h2, #content h3, #content h4 {
	margin: 15px;
}
#special, .addthis_inline_share_toolbox {
	display: none;
}
.wrapper {
	font-size: 1.2em;
	width: 100%;
	margin: 0px auto;
}
ul {
	margin-left: 10px;
}
form .btn {
	width: 100%;
}
.btn {
	display: block;
	clear: both;
	text-align: center;
}
footer {
	width: 100%;
	margin: 0px;
	font-size: 0.8em;
	text-align: center;
	background-image: none;
}
footer .box {
	min-height: 40px;
	margin-top: 40px;
}
footer #mc-embedded-subscribe-form {
	text-align: center;
}
footer #mc-embedded-subscribe-form input, footer #mc-embedded-subscribe-form .btn {
	text-align: center;
	margin: 10px auto;
	float: none;
}
footer .btn {
	float: none;
	margin: 10px auto;
	padding-right: 10px;
	color: #FFF !important;
}
footer input.btn {
	color: #FFF !important;
}
footer .box p {
	text-align: center;
	float: none;
}
#menu select {
	display: block;
	float: none;
	margin: 20px auto;
}
.logo {
	width: 40%;
	float: none !important;
	margin: 20px auto;
	max-height: none;
}
#column .mosaique .quart, #column .mosaique .half {
	width: 100%;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}
.mfull, .mosaique .mfull {
	width: 100%;
}
}

/* Desktop Layout */
/* Desktop Layout */
/* Desktop Layout */
@media only screen and (min-width: 901px) {
#leftcolumn {
	width: 60%;
	float: left;
	display: inline;
	box-sizing: border-box;
	margin: 0px;
	padding-right: 30px;
	margin-top: -100px;
	background-color: #FFF;
}
footer {
	padding-top: 80px;
}
#services {
	min-height: 1000px;
	height: 1000px;
}
#map {
	height: 400px;
}
#leftcolumn .box {
	width: 33.33%;
}
#mobilenav {
	display: none;
}
#comments {
	display: block;
	margin: 0px;
	text-align: left;
}
footer #biggerbox {
	width: 60%;
}
.box, .quart, #news .quart {
	width: 50%;
}
footer .box {
	width: 50%;
	margin: 0px;
	padding: 10px;
	min-height: 20px;
}
#special {
	display: block;
}
.logo {
	width: auto;
	max-height: 80px;
	box-sizing: border-box;
	margin-top: -40px;
}
#menu {
	box-sizing: border-box;
	clear: both;
}
#menu a {
	font-size: 1.2em;
	float: right;
}
#menu span, #menu .logo {
	float: left;
}
#menu .topmenu a.iicon {
	margin: 0px !important;;
	width: auto;
	min-width: 0%;
	font-weight: 300;
    padding-left: 0px;
}
address {
	clear: right;
	float: right;
	width: 40%;
	text-align: right;
	font-size: 0.9em;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}
#column {
	width: 40%;
	float: left;
	display: inline;
	box-sizing: border-box;
	margin: 0px;
}
.wrapper {
	max-width: 90%;
	font-size: 1.1em;
	margin: 0px auto;
}
ul {
	margin-left: 30px;
}
footer #biggerbox p {
	text-align: left;
}
footer {
	font-size: 0.9em;
	padding-bottom: 0px;
	overflow: hidden;
}
footer p {
	font-size: 0.8em;
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
}
footer .box h3 {
	text-align: left;
}
}

@media only screen and (min-width: 1000px) {
.box, #news .quart, .quart {
	width: 33.33%;
}
}

@media only screen and (min-width: 1200px) {
#menu a {
	font-size: 1.4em;
}
.box {
	width: 25%;
}
#news .box, #news .quart {
	width: 20%;
	min-height: 200px;
}
}

@media only screen and (min-width: 1800px) {
#map {
	height: 500px;
}
#services {
	min-height: 900px;
	height: 900px;
}
#img_header {
	min-height: 650px;
}	
}