/* FONTS */
@font-face {
	font-family: 'DIN-Regular';
	src: url('fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/DIN-Regular.woff') format('woff'),
		 url('fonts/DIN-Regular.ttf') format('truetype'),
		 url('fonts/DIN-Regular.svg#DIN-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DIN-Light';
	src: url('fonts/DIN-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/DIN-Light.woff') format('woff'),
		 url('fonts/DIN-Light.ttf') format('truetype'),
		 url('fonts/DIN-Light.svg#DIN-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DIN-Bold';
	src: url('fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/DIN-Bold.woff') format('woff'),
		 url('fonts/DIN-Bold.ttf') format('truetype'),
		 url('fonts/DIN-Bold.svg#DIN-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* CSS */
/* reboot */
* { padding: 0; margin: 0; border: 0; outline: 0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -ms-touch-action: none; }
body { font-family: 'DIN-Regular', Arial, Helvetica, sans-serif; color: rgb(35,31,32); font-size: 62.5%; background: rgb(255,255,255); }
html, body { width: 100%; height: 100%; }
a, a:hover, a:focus { text-decoration: none;}
ul { list-style: none; }

/* bureau veritas */
header img { width: 80%; max-width: 100%; height: auto;}
/*#logo { position: absolute; bottom: 0; right: 0; width: 360px; height: 360px; background: url(../img/logo-bv.png) bottom right no-repeat; background-size: 100% auto; text-indent: -5000px; overflow: hidden; }*/
article { position: relative; padding: 80px 10% 0 10%; }
article h2 { font-family: 'DIN-Light'; max-width: 1000px; font-size: 5em; line-height: 1.1em; color: rgb(000,004,158); font-weight: normal; padding-left: 130px; }
article h2.upgrade { background: url(../img/picto-maintenance.svg) 0 0 no-repeat; background-size: auto 100%; }
article h2.backsoon { background: url(../img/picto-puce.svg) 0 0 no-repeat; background-size: 110px 110px; }
article h2 strong { font-family: 'DIN-Bold'; line-height: 1em; }
article p { font-size: 1.5em; margin-top: 25px; }
article p.contact { font-size: 1.8em; margin-top: 50px; }
article p.website { margin-top: 15px; }
article p a, article p a:link, article p a:hover { color: rgb(000,004,158); font-weight: bold; text-decoration: underline; }


/* MEDIA QUERIES */
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
	header img { width: 95%; }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px){
	#logo { width: 290px; height: 290px; }
	article { padding-top: 70px; }
	article h2 { font-size: 4em; padding-left: 110px; }
}
/* Landscape phones and down */
@media (max-width: 480px){
	header img { width: 100%; }
	#logo { width: 220px; height: 220px; }
	article { padding: 50px 7% 0 7%; }
	article h2 { font-size: 2.8em; padding-left: 80px; }
	article p.contact { margin-top: 60px; }
}