/* CSS Document by Sinfin-c.com */ /* WEBSITE www.campak.fr */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background:#fff;} #conteneur {position:relative; width: 973px; height:610px; margin: 0px auto; background: #fff; } #conteneur_home {position:relative; width: 965px; height:623px; margin: 0px auto; background: #fff; } /* HEADER */ #header {position:relative; width:973px; height:202px; margin: 0px 0 0 6px; background: url(../images/header.png) no-repeat;} #header h4 {position:relative; color:#444; font-size:12px; height: 24px; background: transparent; padding-top: 4px; top: 110px; right:45px; text-align: right; } #header h4 img { margin-right: 10px; } #header h4 span { border: 1px solid #002575; padding-left: 72px; margin-left: -70px; height: 13px; position: relative; top: -3px; } #header hr { position: absolute; top: 182px; right:11px; border: 0; background: url(../images/hr_right.png); width: 654px; height: 8px; } #header a#home { position: absolute; display: block; width: 230px; height: 175px; } #header_home {position:relative; width:965px; height:115px; margin: 0px 0 0 6px; background: url(../images/header-home.png); } /* END OF HEADER */ /* MENU: voir menu.css */ /* CONTENT */ #content {position:relative; width:973px; height:396px; margin: 0 0 0 6px; background: url(../images/background-content.png) no-repeat; /*z-index:98;*/ } #campak_machine #content { background: url(../images/background-content-machines.png) no-repeat; } #content_home { position:relative; width:965px; height:510px; margin: 0 0 0 6px; background: url(../images/content-home.png); z-index:1; } #content_home h4 {position:relative; width: 350px; font-size:14px; font-weight: bold; color: #444; top: 190px; left: 480px; } #content_home a { position:relative; color: #444; top: 228px; left: 520px; } #content_home #fade a { font-weight: bold; } #content_home #fleches { position: absolute; right: 8px; top: 150px; } #content_home #catalogue { position: absolute; right: 00px; bottom: 56px; display: block; width: 305px; height: 160px;} #content_home #catalogue a { top:0; left:0; display: block; width: 305px; height: 160px;text-decoration: none; } #content_home #catalogue a span { font-weight: bold; font-size: 14px; display: block; width: 140px; margin-top: 45px;} #content_home #catalogue a span , #content_home #catalogue a img { float: left; } #content_home #catalogue:hover, #content_home #catalogue a:hover { cursor: pointer; text-decoration: underline; } #left {position:relative; float:left; width:300px; height:425px; margin: 0 0 0 5px; /*z-index:98;*/ } #right {position:absolute; width:673px; height:375px; left:300px; padding: 20px 0 0 0; } #campak_machine #right, #machines #right, #plan #right { padding: 0; } #right p {text-align:justify; color: #444; margin-right:48px; margin-top:16px;} #right p a {text-decoration:none; color:#808080; } #right p a:hover { color:#9eac36; } #right ul#first {color:#444; margin: 0 0 0 5px; width: 300px; } #right ul#first li{ display:block; margin-bottom:6px; } #right ul {color: #444; margin: 16px 0 0 5px; font-size: 10px; } #right a#cremer { display: block; width: 369px; height: 198px; background: url(../images/background-details-machine.png) no-repeat; float: left; margin-right: 5px; } #right p a#lien_externe { padding-left: 18px; background: url(../images/icon_lien_ext.gif) left no-repeat; padding-top: 2px; } #right p a#lien_pdf { padding-left: 18px; background: url(../images/logo-pdf.png) left no-repeat; padding-top: 2px; } #header span.B_crumbBox { position: relative; right: 45px; top: 116px; font-size: 10px; color: #808080; float: right; width:400px; text-align:right;} #header span.B_crumbBox a { text-decoration: none; color: #808080; } #header span.B_crumbBox span.B_lastCrumb span.B_currentCrumb { text-decoration: none; } #right #pdf {position:relative; width: 180px; height: 14px; font-size: 10px; text-align:right; } #right #pdf img {width:14px; height: 14px; border:none; border: none; float: none; margin-right: 5px;} #header #autre_machine, #header #categorie-distri { position: absolute; top: 165px; right:11px; right: 45px; } #header #autre_machine ul, #header #categorie-distri ul { width:628px; text-align:right; font-size:12px; margin-bottom:5px; } #header #autre_machine ul li, #header #categorie-distri ul li {position: relative; text-decoration: none; display:inline; background: url(../images/mch_img.png) left no-repeat; padding-left: 30px;} #header #autre_machine ul li { background: none; padding-left: 0; } #header #autre_machine ul li img { height: 15px; margin-right: 8px; } #header #autre_machine ul li a, #header #categorie-distri ul li a { color:#444; text-decoration:none; margin:2px; } #header #autre_machine ul li a:hover, #header #categorie-distri ul li a:hover { border: 1px solid #C9D551; color: #444; margin:1px; background: url(../images/background-sm.png) ;} #header #autre_machine ul li a.active, #header #categorie-distri ul li a.active { border: 1px solid #C9D551; color: #444; margin:1px; background: url(../images/background-sm.png) ;} #right .liste_machines { width:176px; height: 166px; position: relative; float: left; margin: 80px 21px 5px 21px; background: transparent url(../images/background_liste_machines.png) no-repeat; } #right .liste_machines p { width: 166px; text-align: left; } #right .liste_machines p a img { width: 166px; height:119px; } #right .liste_machines a.des { position: absolute; text-decoration: none; color: #808080; font-size: 28px; font-family: arial; margin-left: -15px; } #right .liste_machines a.des:hover { color: #444; } #campak_machine #content #right #machine { position: relative; width: 369px; height: 198px; background: url(../images/background-details-machine.png) no-repeat; text-align: center; float: right; margin-right: 40px; margin-top: 15px; } #campak_machine #content #right #machine ul li, #campak_machine #content #right #machine ul li a { text-align: center; } #campak_machine #content #right #machine ul li a { display: block; height: 163px; width: 360px; text-align: center; overflow: hidden; } #campak_machine #content #right #machine ul li a img { max-width: 360px; max-height: 163px; width: auto; height: auto;} #campak_machine #content #right #machine p { width: 366px; text-align: center; margin-top: 0px; } #campak_machine #content #right #pane { color: #444; } #campak_machine #content #right #pane p { margin: 2px 0 8px 0; padding:0; font-size: 11px; } #campak_machine #content #right #pane h4 { margin: 8px 0 0 0; color: #444; font-weight: normal; } #campak_machine #content #right #pane ul li { margin-left: 10px; list-style-image: url(../images/square-pane.png); } #campak_machine #content #right p { clear: right; } #machines p#pages { text-align: right; color: #444; } #right #change {position: relative; float: left; width: 250px; top: 75px; z-index:85; } #right #change a img { border: 1px solid #b8c0cf; } #right #change div { display: block; float: left; width: 50px; margin-right: 5px; margin-bottom: 3px; } #right #change div a { text-decoration: none; display: block;margin-top: 0; padding-top: 0; width: 52px; color: #444; text-align: center; height: 30px; background: #fff; position:relative; } #right #change div a.pop img.loupe { position:absolute; bottom:2px; right:2px; z-index:10;border:none;} #right #change p { position: absolute; left: 0; top: 50px; width: 180px; height: 14px; font-size: 10px; text-align:left; } #right #change p img {width:14px; height: 14px; border:none; margin-right: 5px;} #right p#mch_categorie {position: absolute; width: 600px; top: 0px; font-size: 58px; color: #eeeff1; } #right p#mch_nom { position: absolute; top: 70px; left: 100px; font-size:130px; font-weight: bold; color: #bfc0c5; z-index:80;} .id95 #right p#mch_nom, .id148 #right p#mch_nom, .id91 #right p#mch_nom { font-size: 70px; margin-top: 72px; } #right #pdf {position:relative; float: right; width: 180px; height: 14px; font-size: 10px; text-align:right; } #right #pdf img {width:14px; height: 14px; border:none; border: none; float: none; margin-right: 5px;} #right .actu { font-size: 11px; } #right .actu h4 {font-size: 12px; font-weight: bold; color:#9eac36; margin-top:22px;} #right .actu p { margin-bottom: 10px; margin-top:16px; } #right .actu a {float: right; } #right .actu p a img.pdf { position: relative; margin-right: 5px; border: none; height: 14px; } #right .actu_presse { float: left; width:150px; margin: 35px 35px 0 35px; } #right .actu_presse p { margin-top: -25px; width:125px; font-size: 10px; text-align: center; } #right #map { position: relative; float: left; margin-right: 6px;} #right #itineraire {margin-top: 0; margin-left: 310px; width: 320px; font-size: 11px; } #right #itineraire li { color: #9eac36; font-weight: bold; } #right #itineraire li ul { margin-top: 0px; } #right #itineraire li ul li { color: #444; font-weight: normal; font-size: 9px; margin-left: 5px; line-height: 16px; } #right .vos_contacts, #right .nos_chiffres {width: 320px; min-height:110px; padding-bottom: 35px; padding-left:10px; float: left; font-size: 11px; background: url(../images/background-contacts.png) no-repeat right bottom; } #right .vos_contacts { height: 130px; } #right .vos_contacts h4, #right #adresse h4, #right .nos_chiffres h4 {font-size: 12px; font-weight: bold; color:#9eac36; padding-right:10px;} #right .vos_contacts p, #right .nos_chiffres p { margin-top:16px; } #right #sitemap ul { float:left; width:600px; } #right #sitemap ul li { display:inline-block; width: 200px; } #right #sitemap ul li a { color: #444; text-decoration: none;} #right #sitemap ul li ul {width: 194px; float: left; margin-left:10px; margin-bottom: 10px; } #right #sitemap ul li ul li { list-style-type: square; display:block; height:12px; } #right #sitemap ul li ul li a { color: #9eac36; font-size: 11px;} #right #sitemap ul li ul li a:hover { color: #9eac36; font-size: 11px; text-decoration: underline; } #right #adresse { float: right; /*margin-top: -212px;*/ z-index:1; } #right #nav-distributeur { position: absolute; width: 200px; right: 35px; text-align: right; } #right #nav-distributeur h4 { text-align :left; font-size: 14px; color: #444; } #right #nav-distributeur ul li { line-height: 18px; } #right #nav-distributeur ul li a { text-decoration: none; color: #444; display: block; width: 200px; } #right #nav-distributeur ul li a:hover, #right #nav-distributeur ul li a.active { text-decoration: none; color: #444; background: transparent url(../images/background-li-hover.png); } #right #video { position:absolute;bottom:7px; right: 45px;width: 195px; height: 87px; background: url(../images/background-video.png) no-repeat; } #right #video a { display: block; width: 175px; height: 46px; text-decoration: none; color: #002575; font-size: 13px; text-align: left; padding-top: 41px; padding-left: 20px; } .lettrine { float: left; font-size: 2em; font-weight: bold; color: #002575; margin: 1px; padding: 1px; line-height: 1em; } /* PAGINATION */ p#pages { color: #444; } p#pages a { font-size: 10px; color: #444; text-decoration:none;} p#pages a.ditto_page{ margin: 0 0 0 3px; border: 1px solid #9eac36; padding: 0 1px 0 1px;} p#pages a.ditto_page:hover { border: 1px solid #9eac36; background: url(../images/background-li-hover.png); } p#pages span.ditto_currentpage { font-size: 10px; padding: 0 1px 0 1px; color: #444; margin: 0 0 0 3px; border: 1px solid #9eac36;background: url(../images/background-sm.png); } /* END OF PAGINATION */ /*FORM NEWSLETTERS */ #right form{ position:relative; margin:0; padding:0; left:0px; top:0px; width: 350px;} #right form label { position :relative; DISPLAY: inline ; float: left ; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#444444; font-size:11px; } #right form .INPUT { font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; margin-bottom:20px; border:1px #666 solid; width:200px; } #right form .imgvalid {margin-top:10px; margin-left:164px;} /* END OF FORM NEWSLETTERS*/ /* GALLERY MACHINES */ #container_bottom {position:relative; width:425px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;} #container_bottom img {border:0;} #container_bottom .thumbs {position:absolute; left:0; bottom:0; height:114px;} #container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-45px; left:5px; padding:5px; font-style:italic; color:#fff; z-index:100;} #container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} #container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;} #container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:-305px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;} #container_bottom h1 {clear:both; margin:0; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;} #container_bottom h1 em {font-size:0.6em; color:#000;} /* END OF GALLERY */ /* END OF CONTENT */ /* SLIDER */ #slider{background: transparent; } #slider li{padding: 5px; } #slider-menu a{ position:relative; right:0px; top:-50px; padding: 0px 2px; background: #eee ; color: #444; text-decoration: none; display:none; } #slider-menu a.wactive{padding: 0px 2px; color: #444; } #slider-menu a:hover{padding: 0px 2px; } /* SLIDER PAGE AUTRES SITES */ .coverflow {position:absolute; padding-left: 64px; width:496px; height:230px; background: transparent; float:left; text-align: center; } .coverflow h4 { font-size: 14px; } .coverflow img {width:431px; height:120px;border: 0; border:none; margin: 10px 0 0 0px ;} .coverflow p { } .coverflow p a, .coverflow a { text-decoration: none; color: #808080; } .slide_nav {position:relative; height:27px; background: transparent; float:left; margin-right:10px; top: 0px; border: none;} .slide_nav a { text-decoration: none; color: #444; font-size:11px; } /* END OF ¨PAGE AUTRES SITES */ /* PAGE HOME MACHINES */ #mch-slider-menu p, #presse-slider-menu p { position: relative; width: 585px; top: -300px; left: 40px; color: #444; text-align: right; } #presse-slider-menu p { top: -350px; } #mch-slider-menu a, #presse-slider-menu a { padding: 0px 2px 0px 2px; background: transparent; color: #444; text-decoration: none; border: 1px solid #C9D551; } #mch-slider-menu a.wactive, #presse-slider-menu a.wactive {padding: 0px 2px 0px 2px; color: #444; background: url(../images/background-sm.png) ; border: 1px solid #C9D551; } #mch-slider-menu a:hover, #presse-slider-menu a:hover {padding: 0px 2px 0px 2px; background: url(../images/background-sm.png) ; border: 1px solid #C9D551; } /* END OF HOME MACHINEs */ /* CAM TIMELINE */ #line {position:absolute; left:0px; top:80px;} #camline {background: transparent; top:0; } #camline li{padding: 5px; } #camline-menu a{ position:relative; right:0px; top:-50px; padding: 0px 2px; background: #eee ; color: #808080; text-decoration: none; display:none; } #camline-menu a.wactive{padding: 0px 2px; color: #ccc; } #camline-menu a:hover{padding: 0px 2px; } .dateline{position:absolute; width:590px; height:210px; background: transparent; float:left; border-right: 1px solid #153B69; } .dateline img { border:none; margin:0 auto;} .dateline p { } .dateline h5 { font-size:32px; font-family: Georgia; color: #153B69; font-weight: normal;} #nav_line {position:absolute; width:588px; height:20px; background: url(../images/background_timeline.png) left ; top:305px; right:77px; font-size:10px; } .nav_date a {position:relative; font-family: Georgia; color: #153B69; border:none; text-decoration:none; background:transparent; width:31px; height:16px; float:left; margin-right:1px; margin-left:1px; top:2px; text-align:center;} .nav_date a:hover { background: #153B69; color: #ccc; } .nav_date a.active{ background: #153B69; color: #ccc; } /* END OF SLIDER CAM TIMELINE */ /* END OF SLIDER */ /* AJAX SEARCH */ #header p { position:absolute; left:840px; top:25px; color: #444; font-weight:bold; } #ajaxSearch_input { position:absolute; left:775px; top:40px; width: 120px; display: inline; height: 14px; border: 1px solid #ccc; margin: 0; padding: 0; vertical-align: top; font-size:10px; color:#666666;font-family:Arial, Helvetica, sans-serif;} #ajaxSearch_submit { position:absolute; left:900px; top:40px; display:inline; border:1px solid #ccc; background:#d1ed65; cursor:pointer; color:#444444; padding:0; width:20px; height:16px;} #ajaxSearch_output { border: 1px solid #444; padding:10px; background: #fff;display: block; height: auto;vertical-align: top;} #ajaxSearch_resultListContainer { width: 436px; padding-top:0px;} .ajaxSearch_result { color: #000;margin:0px ; padding-top:10px;} .ajaxSearch_resultsInfo { color: #444; font-size:11px; margin: 54px 0 0 0px; } #right p.ajaxSearch_resultsInfo {border: none; background: transparent; } .ajaxSearch_highlight {font-weight:bold; color:#9eac36;} .ajaxSearch_extract p { } .ajaxSearch_paging {display:block; width:400px; margin:10px 62px;color:#444; font-size:10px; float:right; text-align:right; } .ajaxSearch_paging a {color:#444; text-decoration:none; border: 1px solid #9eac36; padding: 0 1px 0 1px; } .ajaxSearch_paging a:hover { border: 1px solid #9eac36; } .ajaxSearch_resultLink {color:#9eac36; padding:0; text-decoration:none; display:block;font-size:11px; background: transparent; } .ajaxSearch_resultLink a:hover{color:#93c03b; padding: 0;} .AS_ajax_resultDescription{color: #666;} .AS_ajax_more { color: #666;} .ajaxSearch_intro {display:none} .ajaxSearch_extract {margin-top:-10px;} .ajaxSearch_extract p{ color:#9eac36; background: transparent; font-size:10px; border: none; width: 625px;} .ajaxSearch_resultsIntroFailure {color:#cc3366; margin:60px 0 0 0px; font-size:11px;} /* END AJAX SEARCH */ /* FORM */ #right form {position:relative;margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #444444;float: left;} #right form h1 {position:absolute;top:-20px;left:0;width: 446px;; height:24px; padding-top:4px; padding-left: 40px; left:64px; top: 50px; background: #9ed6f2 url(../images/picto_news.png) left no-repeat; color: #444; font-size:16px; text-align: left; } #right form fieldset { background: transparent; width:350px;margin-bottom:10px;margin-top:10px;} #right form fieldset legend { background: #9ed6f2; padding:2px;margin-left:5px; border:1px solid #DCDBDB;} #right form fieldset LABEL, #left form .LABEL { position :relative; DISPLAY: inline ; FLOAT: left ; WIDTH: 100px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; color:#444444; font-size:11px;} #right form .INPUT { font-size:11px;font-family:Arial, Helvetica, sans-serif; color:#444444; margin-bottom:2px; border:1px #DCDBDB solid; width:201px;} #right form .info {font-size:10px; color:#9ed6f2;text-align:right; font-weight:bold;} #right form SELECT { margin-bottom:2px; font-family: Arial, Helvetica, sans-serif; color:#444; font-size:10px; border:1px #DCDBDB solid; width:200px;} #right form .TEXTAREA { margin-bottom:2px; font-family: Arial, Helvetica, sans-serif; color:#999999; font-size:11px; border:1px #DCDBDB solid; height:50px; width:200px;} #right form .ORANGE { font-size:11px;font-family:Arial, Helvetica, sans-serif; color:#9eac36; } #right form .imgvalidsimple { margin-top:5px; float: right; margin-right: 38px; color: #444;} #right form .imgvalid {position: absolute; margin-top:25px; right: 20px; color: #444;} #right #form_right {position: absolute; float: right; left:350px; top:0px; color: #444; font-size:11px; width:300px;} #right form #form_right .INPUT { width: 20px;} #right form #form_right #chk1 {position: relative; width: 150px; } #right form #form_right #chk2 { position:relative; float:right; width: 150px; } #right form #form_right select {margin-top:5px;} /* left:150px; top:120px;*/ form label.error {position: absolute; margin-top: -17px; left: 320px; font-size: 8px; } /* END OF FORM */ /* FOOTER */ #footer {position:relative; width:973px; height:27px; text-align:right; margin:0 0 0 6px; padding:2px; background: url(../images/background-footer.png) no-repeat; z-index:1; } #footer p {font-size:10px; margin-right:35px; } #footer a {color: #444; text-decoration:none; margin-left:40px; } /* END OF FOOTER */ /* FOOTER SINFIN */ #footer_sinfin { position:relative; margin: auto; width:958px; height:10px; background: transparent; padding-top:0px; font-size:10px; color: #b2b2b2; text-align:right; top: 14px; } #footer_sinfin a {text-decoration:none; color:#b2b2b2; } /* END OF FOOTER SINFIN */ /* OTHER */ #popimg { text-align: center; } #popimg a { text-decoration: none; display: block; width: 720px; text-align: right; color: #444; } .display {display:none;} a{outline: none;} h1, h2, h3 {display:none;} input:focus, textarea:focus, select:focus {background: #c9d551;}