00@charset "utf-8";
/* CSS Document */
body {
	overflow:hidden;
}

#page {
    position:absolute;  
    /*border: #f00 1px solid;*/
    font-family: 'Open Sans Condensed', sans-serif;
    color: #333333;
    position: absolute;
    width: 900px;
    height: auto;
    top:0;
    left: 50%;
    margin-top: 6%;
    margin-left: -450px;
    font-size:18px;
}

.resp01 {
	display:none;
}

a:link, a:visited {
	color:#000000;
}

a:hover, a:hover {
	color:#888888;
    text-decoration: none;
}

h1 {
	font-size:26px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color:#000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 19px 0px;
	letter-spacing:-1px;
}


p {
	padding:0px;
	margin:0px 0px 19px 0px;
	line-height:1.15em;
	text-align: justify;
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	
	-moz-hyphenate-limit-chars: auto 5;
	-o-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-chars: auto 5;
	hyphenate-limit-chars: auto 5;
	
	-moz-hyphenate-limit-lines: 2;
	-o-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-lines: 2;
	hyphenate-limit-lines: 2;
}

p:last-of-type {
	margin:0px 0px 0px 0px;
}

div {
    box-sizing: border-box;
}
div.logo {
	width:auto;
    height:auto;
    background:none;
	float:none;
	margin:0 auto;
    padding:0px 0px 10% 0px;
    text-align: center;
}


div.text {
    text-align:right;
	width:50%;
    height:100%;
	float:left;
	margin:0px 0px 0px 0px; 
    padding:0% 6%;
}

div.text p {
    text-align: right;
}
div.adresse {
	width:50%;
    height:100%;
	float:left;
	margin:0px 0px 0px 0px; 
    padding:0% 6%;
}


div.footer {
    clear: both;
    width:100%;
    padding:10% 0px 0px 0px;
    font-size:70%;
}
div.footer p{
    text-align:center;
}

/*responsivness*/
@media screen and (max-width:1000px) { 
	#page {
    width: 600px;
    margin-left: -300px;
    font-size:18px;
	}
	.resp01 {
		display:block;
	}
}

@media screen and (max-width:640px) { 
	#page {
    width:100%;
		top:0;
    left: 0;
    margin-top: 0px;
    margin-left: 0px;
		padding:20px;
	}
	.resp01 {
		display:none;
	}
	
	div.text {
    text-align:center;
  	width:100%;
    height:auto;
	  float:none;
	  padding:0px 0px 10% 0px; 
  }

  div.text p {
    text-align: center;
  }
  div.adresse {
  	width:100%;
    height:auto;
	  float:none;
	  margin:0px 0px 0px 0px; 
    padding:0px 0px 10% 0px;
		text-align: center;
  }
	
	div.adresse p {
		 text-align: center;
	}
	
	div.footer {
		border-top: #000 1px dashed;
		 padding:10px 0px 0px 0px;
	}
}