/* Style CSS 3.0 - By Aurélien Faucon */
html, body {margin:0; padding:0;}
body {font-family:helvetica; font-size:1em; background:#ececec;}
h1, h2, h3, h4, h5, h6 {color:#747474;}

/* General */
header, nav, section, footer {clear:both;}
header, section, footer {margin:0 30px}

.gradient-red {background:url(../images/nav/gradient-red.svg) no-repeat right;}
.gradient-yellow {background:url(../images/nav/gradient-yellow.svg) no-repeat right;}
.gradient-magenta {background:url(../images/nav/gradient-magenta.svg) no-repeat right;}
.gradient-green {background:url(../images/nav/gradient-green.svg) no-repeat right;}
.gradient-cyan {background:url(../images/nav/gradient-cyan.svg) no-repeat right;}
.hidden {display:none;}
.imgleft, .imgright {margin-bottom:10px;}
.imgleft {float:left; margin-right:10px;}
.imgright {float:right; margin-left:10px;}

/* Header */
header {height:128px;}
header div#logo {}
header div#logo h1 {display:block; height:65px; width:300px; background:url(../images/logo_posegazon.svg) no-repeat left bottom; padding:53px 0 0 138px; margin:0; line-height:1em;}

/* Nav */
nav {color:white; text-shadow:0 0 2px black;}
nav ul {list-style:none; margin:0; padding:0; display:block; width:100%; height:180px;}
nav ul li {float:left; height:180px; width:16%; margin-left:-75px; padding:0 0 0 70px;}
nav ul li:first-child {margin-left:0; z-index:1000; position:relative; padding:0 75px 0 30px;}
nav ul li:first-child + li {z-index:900; position:relative;}
nav ul li:first-child + li + li {z-index:800; position:relative;}
nav ul li:first-child + li + li +li {z-index:700; position:relative;}
nav ul li a {color:white; text-decoration:none; font-weight:bold; display:block; height:50px; width:90%; line-height:18px; padding:130px 30px 0 30px; float:right; text-align:center;}
nav ul li h1 {margin:0.25em 0 5px 0; padding:0; text-transform:uppercase; color:white;}
nav ul li p {margin:0; padding:0; text-align:justify; font-size:0.9em;}
nav ul li p a {text-decoration:underline; font-weight:normal; display:inline; line-height:auto; padding:0; margin:0; float:none;}
nav ul li a.astuces {background:url(../images/nav/tricks.svg) no-repeat center 15px;}
nav ul li a.poser {background:url(../images/nav/install.svg) no-repeat center 15px;}
nav ul li a.trouver {background:url(../images/nav/find.svg) no-repeat center 15px;}
nav ul li a.contact {background:url(../images/nav/contact.svg) no-repeat center 15px;}

/* Section */
section {}
/* SECTION - CONTENT - POSE */
#poser {}
#poser h1, #poser h2, #poser h3 {clear:both;}
#poser img {width:100px; height:100px;}
#poser iframe {clear:both; display:block;}
#poser .column1, #poser .column2 {width:49%; float:left; display:block;}
#poser .column1 ol, #poser .column2 ol, #poser .column1 ul, #poser .column2 ul {clear:both;}
#poser .column1 ol li, #poser .column2 ol li, #poser .column1 ul li, #poser .column2 ul li {width:45%; height:150px; float:left; margin-right:4%;}
#poser .column1 {}
#poser .column2 {}

/* SECTION - CONTENT - CONTACT */
.contactform, .map {float:left;}
.contactform {width:500px; margin-right:10px;}
.contactform p {margin-top:0; padding-top:0;}
.map {width:450px;}
.map iframe {border:15px solid white; width:440px; height:630px; box-shadow:2px 2px 15px silver;}
#contact .accordeon form p:last-child {color:red; font-size:10px;}
form {}
form label {display:block; float:left; width:95px; line-height:30px;}
form input, form select {width:150px; height:30px; line-height:30px;}
form option {height:30px; line-height:30px;}
form p.nom, form p.prenom, form p.tel1, form p.tel2, form p.cp, form p.ville {width:250px; float:left;}
form p.adresse input {width:395px;}
form p.objet label, form p.message label {clear:both; width:100%;}
form p.objet select {width:51px;}
form p.message textarea {width:490px; height:150px; padding-top:5px}
form p.adresse, form p.email, form p.objet {clear:both; padding-top:15px;}
form p.objet span {clear:both; width:480px; padding-right:10px;}
form p.objet span select {width:580px;}
form p.civilite span select {width:175px;}
div.contactform p:last-child {color:red; font-size:10px; margin:0; padding:0;}
form input#submit {height:40px;}

/* Footer */
footer {}