/* Style CSS 3.0 - By Aurélien Faucon */
html {background: url(../images/background.jpg) no-repeat center center fixed #576f00; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body {font-family:arial; color:white; text-shadow:1px 1px 4px black;}
h1, h2, h3, h4, h5, h6 {text-transform:uppercase; font-weight:normal; margin:0; padding:0;}
h1 {font-size:20px;}
h2 {font-size:16px;}

/* General */
header, nav, section, footer {width:1230px; margin:0 auto; }

/* Header */
header {height:170px;}
header #logo {}
header #logo h1 {background:url(../images/logo_GS.png) no-repeat; width:335px; height:146px; text-indent:-6000px;}
header #logo h2 {display:none;}

/* Nav */
nav {clear:both; display:block; font-size:18px; border-bottom:1px solid white; height:30px; margin-top:-40px;}
nav ul {list-style:none; margin:0; padding:0; height:20px; float:right;}
nav ul li {float:left; border-left:1px solid white; padding-left:5px; margin-right:5px;}
nav ul li:first-child {border:none; padding:0;}
nav ul li:last-child {margin:0;}
nav ul li a  {color:white; text-decoration:none;}
nav ul li a:hover {text-decoration:underline;}

/* Section */
section {padding-top:50px;}
section #col1, section #col2 {float:left; margin-bottom:50px;}
section #col1, section #col2 div.promo {padding:20px; background:black; opacity:0.8; box-shadow:0 0 25px black,0 0 25px black,0 0 25px black,0 0 25px black,0 0 25px black,0 0 25px black,0 0 25px black,0 0 25px black;}
section #col1 {width:400px; text-align:justify; margin-right:25px; margin-left:40px; height:330px;}
section #col2 {width:630px; margin-left:50px;}
section #col2 .promo {height:330px; margin-bottom:40px; border:1px solid black;}
section #col2 .promo ul.lvl1, section #col2 .promo ul.lvl2 {margin:0; padding:0; list-style:none; clear:both;}
section #col2 .promo ul.lvl1 li {clear:both;}
section #col2 .promo ul.lvl1 li:first-child {border-bottom:1px solid white; height:145px; margin-bottom:15px;}
section #col2 .promo ul.lvl1 img {float:left; border-radius:4px; margin-right:15px;}
section #col2 .promo ul.lvl1 ul.lvl2 li {float:left; width:190px; clear:none; border:none;}
section #col2 .promo ul a {font-size:14px; display:inline-block; margin-top:10px; padding:5px; border-radius:4px; box-shadow:2px 2px 4px  white inset, -2px -2px 4px darkolivegreen inset; text-shadow:1px 1px 2px black; color:white; font-weight:bold; text-decoration:none; background: #bfd255; background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );}
section #col2 .promo ul a:hover {background: #9dd53a; background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );}

section #col2 .galerie {height:250px; padding-left:20px;}
section #col2 .galerie h1 {padding:0 0 20px 0;}
section #col2 .galerie ul {list-style:none; margin:0; padding:0;}
section #col2 .galerie ul li {float:left; width:100px; height:100px; margin:0 20px 20px 0; box-shadow:5px 5px 15px black; background:white;}

#choisir, #pose, #contact {display:none;}
#choisir, #pose {width:960px; text-align:justify;}
#pose iframe {float:left; margin-right:30px}
#choisir img, #pose img {float:left; border-radius:4px; box-shadow:2px 2px 8px silver; border:8px solid white; margin-right:20px;}
#choisir a, #pose a {display:inline-block; margin-top:10px; padding:10px; border-radius:4px; box-shadow:2px 2px 8px silver, 2px 2px 4px  white inset, -2px -2px 4px darkolivegreen inset; text-shadow:1px 1px 2px black; color:white; font-weight:bold; text-decoration:none; background: #bfd255; background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );}
#choisir a:hover, #pose a:hover {box-shadow:2px 2px 8px gray, 2px 2px 4px  white inset, -2px -2px 4px darkolivegreen inset; background: #9dd53a; background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );}
/* SECTION - CONTENT - CHOISIR */

/* 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 {font-size:12px; text-align:center; border-top:1px solid white; padding-top:15px; clear:both;}
footer #links {display:none;}
footer #links ul {list-style:none;width:875px; height:80px; display:block; margin:0; padding:0; margin:0 auto;}
footer #links ul li {float:left; margin-left:5px;}
footer #links ul li:hover {padding-bottom:5px; background:white; border-radius:60px; box-shadow:0 0 10px white,0 0 10px white,0 0 10px white,0 0 10px white,0 0 10px white,0 0 10px white,0 0 10px white;}
footer #links ul li:hover a {color:dimgray; text-shadow:none;}
footer #links ul li:first-child {margin-left:0;}
footer #links ul li a {/*width:120px;*/ width:210px; padding-top:68px; display:block; text-decoration:none; color:white; font-weight:bold;}
footer #links ul li.azurgrass a {background:url(../images/logo_AG64.png) center 17px no-repeat;}
footer #links ul li.jamesgrass a {background:url(../images/logo_JG64.png) center 3px no-repeat;}
footer #links ul li.powergrass a {background:url(../images/logo_PG64.png) center top no-repeat;}
footer #links ul li.magiccolor a {background:url(../images/logo_MC64.png) center 8px no-repeat;}
footer #links ul li.francegreen a {background:url(../images/logo_FG64.png) center top no-repeat;}
footer #links ul li.feuillageartificiel a {background:url(../images/logo_FA64.png) center top no-repeat;}
footer #links ul li.murvegetalartificiel a {background:url(../images/logo_MVA64.png) center top no-repeat;}
footer #links ul li.francegreen, footer #links ul li.feuillageartificiel, footer #links ul li.murvegetalartificiel {display:none;}
footer #credits {display:block; clear:both; opacity:0.3; margin-top:20px; font-size:8px;}
footer #credits:hover {opacity:1;}