/* Styles généraux */

body { margin:0; padding:0; font-family:Times, Arial, sans-serif; background-color:#FFF;}
ul, p, ol, form { padding:0; margin:0;}
img {border:0;}
li { list-style:none;}
a {outline: none;}
a:focus{-moz-outline-style: none;}
a { color: #000000; text-decoration: none; }
a img {border:none;}
#clr {clear:both;}
#main {width:1000px; height:480px; background:url(../img/bg_main.jpg) no-repeat; padding:0; border:2px solid #E4E4E4; color:#000; font-size:12px; position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-252px;}

.logo {width:316px; height:130px; margin:0 auto 0 auto;}
.logo2 {float:left; width:341px; height:140px; margin:0; padding:10px 0 0 0; background-color:#FFF; text-align:center;}
.img_accueil img {float:left;}


/* MENU DU HAUT SUR LES PAGES */
.nav {float:left; width:550px; height:41px;}
.nav a {margin:15px 0 0 50px;}
.nav_societe {float:left; width:67px; height:17px; background:url(../img/nav_societe.gif) no-repeat;}
.nav_produits {float:left; width:79px; height:17px; background:url(../img/nav_produits.gif) no-repeat;}
.nav_references {float:left; width:101px; height:21px; background:url(../img/nav_references.gif) no-repeat;}
.nav_contact {float:left; width:73px; height:17px; background:url(../img/nav_contact.gif) no-repeat;}
.nav a:hover, .nav_actif {background-position:0 -17px;}
a.nav_references:hover, .ref_actif {background-position:0 -21px;}


/* FOOTER */
.footer {width:1000px; margin:0 auto 0 auto; padding:3px 0 0 0; font-size:9px; font-family:Arial, sans-serif; color:#999;}
.footer a {color:#999;}
.footer a:hover {text-decoration:underline;}
.gauche, .droite {float:left; width:500px;}
.droite {text-align:right;}


/* PAGE INDEX */
.menu {float:left; width:820px; height:32px; padding:3px 0 0 180px; background-color:#0075AF;}
.menu a {float:left; margin:4px 0 0 95px;}
.menu #societe {background:url(../img/societe.gif) no-repeat; width:67px; height:17px;}
.menu #societe:hover {background-position:0 -17px;}
.menu #produits {background:url(../img/produits.gif) no-repeat; width:79px; height:17px;}
.menu #produits:hover {background-position:0 -17px;}
.menu #references {background:url(../img/references.gif) no-repeat; width:100px; height:21px;}
.menu #references:hover {background-position:0 -21px;}
.contact {float:left; width:1000px; padding-bottom:6px}
.contact #adresse {float:left; width:235px; padding:10px 0 0 15px;}
.contact #mails {float:left; padding:5px 0 0 0;}
.contact #slogan {float:left; padding:15px 0 0 220px;}


/* PAGE SOCIETE */
.lasociete, .nosproduits {float:left;} /* Image de la page */
.nosreferences {margin:2px 0 0 0;} /* Image de la page */
.savoir_faire {float:left; margin:36px 0 0 30px;}
.organisation {float:left; margin:225px 0 0 0;}
.photo_societe {float:left; margin:2px 0 0 35px;}
.photo_societe img {}
.contactez {float:left; margin:70px 0 0 -76px; text-align:right; font-size:18px; font-style:italic; font-weight:bold;}
.contactez a {color:#8B919F;}
.contactez a:hover {text-decoration:underline;}


/* PAGE PRODUITS */
.proces {width:276px; height:41px; margin:-20px 0 0 0; position:relative; z-index:100;}
.fichestech {width:191px; height:31px; margin:-20px 0 0 40px; position:relative; z-index:100;}
.listbleu {list-style-type:square; list-style-image:url(../img/list.gif); list-style-position:outside; margin:-5px 0 0 55px;}
.download {width:420px; padding:6px 0 0 50px;}
.download_droite {width:380px; padding:6px 0 0 40px;}
.download a, .download_droite a {margin:0 0 0 15px;}
a.lien_pdf {display:inline-block; font-family:Arial, sans-serif; font-weight:bold; font-size:12px; color:#62656C; text-decoration:underline; margin:5px 0 0 10px;}
a.lien_pdf:hover {text-decoration:none;}
.fiches_gauche {float:left; width:460px; height:290px;}
.fiches_droite {float:left;}


/* PAGE REFERENCES */
.parmiref {width:272px; height:41px; padding:20px 0 0 25px;}
.tableau_ref {float:left; width:510px; height:250px; padding:10px 0 0 20px;}
.tableau_ref tr {float:left; width:530px; height:80px; margin:0 0 10px 0;}
.tableau_ref td {float:left; padding:0 0 0 20px; vertical-align:text-top; background:url(../img/listbig.gif) no-repeat; background-position:left top; color:#62656C; font-size:14px; font-weight:bold;}
.td_gauche {width:200px;}
.td_droite {width:260px;} /*Necessaire pour grande ligne*/
.tableau_ref a {color:#62656C;}
.tableau_ref a:hover, .active a {color:#0075AF;}

.bloc_image {float:left; margin:-60px 0 0 0;}
.ref_default{float:left; height:260px; width:400px; background-color:#0075AF; padding:10px; margin:5px 0 0 0;}
.legende {float:left; width:410px; height:30px; padding:2px 0 5px 10px; background-color:#0075AF; color:#FFF; font-family:Arial, sans-serif; font-size:10px;}


/* Styles génériques de texte */
.margintop {margin-top:15px;}
.mini_padding {padding-left:3px;}
.grand {font-size:20px;}


/* SLIDESHOW */
#my_slideshow{float:left; height:260px; width:400px; text-align:center; background-color:#0075AF; position:relative; padding:10px; margin:5px 0 0 0;}
#my_slideshow img{float:left; position:relative; top:0px; left:0px;}
#my_slideshow ul{list-style:none; margin:0px; padding:0px; width:420px; height:19px; float:left; position:absolute; top:130px; left:0px;}
#my_slideshow ul li{ float:left; width:210px;}
#my_slideshow ul li .prev{background:url(../img/moo_left.jpg) top left no-repeat; display:block; float:left; height:32px; width:25px; cursor:pointer; position:relative; z-index:500;}
#my_slideshow ul li .next{background:url(../img/moo_right.jpg) top left no-repeat; display:block; float:right; height:32px; width:25px; cursor:pointer; position:relative; z-index:500;}