/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

.drawer-nav{display:none; background: #a86c34; width: 50%; margin-top: 0px; z-index:1000;}
.drawer-brand {padding:0px 0px 0px 0px; text-align:center; background: #fff;}
a.drawer-menu-item{color: white; text-align: left;}
button.drawer-hamburger{display:none;} 
.drawer--right.drawer-open .drawer-hamburger {left: 35%;}
.drawer-menu li.current a,
.drawer-menu li a:hover { color:#341455; background: rgba(255,255,255, 1.0)}

ul.drawer-menu-generic {border-top: dotted white 1px; border-bottom: dotted white 1px; margin-top: 10px;}
ul.drawer-menu-generic li a.drawer-menu-item {text-align: right; padding: 5px 10px;}
ul.drawer-menu-generic li a {font-size: 90%;}
ul.drawer-menu-generic li a:hover {color: white;}

@media only screen and (min-width: 240px) and (max-width: 490px) {
	 nav {display: none;}
	 button.drawer-hamburger{display:block;}
	.drawer-nav{display: block;}
	.wrap {padding: 0 15px; margin: 0px auto;}
	
	#header {height: 96px;}
	.headerbg {background:none; padding: 0;}
	#logolink {display:block;}
	
	.zerogrid .col-1-4, .zerogrid .col-3-4 {width: 100%; margin: 0 auto;}
	.infobox { margin: 0 auto;}
	.zerogrid .col-1-4 h2{text-align:center; padding: 0px;}
	.info {width: 90%; margin-left:  auto; margin-right: auto;}
	.infobox2 {margin: 12px auto 0px auto;}
	
	.subpage .info img {padding-bottom: 20px;}
	
	content div.spacer {height: 0px;}
	footer .col-full div {float: left; white-space:normal; text-align:center;}
	#footer {position: static;}
	#footer .adresse, #footer .adresse2, #footer .tel {width: 100%;}
}

@media only screen and (min-width: 491px) and (max-width: 760px) {
 	nav {display: none;}
	.drawer-nav{width: 35%;}
	.drawer--right.drawer-open .drawer-hamburger {left: 55%;}
	 button.drawer-hamburger{display:block;}
	.drawer-nav{display: block;}
	.wrap {padding: 0 15px; margin: 0px auto;}
	
	#header {height: 96px;}
	.headerbg {background:none; padding: 0;}
	#logolink {display:block;}
	
	.zerogrid .col-1-4, .zerogrid .col-3-4 {width: 100%; margin: 0 auto;}
	.infobox { margin: 0 auto;}
	.zerogrid .col-1-4 h2{text-align:center; padding: 0px;}
	.info {width: 50%; float: left; margin-left:  auto; margin-right: auto;}
	.infobox2 {margin: 12px auto 0px auto;}
	
	content div.spacer {height: 0px;}
	footer .col-full div {float: left; white-space:normal; text-align:center;}
	#footer {position: static;}
	#footer .adresse, #footer .adresse2, #footer .tel {width: 100%;}
	
}


@media only screen and (min-width: 761px) and (max-width: 1100px) { 
	 nav {display: none;}
	.drawer-nav{width: 23%;}
	.drawer--right.drawer-open .drawer-hamburger {left: 68%;}
	 button.drawer-hamburger{display:block;}
	.drawer-nav{display: block;}
	
	#header {height: 96px;}
	.headerbg {background:none; padding: 0;}
	#logolink {display:block;}
	
	.wrap {padding: 0 20px; margin: 0px auto;}
	.zerogrid .col-1-4 {width: 30%;}
	
	#footer .wrap {padding: 0px 2%;}
	#footer .tel {width: 31%;}
	#footer .adresse {width: 27%;}
	#footer .adresse2 {width: 42%; text-align: right;}
}

@media only screen and (min-width: 966px) and (max-width: 1030px) {
	
}