html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, td {
				margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;
				vertical-align: baseline;background: transparent;}

::selection {	background: #000; color: #000; text-shadow: none; }

html, body { 	height: 100%;width: 100%;}


body {			background:#000000;
				color:#FFF;
				font-family: "helvetica", arial;
				overflow-x: hidden;
				overflow-y: hidden;
				font-size: 20px;
				font-weight: 100;
				letter-spacing: 0.8px;
				line-height: 130%;}

		
h1 {			font-weight: 100;
				margin-bottom:20px;}

a, a:visited { 	color: #FFF; margin-right:20px; text-decoration:none; padding-bottom: 1px;}
a:hover {		color: #FFF; text-decoration: none; border-bottom: 1px solid #FFF;}
a:focus {		outline: thin dotted; }



#wrapper{		padding:0; margin:0; height:100%; width:100%;
				}



/*  			Header  			*/

#zone_a {		box-sizing: border-box;
    			display: inline-block;
    			float: left;
				width: 50%;
				height: 100%;
				padding: 2.5% 0px 0px 2.5%; }


#nav ul { 		list-style:none;}
#nav ul li { 	float:left; display:inline-block;}
#nav ul li a {	text-decoration:none;	}


/*  			images 				*/

#zone_b {		
   	  			display: inline-block;
				width: 50%;
				height: 100%;
				background-image: url("../images/image_01.png");
				background-size: cover;
				background-position: center center;
			}
				


/*  ——————————	*/
/*  responsive	*/
/*  ——————————	*/



@media (max-width: 720px) { 


#zone_a {		width: 100%;
				height: 50%;} 

#nav ul li { 	display: block;}


#zone_b {		display: inline-block;
				width: 100%;
				height: 50%;
   	  			bottom:0px;}

body {			font-size: 22px;
				line-height: 140%;}
			
}