@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
a:active, a:focus {outline: none;}
body{
	background-color: #3d723d;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
}



nav, #content{
	box-sizing: border-box;
	
}
header{text-align:right;box-sizing: border-box;background:#e0e0e0;background-image:url(images/header.jpg);}
#logo {max-width:351px; max-height:160px;
	
}

#content{background:#FFFFFF;}

h1{text-align:left;font-size:1.5em;margin-bottom:40px;border-bottom:1px solid #20c630;}
#content p{font-weight:normal; font-size:1em; text-align:left;}
#content p img{width:100%;max-width:600px;}
#content iframe{width:100%;max-width:600px;}
adresse2
#adressea2{}
#adresseb2{}
#sendername, #email,#tel, #text{width:100%;max-width:300px;margin-bottom:5px;border:1px solid #20c630;}

/*RESPONSIVE*/

/*SMARTPHONE*/
@media all and (max-width: 320px) {	
	#wrapper{width:100%;}
	header{width:100%px;}
	nav{width:50px;}
	nav ul{}
	nav ul li{}
	nav ul li a{}
	nav ul li a:hover,nav ul li a:active{}
	#content{min-height:600px;padding:5px;width:100%;}
	footer{}
	#infobox{display:none;position:absolute;bottom:15px;left:15px;color:#20c630;font-size:0.7em;text-align:left;}
	#infobox2{color:#20c630;font-size:0.8em;text-align:center;padding:15px;color:#20c630;background:#000000;font-weight:bold;}
}
@media all and (min-width: 321px) {	
	#wrapper{width:100%;}
	header{width:100%px;}
	nav{width:50px;}
	nav ul{}
	nav ul li{}
	nav ul li a{}
	nav ul li a:hover,nav ul li a:active{}
	#content{min-height:600px;padding:5px;width:100%;}
	footer{}
	#infobox{display:none;position:absolute;bottom:15px;left:15px;color:#20c630;font-size:0.7em;text-align:left;}
	#infobox2{color:#20c630;font-size:0.8em;text-align:center;padding:15px;color:#20c630;background:#000000;font-weight:bold;}
}
/*TABLET*/
@media all and (min-width: 768px) {	
	body{
		background-image: url(bodybg.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#wrapper{width:768px;margin:15px auto 0 auto;border:1px solid #000000;}
	header{width:100%;}
	nav{
	background-color: #000000;
	background-image: url(images/sidebar_g.png);
  	background-repeat: no-repeat;
  	background-position: left top;
}
	nav ul{list-style-type:none;width:100%;}
	nav ul li{text-align:left;}
	nav ul li a{text-decoration:none;color:#FFFFFF;font-size:1em;font-weight:bold;padding:8px 0 8px 0;}
	nav ul li a:hover,nav ul li a:active{color:#20c630;}
	#flexbox{display:flex;flex-flow: row wrap;}
	nav{width:250px;padding:7px 15px 15px 15px;position:relative;}
	#infobox{display:block;bottom:15px;left:15px;color:#20c630;font-size:0.7em;text-align:left;}
	#infobox2{display:none;color:#20c630;font-size:0.7em;text-align:center;padding:3px;}
	nav ul li a{display:block;text-decoration:none;}
	#content{min-height:518px;padding:15px;width:518px;}
	footer{}
	
	
	#sliders{cursor: default; position: relative; top: 0px; left: 0px; width: 400px; height: 500px; overflow: hidden;}
	#menucheck{display:none;}
	}

/*DESKTOP*/
@media all and (min-width: 1024px) {	
	#wrapper{width:1000px;margin:15px auto 0 auto;border:1px solid #000000;}
	#flexbox{display:flex;flex-flow: row wrap;}
	#content{width:750px;min-height:600px;padding:30px;}
	footer{}
	
	
}