body { /*background-color:#EDF1F5;*/ margin:0px; background-image:url(../images/bg2.jpg); background-repeat:repeat-x; } a { color:#000000; text-decoration:none; outline:none; } a:hover { text-decoration:underline; outline:none; } h2 { padding-bottom:0px; margin-bottom:0px; } ul { padding-left:15px; } #conteneur { width: 770px; height: auto; margin: 0 auto; overflow: hidden; } .bas { clear:both; width:770px; margin:0 auto; } .clear { clear: both; } .copyright { font-family:Arial, Helvetica, sans-serif; font-size:10px; width:750px; margin:0 auto; padding-top:30px; clear:both; height:30px; } #copyrights { float: left; } #credits { float: right; text-align: right; } #credits a { color:#FFFFFF; text-decoration:none; } #credits a:hover { color:#FFFFFF; text-decoration:underline; } .copyright_g { width:auto; float:left; } .copyright_c { width:400px; height:18px; float:left; } .contact { width: 225px; float: left; margin-bottom: 10px; margin-top: 10px; margin-right: 20px; } .contact .name { font-weight: bold; } .contact .description { margin-top: 10px; } .contenu { width: 770px; } .contenu a, .copyright a { color:#000000; text-decoration:none; } .contenu a:hover, .copyright a:hover { color:#000000; text-decoration:underline; } .contexte { float:left; width:503px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:10px; padding-bottom: 20px; } .contexte h1, .contexte h2, .contexte h3, .contexte h3 a, #sidebar h1 { font-size:24px; font-weight:bold; color:#4C4D4F; padding:0px; margin:0px; } .contexte h1, #sidebar h1 { border-bottom: #ffbc10 1px solid; margin-bottom: 10px; } #sidebar h1 { margin-right: 10px; } .contexte h3 a { text-decoration:none; } .contexte a { cursor:pointer; } .contexte h3 a:hover { text-decoration:none; color:#4C4D4F; } .contexte h2, .contexte h3 { clear: both; /*background-image:url(../images/underline.gif); background-repeat:repeat-x;*/ border-bottom:#ffbc10 1px solid; } .contexte h3 { margin-top: 25px; } .contexte h4 { border-bottom: 1px solid #4C4D4F; color: #4C4D4F; clear: both; } .contexte ul { list-style: none; margin: 0 0 0 20px; padding: 0; } .box_top { background-image:url(../images/box_top.gif); background-repeat:no-repeat; background-position:bottom; height:10px; margin: 0 20px 0 20px; } .box { background-image:url(../images/box.gif); background-repeat:repeat-y; margin: 0 20px 0 20px; padding: 10px 10px 10px 10px; } .box_bottom { background-image:url(../images/box_bottom.gif); background-repeat:no-repeat; /*background-position:center;*/ height:10px; margin: 0 20px 0 20px; } .contexte ul li { background-image: url(../images/yellow_arrow.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 5px; padding-bottom: 5px; } .fil { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:780px; padding-bottom: 10px; margin-bottom:10px; background-image:url(../images/underline_fil.gif); background-position: 0px 15px; background-repeat:no-repeat; } #footer { clear: both; font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 770px; margin: 0 auto 0 auto; padding-top: 10px; padding-bottom: 10px; } .footer { background-color: #727274; width:100%; color:#FFFFFF; } .haut { clear:both; width:780px; margin:0 auto; } .label_prod { font-weight:bold; margin-top:10px; } .logo { width:300px; height:113px; float:left; background-image:url(../images/voghel_logo.png); background-repeat:no-repeat; position: relative; z-index: 10; text-indent:-10000px; } .menu_image_box { /*height:100px;*/ width:700px; padding-top:220px; margin:0 auto 0 auto; text-transform:uppercase; } .menu_image_box a { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; text-decoration:none; } .menu_image_box a:hover { background-position: -85px 0px; color:#9C9C9C; text-decoration:none; } /* .menu_image1, .menu_image2, .menu_image3, .menu_image4, .menu_image5, .menu_image6, .menu_image7{ width: 85px; background-image:url(../images/concasseur.png); background-position: 0px 0px; background-repeat: no-repeat; padding-top:85px; text-align: center; display: block; float: left; margin-right: 15px; } */ .menu_image1 { background-image:url(../images/menu/crushers.jpg); } .menu_image2 { background-image:url(../images/menu/shredders.jpg); } .menu_image3 { background-image:url(../images/menu/screens.jpg); } .menu_image4 { background-image:url(../images/menu/compactors.jpg); } .menu_image5 { background-image:url(../images/menu/metal.jpg); } .menu_image6 { background-image:url(../images/menu/stationaryplants.jpg); } .menu_image7 { background-image:url(../images/menu/services.jpg); } .menu { float:left; width:393px; height:60px; position: absolute; top: 0px; left: 300px; z-index: 5; } .menu a { color:#FFFFFF; text-decoration:none; } .menu a:hover { color:#c6c6c6; text-decoration:none; } .menu_box { height:20px; width: 470px; ; padding-top:40px; } .menu_element1 { float:left; width:auto; padding-left:19px; padding-right:12px; font-weight:bold; bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; } .menu_element2 { float:left; width:auto; padding-left:12px; padding-right:9px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; border-left-width:1px; border-left-style:solid; border-left-color:#696968; } .more_info { background-image: url(../images/yellow_arrow.gif); background-repeat: no-repeat; padding-left: 15px; background-position: center left; } #news h1, #partners h1, #services h1 { font-size: 16px; height:30px; line-height:30px; font-weight: bold; color: #4C4D4F; padding: 0px; margin: 0px; width: 220px; margin-bottom: 5px; background-image:url(../images/titrecadre.png); background-repeat:no-repeat; padding-left:15px; } #news div { font-size:12px; } #partners h1 { margin-top: 20px; } #partners img { border: none; } #pictures_v { float: right; width: 100px; padding: 3px; margin-left: 10px; border: 2px solid #999999; background-color: #ffffff; padding-bottom: 0px; } #pictures_v img { border: none; margin: 0; margin-bottom: 3px; } #pictures_h { float: right; height: 100px; padding: 3px; margin-left: 10px; border: 2px solid #999999; background-color: #ffffff; padding-right: 0px; clear: both; } #pictures_h img { border: none; margin: 0; margin-right: 3px; } #services ul { list-style: none; } #services ul li { background-image: url(../images/yellow_arrow.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 5px; padding-bottom: 5px; } #enterprise ul li { background-image: url(../images/yellow_arrow.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 5px; padding-bottom: 5px; list-style:none; } #sidebar { float:left; width: 256px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; } /* #sidebar h1 { font-size: 16px; height:30px; line-height:30px; font-weight: bold; color: #4C4D4F; padding: 0px; margin: 0px; width: 220px; margin-bottom: 5px; background-image:url(../images/titrecadre.png); background-repeat:no-repeat; padding-left:15px; } */ #contact h1 { font-size: 16px; height:30px; line-height:30px; font-weight: bold; color: #4C4D4F; padding: 0px; margin: 0px; width: 220px; margin-bottom: 5px; background-image:url(../images/titrecadre.png); background-repeat:no-repeat; padding-left:15px; } .slideshow { float: right; /*border-color: #CCCCCC; border-width: 4px; border-style: solid;*/ margin-left: 10px; margin-bottom: 10px; margin-top: 10px; width: 247px; } .thumbnails { float:left; width:55px; height:55px; margin-right:2px; margin-left:2px; margin-top:3px; } .titre { font-size:24px; font-weight:bold; color:#4C4D4F; padding:0px; margin:0px; } .top { position: relative; width:770px; height:300px; /*background-image:url(../images/bg_top.gif); background-repeat:repeat-x;*/ margin:0px; } .top_bas { position: absolute; z-index:2; top:60px; right: 0px; margin-left: auto; margin-right: auto; background-repeat:no-repeat; width: 726px; height: 232px; text-align:center; } .top_haut { position:absolute; z-index:1; margin:0; height:113px; width: 770px; } .v_separator { height:400px; background-image:url(../images/v_separator.jpg); background-repeat:no-repeat; background-position:top right; width:1px; float:left; } /* .sidebar h1 { font-size:13px; font-weight:bold; color:#4C4D4F; padding:0px; margin:0px; width:196px; } */ #category_links { margin: 0px; padding: 0px; padding-top: 10px; list-style: none; } #category_links li { margin: 0px; padding: 0px; height: 115px; background-image: none; margin-bottom: 10px; } #category_links li a { height: 115px; margin: 0px; padding: 0px; padding-left: 125px; padding-top: 5px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; text-decoration:none; background-position: 0px 0px; background-repeat: no-repeat; text-align: left; display: block; } #category_links li a:hover { color:#9C9C9C; text-decoration:none; } #category_links li a:hover span { color:#333333; text-decoration: underline; } table.tech_data { border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: none none none none; border-color: black black black black; border-collapse: collapse; background-color: white; } table.tech_data th { color: #4c4d4f; border-width: 1px; padding: 2px; border-style: inset; border-color: #4c4d4f; } table.tech_data td { color: #4c4d4f; border-width: 1px; padding: 2px; border-style: inset; border-color: #4c4d4f; } #prefooter { clear: both; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:771px; line-height:30px; height:30px; margin: 0 auto; } #prefooter a { display: block; float: right; background-image: url(../images/yellow_arrow_back.gif); background-repeat: no-repeat; background-position: 0px 11px; padding-left: 15px; } .video { float:right; clear:both; background-color: #CCCCCC; width: 249px; color: #000000; height: 20px; line-height: 20px; text-align:center; margin: 0 0 10px 10px; background-image:url(../images/video.gif); background-position:right; background-repeat:no-repeat; } #category_list { list-style: none; margin: 0px; padding: 0px; } #category_list li { margin: 0px; padding: 0px; margin-right: 3px; margin-bottom: 3px; width: 80px; height: 121px; overflow: hidden; float: left; } #category_list li a { display: block; padding-top: 85px; width: 80px; line-height: 12px; text-align: center; text-transform: uppercase; background-repeat: no-repeat; } #category_list li a:hover { background-position: -80px 0px; } .apply a { display:block; height:20px; line-height:20px; width:100px; background-image:url(../images/btn-apply.gif); background-repeat:no-repeat; background-position:top; text-align:center; margin-bottom:10px; } .apply a:hover { display:block; height:20px; line-height:20px; width:100px; background-position:bottom; text-align:center; margin-bottom:10px; text-decoration:none; } #player { margin-left:10px; } .language a { font-size:12px; position:absolute; z-index:999; top:5px; left:675px; height:20px; line-height:20px; text-transform:uppercase; }