article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #99c10f; color: #fff; text-shadow: none; } ::selection { background: #99c10f; color: #fff; text-shadow: none; } a { color: #8ab101; text-decoration: underline; font-weight: bold;} a:visited { color: #8ab101; text-decoration: underline; font-weight: bold;} a:hover { color: #9dca00; text-decoration: none; font-weight: bold;} a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @normal_link: #97c00a; @normal_link_hover: #f49900; * {margin:0;padding:0;} html, body { height: 100%; } #wrap { min-height: 100%; } #main { overflow: hidden; padding-bottom: 27px; min-height: 528px; } #footer { position: relative; margin-top: -31px; height: 23px; clear:both; padding: 6px 0px 0px 0px; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } body { /*background: url('../img/footer_img.jpg') no-repeat center bottom; */ } .centered { position: relative; width: 940px; margin: auto; margin-left: auto; margin-right: auto; left: 50%; top: 0px; margin-left: -470px; } .header { position: relative; display: block; width: 940px; height: 126px; background: url('../img/header_bg_prop.jpg') no-repeat right top; z-index: 90002; } a.header_logo_bull { display: block; position: absolute; top: 15px; left: 32px; width: 121px; height: 52px; background: url('../img/logo_bull.gif') no-repeat; z-index: 200; text-decoration: none; } a.header_logo_bull {text-decoration: none;} a.header_logo_amesys { display: block; position: absolute; top: 79px; left: 0px; width: 189px; height: 42px; background: url('../img/logo_amesys.gif') no-repeat; z-index: 200; text-decoration: none; } a.header_logo_amesys {text-decoration: none;} .logo_container { display: block; position: absolute; top: 0px; left: 0px; width: 146px; height: 126px; background: #FFFFFF; z-index: 100; } .separator_container { display: block; position: absolute; top: 0px; left: 146px; width: 130px; height: 126px; background: url('../img/header_separator.png') no-repeat; z-index: 100; } a.lang { display: block; position: absolute; width: 21px; height: 21px; top: 5px; z-index: 400; text-decoration: none; } a:hover.lang { text-decoration: none; } a.lang_en { background: url('../img/drap_en.png') no-repeat; left: 887px; } a.lang_fr { background: url('../img/drap_fr.png') no-repeat; left: 917px; } .search { display: block; position: absolute; top: 40px; left: 760px; width: 180px; height: 22px; background: #3F0; z-index: 1000; background: url('../img/search.png') no-repeat 0px 0px; } .search input { background: transparent; outline: none; border: none; } .search_input { display: block; position: absolute; top: 3px; left: 23px; width: 115px; height: 23px; } .search_submit { display: block; position: absolute; top: 0px; left: 152px; width: 28px; height: 22px; } .input_search { width: 115px; font-size: 12px; padding: 0px; color: #999; } .input_submit { width: 28px; height: 22px; } .testing { position: absolute; display: block; top: 0px; left: 0px; width: 150px; height: 300px; background-color: #999; z-index: 90002 } .header_menu { position: relative; display: block; top: 97px; left: 276px; height: 27px; width: 663px; z-index: 90000; border-bottom: 2px solid #97bf0d; ul#jsddm, ul#jsddm li { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; float: left; position: relative; } ul#jsddm li a { display: block; position: relative; padding: 7px 25px 4px 15px; margin: 0px 0px 0px 0px; font-weight: normal; color: #646567; text-decoration: none; background: url('../img/head_but_bg.png') no-repeat right 0px; } ul#jsddm li.first a { width: 66px; background: url('../img/head_but_home.png'); font-size: 0px; padding: 0px 0px 27px 0px; } ul#jsddm li.last a, ul#jsddm li.single a { background: url('../img/head_but_bg.png') no-repeat right -27px; } ul#jsddm li span { display: block; position: relative; padding: 5px 0px 6px 0px; margin: 0px 0px 0px 0px; background-color: #30F; color: #646567; text-decoration: none; } ul#jsddm li a:hover, ul#jsddm li.current a, ul#jsddm li.has_current a {text-decoration: none; color: #99c10f;} ul#jsddm li.homebut a { width: 26px; background: url('../img/head_but_home.png'); } ul#jsddm ul.subnav { position: absolute; width: 200px; z-index: 90000; background: #f3f3f3; border: 1px solid #999; color: #000000; padding: 10px; margin: 0px 0px 0px 0px; li.first.header a, li.last a, li a, li.first.current a, li.current a, li.last.current a { display: none; } li.first a, li.last a, li a, li.first.current a, li.current a, li.last.current a { color: #000000; display: block; position: relative; z-index: 90000; font-size: 12px; background: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 200px; height: 20px; &:hover { color: #f39800 !important; } } } ul#jsddm { display: block; } ul#jsddm ul.subnav { visibility: hidden; } ul#jsddm ul li { position: relative; display: block; font-size: 12px; } } .scrum { position: absolute; display: block; top: 130px; left: 270px; width : 669px; height: 20px; z-index: 300; font-size: 11px; color: #999; } /* center */ .center { position: relative; display: block; padding: 40px 0px 0px 0px; z-index: 0 !important; } .center_left { position: relative; display: block; float: left; width: 700px; z-index: 0 !important; } .center_left_head { display: block; position: relative; width: 538px; height: 145px; padding: 0px 0px 0px 162px; margin: 0px 0px 20px 0px; background: url('../img/sub_img/topimg_neutre.jpg'); } .center_left_head_container { display: block; position: absolute; top: 0px; left: 0px; width: 538px; height: 145px; padding: 0px 0px 0px 162px; margin: 0px 0px 20px 0px; &.bigimg_35 { background: url('../img/sub_img/topimg_24.jpg'); } &.bigimg_36 { background: url('../img/sub_img/topimg_25.jpg'); } &.bigimg_35 { background: url('../img/sub_img/topimg_24.jpg'); } &.bigimg_31 { background: url('../img/sub_img/topimg_20.jpg'); } &.bigimg_39 { background: url('../img/sub_img/topimg_28.jpg'); } &.bigimg_38 { background: url('../img/sub_img/topimg_27.jpg'); } &.bigimg_40 { background: url('../img/sub_img/topimg_29.jpg'); } &.bigimg_41 { background: url('../img/sub_img/topimg_30.jpg'); } &.bigimg_42 { background: url('../img/sub_img/topimg_31.jpg'); } &.bigimg_43 { background: url('../img/sub_img/topimg_43.jpg'); } &.bigimg_32 { background: url('../img/sub_img/topimg_32.jpg'); } &.bigimg_44 { background: url('../img/sub_img/topimg_44.jpg'); } &.bigimg_45 { background: url('../img/sub_img/topimg_45.jpg'); } &.bigimg_48 { background: url('../img/sub_img/topimg_48.jpg'); } &.bigimg_47 { background: url('../img/sub_img/topimg_35.jpg'); } &.bigimg_49 { background: url('../img/sub_img/topimg_37.jpg'); } &.bigimg_34 { background: url('../img/sub_img/topimg_23.jpg'); } &.bigimg_30 { background: url('../img/sub_img/topimg_24.jpg'); } &.bigimg_33 { background: url('../img/sub_img/topimg_37.jpg'); } } .center_left_head h1 { color: #707173; font-size: 36px; font-weight: normal; } /* liste des images */ .center_left_content { position: relative; display: block; width: 670px; padding: 15px; border-top: 2px solid #99c10f; background: #e5e5e6; color: #5c5d5f; margin: 0px 0px 40px 0px; } /* basics formatage */ h2 { font-size: 18px; font-weight: bold; color: #97bf0d; position: relative; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; width: 300px; } h3 { font-size: 15px; font-weight: bold; color: #5c5d5f; position: relative; display: block; padding: 0px 0px 0px 10px; margin: 0px 0px 8px 0px; background: url('../img/orange_arrow.gif') no-repeat 0px 4px; width: 300px; } .center_right { position: relative; display: block; float: right; width: 175px; } .right_block { position: relative; display: block; border: 1px solid #cbdf86; margin: 0px 0px 8px 0px; &.noborder { border: none; margin: 0px 10px 20px 0px; } } .right_block_header { display: block; position: relative; width: 165px; height: 20px; font-size: 12px; color: #FFFFFF; font-weight: normal; background: url('../img/home_right_header.gif') no-repeat 0px 0px; text-align : right; padding: 5px 8px 0px 0px; } a.right_block_content { display: block; position: relative; width: 153px; padding: 10px; text-align: center; text-decoration: none !important; font-weight: normal !important; &.display1 { background: url('../img/home_display_1.gif') no-repeat 0px 0px; height: 129px; h4 { color: #97bf0d !important; font-weight: normal !important; } h5 { color: #a9aaac !important; font-weight: normal !important; font-size: 10px; } } &.display2 { background: url('../img/home_display_2.gif') no-repeat 0px 0px; height: 85px; h4 { color: #FFFFFF !important; font-weight: normal !important; } } &.display3 { background: url('../img/presse.gif') no-repeat 0px 0px; height: 113px; width: 153px !important; padding: 25px 10px 10px 10px; h4 { color: #a9aaac !important; font-weight: normal !important; } } &:hover { text-decoration: none !important; } } /* sous menu */ ul.submenu li.current { //background: #0F6; } ul.submenu { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; li { list-style: none; display: none; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 13px -22px; a { display: none; } } } ul.submenu { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; li { list-style: none; display: none; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 13px -22px; a { display: none !important; } &.current, &.has_current { display: block !important; ul { display: block !important; li { display: block !important; position: relative; width: 181px; height: 68px; font-size: 11px; // listing des images de categorie &#img_24 { background: url('../img/sub_img/imgmini_24.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_25 { background: url('../img/sub_img/imgmini_25.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_26 { background: url('../img/sub_img/imgmini_26.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_20 { background: url('../img/sub_img/imgmini_20.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_27 { background: url('../img/sub_img/imgmini_27.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_28 { background: url('../img/sub_img/imgmini_28.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_29 { background: url('../img/sub_img/imgmini_29.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_30 { background: url('../img/sub_img/imgmini_30.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_31 { background: url('../img/sub_img/imgmini_31.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_32 { background: url('../img/sub_img/imgmini_32.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_21 { background: url('../img/sub_img/imgmini_21.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_33 { background: url('../img/sub_img/imgmini_33.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_34 { background: url('../img/sub_img/imgmini_34.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_36 { background: url('../img/sub_img/imgmini_36.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_35 { background: url('../img/sub_img/imgmini_35.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_37 { background: url('../img/sub_img/imgmini_37.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_22 { background: url('../img/sub_img/imgmini_22.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_38 { background: url('../img/sub_img/imgmini_38.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_23 { background: url('../img/sub_img/imgmini_23.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_19 { background: url('../img/sub_img/imgmini_19.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } a { display: block !important; text-decoration: none; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 181px; height: 68px; &:hover { text-decoration: none; } } } } } } } /* sous menu alone */ ul.submenual li.current { //background: #0F6; } ul.submenual { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; li { display: block !important; position: relative; width: 181px; height: 68px; font-size: 11px; margin: 0px 0px 13px -7px; &#img_45 { background: url('../img/sub_img/imgmini_24.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_46 { background: url('../img/sub_img/imgmini_46.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_47 { background: url('../img/sub_img/imgmini_47.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_48 { background: url('../img/sub_img/imgmini_48.jpg'); &.current a { color: @normal_link_hover !important; } a { color: @normal_link !important; &:hover { color: @normal_link_hover !important; } } } &#img_49 { display: none !important; } a { display: block !important; text-decoration: none; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 181px; height: 68px; &:hover { text-decoration: none; } } ul { display: none; } } } /* footer */ #footer { background: #000000; border-bottom: 2px solid #99c10f; text-align: center; } #footer a { color: #FFFFFF; font-weight: normal; } #footer a:hover { color: #FFFFFF; text-decoration: none; } #footer span { padding: 0px 13px 0px 13px; } /* ============= ADDING PLUGIN ============== */ .center_left_content_home { position: relative; display: block; width: 750px; height: 316px; padding: 0px; overflow: hidden; } .slider_top { position: absolute; display: block; top: 0px; left: 440px; width: 622px; height: 316px; z-index: 1000; } .slider_top_content { position: absolute; display: block; top: 0px; left: 0px; width: 1500px; height: 316px; z-index: 2000; .slider_content_right { position: relative; display: block; float: left; width: 420px; height: 316px; a { display: block; position: relative; &.title { position: absolute; display: block; top: 30px; left: 40px; width: 185px; color: #FFFFFF; font-size: 20px; font-weight: blod; text-decoration: none; border-bottom: 1px solid #FFFFFF; &:hover { text-decoration: none; color: #000000; } } } .content { position: absolute; display: block; top: 30px; left: 225px; border-left: 1px solid #FFFFFF; padding: 0px 0px 0px 20px; a { color: #FFFFFF; font-size: 12px; font-weight: blod; text-decoration: none; margin: 0px 0px 5px 0px; &:hover { text-decoration: none; color: #000000; } } } } .slider_content_left { position: relative; display: block; float: right; width: 440px; height: 316px; a { display: block; position: relative; &.title { position: absolute; display: block; top: 30px; left: 40px; width: 185px; color: #FFFFFF; font-size: 20px; font-weight: blod; text-decoration: none; border-bottom: 1px solid #FFFFFF; &:hover { text-decoration: none; color: #000000; } } } .content { position: absolute; display: block; top: 30px; left: 225px; border-left: 1px solid #FFFFFF; padding: 0px 0px 0px 20px; a { color: #FFFFFF; font-size: 12px; font-weight: blod; text-decoration: none; margin: 0px 0px 5px 0px; &:hover { text-decoration: none; color: #000000; } } } } a.link_fw { position: absolute; display: block; top: 0px; left: 593px; width: 157px; height: 27px; padding: 289px 0px 0px 0px; text-decoration: none; z-index: 2000; color: #97bf0d; font-size: 20px; text-align: center; background: transparent; &:hover { text-decoration: none; } } a.link_rw { position: absolute; display: block; top: 0px; left: 750px; width: 157px; height: 27px; padding: 289px 0px 0px 0px; text-decoration: none; z-index: 2000; color: #97bf0d; font-size: 20px; text-align: center; background: transparent; &:hover { text-decoration: none; } } a.minilink_fw { position: absolute; display: block; top: 50px; left: 517px; width: 96px; height: 47px; text-decoration: none; z-index: 2000; background: transparent; &:hover { text-decoration: none; } } a.minilink_rw { position: absolute; display: block; top: 50px; left: 955px; width: 96px; height: 47px; text-decoration: none; z-index: 2000; background: transparent; &:hover { text-decoration: none; } } } .slider_bottom { position: absolute; display: block; top: 0px; left: 0px; width: 700px; height: 316px; z-index: 100; } .corner { position: absolute; display: block; width: 19px; height: 19px; top: 0px; left: 0px; z-index: 10000; } .slider_container { position: relative; display: block; height: 316px; width: 1500px; } .search_result { display: block; position: relative; padding: 0px 0px 8px 10px; background: url('../img/orange_arrow.gif') no-repeat 0px 4px; }