@charset "UTF-8";
/* CSS Document */

/*structure*/ 
body {
	margin:0; padding:0; height:100%; width:100%; background-color:#ffe000;
}
html {
	margin:0; padding:0; height:100%; width:100%; 
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header {
	width:100%; height:auto; 
}
	#header-content {
	width:1000px; height:60px; margin:auto; 
}
		.logo {
			width:150px; height:auto; margin-left:20px; -moz-box-shadow: -2px 2px 8px #666; -webkit-box-shadow: -2px 2px 8px #666; box-shadow: -2px 2px 8px #666; float:left; position:absolute; z-index:999; 
		}
		.logo:hover {
			width:160px; height:auto; margin-left:15px; -moz-box-shadow: -2px 2px 8px #666; -webkit-box-shadow: -2px 2px 8px #666; box-shadow: -2px 2px 8px #666; float:left; position:absolute; z-index:999; 
		}
		#frame { width:auto; height:auto; margin-left:700px; padding-top:20px;
		}
		#frame-button { width:auto; height:auto; margin:0px 0px 0px 30px; float:left;
		}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#middle {
	width:100%; min-width:1000px; height:auto; background:url(../images/contact/background.jpg) no-repeat top center; background-color:#FFF;
}
		#middle-top {
			width:1000px; height:auto; margin:auto;
		}
			#middle-slogan {
				width:auto; height:auto; padding:130px 0px 0px 20px; float:left;
			}
			#middle-top-end {
			width:1000px; height:1px; margin:auto; clear:both;
			}
		#middle-bottom {
			width:1000px; height:auto; margin:auto; margin-top:30px; clear:both;
		}
			#middle-bottom-box {
			width:auto; height:auto; padding:25px 25px 0px 25px; float:left;
			}
		#middle-bottom-end {
		width:1000px; height:30px; margin:auto; clear:both;
		}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	width:100%; height:50px; padding-top:20px; text-align:center;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.txt-frame{
	font-family: 'Montserrat', sans-serif; font-size:12pt; font-weight:300; color:#000;
}
.txt-frame:hover{
	font-family: 'Montserrat', sans-serif; font-size:12pt; font-weight:500; color:#000;
}
p{ font-family: 'Montserrat', sans-serif; font-size:13pt; font-weight:200; margin:0; padding:0;
}
h1{ font-family: 'Montserrat', sans-serif; font-size:60pt; font-weight:700; margin:0; padding:0; text-shadow:-3px 2px 5px #242424; line-height:10pt;
}
h2{ font-family: 'Montserrat', sans-serif; font-size:25pt; font-weight:700; margin:0; padding:0;
}
h3{ font-family: 'Montserrat', sans-serif; font-size:12pt; font-weight:500; margin:0; padding:0; line-height:5pt;
}
h4{ font-family: 'Montserrat', sans-serif; font-size:12pt; font-weight:200; margin:0; padding:0; line-height:2pt;
}
.lionel{ font-family: 'Montserrat', sans-serif; font-size:40pt; font-weight:200; letter-spacing:2pt; color:#ffe000; text-shadow:-3px 2px 5px #242424;
}
.blanc {  color:#FFF;
}
.jaune {  color:#ffe000;
}
.noir { color:#000;
}