@charset "UTF-8";
/* CSS Document */
html, body, header, section, footer, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
section, article, nav, header, footer, picture {display: block}
html, body {height:100%;}
body {color: white; font-family: Arial, Helvetica, sans-serif; background: #000; text-align: center}
header img {display: block; margin-left: auto; margin-right: auto;}
header#hd_galerie img {margin: 0; margin-left: 74px;}
section.contenu h1 {width: 247px; height: 24px; text-indent: -9999px; margin-left: auto; margin-right: auto;}
section.contenu h1#contact {background: white url('../images/site/titre-contact.png') no-repeat top center;}
section.contenu h1#references {background: white url('../images/site/titre-references.png') no-repeat top center;}
section.contenu h1#ftp,section.contenu h1#client {background: white url('../images/site/espace_client.svg') no-repeat top center;}
section.contenu#gallery {padding-top: 0px; height: 459px; background: black; width: 1000px; margin-left: auto; margin-right: auto;}
section.contenu#gallery h1 {display: none}
/* CONTACT */
article#lydia { margin-top: 57px;}
article#julien {background-position: 0 -27px;}
article#blick {background-position: 0 -54px}
article#julien a:hover {background-position:-390px -27px}
article#blick a:hover {background-position: -390px -54px}
section.contact article a {display: block; width: 139px; height: 27px; text-indent: -9999px; float: left; margin-left: 111px;}
section.contact article a:hover {background: white url('../images/site/contacts.png') no-repeat top right;}
/* REFERENCES */
article#ref_container {width: 1000px;height: 277px; margin-top: 30px; margin-left: auto;margin-right: auto; background: none;}
ul#ref_list {margin-left: auto;margin-right: auto; text-align: center;width: 1000px;height: 280px;}
ul#ref_list li {font-size: 11px ;display: inline-block; list-style: none; color: black; line-height: 15px; opacity: 0.20; cursor: pointer; padding-left: 12px; padding-right: 6px; text-decoration: none; background: transparent url('../images/site/point_8.png') no-repeat left center;}
.ie_opacity {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter:alpha(opacity=5);}
#refsd { margin-top: -83px;}
/* ZONE FTP */
form {margin-left: auto; margin-right: auto; width: 710px; padding-top: 105px;}
label#lbl1 {display: block;text-indent: -9999px;width: 488px; margin-top: 10px;height: 65px; text-transform:uppercase; background: transparent url('../images/site/texte-ftp.svg') no-repeat center center; float: left}
input#code_client {float: left; width: 150px; height: 31px; border: 1px solid black; padding: 0px; margin-top: 26px; font-size: 20px; padding-left: 4px;outline: none;}
input#btn_ok {float: left;margin-left: 15px; margin-top: 26px; font-size: 22px; width: 50px}
div#error {clear: both; color: #000000; margin-top: 100px; text-transform: uppercase;}
ul#files_list {text-align: left; margin-left: auto; margin-right: auto; margin-top: 120px; width: 730px; padding-bottom: 40px;}
ul#files_list.nothing {text-align: center; margin-top: 60px;}
ul#files_list li {border-bottom: 1px dotted #e6e6e6; list-style: none; color: black; font-size: 18px;line-height: 25px;width: 730px; height: 30px; }
ul#files_list li a, ul#files_list li a:visited {color: black; text-decoration: none; font-family: 'Arial', 'Helvetica', sans-serif}
ul#files_list li a:active, ul#files_list li a:hover {text-decoration: underline}
span.taille {font-size: 13px; color: gray}
a.btn_dl {display: block; width: 169px; float: right;text-indent: -9999px;margin-top: 2px;}
a.btn_dl:link, a.btn_dl:visited {background: transparent url('../images/site/bouton_telecharger.svg') no-repeat left bottom;}
a.btn_dl:active, a.btn_dl:hover {background: transparent url('../images/site/bouton_telecharger_on.svg') no-repeat left top;}
/* GALERIES */
.galerie1 {width:1000px; height: 459px; margin-left: auto; margin-right: auto;}
img.vignette {border: 1px solid #262626}
/* FOOTER ET NAV */
footer {padding-top: 9px;background:#000; width: 1000px; margin-left: auto; margin-right: auto;}
nav {background-color: black; }
nav ul {margin-left: auto; margin-right: auto; width: 140px; height: 120px; text-align:center}
nav li {float: left; list-style: none; }
nav li a {display: block; text-indent: -9999px; color: white; width: 7px;}
nav li a, nav li a:visited {background: #000 url('../images/site/bouton-nav.png') no-repeat -16px 0px; height:120px; width:23px; }
nav li a:hover, nav li a:active {background: #000 url('../images/site/bouton-nav.png') no-repeat 7px 0px; height: 120px; width:23px; }
nav li a.curent_page {background: #000 url('../images/site/bouton-nav.png') no-repeat 7px 0px; height: 120px; width:23px;}
div#nom_lien {color: white; width: 247px; height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 6px; font-size: 12px; text-indent: -9999px;}
div.nom_lien#accueil {background: transparent url('../images/site/titre_nav_accueil.png') no-repeat top center;}
div.nom_lien#contact {background: transparent url('../images/site/titre_nav_contact.png') no-repeat top center;}
div.nom_lien#references {background: transparent url('../images/site/titre_nav_references.png') no-repeat top center;}
div.nom_lien#zone_ftp {background: transparent url('../images/site/titre_nav_zone_ftp.png') no-repeat top center;}
div.nom_lien#galerie1 {background: transparent url('../images/site/titre_nav_galerie1.png') no-repeat top center;}
div.nom_lien#galerie1 {background: transparent url('../images/site/titre_nav_galerie2.png') no-repeat top center;}
/* modification */
header {background: url("../images/site/pixblanc.png"); width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 0px; text-align: center;}
header#hd_galerie {background: url("../images/site/pixnoir.png") repeat scroll 0 0 rgba(0, 0, 0, 0); margin-left: auto; margin-right: auto; text-align: center;height: 55px;width: 100%; width: 1000px; z-index: 10;}
section.contenu {padding-top: 33px; min-height: 280px; background: url("../images/site/pixblanc.png") repeat scroll 0 0 #FFFFFF; width: 1000px; margin-top: 0; margin-left: auto; margin-right: auto;}
section.contenu.home {min-height: 250px;}
section.contenu2#gallery2 {background: none repeat scroll 0 0 #111; height: 100%; left: 0; overflow: hidden; top: 0; width: 100%; z-index: 1;}
section.contenu2#gallery2 iframe { height: 100%; width: 100%;}
body.bodyhome {/*background: url("../images/image.png");*/}
a.vision {display: block; width: 169px; height: 22px; float: right;text-indent: -9999px;margin-top: 3px; margin-left: 3px;}
a.vision:link, a.vision:visited {background: transparent url('../images/site/bouton_visionner.png') no-repeat left bottom;}
a.vision:active, a.vision:hover {background: transparent url('../images/site/bouton_visionner.png') no-repeat left top;}
/* ACCUEIL */
section.contenu#home {padding-top: 0px; padding-bottom: 10px; min-height:inherit; width: 1000px; background: url("../images/site/pixblanc.png") repeat scroll 0 0 #FFFFFF;}
article#texte-home {text-indent: -9999px; height: 10px; margin-left: auto; margin-right: auto; display: none;}
section.contact article {height: 27px; margin-bottom: 13px; margin-left: auto; margin-right: auto; width: 390px; background: white url('../images/site/contacts.png') no-repeat top left; }
article#codepostal {width: 113px; margin-top: 75px; background-position: 0px -81px; margin-bottom: 0px;}
.error_display {margin-left: -65px;border: none;text-transform: uppercase; margin-top: 15px; text-align: center; font-size: 16px;}
@-moz-document url-prefix() {
.error_display {margin-left: -60px;}
}