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

/* reset */

h1, h2, h3, h4, p { padding:0; margin:0; }
ul { padding:0; margin:0; list-style-type:none; }
a { text-decoration:none; }
a img { border:none; }

/* general */

@font-face 
{
    font-family: 'GillSansLightRegular';
    src: url('../font/gill_sans_-_light-webfont.eot');
    src: url('../font/gill_sans_-_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gill_sans_-_light-webfont.woff') format('woff'),
         url('../font/gill_sans_-_light-webfont.ttf') format('truetype'),
         url('../font/gill_sans_-_light-webfont.svg#GillSansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { font-family:'GillSansLightRegular'; }
body { text-align:center; background:#464643; padding:0; margin:0; overflow-x:hidden; }
.clear { clear:both; }
.center-content { width:960px; margin:auto; }


header, nav, footer, figure, section { display: block; }

header { height:290px; background:#fbfcfd; }
.center-title { width:397px; margin:auto; padding-top:50px; }
.logo-title { background:url(../img/logo_name.jpg) no-repeat; width:397px; height:48px; margin:auto; }
.logo { background:url(../img/logo_100.png) no-repeat; width:191px; height:100px; margin:auto; margin-bottom:25px; }
#photo-line { width:8548px; height:100px; margin-left:-2750px; background:url(../img/bandeau_img_long.jpg) no-repeat; box-shadow:20px 20px 50px #000; }
nav { padding-top:80px; padding-bottom:70px; width:/*600px*/770px; /*margin:auto;*/ margin-left:/*23%*/12%; }
nav ul li { float:left; font-size:1.3em; padding-right:38px; }
nav ul li a { color:#eaeaea; }
nav ul li a:hover { color:#aaa; }
.block-content { background:#eaeaea; padding-top:115px; padding-bottom:120px; box-shadow:20px 20px 50px #000; margin-bottom:120px; position:relative; }
h1 { color:#ea1d25; font-size:2em; padding-bottom:30px; }
p { color:#040404; font-size:1.4em; }
.div-img { background:url(../img/bouche.jpg) no-repeat; width:354px; height:267px; margin:auto; margin-top:45px; }
.div-img-press { background:url(../img/presse.jpg) no-repeat; width:271px; height:285px; margin:auto; margin-top:45px; }
.div-installation { background:url(../img/installation.png) no-repeat; width:740px; height:553px; margin:45px auto; }
.div-installation-1 { background:url(../img/installation_1.jpg) no-repeat; width:524px; height:374px; margin:45px auto 0 auto; }
.div-installation-2 { background:url(../img/installation_2.jpg) no-repeat; width:648px; height:433px; margin:45px auto 0 auto; }
.div-txt-installation { width:740px; margin:auto; margin-bottom:25px; }
h2 { font-size:9em; padding-bottom:5px; }
h3 { color:#ea1d25; font-size:1.8em; padding-bottom:70px; }
footer { height:192px; background:#0f0f0e; border-top:1px #a2a289 solid; }
footer nav { padding-top:40px; padding-bottom:20px; margin-left:30%; }
footer nav ul li { font-size:1em; padding-right:25px; }
footer p { color:#eaeaea; font-size:1em; }
footer p span { position:relative; top:3px; }
.p-press { text-align:justify; padding:30px 110px 30px 110px; }
.p-press strong { font-weight:normal; color:#ea1d25; }
.p-inst { /*text-align:justify;*/ /*text-align-last:center;*/ padding:15px 110px 15px 110px; }
.p-inst p { text-align:justify;  text-justify:distribute-all-lines; }
.p-inst p.center{ text-align:center; }
.h2-press { font-size:1.1em; color:#ea1d25; }
.p-contact { text-align:center; font-size:0.9em; color:#ea1d25; }
.p-contact a { color:#ea1d25; }
.p-contact a:hover { text-decoration:underline; }
.p-webmaster { padding-top:15px; }
.p-webmaster a { color:#999; }
.p-webmaster a:hover { color:#bbb; }
.product { float:left; height:430px; width:350px; margin-left:30px; margin-right:30px; }
.product-title { font-size:1em; margin-bottom:10px; padding-top:50px; min-height:50px; color:#040404; }
.product-img { width:280px; margin-bottom:30px; }
.product p { font-size:1em; color:#040404; }
.center-products { width:820px; margin:auto; }
.collector { margin:auto; float:none; height:530px; }
.price { font-size:0.8em; color:#999; }
.vente { font-size:0.9em; }
.external_link { font-size:1.2em; line-height:1.5em; }
.external_link  a { color:#ea1d25; }
.external_link  a:hover { text-decoration:underline; }
.red { color:#ea1d25; }
.copy { position:relative; top:4px; }
.legend { font-size:1.2em; }

/* *** */

.sub-nav { position:absolute; top:3em; width:100%; text-align:center; color:#464643; }
.sub-nav a { color:#464643; }
.sub-nav a:hover { text-decoration:underline; }
.link a { color:#ea1d25; }
.link a:hover { text-decoration:underline; }

@media only screen and (max-device-width : 480px) 
{
	nav {  padding-top:30px; padding-bottom:30px; text-align:center; }
	nav ul li { float:none; font-size:2.5em; padding-right:15px; padding-top:10px; }
	footer nav { margin-left:5.5em; }
	footer nav ul li { float:left; font-size:1.8em; padding-right:40px; text-align:center; }
	footer p { font-size:2em; }
	.p-webmaster { font-size:2em; }
	.sub-nav { font-size:2.5em; top:1em; }
}