/* Mise en page */ body { background: #CEDBE3 url(image/interface/bg.jpg) repeat-x; padding:0; display: inline; font-size: 11px; margin: 0px; color: #24365E; font-family: Arial, Helvetica, sans-serif; text-align:justify; } /*-----------------------------------------------------------*/ #head01c {float: left; background: url(image/interface/head_c.jpg) no-repeat left top; margin:0; width:410px; height:120px;} #head01zm {float: left; background: url(image/interface/head_zm.jpg) no-repeat left top; margin:0; width:300px; height:120px;} #zmtitle {margin:0; width:300px; height:34px;} #zminput {margin:0 5px 0 5px; width:290px; height:30px;} #zmplost {margin:0 5px 0 5px; width:290px; height:25px;} #btlogin {margin:0; width:184px; height:23px; text-align:center; margin:0 0 0 116px;} /* Header */ #head01 {margin:0 auto 0 auto; width:990px; height:120px;} #head01log {float: left; margin:0; width:280px; height:120px;} /* Boite connexion ZZZ */ #head01zmzzz {float: left; background: url(image/interface/head_zmzzz.jpg) no-repeat left top; margin:0; width:300px; height:120px;} /* Boite connexion OK */ #head01c {float: left; background: url(image/interface/head_c.jpg) no-repeat left top; margin:0; width:410px; height:120px;} #head01zm {float: left; background: url(image/interface/head_zm.jpg) no-repeat left top; margin:0; width:300px; height:120px;} #zmtitle {margin:0; width:300px; height:34px;} #zminput {margin:0 5px 0 5px; width:290px; height:30px;} #zmplost {margin:0 5px 0 5px; width:290px; height:25px;} #btlogin {margin:0; width:184px; height:23px; text-align:center; margin:0 0 0 116px;} #head02 {margin:0 auto 0 auto; background: url(image/interface/head02_bg.jpg); width:990px; height:30px;} #head02drap {float: left; margin:0; width:806px; height:30px;} #head02bt {float: left; margin:4px 0 0 0; width:184px; height:26px; text-align:center;} /*-----------------------------------------------------------*/ /* Menu haut */ #menuhi {margin:0 auto 0 auto; background: url(image/interface/menu_bg.jpg) no-repeat left top; width:990px; height:40px; text-align:center; vertical-align:middle; line-height: 40px;} /*-----------------------------------------------------------*/ /* Contenu */ #contenu {width: 990px; margin:0 auto 0 auto; background-color:#FFFFFF; padding:10px 0 10px 0;} /* LiveTchat & Présentation */ #livepres {width: 990px; height:155px; margin:0;} /* LiveTchat index */ #liveind {float: left; width: 124px; height:135px; margin:10px 3px 10px 3px;} #liveind1 {width: 124px; height:105px; margin:0;} #liveind2 {width: 124px; height:28px; margin:2px 0 0 0; background: url(image/interface/live_mess.jpg) no-repeat left top; vertical-align:middle; line-height: 28px; text-align:center;} /* LiveTchat pages */ #livepag {width: 190px; height:30px; margin:0 0 5px 0;} /* LiveTchat compte client */ #livecc {width: 250px; height:30px; margin:0 0 5px 0;} /* Présentation index */ #present {float: left; width: 854px; height:155px; margin:0 3px 0 3px;} #presentg {float: left; width: 16px; height:155px; background: url(image/interface/illus_g.jpg) no-repeat left top;} #presentc1 {float: left; width: 102px; height:44px; background: url(image/interface/illus_01.jpg) no-repeat left top; text-align:center; padding:82px 4px 29px 4px;} #presentc2 {float: left; width: 102px; height:44px; background: url(image/interface/illus_02.jpg) no-repeat left top; text-align:center; padding:82px 4px 29px 4px;} #presentc3 {float: left; width: 102px; height:44px; background: url(image/interface/illus_03.jpg) no-repeat left top; text-align:center; padding:82px 4px 29px 4px;} #presentc4 {float: left; width: 102px; height:44px; background: url(image/interface/illus_04.gif) no-repeat left top; text-align:center; padding:82px 4px 29px 4px;} #presentc5 {float: left; width: 102px; height:44px; background: url(image/interface/illus_05.jpg) no-repeat left top; text-align:center; padding:82px 4px 29px 4px;} #presentd {float: left; width: 288px; height:155px;} #presentd1 {width: 288px; height:100px; background: url(image/interface/illus_d.jpg) no-repeat left top;} #presentd2 {width: 288px; height:55px;} /* WEBSITE & pages */ /* Colonne gauche */ #colg {float: left; width: 190px; margin:5px 3px 5px 3px;} #colghi {width: 170px; height:23px; padding:3px 10px 5px 10px; background: url(image/interface/menug_hi.jpg) no-repeat left top; vertical-align:middle; line-height: 23px;} #colgext {width: 170px; padding:4px 10px 0 10px; background: url(image/interface/menug_ext.jpg); text-align:center;} #colgext img {margin: 0 0 4px 0; border:0px;} #colgmid {width: 170px; height:27px; padding:7px 10px 4px 10px; background: url(image/interface/menug_mid.jpg) no-repeat left top; vertical-align:middle; line-height: 27px;} #colglo {width: 190px; height:8px; background: url(image/interface/menug_lo.jpg) no-repeat left top; margin:0 0 5px 0;} /* Menu vertical */ #colgmenv {width: 190px;} #colgmenv ul {margin: 0 0 0 0; padding: 0; list-style-type: none;} #colgmenv li {height:24px; padding: 0; text-align:left;} #colgmenv a {background: url(image/interface/menvg_bt0.jpg) no-repeat left top; display:block; width:172px; height:20px; padding-left: 18px; font-size:11px; font-weight: bold; color: #A1AD0B; text-decoration: none; padding-top:4px} #colgmenv a:hover {background: url(image/interface/menvg_bt1.jpg) no-repeat left top; font-size:11px; font-weight: bold; color: #537490; text-decoration: none;} /* Colonne centre */ #colc {float: left; width: 530px; margin:5px 0 5px 0; padding:0 4px 0 4px;} #conthi {width: 480px; height:34px; background: url(image/interface/cont_hi.jpg) no-repeat left top; padding:27px 10px 0 40px;} #context {width: 520px; background: url(image/interface/cont_ext.jpg); padding:5px 5px 5px 5px;} #contlo {width: 530px; height:20px; background: url(image/interface/cont_lo.jpg) no-repeat left top; margin:0 0 10px 0;} /* Colonne droite */ #cold {float: left; width: 250px; margin:5px 3px 5px 3px;} #coldhi {width: 230px; height:23px; padding:3px 10px 5px 10px; background: url(image/interface/menud_hi.jpg) no-repeat left top; vertical-align:middle; line-height: 23px; text-align:right;} #coldhiof {width: 230px; height:23px; padding:3px 10px 8px 10px; background: url(image/interface/menud_hioffers.jpg) no-repeat left top; vertical-align:middle; line-height: 23px; text-align:right;} #coldext {width: 230px; padding:4px 10px 0 10px; background: url(image/interface/menud_ext.jpg); text-align:center;} #coldext img {margin: 0 0 4px 0; border:0px;} #coldext2 {width: 250px; padding:4px 0 0 0; background: url(image/interface/menud_ext.jpg); text-align:center;} #coldext2 img {margin: 0 0 4px 0; border:0px;} #coldextti {width: 200px; height:24px; padding:0 6px 6px 44px; background: url(image/interface/menud_exttit.jpg) no-repeat left top; vertical-align:middle; line-height: 24px;} #coldextof {width: 242px; height:30px; padding:2px 4px 4px 4px; background: url(image/interface/menud_extoffers.jpg) no-repeat left top;} #coldmid {width: 230px; height:27px; padding:7px 10px 4px 10px; background: url(image/interface/menud_mid.jpg) no-repeat left top; vertical-align:middle; line-height: 27px; text-align:right;} #coldlo {width: 250px; height:8px; background: url(image/interface/menud_lo.jpg) no-repeat left top; margin:0 0 5px 0;} /* Menu vertical */ #coldmenv {width: 250px;} #coldmenv ul {margin: 0 0 0 0; padding: 0; list-style-type: none;} #coldmenv li {height:24px; padding: 0; text-align:right;} #coldmenv a {background: url(image/interface/menvd_bt0.jpg) no-repeat left top; display:block; width:232px; height:20px; padding-right: 18px; font-size:11px; font-weight: bold; color: #A1AD0B; text-decoration: none; padding-top:4px} #coldmenv a:hover {background: url(image/interface/menvd_bt1.jpg) no-repeat left top; font-size:11px; font-weight: bold; color: #537490; text-decoration: none;} /* Compte client */ /* Colonne gauche */ #colgcc {float: left; width: 728px; margin:5px 3px 5px 3px; background: url(image/interface/contcc_ext.jpg);} #contcchi {width: 678px; height:34px; background: url(image/interface/contcc_hi.jpg) no-repeat left top; padding:27px 10px 0 40px;} #contccext {width: 710px; padding:5px 9px 5px 9px;} #contccextab {width: 710px; padding:5px 9px 5px 9px;} #contcclo {width: 728px; height:20px; background: url(image/interface/contcc_lo.jpg) no-repeat left top;} /* Menu icone */ /* Icone menu */ #icomencc {width: 710px; height:59px; margin:10px 0 0 0;} /* Icone emplacement */ #icologcc {float: left; margin:0 10px 0 0; width: 84px; height:59px;} /* Icone sous menu */ #icomenccs {width: 616px; height:59px; margin:10px 0 0 94px;} /* ADMIN tableau */ /* Interface haute */ #adinterhi {width: 990px; margin:0 auto 5px auto; background: url(image/admin/inter_hi.png) no-repeat left top; height:20px;} /* Zone tableau admin */ #zadtab {margin:0 auto 0 auto; width:auto; } /* Interface basse */ #adinterlo {width: 990px; margin:5px auto 0 auto; background: url(image/admin/inter_lo.png) no-repeat left top; height:20px;} /* ADMIN menu icone */ .icomen {margin:8px 10px 0 10px; width: 970px; height:59px;} /* Icone menu */ .icomens {margin:8px 10px 0 104px; width: 876px; height:59px;} /* Icone sous menu */ .icolog {float: left; margin:0 10px 0 0; width: 84px; height:59px;} /* Icone emplacement */ .icone {float: left; margin:0 3px 0 3px; width: 53px; height:59px;} /* Sous icone espacement */ .icosp1 {float: left; margin:0; width: 59px; height:59px;} .icosp2 {float: left; margin:0; width: 118px; height:59px;} .icosp3 {float: left; margin:0; width: 177px; height:59px;} .icosp4 {float: left; margin:0; width: 236px; height:59px;} .icosp5 {float: left; margin:0; width: 295px; height:59px;} .icosp6 {float: left; margin:0; width: 354px; height:59px;} .icosp9 {float: left; margin:0; width: 531px; height:59px;} .icosp2b {float: left; margin:0; width: 214px; height:59px;} .icosp3b {float: left; margin:0; width: 273px; height:59px;} .icosp4b {float: left; margin:0; width: 332px; height:59px;} .icosp5b {float: left; margin:0; width: 391px; height:59px;} /* Icone MAP */ .icomap {margin:8px 10px 0 10px; width: 970px; height:29px;} /* Cadre 100% */ #cad100hi {margin:10px auto 0 auto; background: url(image/interface/cad100_hi.jpg) no-repeat left top; width: 972px; height:26px;} #cad100ex {margin:0 auto 0 auto; background: url(image/interface/cad100_ex.jpg); padding:0 11px 0 11px; width: 950px;} #cad100lo {margin:0 auto 0 auto; background: url(image/interface/cad100_lo.jpg) no-repeat left top; width: 972px; height:26px;} /* Tableau */ #tablinfhi {margin:0 12px 0 12px; width: 906px; height:32px; padding:10px 10px 0 10px;} #tabtitg {float: left; background: url(image/tableau/tab_titg.png) no-repeat left top; margin:0; width:30px; height:32px;} #tabtitc {float: left; background: url(image/tableau/tab_titc.png); margin:0; height:32px; vertical-align:middle; line-height: 32px;} #tabtitd {float: left; background: url(image/tableau/tab_titd.png) no-repeat left top; margin:0; width:30px; height:32px;} #tabmois {float: right; background: url(image/tableau/tab_mois.png) no-repeat left top; margin:0; width:150px; height:23px; margin:4px 0 5px 0; padding:0 20px 0 0; text-align:center; vertical-align:middle; line-height: 23px;} #tablinfex {margin:0 12px 0 12px; width: 926px; font-size: 12px; color: #567792; font-family: Arial, Helvetica, sans-serif; text-align:center;} #tablinflo {margin:0 12px 0 12px; width: 926px; height:23px; padding:5px 0 5px 0;} #tabmoisp {float: left; background: url(image/tableau/tab_moisp.png) no-repeat left top; margin:0; width:150px; height:23px; margin:4px 0 5px 0; padding:0 0 0 20px; text-align:center; vertical-align:middle; line-height: 23px;} #tabmoiss {float: right; background: url(image/tableau/tab_moiss.png) no-repeat left top; margin:0; width:150px; height:23px; margin:4px 0 5px 0; padding:0 20px 0 0; text-align:center; vertical-align:middle; line-height: 23px;} /* Compte client */ #tablinfcchi {width: 690px; height:32px; padding:10px 10px 0 10px;} #tabtitccg {float: left; background: url(image/tableau/tab_titg.png) no-repeat left top; margin:0; width:30px; height:32px;} #tabtitccc {float: left; background: url(image/tableau/tab_titc.png); margin:0; height:32px; vertical-align:middle; line-height: 32px;} #tabtitccd {float: left; background: url(image/tableau/tab_titd.png) no-repeat left top; margin:0; width:30px; height:32px;} #tabmoiscc {float: right; background: url(image/tableau/tab_mois.png) no-repeat left top; margin:0; width:150px; height:23px; margin:4px 0 5px 0; padding:0 20px 0 0; text-align:center; vertical-align:middle; line-height: 23px;} #tablinfcclo {width: 710px; height:23px; padding:5px 0 5px 0;} #tabmoisccp {float: left; background: url(image/tableau/tab_moisp.png) no-repeat left top; margin:0; width:150px; height:23px; margin:4px 0 5px 0; padding:0 0 0 20px; text-align:center; vertical-align:middle; line-height: 23px;} #tabmoisccs {float: right; background: url(image/tableau/tab_moiss.png) no-repeat left top; margin:0; width:150px; height:23px; margin:4px 0 5px 0; padding:0 20px 0 0; text-align:center; vertical-align:middle; line-height: 23px;} table.tableau { margin: 0px; padding: 0px; border: 0px; background: url(image/tableau/tabx_cas.png); } tr.entete_tableau td { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #B3D1E4; background: url(image/tableau/tabx_hiext.png); } tr.entete_tableau td a { color: #B3D1E4; } tr.entete_tableau td.topg { background: url(image/tableau/tabx_hig.png); width: 10px; padding: 0px; height: 40px; } tr.entete_tableau td.topd { background: url(image/tableau/tabx_hid.png); width: 10px; padding: 0px; height: 40px; } table.tableau tr td { padding: 0 3px 0 3px; white-space: nowrap;} table.tableau tr td.bordg { background: url(image/tableau/tabx_cotg.png); height: 20px; padding: 0px;} table.tableau tr td.bordd { background: url(image/tableau/tabx_cotd.png); height: 20px; padding: 0px;} tr.pied_tableau td { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #B3D1E4; background: url(image/tableau/tabx_loext.png); } tr.pied_tableau td.botg { background: url(image/tableau/tabx_log.png); width: 10px; padding: 0px; height: 40px; } tr.pied_tableau td.botd { background: url(image/tableau/tabx_lod.png); width: 10px; padding: 0px; height: 40px; } .tableaulignetotal { } .tl_reversement { background-color: #0000FF; } /*-----------------------------------------------------------*/ /* Footer */ #foothi {margin:0 auto 0 auto; background: url(image/interface/foot_hi.jpg) no-repeat left top; width: 990px; height:38px;} #footmen {margin:0 auto 0 auto; width: 990px; height:44px;} #footmen1 {float: left; margin:0; width: 817px; background: url(image/interface/foot_menu.png) no-repeat left top; text-align:center; vertical-align:middle; line-height: 44px;} #footmen2 {float: left; margin:0; width: 173px;} #footco {margin:10px auto 10px auto; width: 990px; text-align:center;} /*-----------------------------------------------------------*/ /* Patch bug IE6 */ .spacer {clear: both; visibility:hidden; margin:0; padding:0;} /*-----------------------------------------------------------*/ /* Styles textes et liens */ .style1 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #24365E;} .style2 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #24365E;} .style3 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #24365E;} .style4 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #24365E;} .style5 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #A1AD0B;} .style6 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #A1AD0B;} .style7 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #A1AD0B;} .style8 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #A1AD0B;} .style9 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #537490;} .style10 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #537490;} .style11 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #537490;} .style12 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #537490;} .style13 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #B3D1E4;} .style14 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #B3D1E4;} .style15 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;} .style16 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;} .style17 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;} .style18 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000;} .style19 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #A1AD0B;} .style20 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #24365E; font-style:italic;} .style21 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;} #zmplost a {color: #FFFFFF; text-decoration: none ;font-size : 10px ;} #zmplost a:link {color: #FFFFFF;} #zmplost a:hover {color: #FFFFFF; text-decoration: underline ;font-size : 10px ;} #menuhi a {color: #FFFFFF; text-decoration: none ;font-size : 12px ; font-weight: bold;} #menuhi a:link {color: #FFFFFF;} #menuhi a:hover {color: #E7F934; text-decoration: underline ;font-size : 12px ; font-weight: bold;} #footmen1 a {color: #B3D1E4; text-decoration: none ;font-size : 10px ;} #footmen1 a:link {color: #B3D1E4;} #footmen1 a:hover {color: #B3D1E4; text-decoration: underline ;font-size : 10px ;} #cad100ex a {color: #A1AD0B; text-decoration: none ;font-size : 12px ; font-weight: bold;} #cad100ex a:link {color: #A1AD0B;} #cad100ex a:hover {color: #A1AD0B; text-decoration: underline ;font-size : 12px ; font-weight: bold;} #footco a {color: #24365E; text-decoration: none ;font-size : 11px ; font-weight: bold;} #footco a:link {color: #24365E;} #footco a:hover {color: #24365E; text-decoration: underline ;font-size : 11px ; font-weight: bold;} #tabmoisp a, #tabmoisccp a {color: #FFFFFF; text-decoration: none ;font-size : 12px ;} #tabmoisp a:link, #tabmoisccp a:link {color: #FFFFFF;} #tabmoisp a:hover, #tabmoisccp a:hover {color: #FFFFFF; text-decoration: underline ;font-size : 12px ;} #tabmoiss a, #tabmoisccs a {color: #FFFFFF; text-decoration: none ;font-size : 12px ;} #tabmoiss a:link, #tabmoisccs a:link {color: #FFFFFF;} #tabmoiss a:hover, #tabmoisccs a:hover {color: #FFFFFF; text-decoration: underline ;font-size : 12px ;} /*-----------------------------------------------------------*/ /* Styles textes et liens colonne gauche, centre & droite */ #colghi, #colgmid, #coldhi, #coldhiof, #coldmid {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;} #colghi a, #colgmid a, #coldhi a, #coldhiof a, #coldmid a {color: #FFFFFF; text-decoration: none ;font-size : 11px ;} #colghi a:link, #colgmid a:link, #coldhi a:link, #coldhiof a:link, #coldmid a:link {color: #FFFFFF;} #colghi a:hover, #colgmid a:hover, #coldhi a:hover, #coldhiof a:hover, #coldmid a:hover {color: #FFFFFF; text-decoration: underline ;font-size : 11px ; font-weight: bold;} #coldextof a {color: #24365E; text-decoration: none ;font-size : 11px ;} #coldextof a:link {color: #24365E;} #coldextof a:hover {color: #24365E; text-decoration: underline ;font-size : 11px ;} #liveind2 a {color: #FFFFFF; text-decoration: none ;font-size : 10px ;} #liveind2 a:link {color: #FFFFFF;} #liveind2 a:hover {color: #FFFFFF; text-decoration: underline ;font-size : 10px ;} #presentc1, #presentc2, #presentc3, #presentc4, #presentc5 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;} #context a, #contccext a {color: #A1AD0B; text-decoration: none ;font-size : 11px ; font-weight: bold;} #context a:link, #contccext a:link {color: #A1AD0B;} #context a:hover, #contccext a:hover {color: #A1AD0B; text-decoration: underline ;font-size : 11px ; font-weight: bold;} #offersind a {color: #FFFFFF; text-decoration: none ;font-size : 11px ; font-weight: bold;} #offersind a:link {color: #FFFFFF;} #offersind a:hover {color: #FFFFFF; text-decoration: underline ;font-size : 11px ; font-weight: bold;} /*-----------------------------------------------------------*/ /* Styles formulaires */ .inputmenu {font-size: 10px; font-family: Arial, Helvetica, sans-serif; width:108px; border:none;} .inputmenu2 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; width:108px;} .areaform {font-family: Arial, Helvetica, sans-serif; font-size: 11px; overflow: visible; width:480px;} .areaform2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; overflow: visible; width:580px;} form {margin: 0px;} input, select { color:#333333; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; } input.login { font-size: 10px; color:#000000; height:11px; } input.boutonlogin { font-size: 10px; color:#000000; } .inscription input { font-size: 10px; color:#000000; height:11px; } input.bouton { font-size: 10px; color:#000000; } h1 { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000080; margin: 0px; } h2 { font-family: Arial, Helvetica, sans-serif; font-size:13pt; color:#000080; margin: 8px 0 8px 0; } .alerte { color :#800000; font-weight: bold; } div.alerte { border: 1px solid #666666; } .bulle { position: absolute; left: 0px; top: 0px; padding: 4px; background-color: #ffffe8; color: #000000; font-weight: normal; border: 1px #888 solid; visibility: hidden; z-index: 100; } .lienaide { color: #000000; border-bottom : 1px #000000 solid; font-weight: bold; cursor: help; } /* Fiche salle */ div.etape { border: 1px solid #666666; background-color: #f3f6f7; } div.etape .titre { background-color: #577e90; color: #FFFFFF; padding: 4px; } div.etape .centre { padding: 5px; } div.etape .cookieg { float: left; width: 35%; } div.etape .cookied { float: left; width: 65%; } div.etape .telechargementg { float: left; width: 25%; } div.etape .telechargementd { float: left; width: 75%; } div.etape .telechargementd img { padding-right: 10px; } div.etape .confirmationg { float: left; width: 35%; } div.etape .confirmationd { float: left; width: 65%; } div.sep { clear: both;} /* Section boutique */ h1 span { color: #e7ff61; } h1 small{ font: 0.2em normal Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 1.5em; display: block; color: #ccc; } .containeur { width: 695px; margin: 0 auto; padding-bottom: 100px; overflow: hidden; } .artttr{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #537490; height: 45px; line-height: 55px; font-size: 16px; text-align:center; padding:0; margin:0 487px 0 15px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #999; } .content_block_art a img{ float:left; width:128px; height:128px; padding: 0 0px; border: 2px solid #ccc; margin: 5px 15px 0 45px; } .tabprix_art { margin : 10px 0 0 220px; } .text_art { margin: 0; padding: 0 5px 5px 10px; font-size: 1.2em; } ul.display { float: left; width: 650px; margin: 0; padding: 0; list-style: none; /*border-top: 1px solid #333; border-right: 1px solid #333;*/ /*background: #F7F7F7;*/ } ul.display li { float: left; width: 650px; padding: 10px 0; margin: 0; /*border-top: 1px solid #111; border-right: 1px solid #111;*/ border-bottom: 1px solid #CCC; /* border-left: 1px solid #333;*/ } ul.display li a:hover { color: #990; text-decoration: none; } ul.display li a { color: #A1AD0B; text-decoration: none; } ul.display li .content_block { padding: 0 10px; } ul.display li .content_block h2 { margin: 0; padding: 5px; font-weight: normal; font-size: 1.7em; } ul.display li .content_block p { margin: 0; padding: 5px 5px 5px 245px; font-size: 1.2em; } ul.display li .content_block a img{ width:190px; height:120px; padding: 0 0; border: 2px solid #ccc; margin: 0 15px 0 0; float: left; } ul.display li table{ margin : 0 0 0 235px; border-top: solid #CCC 2px; } .indic{ color:#A1AD0B; } .indicp{ color:#009; } ul.display li .content_block table a img{ width:24px; height:24px; margin:0 0 0 30px; border-style: none; } ul.thumb_view li{ width: 190px; padding: 0 20px 0 0; font-style: normal; } ul.thumb_view li h2 a { font-size: 0.8em;; text-align:center; } ul.thumb_view li p{ display: none; } ul.thumb_view li table{ display: none; } ul.thumb_view li .content_block a img { margin: 10px 0 10px 0; } a.switch_thumb { width: 122px; height: 26px; line-height: 26px; padding: 0; margin: 10px 0; display: block; background: url(img/switch.gif) no-repeat; outline: none; text-indent: -9999px; } a:hover.switch_thumb { filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } a.swap { background-position: left bottom; } /*****************************************pop in info traitement********************************/ #basic-modal-content {display:none;} /* Overlay */ #simplemodal-overlay {background-color:#000; } /* Container */ #simplemodal-container {height:125px; width:550px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(img/clean.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:140px; right:-16px; cursor:pointer;} #simplemodal-container #basic-modal-content {padding:8px;} #confirm {display:none;} /*****************************************pop in demande confirme********************************/ /* Overlay */ #confirm-overlay {background-color:#000; cursor:wait;} /* Container */ #confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#333; border:4px solid #444;} #confirm-container .header {height:23px; line-height:23px; width:100%; background:url(img/header_conf.jpg) repeat-x; color:#fff; font-weight:bold;} #confirm-container .header span {padding-left:8px;} #confirm-container .message {color:#bbb; font-size:14px; margin:0; padding:12px 4px 12px 8px;} #confirm-container .buttons {line-height:23px; width:160px; float:right; padding:10px 8px 0;} #confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(img/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} #confirm-container a.modal-close, #confirm-container a.modal-close:link, #confirm-container a.modal-close:active, #confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;} #confirm-container a.modal-close:hover {color:#ccc;} .container { font: 10px normal Arial, Helvetica, sans-serif; width: 100%; } h2.acc_trigger { background: url(images/h2_trigger_a.gif) no-repeat; height: 100%; line-height: 46px;; width: 100%; font-size: 2em; font-weight: normal; } h2.acc_trigger a { color: #fff; text-decoration: none; padding: 0 0 0 50px; } h2.acc_trigger a:hover { color: #ccc; } h2.active {background-position: left bottom;} .acc_container { margin: 0 0 5px; padding: 0; overflow: hidden; font-size: 1.2em; width: 500px; clear: both; background: #f0f0f0; border: 1px solid #d6d6d6; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .acc_container .block { padding: 2px 15px; } .acc_container .block p { padding: 5px 0; margin: 5px 0; } .acc_container h3 { font: 2.5em normal Georgia, "Times New Roman", Times, serif; margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dashed #ccc; } .acc_container img { float: left; margin: 10px 15px 15px 0; padding: 5px; background: #ddd; border: 1px solid #ccc; }