@charset "iso-8859-1";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family:"Source Sans Pro", Verdana, Geneva, sans-serif;
	background-color:#004370;
	color:#FFF;
	
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-o-text-size-adjust:none;
	text-size-adjust:none;
}

::selection{
	background:#FFF;
	color:#004370;
}

::-moz-selection{
	background:#FFF;
	color:#004370;
}

@viewport {
   width:device-width;
   zoom:1;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/source_sans_pro/hinted-SourceSansPro-Regular.eot');
	src: url('fonts/source_sans_pro/hinted-SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Regular.woff2') format('woff2'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Regular.woff') format('woff'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Regular.ttf') format('truetype'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/source_sans_pro/hinted-SourceSansPro-Bold.eot');
	src: url('fonts/source_sans_pro/hinted-SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Bold.woff2') format('woff2'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Bold.woff') format('woff'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Bold.ttf') format('truetype'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Source Sans Pro Light';
	src: url('fonts/source_sans_pro/hinted-SourceSansPro-Light.eot');
	src: url('fonts/source_sans_pro/hinted-SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Light.woff2') format('woff2'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Light.woff') format('woff'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Light.ttf') format('truetype'),
		 url('fonts/source_sans_pro/hinted-SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
	font-weight:normal;
	font-style: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1{
	font-size:100px;
	line-height:108px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	font-weight:bold;
}

h2{
	font-size:33px;
	line-height:41px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	font-weight:bold;
}

@media (max-width: 600px){
	h1{
		font-size:70px;
		line-height:78px;
	}

	h2{
		font-size:28px;
		line-height:35px;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a{
	outline:0;
	color:inherit;
	text-decoration:none;
	font-weight:bold;
}

a:link{
	color:inherit;
}

a:visited{
	color:inherit;
}

a:hover{
	color:inherit;
	text-decoration:underline;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#conteneur{
	position:absolute;
	width:100%;
	min-height:100%;
	text-align:center;
	overflow:hidden;
	opacity:0;
	
	-webkit-transition: opacity 2.5s;
	-moz-transition: opacity 2.5s;
	-ms-transition: opacity 2.5s;
	-o-transition: opacity 2.5s;
	transition: opacity 2.5s;
}

#contenu{
	position:relative;
	width:85%;
	margin:auto;
	overflow:hidden;
}

#logo{
	position:relative;
	width:90%;
	max-width:320px;
	height:auto;
	overflow:hidden;
}

#contact{
	position:relative;
	width:100%;
	font-size:15px;
	line-height:33px;
	overflow:hidden;
}

/* permet de faire un séparation plus grande entre #contact et #footer */
@media (max-height: 760px){
	#contact{
		margin-bottom:60px;
	}
}

.marge{
	position:relative;
	width:100%;
	height:100px;
	overflow:hidden;
}


@media (max-height: 760px){
	.marge{
		height:75px;
	}
	
	#logo{
		margin-top:30px;
	}
}

@media (max-height: 600px){
	.marge{
		height:50px;
	}
}

#footer{
	position:absolute;
	width:100%;
	bottom:15px;
	font-size:11px;
	overflow:hidden;
}

#footer_barre{
	position:relative;
	width:30px;
	height:1px;
	margin:auto;
	margin-top:10px;
	background-color:#FFF;
	overflow:hidden;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */