p {margin: 0px;}

h1 {margin: 0px;}

h2 {margin: 0px; font-weight:normal; font-size:inherit;}

h3 {margin: 0px;}

h4 {margin: 0px;}

h5 {margin: 0px;}

a:link {color:inherit; text-decoration: none;}
a:visited {color:inherit; text-decoration: none;}
a:hover {color:inherit; text-decoration: none;}
a:active {color:inherit; text-decoration: none;}

@media only screen and (min-width: 1060px) {
body {background-color: #fff; position: relative; width: 100%; height:100%; margin: auto; overflow-x: hidden;}
body,td,th {font-family: thin lines and curves , Arial; font-size: 1.2vw; color: #000;}
h1 {font-size:2.5vw; color:#fff;}
.Styleh1 {font-size:1.5vw;}
.Styleh2 {font-size:2vw; color:#004667;}
h3 {font-size:1.5vw; color:#004667;}
.Styleh3 {font-size:1.2vw;}
.Style1 {font-size:1vw;}
.Style1-1 {font-size:1vw; color:#b7e2f6;}
.Style1-1:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style2 {font-size:1vw; color:#b7e2f6;}
.Style2:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style2-1 {font-size:1vw; color:#004667;}
.Style3 {font-size:1.2vw; color:#0073a4;}
.Style3:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style4 {font-size:1.2vw;}

#boite-image-fond {position:fixed; top:0%; left:0%; width:100%; height:auto; z-index:1; opacity:0.3; animation-name: AutoSlideboiteimagefond; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlideboiteimagefond {0% {opacity:0;} 100% {opacity:0.3;}}
	#image-fond {position:relative; margin-top:-40%; left:0%; width:100%; height:auto;}

#fixe {position:fixed; top:0%; left:0%; width:20.5%; height:auto; z-index:3;}
	#fond-menu{position:relative; top:0%; left:0%; width:100%; height:auto; z-index:2; opacity:0.95;}
	#logo{position:absolute; top:4%; left:10%; width:50%; height:auto; z-index:2;}
	#menu {position:absolute; top:32%; left:7%; width:53%; height:auto; z-index:3; overflow:hidden; white-space:nowrap; background-color:#fff; box-shadow:0px 0px 5px #fff; animation-name: AutoSlidemenu; animation-duration: 1.5s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidemenu {0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;}}
		#boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;}
		#menu-lignes {position: relative; top:0%; left:6%; width:30%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;}
		#menu-ligne1 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-ligne2 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; margin-top:5px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-ligne3 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; margin-top:5px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-texte {position: relative; top:0%; left:0%; width:70%; height:auto; padding:1%; color:#004667; display:inline-block; vertical-align:middle;}
			.bouton-menu {position:relative; top:0%; left:4%; width:100%; height:auto; color:#004667; padding:1.7%; border-left:5px solid #fff; border-bottom:2px solid #fff;}
			.bouton-menu:hover {left:6%; color:#8b0e13; border-left:5px solid #8b0e13; border-bottom:2px solid #8b0e13; transition-duration:0.3s; transition-timing-function:ease-in-out;}
			.bouton-menu-actif {position:relative; top:0%; width:100%; left:6%; height:auto; color:#8b0e13; padding:1.7%; border-left:5px solid #8b0e13; border-bottom:2px solid #8b0e13;}
	#facebook {position:absolute; top:41%; left:10%; width:9%; height:auto; z-index:2; animation-name: AutoSlidemenu; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
	@keyframes AutoSlidemenu {0% {opacity:0;} 75% {opacity:0;} 100% {opacity:1;}}				
	
#fond-architecte{position:fixed; top:3.3%; left:4%; width:94%; height:auto; padding:1%; z-index:2; background-color:#0073a4;}
	#architecte{position:relative; top:0%; left:17%; width:52%; height:auto; z-index:2; overflow:hidden; white-space:nowrap;}

#titre{position:relative; margin-top:9%; left:20%; width:72%; height:auto; z-index:1; padding:0.5%; padding-left:1%; animation-name: AutoSlidetitre; animation-duration: 1s; animation-iteration-count: once; animation-timing-function:ease-in-out; overflow:hidden; white-space:nowrap; background-color: #b7e2f6; border-radius:0px 15px 0px 0px;}
	@keyframes AutoSlidetitre {0% {width:0%;} 100% {width:72%;}}
#contenu {position:relative; margin-top:2%; left:20%; width:72%; height:auto; z-index:1; animation-name: AutoSlidecontenu; animation-duration: 1.5s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidecontenu {0% {left:-72%;} 66.7% {left:-72%;} 100% {left:20%;}}
	.boite-photo-texte {position:relative; margin-top:5%; left:0%; width:100%; height:auto; border-left:10px solid #8b0e13; border-bottom:5px solid #8b0e13;}
		.boite-photo{position:relative; top:0%; left:0%; width:38%; height:auto; overflow:hidden; border-radius:0px 15px 0px 0px; display:inline-block; vertical-align:top;}
			.photo{width:100%; height:auto;}
		.texte{position:relative; top:0%; left:5%; width:57%; height:auto; display:inline-block; vertical-align:top;}
#bas-de-page {position:absolute; margin-top:5%; left:0%; width:98%; height:auto; padding:1%; z-index:5; background-color: #0073a4;}
	#menu-bas {position: relative; top:0%; left:0%; width:auto; height:auto; color:#8b0e13;}
	#droits-bandeau-bas {position: absolute; top:20%; right:1%; width:38%; height:auto; text-align:right;}
		#texte-bandeau-bas {position: relative; top:0%; left:0%; margin-right:0.2%; width:auto; height:auto; display:inline-block; vertical-align:middle;}
		#logo-nombril {position: relative; top:0%; left:0%; width:4%; height:auto; texte-align:right; display:inline-block; vertical-align:middle;}
			#image-logo-nombril {width:100%; height:auto;}
}

@media only screen and (max-width: 1060px) {
body {background-color: #fff; position: relative; width: 100%; height:100%; margin: auto; overflow-x: hidden;}
body,td,th {font-family: thin lines and curves , Arial; font-size: 1.5vw; color: #000;}
h1 {font-size:2.8vw; color:#fff;}
.Styleh1 {font-size:1.8vw;}
.Styleh2 {font-size:2.3vw; color:#004667;}
h3 {font-size:1.8vw; color:#004667;}
.Styleh3 {font-size:1.5vw;}
.Style1 {font-size:1.3vw;}
.Style1-1 {font-size:1.3vw; color:#b7e2f6;}
.Style1-1:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style2 {font-size:1.3vw; color:#b7e2f6;}
.Style2:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style2-1 {font-size:1.3vw; color:#004667;}
.Style3 {font-size:1.5vw; color:#0073a4;}
.Style3:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style4 {font-size:1.5vw;}

#boite-image-fond {position:fixed; top:0%; left:0%; width:100%; height:auto; z-index:1; opacity:0.3; animation-name: AutoSlideboiteimagefond; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlideboiteimagefond {0% {opacity:0;} 100% {opacity:0.3;}}
	#image-fond {position:relative; margin-top:-40%; left:0%; width:100%; height:auto;}

#fixe {position:fixed; top:0%; left:0%; width:20.5%; height:auto; z-index:3;}
	#fond-menu{position:relative; top:0%; left:0%; width:100%; height:auto; z-index:2; opacity:0.95;}
	#logo{position:absolute; top:4%; left:10%; width:50%; height:auto; z-index:2;}
	#menu {position:absolute; top:32%; left:7%; width:53%; height:auto; z-index:3; overflow:hidden; white-space:nowrap; background-color:#fff; box-shadow:0px 0px 5px #fff; animation-name: AutoSlidemenu; animation-duration: 1.5s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidemenu {0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;}}
		#boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;}
		#menu-lignes {position: relative; top:0%; left:6%; width:30%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;}
		#menu-ligne1 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-ligne2 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; margin-top:5px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-ligne3 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; margin-top:5px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-texte {position: relative; top:0%; left:0%; width:70%; height:auto; padding:1%; color:#004667; display:inline-block; vertical-align:middle;}
			.bouton-menu {position:relative; top:0%; left:4%; width:100%; height:auto; color:#004667; padding:1.7%; border-left:5px solid #fff; border-bottom:2px solid #fff;}
			.bouton-menu:hover {left:6%; color:#8b0e13; border-left:5px solid #8b0e13; border-bottom:2px solid #8b0e13; transition-duration:0.3s; transition-timing-function:ease-in-out;}
			.bouton-menu-actif {position:relative; top:0%; width:100%; left:6%; height:auto; color:#8b0e13; padding:1.7%; border-left:5px solid #8b0e13; border-bottom:2px solid #8b0e13;}	
	#facebook {position:absolute; top:41%; left:10%; width:9%; height:auto; z-index:2; animation-name: AutoSlidemenu; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
	@keyframes AutoSlidemenu {0% {opacity:0;} 75% {opacity:0;} 100% {opacity:1;}}			
	
#fond-architecte{position:fixed; top:3.3%; left:4%; width:94%; height:auto; padding:1%; z-index:2; background-color:#0073a4;}
	#architecte{position:relative; top:0%; left:17%; width:52%; height:auto; z-index:2; overflow:hidden; white-space:nowrap;}

#titre{position:relative; margin-top:10%; left:20%; width:72%; height:auto; z-index:1; padding:0.5%; padding-left:1%; animation-name: AutoSlidetitre; animation-duration: 1s; animation-iteration-count: once; animation-timing-function:ease-in-out; overflow:hidden; white-space:nowrap; background-color: #b7e2f6; border-radius:0px 15px 0px 0px;}
	@keyframes AutoSlidetitre {0% {width:0%;} 100% {width:72%;}}
#contenu {position:relative; margin-top:2%; left:20%; width:72%; height:auto; z-index:1; animation-name: AutoSlidecontenu; animation-duration: 1.5s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidecontenu {0% {left:-72%;} 66.7% {left:-72%;} 100% {left:20%;}}
	.boite-photo-texte {position:relative; margin-top:5%; left:0%; width:100%; height:auto; border-left:10px solid #8b0e13; border-bottom:5px solid #8b0e13;}
		.boite-photo{position:relative; top:0%; left:0%; width:42%; height:auto; overflow:hidden; border-radius:0px 15px 0px 0px; display:inline-block; vertical-align:top;}
			.photo{width:100%; height:auto;}
		.texte{position:relative; top:0%; left:5%; width:53%; height:auto; display:inline-block; vertical-align:top;}
#bas-de-page {position:absolute; margin-top:5%; left:0%; width:98%; height:auto; padding:1%; z-index:5; background-color: #0073a4;}
	#menu-bas {position: relative; top:0%; left:0%; width:auto; height:auto; color:#8b0e13;}
	#droits-bandeau-bas {position: absolute; top:20%; right:1%; width:45%; height:auto; text-align:right;}
		#texte-bandeau-bas {position: relative; top:0%; left:0%; margin-right:0.2%; width:auto; height:auto; display:inline-block; vertical-align:middle;}
		#logo-nombril {position: relative; top:0%; left:0%; width:4%; height:auto; texte-align:right; display:inline-block; vertical-align:middle;}
			#image-logo-nombril {width:100%; height:auto;}
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
body {background-color: #fff; position: relative; width: 100%; height:100%; margin: auto; overflow-x: hidden;}
body,td,th {font-family: thin lines and curves , Arial; font-size: 4vw; color: #000;}
h1 {font-size:4.5vw; color:#fff;}
.Styleh1 {font-size:3.5vw;}
.Styleh2 {font-size:4.8vw; color:#004667;}
h3 {font-size:4.3vw; color:#004667;}
.Styleh3 {font-size:4.0vw;}
.Style1 {font-size:3.8vw;}
.Style1-1 {font-size:3.8vw; color:#b7e2f6;}
.Style1-1:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style2 {font-size:3.8vw; color:#b7e2f6;}
.Style2:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style2-1 {font-size:3.8vw; color:#004667;}
.Style3 {font-size:4.0vw; color:#0073a4;}
.Style3:hover {color:#004667; transition-duration:0.3s; transition-timing-function:ease-in-out;}
.Style4 {font-size:4vw;}

#boite-image-fond {position:fixed; top:0%; left:0%; width:100%; height:auto; z-index:1; opacity:0.3; animation-name: AutoSlideboiteimagefond; animation-duration: 3s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlideboiteimagefond {0% {opacity:0;} 100% {opacity:0.3;}}
	#image-fond {position:relative; margin-top:0%; left:-80%; width:250%; height:auto;}

#fixe {position:fixed; top:0%; left:0%; width:25%; height:auto; z-index:3;}
	#fond-menu{position:relative; top:0%; left:0%; width:100%; height:auto; z-index:2; opacity:0.95;}
	#logo{position:absolute; top:8%; left:15%; width:90%; height:auto; z-index:2;}
	#menu {position:absolute; top:33%; left:280%; width:110%; height:auto; z-index:3; padding:5%; overflow:hidden; white-space:nowrap; background-color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.3); animation-name: AutoSlidemenu; animation-duration: 1.5s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidemenu {0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;}}
		#boutons-menu {position:relative; margin-top:5%; left:0%; width:100%; height:auto; z-index:1;}
		#menu-lignes {position: relative; top:0%; left:3%; width:30%; height:auto; margin-top:0%; display:inline-block; vertical-align:middle;}
		#menu-ligne1 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-ligne2 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; margin-top:5px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-ligne3 {position: relative; top:0%; left:0%; width:50%; height:0%; padding:1px; margin-top:5px; background-color:#8b0e13; border-radius: 3px 3px 3px 3px;}
		#menu-texte {position: relative; top:0%; left:-3%; width:70%; height:auto; padding:1%; color:#004667; display:inline-block; vertical-align:middle;}
			.bouton-menu {position:relative; top:0%; left:0%; width:100%; height:auto; color:#004667; padding:2%; border-left:5px solid #fff; border-bottom:2px solid #fff;}
			.bouton-menu:hover {left:6%; color:#8b0e13; border-left:5px solid #8b0e13; border-bottom:2px solid #8b0e13; transition-duration:0.3s; transition-timing-function:ease-in-out;}
			.bouton-menu-actif {position:relative; top:0%; width:100%; left:3%; height:auto; color:#8b0e13; padding:2%; border-left:5px solid #8b0e13; border-bottom:2px solid #8b0e13;}		
	#facebook {position:absolute; top:59%; left:360%; width:23%; height:auto; z-index:2; animation-name: AutoSlidemenu; animation-duration: 2s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
	@keyframes AutoSlidemenu {0% {opacity:0;} 75% {opacity:0;} 100% {opacity:1;}}
	
#fond-architecte{position:fixed; top:2.5%; left:3%; width:95%; height:auto; padding:1%; z-index:2; background-color:#0073a4;}
	#architecte{position:relative; top:0%; left:28%; width:100%; height:auto; z-index:2; overflow:hidden; white-space:normal;}

#titre{position:relative; margin-top:50%; left:4%; width:88%; height:auto; z-index:1; padding:0.5%; padding-left:4%; animation-name: AutoSlidetitre; animation-duration: 1s; animation-iteration-count: once; animation-timing-function:ease-in-out; overflow:hidden; white-space:nowrap; background-color: #b7e2f6; border-radius:0px 7px 0px 0px;}
	@keyframes AutoSlidetitre {0% {width:0%;} 100% {width:86%;}}
#contenu {position:relative; margin-top:5%; left:4%; width:91%; height:auto; z-index:1; animation-name: AutoSlidecontenu; animation-duration: 1.5s; animation-iteration-count: once; animation-timing-function:ease-in-out;}
@keyframes AutoSlidecontenu {0% {left:-91%;} 66.7% {left:-91%;} 100% {left:4%;}}
	.boite-photo-texte {position:relative; margin-top:5%; left:0%; width:98%; height:auto; border-left:10px solid #8b0e13; border-bottom:5px solid #8b0e13;}
		.boite-photo{position:relative; top:0%; left:0%; width:100%; height:auto; overflow:hidden; border-radius:0px 15px 0px 0px; display:inline-block; vertical-align:top;}
			.photo{width:100%; height:auto;}
		.texte{position:relative; margin-top:5%; margin-bottom:5%; left:5%; width:90%; height:auto; display:inline-block; vertical-align:top;}

#bas-de-page {position:relative; margin-top:5%; left:0%; width:98%; height:auto; padding:1%; z-index:5; background-color: #0073a4;}
	#menu-bas {position: relative; top:0%; left:0%; width:100%; height:auto; color:#8b0e13; text-align:center;}
	#droits-bandeau-bas {position: relative; margin-top:5%; left:2%; width:90%; height:auto; text-align:center;}
		#texte-bandeau-bas {position: relative; top:0%; left:0%; margin-right:0.2%; width:auto; height:auto;}
		#logo-nombril {position: absolute; top:55%; left:71%; width:7%; height:auto;}
			#image-logo-nombril {width:100%; height:auto;}
}