/******************************************************* TITLE: WWW.MARKEM-IMAJE.COM DATE: 07-03-2008 AUTHOR: Fabrizio *******************************************************/ #vert .pageTitle, #jaune .pageTitle, #orange .pageTitle, #bleu .pageTitle { color:#FFFFFF} #vert h3 ,#vert #contentRight .box .boxTop, #vert #contentRightPageInt .boxSmall .boxSmallTop {color:#8e9300;padding-bottom:10px;font-size:15px} #jaune h3 ,#jaune #contentRight .box .boxTop, #jaune #contentRightPageInt .boxSmall .boxSmallTop {color:#ecac00;padding-bottom:10px;font-size:15px} #orange h3,#orange #contentRight .box .boxTop, #orange #contentRightPageInt .boxSmall .boxSmallTop {color:#9b243e;padding-bottom:10px;font-size:15px} #bleu h3 ,#bleu #contentRight .box .boxTop, #bleu #contentRightPageInt .boxSmall .boxSmallTop {color:#003d4d;padding-bottom:10px;font-size:15px} #vert h1 {color:#8e9300;font-size:15px;} #jaune h1 {color:#ecac00;font-size:15px;} #orange h1 {color:#9b243e;font-size:15px;} #bleu h1 {color:#003d4d;font-size:15px;} #vert h4, #jaune h4, #orange h4, #bleu h4 {color:#e4680b;padding-bottom:5px} #vert h4 a, #jaune h4 a, #orange h4 a, #bleu h4 a {color:#e4680b;text-decoration:none;} .more {float:right} .more a {color:#e4680b; text-decoration:none;} body#vert {background-position:top; background-repeat:repeat-x; background-image:url(/common/img/template08/bg_vert-do.gif) } body#jaune { background-position:top;background-repeat:repeat-x;background-image:url(/common/img/template08/bg_jaune-do.gif)} body#orange { background-position:top;background-repeat:repeat-x;background-image:url(/common/img/template08/bg_orange-do.gif)} body#bleu { background-position:top;background-repeat:repeat-x;background-image:url(/common/img/template08/bg_bleu-do.gif) } div#titre h1{ color:#FFFFFF; font-size:24px; font-weight:normal; text-align:center; line-height:53px} /*---------------------------- Tools -----------------------------*/ #vert #tools ul li{color:#aaae40} #jaune #tools ul li{color:#f1c140} #orange #tools ul li{color:#b45b6e} #bleu #tools ul li{color:#406e7a} #vert div#tools div.search .search {background-color:#aaae40} #jaune div#tools div.search .search {background-color:#f1c140} #orange div#tools div.search .search {background-color:#b45b6e} #bleu div#tools div.search .search {background-color:#406e7a} #vert #tools .ok {background:#aaae40} #jaune #tools .ok {background:#f1c140} #orange #tools .ok {background:#b45b6e} #bleu #tools .ok {background:#406e7a} /*---------------------------- BOX Event -----------------------------*/ div.boxEvent .info a:hover, div.boxEvent .date {color:#919195} /*--------------------------------- Boutons -----------------------------*/ #vert input.button {background:#8e9300;width:auto;font-weight:bold;color:#ffffff;padding:2px 8px 2px 8px;font-size:12px} #jaune input.button {background:#ecac00;width:auto;font-weight:bold;color:#ffffff;padding:2px 8px 2px 8px;font-size:12px} #orange input.button {background:#9b243e;width:auto;font-weight:bold;color:#ffffff;padding:2px 8px 2px 8px;font-size:12px} #bleu input.button {background:#003d4d;width:auto;font-weight:bold;color:#ffffff;padding:2px 8px 2px 8px;font-size:12px} h1,div.boxMedTop, #contact_form th, #navlist2 li a:hover, #navlist2 li a:hover, h2, div.boxTop { color:#3C6A76} /*--------------------------------- Langues -----------------------------*/ body#vert .list_langues a.choose_lang {color:#8e9300;background:transparent url(../common/img/template08/select_langue-do.gif) no-repeat left top;} body#jaune .list_langues a.choose_lang {color:#ecac00;background:transparent url(/common/img/template08/select_langue-do.gif) no-repeat left top;} body#orange .list_langues a.choose_lang {color:#9b243e;background:transparent url(../common/img/template08/select_langue-do.gif) no-repeat left top;} body#bleu .list_langues a.choose_lang {color:#003d4d;background:transparent url(/common/img/template08/select_langue-do.gif) no-repeat left top;} /*--------------------------------- Content Left -----------------------------*/ /*div#contentLeft ul {width: 235px;list-style:none;display:block} div#contentLeft li {display:block; height:39px;margin-bottom:5px} div#contentLeft li a {font-size:15px; font-weight:bold;line-height:39px;padding-left:50px; text-decoration:none} div#contentLeft li a:hover {text-decoration:none} #vert div#contentLeft li a {color:#8e9300} #jaune div#contentLeft li a {color:#ecac00} #orange div#contentLeft li a {color:#9b243e} #bleu div#contentLeft li a {color:#003d4d} #vert div#contentLeft li a:hover {color:#aaae40} #jaune div#contentLeft li a:hover {color:#f1c140} #orange div#contentLeft li a:hover {color:#b45b6e} #bleu div#contentLeft li a:hover {color:#406e7a} div#contentLeft li.rss {background:url(/common/img/template08/bt_rss.jpg)} div#contentLeft li.valuedPartner {background:url(/common/img/template08/bt_valued_partner.jpg)} div#contentLeft li.eCommerce {background:url(/common/img/template08/bt_e-commerce.jpg)} div#contentLeft li.event {background:url(/common/img/template08/bt_event.jpg)} div#contentLeft li.prodBulle {background:url(/common/img/template08/bt_prod_bulle.jpg)} div#contentLeft li.eDialogue {background:url(/common/img/template08/bt_e_dialogue.jpg)} div#contentLeft li.recourceCenter {background:url(/common/img/template08/bt_recource_center.jpg)}*/ /*--------------------------------- Navigation -----------------------------*/ #vert #main_nav ul li a, #jaune #main_nav ul li a, #orange #main_nav ul li a, #bleu #main_nav ul li a {padding: 9px 0 6px 6px !important;font-family:Arial,Helvetica,sans-serif !important;} #vert #main_nav ul li a span, #jaune #main_nav ul li a span, #orange #main_nav ul li a span, #bleu #main_nav ul li a span {padding: 9px 8px 6px 0 !important;font-family:Arial,Helvetica,sans-serif !important;} #vert #main_nav ul li a:hover, #vert #main_nav ul li a.current, #jaune #main_nav ul li a:hover, #jaune #main_nav ul li a.current, #orange #main_nav ul li a:hover, #orange #main_nav ul li a.current, #bleu #main_nav ul li a:hover, #bleu #main_nav ul li a.current {/*padding: 9px 0px 6px 6px !important*/;font-family:Arial,Helvetica,sans-serif !important;} #vert #main_nav ul li a:hover span, #vert #main_nav ul li a.current span, #jaune #main_nav ul li a:hover span, #jaune #main_nav ul li a.current span, #orange #main_nav ul li a:hover span, #orange #main_nav ul li a.current span, #bleu #main_nav ul li a:hover span, #bleu #main_nav ul li a.current span {/*padding: 9px 8px 6px 0px !important*/;font-family:Arial,Helvetica,sans-serif !important;} /*--------------------------------- Box -----------------------------*/ #vert div.box img, #jaune div.box img, #orange div.box img, #bleu div.box img { text-align:center} #vert div.box, #jaune div.box, #orange div.box, #bleu div.box {margin:15px 0px 15px 0px; width:235px; margin:0} #vert div.boxTop, #jaune div.boxTop, #orange div.boxTop, #bleu div.boxTop {width:235px;background-image:url(/common/img/template08/box_right_top.gif);min-height:8px; padding:0} #vert div.boxBody, #jaune div.boxBody, #orange div.boxBody, #bleu div.boxBody { background:none; border-left: 1px solid #dde0e3; border-right: 1px solid #dde0e3; width:213px;} #vert div.boxBottom, #jaune div.boxBottom, #orange div.boxBottom, #bleu div.boxBottom {background-image:url(/common/img/template08/box_right_bottom.gif); background-position:bottom; width:235px; height:8px; padding:0} #vert div.boxSmallTop, #jaune div.boxSmallTop, #orange div.boxSmallTop, #bleu div.boxSmallTop {width:170px;background-repeat:no-repeat;background-image:url(/common/img/template08/box_right_top_s.gif);min-height:8px; padding:7} #vert div.boxSmallBody, #jaune div.boxSmallBody, #orange div.boxSmallBody, #bleu div.boxSmallBody { background:none; border-left: 1px solid #dde0e3; border-right: 1px solid #dde0e3; width:168px;} #vert div.boxSmallBottom, #jaune div.boxSmallBottom, #orange div.boxSmallBottom, #bleu div.boxSmallBottom {background-repeat:no-repeat;background-image:url(/common/img/template08/box_right_bottom_s.gif); background-position:bottom; width:184px; height:8px; padding:0} /*--------------------------------- Footer -----------------------------*/ #vert div#footer a:hover, #jaune div#footer a:hover, #orange div#footer a:hover, #bleu div#footer a:hover { color:#e4680b} div#footer .liens { float:left;} div#footer .credit { float:right;} div.boxEvent {float:left;margin-top:30px;margin-bottom:20px;width:400px;} div.boxEvent .body {border-top:1px solid #DDE0E3;float:left;margin-top:5px;padding:5px 0;width:400px;} div.boxEvent .info {float:left;width:340px;} div.boxEvent .date {float:left;text-align:right;width:60px;} div.boxEvent .info a:hover, div.boxEvent .date {color:#919195;} /*--------------------------------- Accordion -----------------------------*/ div#iconItems .item {height: 30px; background:url(/common/img/template08/bt_bg_icon.jpg); margin-top:10px; padding:4px; padding-right:10px;padding-left:7px} div#iconItems .item a.iconItem {color:#717171; padding: 6px 0px 5px 40px; font-size:15px; font-weight:bold; display:block; text-decoration:none;} #vert div#iconItems .item a:hover {color:#aaae40} #jaune div#iconItems .item a:hover {color:#f1c140} #orange div#iconItems .item a:hover {color:#b45b6e} #bleu div#iconItems .item a:hover {color:#406e7a} #contentRight .box .boxTop {padding:10px;width:215px} /*#bleu .recourceCenter{color:#003d4d !important}*/ #vert #accordion h3, #jaune #accordion h3, #orange #accordion h3, #bleu #accordion h3 {padding:0 0 0 50px; line-height:39px} #vert #accordion h3:hover {color:#aaae40} #jaune #accordion h3:hover {color:#f1c140} #orange #accordion h3:hover {color:#b45b6e} #bleu #accordion h3:hover {color:#406e7a} div#accordion .event {height: 39px; background:url(/common/img/template08/bt_event.jpg)} div#accordion .prodBulle {height: 39px; background:url(/common/img/template08/bt_prod_bulle.jpg)} div#accordion.v2 .prodBulle {height: 39px; background:url(/common/img/template08/bt_bg_icon_2.jpg)} div#accordion .eDialogue {height: 39px; background:url(/common/img/template08/bt_e_dialogue.jpg)} div#accordion .recourceCenter {height: 39px; background:url(/common/img/template08/bt_recource_center.jpg)} div#accordion .rss {height: 39px; background:url(/common/img/template08/bt_rss.jpg)} div#accordion .valuedPartner {height: 39px; background:url(/common/img/template08/bt_valued_partner.jpg)} div#accordion .eCommerce {height: 39px; background:url(/common/img/template08/bt_e-commerce.jpg)} /****************Added*****************/ #vert #menuleft h3, #jaune #menuleft h3, #orange #menuleft h3, #bleu #menuleft h3 {padding:0 0 0 50px; line-height:39px} #vert #menuleft h3:hover {color:#aaae40} #jaune #menuleft h3:hover {color:#f1c140} #orange #menuleft h3:hover {color:#b45b6e} #bleu #menuleft h3:hover {color:#406e7a} div#menuleft .event {height: 39px; background:url(/common/img/template08/bt_event.jpg)} div#menuleft .prodBulle {height: 39px; background:url(/common/img/template08/bt_prod_bulle.jpg)} div#menuleft .eDialogue {height: 39px; background:url(/common/img/template08/bt_e_dialogue.jpg)} div#menuleft .recourceCenter {height: 39px; background:url(/common/img/template08/bt_recource_center.jpg)} div#menuleft .rss {height: 39px; background:url(/common/img/template08/bt_rss.jpg)} div#menuleft .valuedPartner {height: 39px; background:url(/common/img/template08/bt_valued_partner.jpg)} div#menuleft .eCommerce {height: 39px; background:url(/common/img/template08/bt_e-commerce.jpg)} div#menuleft ul li a{ text-decoration:none; background:url(/common/img/template08/nav.gif) 0 -15px; } div#menuleft ul li{ padding:3px 0 0 0px; list-style:none; margin-bottom:2px; } div#menuleft ul li a:hover{ background:url(/common/img/template08/nav.gif) 0 -30px; list-style:none; color:#000000; } /*#vert div#menuleft ul li a:hover {color:#aaae40} #jaune div#menuleft ul li a:hover {color:#f1c140} #orange div#menuleft ul li a:hover {color:#b45b6e} #bleu div#menuleft ul li a:hover {color:#406e7a} */ div#menuleft ul li a.active{ color:#000000; background:url(/common/img/template08/nav.gif) 0 -30px; list-style:none; font-weight: bold; } /*#vert div#menuleft ul li a.active {color:#aaae40} #jaune div#menuleft ul li a.active {color:#f1c140} #orange div#menuleft ul li a.active {color:#b45b6e} #bleu div#menuleft ul li a.active {color:#406e7a} */ div#menuleft ul li a{ padding:0px 0 0px 20px; height:auto; font-size:11px; font-weight:normal; list-style:none; } h5.menuL{ padding-left:4px; } div#menuleft ul li a.menuG{ background-image:none !important;} /*div#accordion h3:link,div#accordion h3:visited { display: block; color:#717171; background:url(/common/img/template08/navigation.gif); padding: 4px 0 0 30px; } div#accordion h3:hover { color:#7C4199; background:url(/common/img/template08/navigation.gif) 0 -23px; padding: 4px 0 0 30px; } div#accordion h3:active { color:#7C4199; background:url(/common/img/template08/navigation.gif) 0 -23px; padding: 4px 0 0 30px; } div#accordion .pad{ width: 211px; margin:12px; } div#accordion ul li a{ text-decoration:none; background:url(/common/img/template08/nav.gif) 0 -15px; } div#accordion ul li{ padding:3px 0 0 0px; list-style:none; margin-bottom:2px; } div#accordion ul li a:hover{ color:#7C4199; background:url(/common/img/template08/nav.gif) 0 -30px; list-style:none; } div#accordion ul li a{ padding:0px 0 0px 20px; height:auto; font-size:11px; font-weight:normal; list-style:none; }*/ /*-------------------------------------------------------------------*/ /*---------------------------- BOX Event -----------------------------*/ /*-------------------------------------------------------------------*/ div.boxEvent {float:left;width:400px;margin-top:30px} div.boxEvent .body {float:left;width:400px;border-top:1PX solid #dde0e3;padding:5px 0 5px 0;margin-top:5px} div.boxEvent .titre {float:left;width:400px;} div.boxEvent .titre .more {float:right;text-align:right;width:60px;font-size:12px;font-weight:bold;} div.boxEvent .info {float:left;width:340px;} div.boxEvent .info a:hover {text-decoration:none} div.boxEvent .info a {text-decoration:none} div.boxEvent .date {float:left;text-align:right;width:60px} /*-------------------------------------------------------------------*/ /*---------------------------- BOX Photo -----------------------------*/ /*-------------------------------------------------------------------*/ div.boxPhoto {float:left; padding:10px; background:#e8e9eb; margin:0 10px 10px 0} div.boxPhoto img {float:left; border:1px solid #FFFFFF; margin-bottom:10px} /*-------------------------------------------------------------------*/ /*---------------------------- BOX Big -----------------------------*/ /*-------------------------------------------------------------------*/ div.boxBig {float:left; width:655px; margin:0 0 15px 0} div.boxBig img {float:left; border:1px solid #FFFFFF; margin:0 10px 10px 0} div.first {font-size:12px; border-bottom:1px solid #cccccc} div#contentCenterBig {float:left;width:655px;margin-left:20px} div#titre {float:left;width:910px; background:url(/common/img/template08/bg_titre.gif) no-repeat; height:53px;margin-bottom:15px} div.boxMed2 {float:left; width:315px; margin:0 0 15px 0 } div.boxMed2 .top {float:left; width:315px; background:url(/common/img/template08/box_ned2_top.gif); height:8px} div.boxMed2 .body {float:left; width:293px; padding:0 10px; border-left: 1px solid #dde0e3; border-right: 1px solid #dde0e3;} div.boxMed2 .bottom {float:left; width:315px; background:url(/common/img/template08/box_ned2_bottom.gif); height:8px} .marginR25 { padding-right:25px} .marginR12 { padding-right:12px} .small { clear:both; font-size:11px} div#accordion h3{background-image:none;} div#accordion h3:hover {background-image:none;} *+html, * html div#accordion h3{line-height:none !important;} *+html div#accordion .prodBulle{margin-top:10px !important;} *+html div#accordion .prodBulle h3{margin-top:0px !important;} #loginDiv { background-color:#FFFFFF; color:#666666; display:inline; float:left; height:300px; margin:0 0 10px; padding-left:10px; padding-right:10px; padding-top:10px; position:relative; text-align:left; width:910px; } div#footer{ margin-top:10px !important; } .footerDO { clear:both; color:#707070; font-size:10px; margin:0 auto; padding-bottom:30px; padding-top:11px; text-align:center; width:910px; } /* */ #vert ul.menulevel2{ background-color:#aaae40; border-left:#aaae40 solid 1px; border-right:#aaae40 solid 1px; border-bottom:#aaae40 solid 1px; } #jaune ul.menulevel2{ background-color:#f1c140; border-left:#f1c140 solid 1px; border-right:#f1c140 solid 1px; border-bottom:#f1c140 solid 1px; } #orange ul.menulevel2{ background-color:#b45b6e; border-left:#b45b6e solid 1px; border-right:#b45b6e solid 1px; border-bottom:#b45b6e solid 1px; } #bleu ul.menulevel2{ background-color:#406e7a; border-left:#406e7a solid 1px; border-right:#406e7a solid 1px; border-bottom:#406e7a solid 1px; } #vert #main_nav ul.menulevel2 li a span, #jaune #main_nav ul.menulevel2 li a span, #orange #main_nav ul.menulevel2 li a span, #bleu #main_nav ul.menulevel2 li a span{padding:5px !important;} #vert #main_nav ul.menulevel2 li a , #jaune #main_nav ul.menulevel2 li a , #orange #main_nav ul.menulevel2 li a , #bleu #main_nav ul.menulevel2 li a {padding:5px !important;}