@charset "iso-8859-1";

html{text-align:center; background:#333;}

body{behavior:url(/csshover.htc); position:relative; width:950px; margin:10px auto; font:68%/1.2 "arial", "Trebuchet MS", "Lucide Grande", "Lucida Sans Unicode", Verdana, sans-seriff; background:url(images/fond_page.gif) repeat-y #fff; border:solid 1px #369;}
body {behavior: url(csshover.htc);}
a, div, hr, ul, li, h1, h2, h3, h4, p, dl, dt, dd, form, input,label, blockquote, th, td, caption {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, dt, dt, dd{font-size:100%;}
td{padding:5px;}
hr{margin:30px;}
hr.images{color:#ccc; background-color:#ccc; height:1px; border:0; margin:0 50px 10px 50px;}
ul{list-style:none;}
a{text-decoration:underline; color:#006;}

/* colonnes */
#gauche, #droite, #gauche_image{float:left; margin:0; padding:0; text-align:left;}
#gauche, #gauche_image{width:632px;}
#droite{width:318px; text-align:left; margin:0; position:relative;}

/* elements dans colonne gauche */
#gauche ul{margin:0 0 10px 30px;}
#gauche li{background:url(images/puces/puce_sous_rubrique.gif) no-repeat 0 -2px; padding-left:15px;}
/* #gauche img{float:left; margin:10px;}*/

/* Paragraphes + texte */
/*
ul#texte_visuels{width:100%; list-style:none; margin:0; padding:0;}
ul#texte_visuels li{position:relative; top:auto; min-height:150px; padding:0 10px 0 40px; background:none;}
ul#texte_visuels li img{position:absolute; top:10px;}
ul#texte_visuels li p, ul#texte_visuels li h2, ul#texte_visuels li ul{padding-left:200px;}
ul#texte_visuels li ul li{min-height:0;}
*/

/* entete index */
#entete{position:relative; width:950px; height:456px; background:url(images/entete/entete.jpg)}

/* entete pages intérieures */
#entete_interieur{position:relative; width:950px; height:229px; background:url(images/entete/entete_interieur.jpg)}
#entete h1, #entete_interieur h1{position:absolute; top:95px; right:80px; display:block; width:155px; height:118px; background:url(images/entete/logo.gif) no-repeat; text-indent:-9999px;}
ul#pictos{position:absolute; top:85px; right:320px;}
ul#pictos li a{display:block; width:35px; margin-bottom:7px;}
ul#pictos #picto_grue{background:url(images/entete/picto_grue.gif) no-repeat; height:26px;}
ul#pictos #picto_camion{background:url(images/entete/picto_camion.gif) no-repeat;  height:26px;}
ul#pictos #picto_cargo{background:url(images/entete/picto_cargo.gif) no-repeat; height:26px;}
ul#pictos #picto_usine{background:url(images/entete/picto_usine.gif) no-repeat; height:26px;}


/* pied page */
#pied{position:relative; width:950px; height:25px; margin-top:25px;}
ul#nav_pied{position:absolute; left:10px; bottom:3px; list-style:none; font-size:90%;}
ul#nav_pied li{display:inline;}
ul#nav_pied a{color:black; text-decoration:none; margin:5px 0px 0px 5px; border-left:solid 1px #ccc; padding-left:5px;}
span#annexe {position:absolute; bottom:-20px; right:-500px;}
ul#nav_pied a#infos_legales, ul#nav_pied a#fidit{color:white;}

/* informations légales */
ul#nav_pied a#infos_legales span{display:none;}
/* bug ie6 */
ul#nav_pied a#infos_legales:hover {background:none;}
/* bug ie6 */

ul#nav_pied a#infos_legales:hover span{display:block; width:300px; position:absolute; bottom:20px; left:-100px; background:#666; border:solid 1px black; padding:25px; font-size:1.5em;}

/* navigation principale */
ul#nav_entete{position:absolute; right:3px; top:30px; list-style:none; margin:0; padding:0;}
ul#nav_entete li{float:left;}
ul#nav_entete li a{font-size:10px; font-weight:bold; text-align:left; padding-left:10px; color:white; text-decoration:none; display:block; width:60px; height:45px; background:url(images/entete/puce_entete_off.gif) no-repeat;}
ul#nav_entete li a:hover{background:url(images/entete/puce_entete_on.gif) no-repeat; color:yellow; padding-top:10px;}


/* sous-rubriques */
div#sous_rubriques{position:absolute; top:50px; left:15px;}
div#sous_rubriques ul{margin:0; padding:0;}
div#sous_rubriques li{position:relative; list-style:none; width:140px; padding:5px 0; display:block; background:url(images/puces/puce_sous_rubrique.gif) 0 -20px no-repeat/*#ccc*/; }
div#sous_rubriques li:hover{background:url(images/puces/puce_sous_rubrique.gif) 0 5px no-repeat/*#ccc*/; }
div#sous_rubriques a{text-decoration:none; color:black; padding-left:15px;}
div#sous_rubriques ul ul{position:absolute; top:0px; left:140px; display:none; border-top:solid 1px #999;}
div#sous_rubriques ul ul li{background:url(images/puces/puce_sous_rubrique.gif) 0 -50px no-repeat;width:155px; text-align:left; /*border-top:solid 1px #ccc;*/}
/*div#sous_rubriques ul ul li:hover{background:background:url(images/puces/puce_sous_rubrique.gif) 0 5px no-repeat orange;}*/
div#sous_rubriques li:hover ul{display:block;}



p, h2, h3, table{margin:0px 30px 10px 30px;}


/* titres */
h1#bienvenue{width:306px; height:22px; margin:30px; background:url(images/titres/bienvenue.gif); text-indent:-9999px;}
h1#actualites{width:167px; height:22px; margin:30px; background:url(images/titres/actualites.gif); text-indent:-9999px;}
h1#rubrique_societe{width:335px; height:26px; margin:30px; background:url(images/titres/societe.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_finitions{width:335px; height:26px; margin:30px; background:url(images/titres/finitions.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_contact{width:335px; height:26px; margin:30px; background:url(images/titres/contact.gif) no-repeat; text-indent:-9999px;}

h1#rubrique_services{width:335px; height:26px; margin:30px; background:url(images/titres/services.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_services_location{width:440px; height:26px; margin:30px; background:url(images/titres/location.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_services_stockage{width:440px; height:26px; margin:30px; background:url(images/titres/stockage.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_services_vente{width:440px; height:26px; margin:30px; background:url(images/titres/vente.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_services_peinture{width:440px; height:26px; margin:30px; background:url(images/titres/peinture.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_services_securite{width:440px; height:26px; margin:30px; background:url(images/titres/securite.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_services_transport{width:540px; height:26px; margin:30px; background:url(images/titres/transport.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_services_transformation{width:540px; height:26px; margin:30px; background:url(images/titres/transformation.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_cotation{width:335px; height:26px; margin:30px; background:url(images/titres/cotation.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_page_actus{width:335px; height:26px; margin:30px; background:url(images/titres/pages_actus.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_conteneurs{width:335px; height:26px; margin:30px; background:url(images/titres/conteneurs.gif) no-repeat; text-indent:-9999px;}
h1#rubrique_partenaires{width:540px; height:26px; margin:30px; background:url(images/titres/partenaires.gif) no-repeat; text-indent:-9999px;}
h1#ventes_jour{width:335px; height:26px; margin:30px; background:url(images/titres/ventes_jour.gif) no-repeat; text-indent:-9999px;}

h2{padding-left:20px;background:url(images/puces/puce_double_triangle.gif) no-repeat;font-size:160%; line-height:100%; color:#009; font-weight:bold; font-variant:small-caps;letter-spacing:-1px;}

/* louer_acheter */
ul#louer_acheter{position:absolute; left:415px; top:263px; list-style:none; margin:0; padding:0;}
ul#louer_acheter li{float:left; margin:0; padding:0; background:none;}
ul#louer_acheter li a span{display:none;}
ul#louer_acheter li a{display:block; width:180px; height:20px; background:url(images/louer_acheter.gif) no-repeat 0 -20px;}
ul#louer_acheter li a:hover{background:url(images/louer_acheter.gif) no-repeat;}


/* légende images */
.legende{position:absolute; top: auto; left:-200px;}
h2.legende{background:url(images/puces/puce_legende.gif) no-repeat 50px 20px; height:50px; width:170px; color:#333; font-size:120%;}

/* colonne gauche */
#gauche_image p, #gauche_image ul{margin-left:230px;}
#gauche_image h2{margin:35px 10px 15px 230px;}
#gauche_image img{border:solid 1px #666;}
#gauche_image h2 img{position:absolute; left:30px; top:auto;}

/* actualités page index */
ul#actualites{list-style:none;}
ul#actualites li{position:relative; width:318px; background:url(images/actualites/cadre_img_actu.gif) 10px 0 no-repeat; margin-bottom:10px;}
ul#actualites li img{position:relative; width:65px; height:65px; left:13px; top:3px;}
ul#actualites p, ul#actualites h3{margin-left:90px;}
ul#actualites p{font-size:90%;}
ul#actualites p span{color:#666;}
ul#actualites h3{margin-bottom:5px;}
ul#actualites a{color:black;}

/* actualités page intérieure */
#actu_avec_img{width:100%;}
#img_actu{float:right; margin-left:30px; margin-top:-25px;}

.titre_page_actus span img{position:absolute; top:auto; right:7px;}

/* Formulaires */
form{margin:50px 0;}
label{float:left; width:150px; font-size:0.9em; text-align:right; font-weight:bold; margin-right:10px; color:#009;}
label, input, textarea{margin-bottom:10px;}
textarea{font-family: "arial", "Trebuchet MS", "Lucide Grande", "Lucida Sans Unicode", Verdana, sans-seriff;font-size:130%}
.obli{color:red;}
fieldset{border:none;}
legend{display:none;}

/* Formulaire cotations */
.lib{font-size:0.9em;font-weight:bold;text-align:right;}
.form{font-size:0.9em; text-align:left;}

/* adresse */
#adresse{margin:25px; margin-left:55px;}


/* Fiches conteneurs */

#flotte_gauche{float:left; width:300px;}
#flotte_droite{float:right; width:280px;}

ul#nav_flotte_gauche{margin:10px 0 0 30px;}
ul#nav_flotte_gauche li{display:inline;  padding:0; background:none;}
ul#nav_flotte_gauche a{color:black; text-decoration:none; border-right:solid 1px black; padding:0 10px 0 0px; margin-left:5px;}

ul#finitions{list-style:none; margin:0px;}
ul#finitions h3{ font-weight:bold; margin:0 0 5px 0; padding:0;}
ul#finitions li{background:url(images/puces/puce_coche.gif) no-repeat 0 1px ; padding-left:15px;}
img#conteneur_type{border:solid 1px #333; margin-left:30px;}

/* Table des dimensions */
table#dimensions{position:relative; width:200px; /*z-index:1000;*/}
table#dimensions th{text-align:right; font-weight:normal; padding:5px 10px 5px 0px;}
table#dimensions a{position:relative;}
table#dimensions a:hover{background:none;}
table#dimensions a span img{display:none; border:solid 1px #333;}
table#dimensions a:hover span img{display:block; position:absolute; top:-100px; left:100px;}
td, th{border-bottom:solid 1px #ccc;}

/* diaporamas */
#diaporama{width:540px; margin:0 auto;}
#diaporama dl{width:180px; /*padding:5px;*/ float:right;}
#diaporama dt img{width:170px; height:141px;;}
#diaporama dd{margin:0; padding:0; color:#009; font-weight:bold;}

/* tables */
caption{font-weight:bold; padding-bottom:30px; color:#009;}

/* google map */
#map{position:absolute; top:200px; left:20px; width: 280px; height: 300px; overflow:auto;}

/* bt ventes du jour */
/*a#vente_jour{position:absolute; top:30px; left:240px; background:url(images/entete/bt_ventes_jour_1.gif) no-repeat; display:block; width:128px; height:18px; text-indent:-3000px;}*/
a#vente_jour{position:absolute; top:14px; left:225px; display:block; width:157px; height:50px; text-indent:-3000px;}
a:hover#vente_jour{background:url(images/entete/bt_ventes_jour_1.gif) no-repeat;}
a#vente_jour_index{position:absolute; top:15px; left:225px; display:block; width:157px; height:50px; text-indent:-3000px;}
a:hover#vente_jour_index{background:url(images/entete/bt_ventes_jour_1.gif) no-repeat;}

/* vignettes actus */
ul#vignettes_actus{margin:0; padding:0; position:relative; left:230px; width:600px;}
ul#vignettes_actus li{list-style:none; margin-left:5px; display:inline; background:none;}
ul#vignettes_actus li img{border:none;}
ul#vignettes_actus a img{border:solid 1px #000;}

/* ventes du jour */
ul#ventes_du_jour li{position:relative; background:none; margin:0; padding:0; width:300px; height:130px; border-bottom:solid 1px #f1f1f1; margin-bottom:10px;}
html>body ul#ventes_du_jour li{min-height:130px;}
ul#ventes_du_jour li img{width:130px; height:98px; float:left; margin:10px 5px;}
ul#ventes_du_jour li table{position:absolute; top:10px; right:-260px;}
ul#ventes_du_jour li table th{text-align:right;}


/*
#bloc {
height: 5em;
background: yellow;
}
html>body #bloc {
height: auto;
min-height: 5em;
} 
*/