@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,900,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Signika);
* {margin:0; padding:0;}
.clear {clear:both; float:none;}

body {height:100%; width:100%;background:#fff; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5; color:#040C33;}
h1, h2, h3, h4, h5, h6 {font-family: 'Signika', sans-serif; color:#37BEBA;}

p {margin:1em 0; max-width:800px;}

a {color:#040C33;}
img {max-width:100%; max-height:100%;margin:0 auto; display:block;}
.container {min-height:60vh; height:auto; padding:1em; padding-top:5em; border-bottom:none; position:relative; padding-bottom:10em; z-index:80; clear:both; float:none;}

#nav {list-style-type:none; font-size:1.5em; font-weight:bold; position:fixed; width:100%; text-align:center; background:#040C33; z-index:88; border-bottom:1px dotted #fff;}
	#nav li { display:inline-block; padding:.5em 1em;}
	#nav li a {color:#fff; text-decoration:none;}
		#nav li a:hover {color:#fff; text-decoration:underline;}

	
#header {max-height:45vh; background:#fff;}
#bloc1 {background:#37beba;}
	#bloc1 h1 {background:#fff;}

#bloc2 {background-color:#040C33;}
  #bloc2 #bloc2_contenu {background:rgba(255,255,255,0.80); width:70%; margin:0 auto; height:100%; padding:2em; border-radius: 8px;}

h1 {font-size:2em;}
.scrollto a {display:block; padding:1em; margin:.5em 0; border:1px solid #040C33; color:#040C33; font-weight:bold; text-align:center; width:200px; border-radius: 4px; background:rgba(255,255,255,0.80);}
.bloc-nav {clear:both; position:absolute; bottom:1em; left:1em;}
.bloc-2 {width:42%; margin:1em 1%; float:left; border-radius: 8px; padding:1em; background:#fff;}
.bloc-2 img {display:block; margin:.5em auto;}
@media (min-width: 1000px) {
#bloc2 {background-image:url(img/IMG_20141204_102824.jpg); background-position:top center; background-repeat:no-repeat;  background-size: cover;
  -moz-background-size: cover; }
}

@media (max-width: 900px) {
.bloc-2 {width:80%; margin:1em auto; float:none; clear:both; padding:1em;}
}

@media (max-width: 600px) {
	body {background-size: contain;
  -moz-background-size: contain;}
	#header #header_contenu {width:80%;}
}
@media (max-width: 400px) {
	#header #header_contenu {width:88%;}
}