/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Redefinitions des balises HTML */ *{margin:0;padding:0;} body, h1, h2, h3, h4, h5, h6, a, input_text, select, textarea, code{font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;font-weight:normal;} img{border:0} *{margin:0;padding:0; list-style:none} body{font-size: 11px; color:#585858; background:url(../images/background/fond.jpg) repeat-x #FFF;font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;} td{font-family:Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;color:#676767;} a{text-decoration:none; color:#585858;} a:hover{color:#000;} img{border:none;} html{ overflow:-moz-scrollbars-vertical; } /* pour laisser le scroll verticale affiché*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Globale*/ #Globale{width:900px; margin:0 auto;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Heauder*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Menu Haut*/ #header{width:900px; height:135px; background:url(../images/background/fond-header.jpg) no-repeat;} #header #menuHaut{width:881px; height:34px; padding:11px 0 0 0;} #header #menuHaut ul{list-style:none; font-family:Tahoma; font-size:10px;} #header #menuHaut ul li{float:right; color:#FFF; background:url(../images/background/separateur-top.gif) right 2px no-repeat;padding:0 9px 0 9px;} #header #menuHaut ul li.dernier{background:none;} #header #menuHaut ul li a{color:#FFF;} #header #menuHaut ul li a:hover{color:#FFF; text-decoration:underline;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV LOGO Haut*/ #header #divLogo{width:872px; height:64px; padding:0 0 0 28px; position:relative;} #header #divLogo #slogan{position:absolute; top:0px; right:24px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Menu #header #menu{width:640px; height:23px; padding:0 0 0 260px;} #header #menu ul.Niv1{list-style:none;} #header #menu ul.Niv1 li{float:left; position:relative;} #header #menu ul.Niv1 li a{background:url(../images/menu/separateur.gif) left top no-repeat; padding:0 11px 0 11px; display:block; float:left;} #header #menu ul.Niv1 li a.first{background:none;} #header #menu ul.Niv1 li ul.Niv2{position:absolute; display:none; left:12px; top:23px; background:#FFF; border:1px solid #cccbc7; border-top:4px solid #194d9a; list-style:none; padding:2px 3px 2px 3px;} #header #menu ul.Niv1 li ul.Niv2 li{clear:both; padding:0 0 0 2px; border-top:1px solid #e9e8e7; width:132px; background:none;} #header #menu ul.Niv1 li ul.Niv2 li a{color:#3c3a38; background:url(../images/pictos/puce-menu.gif) left 9px no-repeat; padding:5px 0 5px 10px; display:block; font-family:tahoma;} #header #menu ul.Niv1 li ul.Niv2 li a:hover{color:#004D9B}*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Contenu */ #contenu{width:885px; background:url(../images/background/fond-milieu.jpg) repeat-y; padding:4px 0 0 15px;} #contenu .contenuG{width:679px; float:left;} #contenu .fondcontenu{width:885px; background:url(../images/background/decline-d.jpg) repeat-y 672px 0px;} #contenu .blocFlash{ width:668px; margin:0 0 9px 0;} #contenu .blocFlash .slogan{width:213px; height:322px; float:left; background:url(../images/background/fond-slogan.jpg) repeat-x;} #contenu .blocFlash .flash{width:450px; height:322px; float:left;} #contenu .contenuDecG .blocFlash{margin:0;} #contenu h2.marjane{background:url(../images/background/titre-marjane.gif) repeat-x; padding-left:6px;} #contenu h2.acima{background:url(../images/background/titre-acima.jpg) repeat-x; padding-left:6px; margin-bottom:10px; font-size:14px; color:#fff; font-weight:bold;} #contenu h2.electro{background:url(../images/background/titre-electro.gif) repeat-x; padding-left:6px;} #contenu .blocFlash .slogan .decouvrir{ height:11px; width:182px; overflow:hidden; background:url(../images/background/desouvrir.gif) left 7px no-repeat; text-align:right; margin:2px 0 0 10px;} #contenu .blocFlash .slogan .decouvrir a{color:#FFF; font-family:Verdana; font-size:10px; letter-spacing:0px;} #contenu .blocFlash .slogan .decouvrir a:hover{color:#dfdedc;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Menu Haut*/ #contenu .blocActu{width:220px; float:left;} #contenu .blocActu h2{height:25px; width:100%; background:url(../images/background/fond-titre.gif) repeat-x;} #contenu .blocActu h2 img{margin:0 0 0 7px;} #contenu .blocActu .actu{width:219px; margin:6px 0 9px 0;} #contenu .blocActu .actu h3{ color:#81807d; font-weight:bold; font-size:11px;} #contenu .blocActu .actu .suite{ height:11px; overflow:hidden; background:url(../images/background/fond-suite.gif) right 4px no-repeat; text-align:right; margin:7px 0 0 0;} #contenu .blocActu .actu .suite a{color:#004d9b; font-family:Verdana; font-size:10px; letter-spacing:-1px;} #contenu .blocActu .actu .suite a:hover{color:#dfdedc;} /************ Page Actualité *****************/ #contenu .blocActu .actuglobal{width:630px; margin:6px 0 9px 0;} #contenu .blocActu .actuglobal h3{ color:#81807d; font-weight:bold; font-size:11px;padding-bottom:12px;} #contenu .blocActu .actuglobal .suite{ height:11px; overflow:hidden; background:url(../images/background/TraitBleu.gif) no-repeat 0 6px;; text-align:right; margin:7px 0 0 0;} #contenu .blocActu .actuglobal .suite a{color:#004d9b; font-family:Verdana; font-size:10px; letter-spacing:-1px;} #contenu .blocActu .actuglobal .suite a:hover{color:#dfdedc;} /***************** FIN Page Actualité ************/ #contenu .emploi{width:432px; float:left; margin:0 0 0 11px;} #contenu .emploi h2{height:25px; width:100%; background:url(../images/background/fond-titre.gif) repeat-x;} #contenu .emploi h2 img{margin:0 0 0 7px;} #contenu .emploi .blocEmploi{width:432px; height:126px; background:#EDEDED;} #contenu .emploi .blocEmploi .txt{width:240px;float:left; padding:17px 8px 0 16px;} #contenu .emploi .blocEmploi .list1{width:160px; float:left; padding:27px 0 0 0;} #contenu .emploi .blocEmploi .list1 ul{list-style:none;} #contenu .emploi .blocEmploi .list1 ul li{ background:url(../images/pictos/puce1.gif) 0 3px no-repeat; padding:0 0 0 12px ; margin:0 0 12px 0;} #contenu .emploi .blocEmploi .list1 ul li a{color:#585858;} #contenu .emploi .blocEmploi .list1 ul li a:hover{text-decoration:underline;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Contenu Droite*/ #contenu .contenuD{width:193px; float:left;} #contenu .contenuD h2{height:25px; /*width:100%;*/ color:#fff; font-size:14px; font-weight:bold;} #contenu .contenuD h2 img{margin:0 0 0 7px;} #contenu .contenuD .marque1{width:193px;} #contenu .contenuD .marque1 .marqLogo{ text-align:center; margin:6px 0 2px 0;} #contenu .contenuD .marque1 h3{color:#81807d; font-weight:bold; font-size:11px; margin:0 0 3px 0;} #contenu .contenuD .marque1 .suite{ height:11px; overflow:hidden; background:url(../images/background/fond-suite.gif) right 4px no-repeat; text-align:right; margin:2px 0 0 0;} #contenu .contenuD .marque1 .suite a{color:#004d9b; font-family:Verdana; font-size:10px; letter-spacing:-1px;} #contenu .contenuD .marque1 .suite a:hover{color:#dfdedc;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV newsletter*/ #block-simplenews-3 .divRecherche{width:193px; height:130px; background:url(../images/background/fond-recherche.gif) no-repeat; margin:15px 0 0 0;} #block-simplenews-3 .divRecherche h2{height:25px; width:100%; background:none;/*url(../images/background/titre-recherche.gif) bottom repeat-x;*/ border-bottom:5px solid #058D5B; width:179px; margin:0 0 0 6px; height:20px; color:#5C5B5A; font-size:14px;} #block-simplenews-3 .divRecherche p{font-size:10px; padding:8px 6px;} #block-simplenews-3 .divRecherche h2 img{margin:0 0 0 0;} #block-simplenews-3 .divRecherche table{margin:0 0 0 10px; color:#585858;} #block-simplenews-3 .divRecherche table .zoneTxt1, #contenu .contenuD .divRecherche #edit-mail, #contenu .contenuDecD .divRecherche #edit-mail{width:139px; height:16px; border:1px solid #b1b1b1; border-right:none; font-size:11px; color:#004D9B; padding:0 0 0 2px; margin-left:10px;} #block-simplenews-3 .divRecherche #edit-mail-wrapper label {margin:5px 0 5px 10px; color:#585858; font-size:10px; display:none;} #block-simplenews-3 .divRecherche input#edit-submit {background:url(../images/bouton/ok_acima.gif) no-repeat scroll 0 0 transparent; border:medium none; height:18px; width:30px; position:relative; left:152px; bottom:59px;} *+html #block-simplenews-3 .divRecherche input#edit-submit {background:url(../images/bouton/ok_acima.gif) no-repeat scroll 0 0 transparent; border:medium none; height:18px; width:30px; position:relative; left:152px; bottom:62px;} *html #block-simplenews-3 .divRecherche input#edit-submit {background:url(../images/bouton/ok_acima.gif) no-repeat scroll 0 0 transparent; border:medium none; height:18px; width:30px; position:relative; left:152px; bottom:62px;} #block-simplenews-3 .divRecherche .form-radios{ margin:3px 0 0 10px;} .divRecherche .form-radios .form-item{font-size:10px; margin:0 0 0 0; padding:0 0 0 0;} #block-simplenews-3_ .divRecherche #simplenews-block-form-3 input#edit-submit {background:none #B8CDE3; border:medium none; position:inherit; bottom:57px; width:103px;} #contenu .contenuDecG{width:672px; float:left;} #contenu .contenuDecG .banniere{ padding:0 0 0 0;} /*#contenu .contenuDecG .banniere img{float:left;}*/ #contenu .contenuDecG .banniere .slogan1{margin:18px 0 0 32px; float:left;} #contenu .contenuDecG .contenuTxt{width:659px; padding:0 0 0 13px;} #contenu .contenuDecG .contenuTxt h2{font-weight:bold; color:#004d9a; font-size:15px; margin:14px 0 16px 0;} #contenu .contenuDecG .contenuTxt h3{font-weight:bold; color:#407AB4; font-size:13px; margin:0 0 12px 0;} #contenu .contenuDecG .contenuTxt p{margin:0 8px 16px 0;} #contenu .contenuDecG .contenuTxt p.ByFond{border:1px solid #D0D0D0; background:#F6F6F6; padding:8px; margin-bottom:16px; margin-right:20px;} #contenu .contenuDecG .contenuTxt ul{margin:0 8px 16px 0;} #contenu .contenuDecG .contenuTxt ul li{background:url(../images/pictos/puce-carre.gif) left 5px no-repeat; padding:0 0 0 8px; margin:4px 0;} /************ STYLE DES PAGE MARJANE ********************/ #contenu .contenuDecG.marjane .contenuTxt h2{color:#004d9a;} #contenu .contenuDecG.marjane .contenuTxt h3{color:#407AB4;} #contenu .contenuDecG.marjane .contenuTxt ul li{background:url(../images/pictos/puce-carre.gif) left 5px no-repeat; padding:0 0 0 8px; margin:4px 0;} /************ STYLE DES PAGE ACIMA ********************/ #contenu .contenuDecG.acima .contenuTxt h2{color:#00935C;} #contenu .contenuDecG.acima .contenuTxt h3{color:#FF1B23;} #contenu .contenuDecG.acima .contenuTxt h4{color:#676665; font-weight:bold; font-size:12px; margin-bottom:8px;} #contenu .contenuDecG.acima .contenuTxt h5{color:#ED8500; font-weight:bold; font-size:11px; margin-bottom:5px;} #contenu .contenuDecG.acima .contenuTxt ul li{background:url(../images/pictos/puce-carre-acima.gif) left 5px no-repeat;} /************ STYLE DES PAGE ELECTROPLANET ********************/ #contenu .contenuDecG.electroplanet .contenuTxt h2{color:#C50009;} #contenu .contenuDecG.electroplanet .contenuTxt h3{color:#E2000C;} #contenu .contenuDecG.electroplanet .contenuTxt ul li{background:url(../images/pictos/puce-carre-electroplanet.gif) left 5px no-repeat;} #contenu .contenuDecD{width:198px; float:left; padding:0 0 20px 11px; min-height:484px; _height:484px;} #contenu .contenuDecD .lienTrans{width:190px; height:98px;} * + html #contenu .contenuDecD .lienTrans { height:112px;} * html #contenu .contenuDecD .lienTrans { height:112px;} #contenu .contenuDecD .lienTrans ul{list-style:none; margin:12px 0 0 11px;} #contenu .contenuDecD .lienTrans ul li{ margin:0 0 5px 0;width:100%; float:left; line-height:12px;} #contenu .contenuDecD .lienTrans ul li a{color:#3c3a38; background:url(../images/pictos/point.gif) left 5px no-repeat; padding:0 0 0 9px; font-family:tahoma;} #contenu .contenuDecD .lienTrans ul li a:hover{font-weight:bold;background:url(../images/pictos/point1.gif) left 5px no-repeat;} #contenu .contenuDecD .lienTrans ul li.active a{font-weight:bold;background:url(../images/pictos/point1.gif) left 5px no-repeat;} #contenu .contenuDecD .lienTrans ul li a.active{font-weight:bold;background:url(../images/pictos/point1.gif) left 5px no-repeat;} #contenu .contenuDecD h2{height:25px; width:183px;} #contenu .contenuDecD h2 img{margin:0 0 0 7px;} #contenu .contenuDecD .categorie{width:193px; padding-top:9px;} #contenu .contenuDecD .categorie ul{list-style:none; margin:0 0 0 3px;} #contenu .contenuDecD .categorie ul li{margin:0 0 9px 0;width:100%; float:left; line-height:14px;} #contenu .contenuDecD .categorie ul li a{ color:#666666; font-family:tahoma;} #contenu .contenuDecD .categorie ul li a:hover{ text-decoration:underline;} .rejoindre{width:193px; background:url(../images/background/rejoindre.jpg) repeat-x #01BF83; padding:0 0 10px 0; } .back_vert{ background:url(../images/background/rejoindre.jpg) repeat-x #01BF83; } .back_jaune{ background:url(../images/background/rejoindre_j.jpg) repeat-x #F5B700; } .rejoindre h3{ padding:7px 0 13px 6px; color:#FBE7CC; font-size:14px; font-weight:bold;} .rejoindre p{ padding:0 9px 0 9px; color:#FFF;} .rejoindre a{ padding:10px 0 0 9px; color:#FFF; display:block;} .rejoindre a:hover{text-decoration:underline;} .Nouveautes{width:193px; background:#ff1b23; padding:0 0 10px 0; margin:10px 0 0 0; } .Nouveautes h3{ padding:7px 0 13px 5px;} .Nouveautes p{ padding:0 0 0 9px; color:#FFF;} .Nouveautes{width:193px; padding:0 0 10px 0; margin:10px 0 0 0; /*font-family:Tahoma*/ } .Nouveautes_r{ background:#ff1b23; } .Nouveautes_m{ background:#876B96; } .Nouveautes_degrader{ background:url(../images/background/degrader.gif) repeat-x #a584b3;} .Nouveautes h3{ padding:7px 0 5px 5px; color:#E8E0EC; font-weight:bold; font-size:14px;} #contenu .contenuD .Nouveautes h2{font-size:12px; font-weight:bold; color:#F9E102; margin:0 5px 0 5px;} #contenu .contenuDecD .Nouveautes h2{font-size:12px; font-weight:bold; color:#F9E102; margin:0 5px 0 5px;} .Nouveautes p{ padding:0 9px 0 9px; color:#FFF;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV FOOTER*/ #divFooter{width:100%; height:93px; background:url(../images/background/footer.jpg) repeat-x; font-family:tahoma;} #divFooter #footer{width:900px; height:93px; background:url(../images/background/bas.jpg) no-repeat; height:33px; margin:0 auto; font-size:10px;} #divFooter #footer ul.basG{list-style:none; padding:9px 0 0 5px; float:left; width:650px;} #divFooter #footer ul.basG li{float:left; color:#FFF; display:inline;} #divFooter #footer li a{display:block; float:left; background:url(../images/background/separateur-bas.gif) right 2px no-repeat; padding:0 11px 0 11px; color:#FFF;} #divFooter #footer li a:hover{text-decoration:underline;} #divFooter #footer li a.dernier{background:none;} #divFooter #footer ul.basD{list-style:none; padding:9px 0 0 0; float:left;} #divFooter #footer ul.basD li{float:left; color:#FFF; display:inline;} /*/#divFooter #footer ul li.copy{margin:0 0 0 352px;} #divFooter #footer ul li a{color:#FFF;} #divFooter #footer ul li a:hover{text-decoration:underline;} /**************ELECTROPLANET*******************/ #header .logo_electroplanet{ margin-top:4px} #contenu .contenuDecG .banniere_electro{width:650px; height:115px; background:url(../images/background/ban-dec_electro.jpg) no-repeat; padding:0 0 0 19px;} #contenu .contenuDecG .banniere_electro img{float:left;} #contenu .contenuDecG .banniere_electro .slogan1{margin:18px 0 0 32px; float:left;} /**************ACIMA*******************/ /**** Supprimer le style utiliser c'est banniere***/ /*#contenu .contenuDecG .visu{width:669px; height:348px; float:left;} #contenu .contenuDecG .visu .slogan{ float:right; margin:40px 40px 0 0}*/ #blocs_bas{width:669px; float:left; padding-top:8px} #blocs_bas h2{height:25px; background:url(../images/background/fond-titre.gif) 0 0 repeat-x; padding:0px 0 0 3px; } /*#blocs_bas h2 img{margin:2px 0 0 3px;} */ #blocs_bas #magazins {width:183px; height:121px; float:left ; display:inline; } #blocs_bas #magazins .decal { padding:10px 0 0 0 } #blocs_bas #magazins .zoneTxt1 {width:150px; height:17px;border:1px solid #E0E0E0; border-right:none; font-size:11px; vertical-align:middle } /*#contenu .contenuD .divRecherche table .zoneTxt1{width:139px; height:16px; border:1px solid #b1b1b1; border-right:none; font-size:11px; color:#004D9B; padding:0 0 0 2px;}*/ #blocs_bas #activite {width:271px; height:121px; float:left; background-color:#EDEDED; margin:0 0px 0 15px;_margin:0 0px 0 13px; display:inline;} #blocs_bas #activite .txt{ width:261px; padding:5px; } #blocs_bas #activite .txt ul{ float:left; padding:5px 20px 0 0 } #blocs_bas #carte {width:175px; height:111px; float:right; background:url(../images/visuels/visu_carte_fidelite.jpg) 0 0 no-repeat; padding:5px; display:inline; } #blocs_bas #carte .noback{ background:none; margin:5px 0 5px 0 } #blocs_bas #carte .txt{ width:100px; height:70px } #blocs_bas #carte #sav_plus{ width:150px; height:11px } /*********dev youssef*******************/ li.expanded {list-style-image:none;list-style-type:none;margin:0px;padding:0px;} /****menu principal****/ #header #menu{width:900px; height:23px; padding:0 0 0 0;} #header #menu ul.Niv1{list-style:none; margin-left:260px;} #header #menu ul.Niv1 li{float:left; position:relative; z-index:3;} #header #menu ul.Niv1 li a{background:url(../images/menu/separateur.gif) left top no-repeat; padding:4px 11px 10px 11px; display:block; float:left; font-size:12px; font-weight:bold; color:#fff;} #header #menu ul.Niv1 li a:hover{color:#058D5B;} #header #menu ul.Niv1 li.active-trail a{color:#058D5B;} #header #menu ul.Niv1 li.first a{background:none;} #header #menu ul.Niv1 li ul.Niv1{position:absolute; display:none; left:-254px; top:23px; background:#FFF; border:1px solid #cccbc7; border-top:4px solid #058D5B; list-style:none; padding:2px 3px 2px 3px; z-index:1000} #header #menu ul.Niv1 li ul.Niv1 li{clear:both; padding:0 0 0 2px; border-top:1px solid #e9e8e7; width:132px; background:none;} #header #menu ul.Niv1 li ul.Niv1 li a{color:#3c3a38; background:url(../images/pictos/puce-menu.gif) left 9px no-repeat; padding:5px 0 5px 10px; display:block; font-family:tahoma; text-decoration:none; font-size:10px; font-weight:normal;} #header #menu ul.Niv1 li ul.Niv1 li a:hover{color:#058D5B} #header #menu ul.Niv1 li:hover ul.Niv1{display:block;} #header #menu ul.Niv1 li.sfhover ul.Niv1{display:block;} /***menu top***/ #header #menuHaut ul li.first{background:none;} /***menu footer***/ #block-menu-menu-footer-left{ width:650px; float:left;} #divFooter #footer ul.Niv1{list-style:none; padding:9px 0 0 5px; float:left; width:650px;} #divFooter #footer ul.Niv1 li{float:left; color:#FFF; display:inline;} #divFooter #footer ul.Niv1 li.last a{ background:none;} #divFooter #footer li a{display:block; float:left; background:url(../images/background/separateur-bas.gif) right 2px no-repeat; padding:0 11px 0 11px; color:#FFF;} #divFooter #footer li a:hover{text-decoration:underline;} #divFooter #footer li a.dernier{background:none;} /***home***/ #first-time{display:none;} #block-views-actualite-block_1{float:left;} /*** pages d'introduction*/ #contenu .contenuDecG .visu{width:669px; height:348px; float:left;background:url(../images/visuels/visuel_panier.jpg) no-repeat;} #contenu .contenuDecG .visu .slogan{ float:right; margin:40px 40px 0 0} /**table**/ table{ border-collapse: inherit; } /*****Bloc Search*************/ #blocs_bas #magazins #form input.form-text{width:150px; height:16px; border:1px solid #b1b1b1; border-right:none; font-size:11px; color:#004D9B; padding:0 0 0 2px; float:left; color:#000;} #blocs_bas #magazins #form {margin-top:21px;} #blocs_bas #magazins #form input.form-submit, .RechercheParVille .BoutonOk input.form-submit{ background:url("../images/bouton/ok_acima.gif") no-repeat scroll 0 0 transparent;border:medium none;float:left;width:30px;height:18px;} .marjane .RechercheParVille .BoutonOk input.form-submit{background:url("../images/bouton/ok_acima.gif");} .acima #blocs_bas #magazins #form input.form-submit, .acima .RechercheParVille .BoutonOk input.form-submit{background:url("../images/bouton/ok_acima.gif");} .electroplanet #blocs_bas #magazins #form input.form-submit, .electroplanet .RechercheParVille .BoutonOk input.form-submit{background:url("../images/bouton/ok_acima.gif");} /**bloc catalogue********/ #block-block-16, #block-block-17, #block-block-18 { padding-bottom:9px;} * + html #block-block-16, #block-block-17, #block-block-18{ padding-bottom:17px;} /************** OFFRES => POSTULER *******************/ .BlocOffres{margin-bottom:30px;} .BlocOffres .Visuel{float:left; display:inline; width:232px; height:115px; margin:0 10px 0 0;} .BlocOffres .Visuel img{border-left:21px solid #004D9B;} .BlocOffres .BlocText{float:left; display:inline; width:405px; height:120px; position:relative;} .BlocOffres .BlocText .text{height:108px;} .BlocOffres .BlocText .postuler{height:15px; background:url(../images/background/TraitBleu.gif) no-repeat 0 6px; text-align:right; position:absolute; top:108px; left:0; width:405px;} .BlocOffres .BlocText .postuler a{color:#004D9B; text-decoration:none; font-size:10px; font-family:Tahoma;} .BlocOffres .BlocText .postuler a:hover{color:#004D9B; text-decoration:underline;} /************** Gabarits *******************/ .TitreActicle{ margin:0 20px 14px 0; padding:4px 8px 3px 4px; background:#004D9B; color:#fff; font-weight:bold; font-size:12px; cursor: pointer;} /*.TitreActicle.acima{background:#00935c;}*/ .contenuDecG .acima{background:#00935c;} /*.contenuDecG .acima.openniveau{background:#80C9AE;}*/ /*.TitreActicle.acima.openniveau li{background:url(../images/pictos/puce-carre-acima.gif) left 5px no-repeat;}*/ .contenuDecG .electroplanet{background:#c50009;} /*.contenuDecG .electroplanet.openniveau{background:#E28084;}*/ /*.TitreActicle.electroplanet.openniveau ul li{background:url(../images/pictos/puce-carre-electroplanet.gif) left 5px no-repeat;}*/ .contenuDecG .openniveau{background:#709BC7;} .DetailArticle{margin:0 0 30px 0;} .RechercheParVille{height:50px;} .RechercheParVille .intitule{float:left; display:inline; width:115px; margin:3px 0 0 5px;} .RechercheParVille .InputChamp{float:left; display:inline; width:142px; margin:0 6px 0 0;} .RechercheParVille .InputChamp select{width:142px; border:1px solid #B1B1B1; height:18px; padding:0 0 0 0; color:#585858; font-size:10px; font-family:Tahoma;} .RechercheParVille .BoutonOk input{float:left; display:inline; width:30px; height:18px;} /************** CATALOGUES *******************/ .BlocCatalogue{width:190px; float:left; display:inline; margin:0 20px 25px 0;} .BlocCatalogue .TitreCatalogue{width:186px; height:25px; margin:0 0 6px 1px;} .BlocCatalogue .VisuelCatalogue{background:url(../images/background/fond-catalogue.gif) no-repeat; width:187px; height:120px; padding:2px 0 0 2px; margin:0 0 6px 0;} .BlocCatalogue .VisuelCatalogue img{width:184px; height:118px;} .BlocCatalogue .Telecharger{background:url(../images/background/fond-telecharger.gif) no-repeat 4px 6px; text-align:right; width:183px; height:12px;} .BlocCatalogue .Telecharger a{color:#004D9B; text-decoration:none; font-size:10px; font-family:Tahoma;} .BlocCatalogue .Telecharger a:hover{color:#004D9B; text-decoration:underline;} /************** Formulaire Postuler *******************/ .PostulerForm{margin:25px 0 0 4px;} .PostulerForm .base{clear:none; height:28px;} .PostulerForm .Intilule{width:120px; height:18px; float:left; display:inline; padding-top:2px;} .PostulerForm .IntiluleChamp{width:378px; float:left; display:inline;} .PostulerForm .IntiluleChamp .InputText{width:190px; height:15px; border:1px solid #B1B1B1; color:#585858; font-size:10px; font-family:Tahoma; padding:1px 0 0 0;} .PostulerForm .IntiluleChamp .InputSelect{width:193px; height:18px; border:1px solid #B1B1B1;color:#585858; font-size:10px; font-family:Tahoma;} .PostulerForm .IntiluleChamp .InputArea{width:370px; height:75px; border:1px solid #B1B1B1;color:#585858; font-size:10px; font-family:Tahoma;} .PostulerForm .BoutonPostuler{float:left; display:inline; width:80px; margin-top:54px;} .PostulerForm .IntiluleChamp .file_1{width:190px; height:15px; border:1px solid #B1B1B1; color:#585858; font-size:10px; font-family:Tahoma; padding:1px 0 0 0;} #job-posting-application-form, #job-posting-candidature-form{margin:0 0 60px 0;} #job-posting-application-form h2, #job-posting-candidature-form h2 {color:#058D5B;font-size:15px;font-weight:bold; margin-bottom:14px; margin-top:14px; margin-left:4px;} #job-posting-application-form .form-item, #job-posting-candidature-form .form-item{clear:none; height:28px;} #job-posting-application-form label, #job-posting-candidature-form label{width:140px; height:18px; float:left; display:inline; padding-top:2px;} #job-posting-application-form .form-text, #job-posting-application-form .form-select, #job-posting-candidature-form .form-text, #job-posting-candidature-form .form-select{width:378px; float:left; display:inline; margin-left:10px;} #job-posting-application-form input.form-text, #job-posting-candidature-form input.form-text{width:190px; height:15px; border:1px solid #B1B1B1; color:#585858; font-size:10px; font-family:Tahoma; padding:1px 0 0 0;} #job-posting-application-form select.form-select, #job-posting-candidature-form select.form-select{width:193px; height:18px; border:1px solid #B1B1B1;color:#585858; font-size:10px; font-family:Tahoma;} #job-posting-application-form textarea.form-textarea, #job-posting-candidature-form textarea.form-textarea{width:350px; height:75px; border:1px solid #B1B1B1;color:#585858; font-size:10px; font-family:Tahoma; margin-left:10px;} #job-posting-application-form input.form-submit, #job-posting-candidature-form input.form-submit{background:url("../images/bouton/postuler.gif") no-repeat scroll 0 0 transparent; border:medium none;display:inline;float:right;margin-right:77px;margin-top:25px;width:72px; height:23px;} #job-posting-application-form input.form-file, #job-posting-candidature-form input.form-file{width:190px; height:15px; border:1px solid #B1B1B1; color:#585858; font-size:10px; font-family:Tahoma; padding:1px 0 0 0; margin-left:10px;} #webform-component-adresse{height:89px;} /*********************end*********/ /************** OFFRES => POSTULER *******************/ .BlocOffres{margin-bottom:30px;} .BlocOffres .Visuel{float:left; display:inline; width:232px; height:115px; margin:0 10px 0 0;} .BlocOffres .Visuel img{border-left:21px solid #004D9B;} .BlocOffres .BlocText{float:left; display:inline; width:405px; height:120px; position:relative;} .BlocOffres .BlocText .text{height:108px;} .BlocOffres .BlocText .postuler{height:15px; background:url(../images/background/TraitBleu.gif) no-repeat 0 6px; text-align:right; position:absolute; top:108px; left:0; width:405px;} .BlocOffres .BlocText .postuler a{color:#004D9B; text-decoration:none; font-size:10px; font-family:Tahoma;} .BlocOffres .BlocText .postuler a:hover{color:#004D9B; text-decoration:underline;} .contenuTxt .node h2 {display:none;} /************** Gabarits *******************/ .TitreActicle2{ margin:0 0 14px 0; background:#004D9B; width:620px; padding:4px 8px 3px 4px; color:#fff; font-weight:bold; font-size:12px;} .acima .TitreActicle2{background:#00935c;} .electroplanet .TitreActicle2{background:#c50009;} /************** CATALOGUES *******************/ .BlocCatalogue{width:190px; float:left; display:inline; margin:0 20px 25px 0;} .BlocCatalogue .TitreCatalogue{width:186px; height:25px; margin:0 0 6px 1px;} .BlocCatalogue .VisuelCatalogue{background:url(../images/background/fond-catalogue.gif) no-repeat; width:187px; height:120px; padding:2px 0 0 2px; margin:0 0 6px 0;} .BlocCatalogue .VisuelCatalogue img{width:184px; height:118px;} .BlocCatalogue .Telecharger{background:url(../images/background/fond-telecharger.gif) no-repeat 4px 6px; text-align:right; width:183px; height:12px;} .BlocCatalogue .Telecharger a{color:#004D9B; text-decoration:none; font-size:10px; font-family:Tahoma;} .BlocCatalogue .Telecharger a:hover{color:#004D9B; text-decoration:underline;} /************** OFFRES SANS VISUEL => POSTULER *******************/ .BlocOffres2{margin-bottom:30px;} .BlocOffres2 .BlocText{width:630px;} .BlocOffres2 .BlocText .postuler{height:15px; background:url(../images/background/TraitBleu2.gif) no-repeat 0 6px; text-align:right; width:630px;} .BlocOffres2 .BlocText .postuler a{color:#058D5B; text-decoration:none; font-size:10px; font-family:Tahoma; padding-left:5px; background:#fff;} .BlocOffres2 .BlocText .postuler a:hover{color:#058D5B; text-decoration:underline;} .view-actualite .BlocOffres2 .BlocText .postuler {width:638px;} /************** PAGINATION *******************/ /*.contenuDecG .pagination{color:#004D9B; text-align:center; font-size:11px;} .contenuDecG .pagination a{color:#666666;} .contenuDecG .pagination a:hiover{color:#666666; text-decoration:underline;} .contenuDecG .blocActu h3{width:100%;}*/ #contenu .contenuDecG .contenuTxt .item-list{background:#F5F5F5; border:1px solid #A2A19F; height:22px; padding:0 4px; margin:5px 215px 4px 215px;} #contenu .contenuDecG .contenuTxt .item-list ul.pagination{font-size:11px; margin:0 auto;} #contenu .contenuDecG .contenuTxt .item-list ul.pagination li{float:left; display:inline; margin:4px; text-align:center; color:#FF1C22; background:none; padding:0 0 0 0;} #contenu .contenuDecG .contenuTxt .item-list ul.pagination li.pager-separator{color:#058D5B;} #contenu .contenuDecG .contenuTxt.item-list ul.pagination a{color:#004D9B;} #contenu .contenuDecG .contenuTxt .item-list ul.pagination a:hover{color:#666666; text-decoration:underline;} .acima .item-list {background:#F5F5F5; border:1px solid #A2A19F; height:22px; padding:0 4px; margin:5px 215px 4px 215px;} .acima .item-list ul.pagination{font-size:11px; margin:0 auto;} .acima .item-list ul.pagination li{float:left; display:inline; margin:4px; text-align:center; color:#FF1C22; background:none; padding:0 0 0 0;} .acima .item-list ul.pagination li.pager-separator{color:#00935c;} .acima .item-list ul.pagination a{color:#00935c;} .acima .item-list ul.pagination a:hover{color:#666666; text-decoration:underline;} /************** ADMIN / RESULT OFFRES *******************/ .tableresultsoffres{border-collapse:collapse; width:640px; margin:15px 0 15px 8px;} .tableresultsoffres td{border:1px solid #fff; padding:4px; background:#DEEDF7; width:460px;} .tableresultsoffres th{border:1px solid #fff; padding:4px; background:#D3E7F4; font-weight:bold; color:#004D9B; width:180px;} /*************contact************/ #webform-client-form-129{margin:25px 0 60px 4px;} #webform-client-form-129 h2 {color:#004D9A;font-size:15px;font-weight:bold; margin-bottom:14px;} #webform-client-form-129 .form-item{clear:none; height:28px;} #webform-client-form-129 label{width:115px; height:18px; float:left; display:inline; padding-top:2px;} #webform-client-form-129 .form-text, #webform-client-form-129 .form-select{width:378px; float:left; display:inline;} #webform-client-form-129 input.form-text{width:190px; height:15px; border:1px solid #B1B1B1; color:#585858; font-size:10px; font-family:Tahoma; padding:1px 0 0 0;} #webform-client-form-129 select.form-select{width:193px; height:18px; border:1px solid #B1B1B1;color:#585858; font-size:10px; font-family:Tahoma;} #webform-client-form-129 textarea.form-textarea{width:370px; height:75px; border:1px solid #B1B1B1;color:#585858; font-size:10px; font-family:Tahoma;} #webform-client-form-129 input.form-submit{background:url("../images/bouton/envoyer.gif") no-repeat scroll 0 0 transparent;border:medium none;display:inline;float:right;margin-right:77px;margin-top:25px;width:72px; height:23px;} /************** ACTUALITE PAR ENSEIGNE *******************/ #ActualiteDec{width:473px; /*height:121px;*/ float:left; display:inline; margin:0 0 0 10px; background:#fff;} #ActualiteDec .actu{width:470px; margin:6px 0 9px 0;} #ActualiteDec .actu h3{font-weight:bold; font-size:11px;} #ActualiteDec .actu .suite{ overflow:hidden; background:url(../images/background/fond-suiteDec.gif) left 6px no-repeat; text-align:right; margin:7px 0 0 0;} #ActualiteDec .actu .suite a{font-family:Verdana; font-size:10px; letter-spacing:-1px;} #ActualiteDec .actu .suite a:hover{text-decoration:underline;} #ActualiteDec.marjane h2{background:url(../images/background/titre-marjane.gif) repeat-x;} #ActualiteDec.marjane .actu h3{color:#014D98;} #ActualiteDec.marjane .actu .suite a{color:#014D98;} #ActualiteDec.acima h2{background:url(../images/background/titre-acima.jpg) repeat-x; padding-left:6px; margin-bottom:10px; font-size:14px; color:#fff; font-weight:bold;} #ActualiteDec.acima .actu h3{color:#00935C;} #ActualiteDec.acima .actu .suite{background:url(../images/background/fond-suiteDecAcima.gif) left 6px no-repeat;} #ActualiteDec.acima .actu .suite a{color:#00935C;} #ActualiteDec.electro h2{background:url(../images/background/titre-electro.gif) repeat-x;} #ActualiteDec.electro .actu h3{color:#C50009;} #ActualiteDec.electro .actu .suite{background:url(../images/background/fond-suiteDecElectro.gif) left 6px no-repeat;} #ActualiteDec.electro .actu .suite a{color:#C50009;} .retour{text-align:right; padding:0 15px;} .retour a{color:#00935C;} .retour a:hover{text-decoration:underline;} /*#contenu h2.marjane{background:url(../images/background/titre-marjane.gif) repeat-x; _padding-left:6px;} #contenu h2.acima{background:url(../images/background/titre-acima.jpg) repeat-x; _padding-left:6px;} #contenu h2.electro{background:url(../images/background/titre-electro.gif) repeat-x; _padding-left:6px;}*/ /* Plan de site */ /* Plan de site */ .site-map-menu li a{color:#058D5B; font-weight:bold;} .site-map-menu li a:hover{color:#5C5B5A;} .site-map-menu li{padding:10px 0 10px 0; border-top:1px solid #D6D6D5; margin:15px 0;} .site-map-menu .expanded{margin:10px 5px 10px 25px;} .site-map-menu .expanded img{padding:0 20px 0 5px; background:#EAEAEA;} #contenu .contenuDecG .contenuTxt .site-map-menu .expanded li{background-color:#EAEAEA; padding:2px 0 5px 14px; background-position:4px 7px;} #contenu .contenuDecG .contenuTxt .site-map-menu .expanded li a{font-weight:bold; font-size:10px; color:#5C5B5A;} #contenu .contenuDecG .contenuTxt .site-map-menu .expanded li a:hover{color:#058D5B;} .site-map-menu .expanded ul{padding-top:10px;} /************** ORGANIGRAMME *******************/ .BlocOrganigramme{width:190px; float:left; display:inline; margin:0 20px 25px 0;} .BlocOrganigramme .Visuel{background:url(../images/background/fond-catalogue.gif) no-repeat; width:187px; height:120px; padding:2px 0 0 2px; margin:0 0 6px 0;} .BlocOrganigramme .Visuel img{width:184px; height:118px;} .BlocOrganigramme .zoom{background:url(../images/background/fond-telecharger.gif) no-repeat 4px 9px; text-align:right; height:12px;} .BlocOrganigramme .zoom a{color:#004D9B; text-decoration:none; font-size:10px; font-family:Tahoma; display:block; background:url(../images/pictos/zoom.gif) no-repeat right 0 #fff; padding:2px 20px 5px 4px; width:100px; float:right;} .BlocOrganigramme .zoom a:hover{color:#004D9B; text-decoration:underline;} /************** LU DANS LA PRESSE *******************/ .logo{float:left; display:inline; margin:0 10px 5px 0;} /************** Catalogue Acima *******************/ #contenu .contenuDecG.acima .CatalogueAcima{width:650px; height:174px; margin:8px 0 5px 0; border-bottom:5px solid #DF0012; padding:0 0 5px 0;} #contenu .contenuDecG.acima .CatalogueAcima .Blocgauche{width:305px; height:170px; float:left; display:inline; text-align:center; background:#058D5B; padding:2px 10px; overflow:hidden;} #contenu .contenuDecG.acima .CatalogueAcima .Blocgauche h3.lible{padding:5px 0; color:#fff; font-size:10px; font-weight:normal;} #contenu .contenuDecG.acima .CatalogueAcima .Blocgauche p.visuel{padding:0 0;} #contenu .contenuDecG.acima .CatalogueAcima .Blocgauche p.decouvrir{padding:0 20px; color:#fff; font-size:10px;} #contenu .contenuDecG.acima .CatalogueAcima .Blocgauche p.decouvrir a{color:#fff; text-decoration:none; font-size:10px;} #contenu .contenuDecG.acima .CatalogueAcima .Blocgauche p.decouvrir a:hover{text-decoration:underline;} #contenu .contenuDecG.acima .CatalogueAcima .BlocDroit{width:325px; height:178px; float:left; display:inline; position:relative;} #contenu .contenuDecG.acima .CatalogueAcima .BlocDroit .telecharger{position:absolute; text-align:right; bottom:1px; right:3px;} #contenu .contenuDecG.acima .CatalogueAcima .BlocDroit .telecharger a{font-size:10px; color:#058D5B;} #contenu .contenuDecG.acima .CatalogueAcima .BlocDroit .telecharger a:hover{color:#DF0012;} /************** Catalogue Transversal *******************/ .categorie ul{list-style:none; margin:12px 0 0 11px;} .categorie ul li{ margin:0 0 5px 0;width:100%; float:left; line-height:12px;} .categorie ul li a{color:#3c3a38; background:url(../images/pictos/point.gif) left 5px no-repeat; padding:0 0 0 9px; font-family:tahoma;} .categorie ul li a:hover{font-weight:bold;background:url(../images/pictos/point1.gif) left 5px no-repeat;} .categorie ul li.active a{font-weight:bold;background:url(../images/pictos/point1.gif) left 5px no-repeat;} .categorie ul li a.active{font-weight:bold;background:url(../images/pictos/point1.gif) left 5px no-repeat;} .pika-image .caption img { display: none; } .views-exposed-form .views-exposed-widget { padding: 0; } .views-exposed-form .views-exposed-widget .form-submit, #block-simplenews-3 .divRecherche input#edit-submit { margin-top: 0; text-indent: 999px; } fieldset.captcha { background: none; margin-top: 60px; width: 90%; } fieldset.captcha .description { display: none; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: red 1px solid !important; }