/** * * PART 2 * @author : Fullsix * * * A.. STYLES GENERAUX * 1. Reset * * B.. CLASSES DE MISES EN PAGE (.txt_l, .txt_c, .txt_r, .txt_t, .txt_m, .txt_b) * * C.. STRUCTURES * 1. Entete * **/ /************** A.. STYLES GENERAUX ***************/ /* ======== 1. Reset ======== */ /*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} /*fonts.css*/body{font:12px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea, button {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;} /************** B.. CLASSES DE MISES EN PAGE ***************/ .txt_l{text-align:left !important;} .txt_c{text-align:center !important;} .txt_r{text-align:right !important;} .txt_t{vertical-align:top !important;} .txt_m{vertical-align:middle !important;} .txt_b{vertical-align:bottom !important;} .floatl {float:left !important} .floatr {float:right !important} .center {margin-left:auto !important; margin-right:auto !important;} /********************* * margins et paddings* *********************/ /* padding */ .pdg_no{padding:0 !important} .pdg_sm{padding:5px !important} .pdg_t_sm{padding-top:5px !important} .pdg_r_sm{padding-right:5px !important} .pdg_b_sm{padding-bottom:5px !important} .pdg_l_sm{padding-left:5px !important} .pdg_h_sm{padding-left:5px !important;padding-right:5px !important} .pdg_v_sm{padding-top:5px !important;padding-bottom:5px !important} .pdg{padding:10px !important} .pdg_t{padding-top:10px !important} .pdg_r{padding-right:10px !important} .pdg_b{padding-bottom:10px !important} .pdg_l{padding-left:10px !important} .pdg_h{padding-left:10px !important;padding-right:10px !important} .pdg_v{padding-top:10px !important;padding-bottom:10px !important} .pdg_lg{padding:20px !important} .pdg_t_lg{padding-top:20px !important} .pdg_r_lg{padding-right:20px !important} .pdg_b_lg{padding-bottom:20px !important} .pdg_l_lg{padding-left:20px !important} .pdg_h_lg{padding-left:20px !important;padding-right:20px !important} .pdg_v_lg{padding-top:20px !important;padding-bottom:20px !important} .pdg_t_exlg{padding-top:25px !important} /* margin */ .mrg_no{margin:0 !important} html body .mrg_b_no{margin-bottom:0 !important} .mrg_sm{margin:5px !important} .mrg_t_sm{margin-top:5px !important} .mrg_r_sm{margin-right:5px !important} .mrg_b_sm{margin-bottom:5px !important} .mrg_l_sm{margin-left:5px !important} .mrg_h_sm{margin-left:5px !important;margin-right:5px !important} .mrg_v_sm{margin-top:5px !important;margin-bottom:5px !important} .mrg{margin:10px !important} .mrg_t{margin-top:10px !important} .mrg_r{margin-right:10px !important} .mrg_b{margin-bottom:10px !important} .mrg_l{margin-left:10px !important} .mrg_h{margin-left:10px !important;margin-right:10px !important} .mrg_v{margin-top:10px !important;margin-bottom:10px !important} .mrg_lg{margin:20px !important} .mrg_t_lg{margin-top:20px !important} .mrg_r_lg{margin-right:20px !important} .mrg_b_lg{margin-bottom:20px !important} .mrg_l_lg{margin-left:20px !important} .mrg_h_lg{margin-left:20px !important;margin-right:20px !important} .mrg_v_lg{margin-top:20px !important;margin-bottom:20px !important} .taille1sur1{float:none;margin-right:0;} .taille1sur2{width:49%;_width:49% !important;}/* verify pourcentage */ .taille1sur3{width:32.3%;_width:32.3% !important;} .taille2sur3{width:66%;_width:66% !important;} .taille1sur4{width:23.8%;_width:23.8% !important;} .taille3sur4{width:74.8%;_width:74.8% !important;} .taille1sur5{width:18%;} .taille2sur5{width:38%;} .taille3sur5{width:58%;} .taille4sur5{width:78%;} .form1sur2{width:48%;_width:48% !important;}/* verify pourcentage */ .hasJS .accessBloc {display:none;} .heightAuto li {height:auto !important;} /* context : applique le contexte de formatage */ .context, #blocLogoSlogan, #menuUnivers, #menuSite, #menuSite ul, #menuSite li , #menuSite li ul, #menuSite #formRecherche, #menuSite #formRecherche span, #corps, #corps #cheminDeFer ul, #corps #contenu, #pied, #pied #blocPied, #pied #blocPied #menuPied, #pied #blocPied #tailleTexte, #corps #contenu #colonneGauche #menuCorps, #colonneGauche .blockList .groupe, .blockMea .blockInterne, .blockMea .blockInterne .corps , .bloc .button, #espaceClient .corps, #blocResultatForm .corps, #espaceClient .corps ul, #espaceClientLog .corps ul, #espaceClient #ecForm .blockField, #espaceClient #ecForm .blockField .boutonGris, #contact .corps, #contact .corps ul, .blockPromoTexte .corps, .blockPromoTexteLeft .corps, .blockPromoTexteRight .corps, .ligne, #centre .ligne, /*#corps #contenu #centre,*/ .blockTable, .blockForm .blockField, .blockForm .boutonGris, .pageLogin .bloc .boutonBlanc, .blockOffre .corps, .blockConseil .corps, .blockPromoTag .corps, .blockPromoImg .corps, .blockSimple .corps, .blockMeaUnivers .corps, .blockQuestion .corps, #colonneDroite .blockPromoTexte .corps .groupe, #colonneDroite .blockPromoTexteLeft .corps .groupe, #colonneDroite .blockPromoTexteRight .corps .groupe, .corners /*.corners, .entete*/{overflow:hidden;_overflow:visible;zoom:1;} /************** C.. STRUCTURES ***************/ body{background-color:#E9EDEF;color:#6F6966;} body.normal{font-size:12px;*font-size:small;*font:x-small;} body.medium{font-size:14px;*font-size:medium;*font:small;} body.large{font-size:16px;*font-size:large;*font:medium;} /* ======== 1. Page ========= */ #page{margin: 0 auto 0; min-width: 964px; width: 72.3em;} /* ACN : Adaptation pour la structure du portail */ #corps #contenu .page3col #colonneGauche{float:left;min-width:190px;width:14.2em;padding:0 1em 0 0;margin-top:1.4em;overflow:hidden;} #corps #contenu .page3col #centre{float:left;min-width:473px;width:35.5em;padding:1.4em 0.5em 0 0;overflow:hidden;} #corps #contenu .page3col #colonneDroite{float:right;min-width:247px;width:10.1em;_width:18.4em;padding:1.25em 0.6em 0;} #corps #contenu .page2col #colonneGauche{float:left;min-width:190px;width:14.2em;padding:0 1em 0 0;margin-top:1.4em;} #corps #contenu .page2col #centre{float:right;min-width:736px;width:55em;padding:1.4em 0.5em 0 0;position:relative;} #corps #contenu .pageHomeG #centre, #corps #contenu .pageHome #centre{float:left;min-width:673px;width:50.5em;padding:1.4em 0.5em 0 0;/*suppression ACN suite à ano TD13033 position:relative;*/} #corps #contenu .pageHomeG #colonneDroite, #corps #contenu .pageHome #colonneDroite{float:right;min-width:247px;width:18.1em;_width:18.4em;padding:0.25em 0.6em 0;} #corps #contenu .pageLogin #centre{min-width:474px;width:39em;*width:35.5em;padding:1.4em 0.5em 0 0;position:relative;margin:0 auto;} /* ======== 2. Entete ========= */ .pageHome #entete{background-position:left 1.3em;} #entete{position:relative; background-position-y: 1.6em !important;_background-position-y: 2em !important} .pageHomeG #entete{*background-position-y:0.3em !important} .pageHomeG #entete #blocLogoSlogan #slogan {_margin:0;} #entete a{text-decoration:none;} /* blocLogoSlogan */ /* ACN : MAJ du Logo et du Slogan pour l'accessibilite */ /* Logo */ #logo{margin-top:24px;margin-left:15px;overflow:hidden;text-indent:-5000px;} .pageHomeG #logo{margin-top:12px;} #logo a{ display:block;height:41px;} /* Slogan */ #slogan{color:#fff;font-weight:bold;margin-bottom:35px;font-size:0.9em;} .pageHomeG #slogan{margin-bottom:5px;} #slogan span{margin-left:242px;} /* Menu des Univers */ #menuUnivers ul li,#menuSite ul li,#menuSite ul li li {behavior:expression(addHover(this))} #menuUnivers ul{position:absolute;top:0;right:1.46em;*right:1.42em;} body:last-child:not(:root:root) #menuUnivers ul{right:1em;} /* lien Accueil GDF */ #menuUnivers li#accueilGDF a{color:#91C13C;} #menuUnivers li#accueilGDF.actif a, #menuUnivers li#accueilGDF:hover a, #menuUnivers li#accueilGDF.hover a{color:#fff;} #menuUnivers li#accueilGDF.actif, #menuUnivers li#accueilGDF.actif span, #menuUnivers li#accueilGDF.hover, #menuUnivers li#accueilGDF:hover, #menuUnivers li#accueilGDF.hover span, #menuUnivers li#accueilGDF:hover span{background:transparent url(../img/home/btnNavHome.png) no-repeat left bottom;} /* lien particulier */ #menuUnivers li#particuliers a{color:#E67D37;} #menuUnivers li#particuliers.actif a, #menuUnivers li#particuliers:hover a, #menuUnivers li#particuliers.hover a{color:#fff;} #menuUnivers li#particuliers.actif, #menuUnivers li#particuliers.actif span, #menuUnivers li#particuliers.hover, #menuUnivers li#particuliers:hover, #menuUnivers li#particuliers.hover span, #menuUnivers li#particuliers:hover span{background:transparent url(../img/commun/btnNavHOrange.png) no-repeat left bottom;} /* lien PRO / TPE / TPI */ #menuUnivers li#proTpeTpi a{color:#7C0D4C;} #menuUnivers li#proTpeTpi.actif a, #menuUnivers li#proTpeTpi:hover a, #menuUnivers li#proTpeTpi.hover a{color:#fff;} #menuUnivers li#proTpeTpi.actif, #menuUnivers li#proTpeTpi.actif span, #menuUnivers li#proTpeTpi:hover, #menuUnivers li#proTpeTpi.hover, #menuUnivers li#proTpeTpi.hover span, #menuUnivers li#proTpeTpi:hover span{ background:transparent url(../img/commun/btnNavHProvTPE.png) no-repeat left bottom; } /* lien Entreprises */ #menuUnivers li#entreprises a{color:#10218B;} #menuUnivers li#entreprises.actif a, #menuUnivers li#entreprises:hover a, #menuUnivers li#entreprises.hover a{color:#fff;} #menuUnivers li#entreprises.actif, #menuUnivers li#entreprises.actif span, #menuUnivers li#entreprises.hover, #menuUnivers li#entreprises:hover, #menuUnivers li#entreprises.hover span, #menuUnivers li#entreprises:hover span{ background:transparent url(../img/commun/btnNavHEntreprise.png) no-repeat left bottom; } /* lien Grands comptes europeens */ #menuUnivers li#grandsComptes a{color:#29B3FA;} #menuUnivers li#grandsComptes.actif a, #menuUnivers li#grandsComptes:hover a, #menuUnivers li#grandsComptes.hover a{color:#fff;} #menuUnivers li#grandsComptes.actif, #menuUnivers li#grandsComptes.actif span, #menuUnivers li#grandsComptes.hover, #menuUnivers li#grandsComptes:hover, #menuUnivers li#grandsComptes:hover span, #menuUnivers li#grandsComptes.hover span{background:transparent url(../img/commun/btnNavHGdCpte.png) no-repeat left bottom;} /* lien Colletivites locales */ #menuUnivers li#collectivite a{color:#BB84BB;} #menuUnivers li#collectivite.actif a, #menuUnivers li#collectivite.hover a, #menuUnivers li#collectivite:hover a{color:#fff;} #menuUnivers li#collectivite.actif, #menuUnivers li#collectivite.actif span, #menuUnivers li#collectivite.hover, #menuUnivers li#collectivite:hover, #menuUnivers li#collectivite.hover span, #menuUnivers li#collectivite:hover span{ background:transparent url(../img/commun/btnNavHCollect.png) no-repeat left bottom; } /* lien Pro du Batiment */ #menuUnivers li#proBatiment a{color:#5A72CC;} #menuUnivers li#proBatiment.actif a, #menuUnivers li#proBatiment.hover a, #menuUnivers li#proBatiment:hover a{ color:#fff; } #menuUnivers li#proBatiment.actif, #menuUnivers li#proBatiment.actif span, #menuUnivers li#proBatiment.hover, #menuUnivers li#proBatiment:hover, #menuUnivers li#proBatiment.hover span, #menuUnivers li#proBatiment:hover span{background:transparent url(../img/commun/btnNavHCegibat.png) no-repeat left bottom;} #menuUnivers li{float:left;display:block;padding-left:2px;} #menuUnivers li span{padding:0px 5px 0px 3px;background-position:right bottom !important;display:block;line-height:1.5em;*line-height:1.46em;} #menuUnivers li span a{font-weight:bold;font-size:0.88em;*font-size:0.75em;} /* Menu interne a l'univers */ #menuSite{position:relative;} #menuSite ul{padding-bottom:1.9em; } body:last-child:not(:root:root) #menuSite ul{height:23px;} #menuSite li{float:left;background:transparent no-repeat right top;line-height:2em;_background-position-y:1px;} .pageHome #menuSite li{background-position:right -2px;_background-position-y:1px;} body:last-child:not(:root:root) .pageHome #menuSite li{background:transparent no-repeat right top;} #menuSite li.dernier{background:transparent none !important;float: right;} #menuSite li.pays{background:transparent none !important;float: left;} #menuSite li a,#menuSite li{color:#fff;text-transform:uppercase;font-size:0.94em;font-weight:bold;} #menuSite li li a,#menuSite li li{font-size:1em;} #menuSite li.actif, #menuSite li:hover, #menuSite li.hover{background:#fff none;} #menuSite .noHover li, #menuSite .noHover li:hover, #menuSite .noHover li.hover{background:transparent none;} body:last-child:not(:root:root) #menuSite li.actif{background:#fff none;} #menuSite li span{padding:0 0.5em;} #menuSite li ul{position:absolute;left:1em;bottom:0;width:80em;padding:0;} #menuSite li ul li, #menuSite li.actif ul li{background:transparent no-repeat left center;font-weight:bold;padding-left:0.5em;} body:last-child:not(:root:root) #menuSite li ul li, body:last-child:not(:root:root) #menuSite li ul li.actif{ background:transparent no-repeat left center; } #menuSite li ul li a, #menuSite li.actif ul li a{ text-transform:none; color:#8F8D8D; } #menuSite li#langue {padding-right:1em;} #menuSite li#langue, #menuSite li#langue:hover, #menuSite li#langue.hover{ background:transparent none; } #menuSite li#langue a{ display:block; text-indent:-5000px; overflow:hidden; width:24px; height:17px; float:left; margin:1px 0 0 0.5em; padding:0; } #menuSite li a#french{ background:transparent url(../img/commun/flag_fr_nb.gif) no-repeat left top; } #menuSite li a#french:hover, #menuSite li a#french.actif{ background:transparent url(../img/home/french_on.png) no-repeat left top; } #menuSite li a#english{ background:transparent url(../img/home/english.png) no-repeat left top; } #menuSite li a#english:hover, #menuSite li a#english.actif{ background:transparent url(../img/home/english_on.png) no-repeat left top; } #menuSite li a#italian{ background:transparent url(../img/home/italie.png) no-repeat left top; } #menuSite li a#italian:hover, #menuSite li a#italian.actif{ background:transparent url(../img/home/italie_on.png) no-repeat left top; } #menuSite li a#spanish{ background:transparent url(../img/home/espagne.png) no-repeat left top; } #menuSite li a#spanish:hover, #menuSite li a#spanish.actif{ background:transparent url(../img/home/espagne_on.png) no-repeat left top; } #menuSite li a#nederland{ background:transparent url(../img/home/paysbas.png) no-repeat left top; } #menuSite li a#nederland:hover, #menuSite li a#nederland.actif{ background:transparent url(../img/home/paysbas_on.png) no-repeat left top; } #menuSite li a#belgium{ background:transparent url(../img/home/belgique.png) no-repeat left top; } #menuSite li a#belgium:hover, #menuSite li a#belgium.actif{ background:transparent url(../img/home/belgique_on.png) no-repeat left top; } #menuSite li a#german{ background:transparent url(../img/home/allemagne.png) no-repeat left top; } #menuSite li a#german:hover, #menuSite li a#german.actif{ background:transparent url(../img/home/allemagne_on.png) no-repeat left top; } #menuSite #formRecherche{ margin:0 1em; _display:inline; } #menuSite #formRecherche #labelRecherche{ text-indent:-5000px; overflow:hidden; position:absolute; } #menuSite #formRecherche span{ padding:2px 0 0 0; background:transparent url(../img/commun/fdBtnGris.png) no-repeat right top; } #menuSite #formRecherche input#btnOk{ border:0; padding:0; cursor:pointer; color:#fff; background:transparent url(../img/commun/fdBtnGris.png) no-repeat right bottom; font-size:0.8em; padding:0 3px 2px 3px; } #menuSite #formRecherche input{ border:1px solid #C5D0D2; padding:0 0 2px 2px; //padding-bottom:3px; _padding-bottom:2px; } /* ======== 3. CORPS ========= */ #corps{ background:#fff url(../img/commun/fond_centre.png) no-repeat left bottom; margin-bottom:1px; padding-left:1.2em; } #corps #cheminDeFer{ padding:0.2em 0.5em 0.2em 0; _padding-left:0.2em; margin:0.4em 0 0 -0.5em; _margin-left:-1.2em; background-color:#F7F7F7; } #corps #cheminDeFer ul li{ float:left; margin-left:0.5em; font-size:0.8em; } #corps #cheminDeFer ul li span, #corps #cheminDeFer ul li a{ color:#000; } #corps #cheminDeFer ul li a{ text-decoration:underline; } #corps #cheminDeFer ul li.actif a{ text-decoration:none; } #corps #contenu{ background:#fff url(../img/commun/fond_centre.png) no-repeat right bottom; padding:0 0 0.5em 0; } /* Suppression ACN suite à l'ano TD13033 #corps #contenu #colonneGauche #menuCorps{ position:relative; } */ #corps #contenu #colonneGauche #menuCorps span.tl, #corps #contenu #colonneGauche #menuCorps span.tr, #corps #contenu #colonneGauche #menuCorps span.bl, #corps #contenu #colonneGauche #menuCorps span.br{ width:3px; height:3px; position:absolute; z-index:99; font-size:1%; } #corps #contenu #colonneGauche #menuCorps span.tl{ background-position: left top !important; top:0; left:0; } #corps #contenu #colonneGauche #menuCorps span.tr{ background-position: right top !important; top:0; right:0; } body.IS_IE #corps #contenu #colonneGauche #menuCorps span.tr{right:expression(cssRight(this));} #corps #contenu #colonneGauche #menuCorps span.bl{ background-position: left bottom !important; bottom:0; left:0; } #corps #contenu #colonneGauche #menuCorps span.br{ background-position: right bottom !important; bottom:0; right:0; } body.IS_IE #corps #contenu #colonneGauche #menuCorps span.br{right:expression(cssRight(this));} .IS_IE #corps #contenu #colonneGauche #menuCorps span.br, .IS_IE #corps #contenu #colonneGauche #menuCorps span.bl {bottom:expression(cssBottom(this));} #corps #contenu #colonneGauche #menuCorps .entete{ margin-bottom:1px; } #corps #contenu #colonneGauche #menuCorps .entete h2{ color:#fff; margin-left:0.5em; padding:0.5em 0; font-weight:bold; line-height:0; font-size:1em; } #corps #contenu #colonneGauche #menuCorps .corps ul li{ padding:0.3em; zoom:1; } #corps #contenu #colonneGauche #menuCorps .corps ul li span{ padding-left:1.5em; display:block; } #corps #contenu #colonneGauche #menuCorps .corps ul li span a{ font-weight:bold; color:#6F6966; text-decoration:none; } #corps #contenu #colonneGauche .blockList .corps ul li { background-image:none; height:auto; margin-top:0; border-bottom:1px solid #fff; padding:0.6em; } #corps #contenu #colonneGauche #menuCorps .corps ul li li, #corps #contenu #colonneGauche #menuCorps .corps ul li li.actif{ /* background:transparent url(../img/commun/pointille_clair.gif) repeat-x left bottom; */ background:transparent url() repeat-x left bottom; padding-left:1.5em; } #corps #contenu #colonneGauche #menuCorps .corps ul li li.dernier{ background:transparent none; } #corps #contenu #colonneGauche #menuCorps .corps ul li li span{ background:transparent url(../img/commun/chevronGris.png) no-repeat left 0.4em; *background-position-y:0.4em; padding-left:0.8em; display:inline; } /* Adaptation du menu : Insertion ACN */ #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li.actif li span { background:transparent url(../img/commun/pointille_fonce.gif) no-repeat left 0.4em; *background-position-y:0.4em; padding-left:0.8em; display:inline; } #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li span{ background:transparent url(../img/commun/chevronGris.png) no-repeat left 0.4em; *background-position-y:0.4em; padding-left:0.8em; display:inline; } #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li.actif span { background:transparent url(../img/commun/PIC_chevron_menugauche_depl.gif) no-repeat left 0.4em; *background-position-y:0.4em; padding-left:0.8em; display:inline; } #corps #contenu #colonneGauche #menuCorps .corps ul li.actif span a, #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li.actif span a, #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li.actif li.actif span a, #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li.actif li.actif li.actif span a{ color:#E67F35; } #corps #contenu #colonneGauche #menuCorps .corps ul li span a, #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li span a, #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li.actif li span a, #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li.actif li.actif li span a { color:#6F6966; } #corps #contenu #colonneGauche #menuCorps .corps ul li span a:hover, #corps #contenu #colonneGauche #menuCorps .corps ul li.actif li span a:hover{ color:#E67F35; } /* FIN Adaptation du menu : Insertion ACN */ #corps #contenu #colonneGauche #menuCorps .corps ul li.dernier, #corps #contenu #colonneGauche #menuCorps .corps ul li li{ border-bottom:0; } #corps #contenu #colonneGauche #menuCorps .corps ul li li span a{ font-weight:normal; } #corps #contenu #colonneGauche .blockList a{ color:#fff; text-decoration:none; font-weight:bold; } #corps #contenu #colonneGauche .blockList #message a span{ background-image:url(../../img/commun/picto_message.png); } #corps #contenu #colonneGauche .blockList #messageInf a span{ background-image:url(../../img/commun/picto_messageInf.png); } /* MODIFICATION DU CSS #corps #contenu #sloganPied{ clear:both; / *font-style:italic;* / text-align:center; color:#000; font-size:0.75em; padding-top:1em; } */ #corps #sloganPied{ clear:both; /*font-style:italic;*/ text-align:center; color:#000; font-size:0.75em; padding-top:1em; /* ACN : background:#fff url(../img/commun/fond_centre.png) no-repeat right bottom; */ padding-right: 0pt; padding-bottom: 0.5em; padding-left: 0pt; } /* ======== 4. PIED ========= */ #pied{ background:transparent url(../img/commun/fond_footer.png) no-repeat left top; padding-left:1.2em; } #pied #blocPied{ background:transparent url(../img/commun/fond_footer.png) no-repeat right top; padding:0.5em 1.2em 2em 0; } #pied #menuPied{ float:right; } #pied #menuPied ul li{ float:left; } #pied #menuPied ul li span a{ color:#6F6966; text-decoration:none; font-size:0.8em; border-right:1px solid #6F6966; padding:0 1.5em; } #pied #menuPied ul li.dernier span a{ border-right:0; padding-right:0; } #pied #tailleTexte ul li{ float:left; padding-right:0.5em; } #pied #tailleTexte ul li span a{ font-weight:bold; color:#6F6966; } #pied #tailleTexte ul li#normal span a{ font-size:12px; } #pied #tailleTexte ul li#grand span a{ font-size:14px; } #pied #tailleTexte ul li#tresGrand span a{ font-size:16px; } #pied #tailleTexte ul li#normal, #pied #menuPied{ padding-top:0.29em; } #pied #tailleTexte ul li#grand{ padding-top:0.15em; } #pied #tailleTexte ul li.actif span a{ text-decoration:none; } /* style generauc aux blocs */ .bloc{ margin-bottom:1em; } /* Anomalie qualif 13033 RLU 11/04/2008 .corners{ position:relative; } */ .bloc .button{ display:inline; } .bloc button{ border:0; background:transparent none; cursor:pointer; } .bloc .button button{font-weight:bold; padding-left:1.5em;font-size:0.9em;text-align:left;} .bloc .button button span{ display:block; margin-top:0.2em; } .bloc .buttonTexte a span{ /*display:block;*/ margin-left:0.8em; } .boutonBlanc button{ background-color:#fff; padding-left:1em; } .neutre .boutonBlanc button{ color:#6F6966; background:#fff url(../../img/commun/puce_fleche2.png) no-repeat 0.2em center; } .boutonBlancTexte a{ font-weight:bold; text-decoration:none; color:#fff; } .boutonBlancTexte a:hover{ text-decoration:underline; } .boutonBlancTexte a span{ margin-left:0.8em; } .boutonGrisTexte a{ font-weight:bold; text-decoration:none; color:#6F6966; background:url(../../img/commun/puce_fleche2.png) no-repeat 0.2em center; } .boutonGrisTexte a:hover{ text-decoration:underline; } .boutonGrisTexte a span{ margin-left:1em; } .boutonGrisTexte a span span{ margin-left:0em; } .noLink a{ color:#6F6966; text-decoration:none; } .neutre .borderl{ border-left:1px solid #A2A1A1; } .page2col .bloc .button button,.page3col .bloc .button button{font-size:0.8em !important;} .bloc .corps{ font-size:0.9em; *font-size:0.8em; color:#6F6966; } .bloc .corps .noresize{ font-size:1em; color:#6F6966; } .bloc .pied{ padding-top:0.5em; } /* Block type Mise en avant */ .entete a, .blockTableConso caption a{ float:right; margin:0.5em 1em; text-indent:-5000px; overflow:hidden; height:11px; width:11px; background:transparent no-repeat left top; } .blockTableConso caption a{ margin:0; } .blockTableConso .entete a{ float:none; margin:0; text-indent:0; overflow:none; background:none; } .entete h2{ font-size:1.1em; font-weight:bold; line-height:0; } .entete h3{ font-size:1em; font-weight:bold; } .entete h4{ text-decoration:underline; font-weight:normal; } .corps h3{ font-size:1em; font-weight:bold; } .enteteGrise h3{ background-color:#EEEEEE; zoom:1; overflow: hidden; _overflow:visible; font-weight:bold; } .enteteGrise a{ background:url(../../img/energies_communes/puce_1_interro.png) no-repeat left top; float:right; overflow:hidden; _overflow:visible; zoom:1; text-decoration:none; padding-right:15px; } /*.corps h3{ font-size:1.1em; font-weight:bold; }*/ .corps h4{ font-size:1em; font-weight:bold; } .blockMea .corps{ position:relative; } .blockMea .corps img{ float:left; margin:0.2em 1em 0.2em 0; } .blockMea span.tl{background-position: left top !important;top:0 !important;left:0 !important;} .blockMea span.tr{background-position: right top !important;top:0 !important;right:0 !important; *right:-1px !important;} body.IS_IE .blockMea span.tr {right:expression(cssRight(this)) !important;} .blockMea span.bl{background-position: left bottom !important;bottom:0 !important;left:0 !important;} .blockMea span.br{background-position: right bottom !important;bottom:0 !important;right:0 !important;} body.IS_IE .blockMea span.br {right:expression(cssRight(this)) !important;} /* block Type texte avec bouton en footer */ .blockTexte{ margin-top:2em; } .blockTexte p,.blockTexte dfn{ margin-top:1em; } .blockTexte dfn{ font-size:0.8em; } .blockTexte strong{ font-weight:bold; } /* block Type Titre avec image et texte par dessus */ /* Supression ACN suite à l'ano TD13033 */ .blockTitreImg .corps { position:relative; } .blockTitreImg .corps p{ position:absolute; top:5px; left:5px; font-size:1em; color:#FFF; font-weight:bold; } /* block type list avec image en entete*/ .blockList h2 { font-weight:bold; font-size:1.1em; line-height:2em; } .blockList .corps h5{ font-weight:bold; font-size:1.2em; } .blockList .corps ul li{ height:auto; margin-top:1em; padding-bottom:10px ! important; background:transparent url(../img/commun/pointille_fonce.gif) repeat-x bottom left; } .blockList .corps ul li.dernier{ background:transparent none; } .blockList .corps ul li span{ padding-left:15px; } .blockList .corps ul li span a{ color:#6F6966; text-decoration:none; } .actualite .corps ul li{ height:auto; padding-bottom:1em; margin-bottom:1.5em; } .actualite .corps ul li a{ text-decoration:none; } .actualite .corps ul li a:hover{ text-decoration:underline; } /* block espace client et contact */ .page2col #groupeECC{ min-width:247px; width:18.1em; position:absolute; top:0; right:0; padding:0.25em 0.3em 0; } /* block graph */ .blockGraph .entete h3{ padding:0.2em 0pt 0.2em 0.5em; color:#fff; font-weight:bold; } .blockGraph .corps { padding:0.5em; } .blockGraph .corps h4,.blockGraph .pied h4{ font-weight:bold; margin-bottom:0.5em; } #blocContact .corps ul li, #blocContactTexte .corps ul li{padding:0.5em 0.5em 0.5em 1.4em;} #blocContact .corps ul li a, #blocContactTexte .corps ul li a{text-decoration:none;color:#6F6966;} #blocContact .corps ul li strong, #blocContactTexte .corps ul li strong{font-weight:bold;} #blocContact .corps ul li.dernier{border-bottom:0;} #blocContact .corps{margin:0.5em 0;position:relative;background-color:#fff;} #blocContact .corps ul li li{border-bottom:0;} #blocContact .corps ul li li, #blocContactTexte .corps ul li li{padding:0 0 0 25px;} #blocContact li.puceEmail, #blocContact li.puceTel, #blocContactTexte li.puceEmail, #blocContactTexte li.puceTel {zoom:1;} .pagination {margin:0 0 10px 0 !important;margin:0;font-size:0.9em;} .pagination .corps a{text-decoration:none;color:#6F6966;} .pagination .corps a:hover{text-decoration:underline;} /* block table */ .blockTable, .blockTableConso{ margin-top:1em; position:relative; } .blockTable table, .blockTableConso table{ width:100%; color:#746863; } .blockTable caption, .blockTableConso caption{ padding:0.5em 0.5em 0.5em 0.5em; color:#fff; font-weight:bold; border-bottom:1px solid #fff; border-right:1px solid #fff; } .blockTable caption span, .blockTableConso caption span{ margin:0 0 0.5em 0; display:block; } .blockTable tr th, .blockTable tr td, .blockTableConso tr th, .blockTableConso tr td{ border-bottom:1px solid #fff; } .blockTable tr th.noBord{ background-color: #8C99CD } .blockTable tr.even, .blockTableConso tr.even{ background-color:#eee; } .blockTable tr.result{ background-color:#8C99CD; padding:0.5em 0.5em 0 0.5em; color:#fff; font-weight:bold; border-bottom:1px solid #fff; border-right:1px solid #8C99CD; } .blockTable tr th,.blockTable tr.entete th.premier, .blockTableConso tr th, .blockTableConso tr.entete th.premier{ color:#fff; font-weight:bold; border-right:1px solid #fff; } .blockTable tr th.montantTva dl dt, .blockTable tr th.montantTva dl dd{ color:#6F6966; } .blockTable tr th.montantTva dl dt { background:transparent url(/img/cegibat/puce_espace.gif) repeat-x scroll left bottom; width:50%; float:left; clear:left; } .blockTable tr th.montantTva dl dt span{ background: #D2D5EB none no-repeat 0 2px; } .blockTable tr.entete th, .blockTableConso tr.entete th{ background:transparent url(../img/commun/px_degrad_tableau.png) repeat-x left bottom; color:#fff; } .blockTable tr.entete th.milieu{ text-align:center; background:transparent url(../img/commun/px_tableau.png) repeat-x left bottom; } .blockTable tr td,.blockTable tr th, .blockTableConso tr td,.blockTableConso tr th{ padding-left:0.2em; line-height:1.5em; vertical-align:middle; } .blockTable tr td, .blockTableConso tr td{ border-right:1px solid #746863; } .blockTable tr.greyBorder td,.blockTable tr.greyBorder th, .blockTable tr.greyBorder td.dernier{ border:1px solid #E3E0DF; } .blockTable tr.entete.greyBorder th{ border:1px solid #E3E0DF; } .blockTableConso tr td{ text-align:center; } .blockTable tr td.dernier, .blockTableConso tr td.dernier{ border-right:1px solid #fff; } .blockTable tr td p, .blockTableConso tr td p{ font-weight:bold; } /* block table simple*/ div.blockTableSimple table{ width:100%; } .blockTableSimple table{ border-collapse:separate; } .blockTableSimple caption{ background-color:#8C99CD; } .blockTableSimple caption span,{ margin:0 0 0.5em 0; display:block; } .blockTableSimple caption{ padding:0.5em 0.5em 0 0.5em; color:#fff; font-weight:bold; border-bottom:1px solid #8C99CD; border-right:1px solid #8C99CD; } .blockTableSimple thead th { background-color:#8C99CD; border:1px solid #8C99CD; color:#fff; font-weight:bold; text-align:center } .blockTableSimple tr td{ border-left:1px solid #E3E0DF; border-bottom:1px solid #E3E0DF; } .blockTableSimple td.titre{ font-size: 1.15m !important; font-weight:bold; } .blockTableSimple td.titre{ :30% } .blockTableSimple td.last{ border-right:1px solid #E3E0DF; } .blockTableSimple ul.puceChevron li a{ background:transparent url(../../img/cegibat/puce_1_off.png) no-repeat 0 2px; padding-left: 20px; font-weight:bold; color:#6F6966; } .blockTableSimple .cmdBtn{ background: url(/img/cegibat/chariot.gif) no-repeat center; width:23px; height:22px; border:none; cursor:pointer; text-indent:-5000px; display:block; } .blockTableSimple table tr.odd{ background-color:#F7F7F7 } .tableInside table{ border-top:1px solid #E3E0DF; } .tableInside tr.bottom{ background-color:#fff; } .tableInside tr.top{ background-color:#DBDBDB; } .tableInside tr.top td.last{ border-left:1px solid #fff; border-right:none; border-collapse:separate; } .blockTableConso th.col0 {width:40px;} .blockTableConso th.colPdl {width:96px;} .blockTableConso th.colContrat {width:82px;} .blockTableConso th.colEnergie {width:70px;} .blockTableConso th.colPrix {width:72px;} .blockTableConso th.colCommune {width:100px;} .blockTableConso th.colCodepostal {width:42px;} .blockTableConso th.colAdresse {width:148px;} .blockTableConso th.colPdl, .blockTableConso th.colContrat, .blockTableConso th.colEnergie, .blockTableConso th.colPrix, .blockTableConso th.colCommune, .blockTableConso th.colCodepostal, .blockTableConso th.colAdresse { text-align:center; padding:0.6em 0; } .blockTableConso td.ckeckbox img {vertical-align:middle !important;vertical-align:0;} .blockForm{ margin-top:2em; } .blockForm .entete h3{ background-color:#eeeeee; padding:0.2em 0 0.2em 0.5em; margin-bottom:1em; zoom:1; } .blockForm .corps{ padding-left:1em; } .blockForm .entete p{ font-size:0.9em; margin-bottom:1em; } .blockForm .blockField{ margin-bottom:0.5em; } .blockForm .blockField label{ display:block; float:left; } .blockForm .blockField label.inline{ display:inline !important; float:none; } .blockForm .form1sur3 .blockField label, .blockForm .form1sur3 .blockField inputText, .blockForm .form2sur3 .blockField inputText, .blockForm .form1sur2 .blockField label, .blockForm .form1sur2 .blockField inputText{ width:32.3%; } .blockForm .form2sur3 .blockField label{ width:66%; } /* ACN : ajout de la classe 'inputText' seule .blockForm .blockField .inputText, .blockForm .blockField .select, .blockConfig .corps dd input.inputText{ */ .inputText, .blockForm .blockField .inputText, .blockForm .blockField .select, .blockConfig .corps dd input.inputText{ border:1px solid #ccc; } .blockForm .large .select, .blockForm .large .select input.large{ width:200px; } .blockForm .large label, .blockForm .large .select{ font-size:1.1em !important; *font-size:1.3em !important; } .blockForm .pied{ margin-top:0.5em; } .blockBouton{ float:left; } .blockBouton .boutonGris{ top:-9px; left:-14px; z-index:-1; } .boutonGris button{ padding-left:1em; *padding-left:1em; *padding-right:5px; *overflow:visible; cursor: pointer; } .blockBoutonImg .boutonGris{ left:auto; top:auto; top:5px; margin-left:-10px; *left:-20px; _left:0; *font-size:98%; float:left; background-image:none; } .boutonGris button span { _display:inline-block; _white-space:nowrap; } .pageLogin .blockMeaUnivers .corps{ background-repeat:no-repeat; min-height:255px; _height:255px; min-width:0; } .pageLogin .blockMeaUnivers .droit{ margin-top:1em; margin-right:0.5em; width:224px; z-index:2; float:right; } .pageLogin .blockMeaUnivers .gauche p{ color:#818181; font-size:1.1em; } .blockMeaUnivers .corps{ background-repeat:no-repeat; min-height:253px; _height:253px; min-width:673px; } .blockMeaUnivers .gauche{ width:145px; z-index:2; margin-top:1em; margin-left:0.5em; float:left; } .blockMeaUnivers .gauche h2{ color:#fff; font-size:1.5em; font-weight:bold; } .blockMeaUnivers .gauche p{ color:#fff; font-size:1.1em; } .blockMeaUnivers .gauche ul{ margin-top:2em; } .blockMeaUnivers .gauche ul li a{ color:#FFFFFF; display:block; font-size:1em; font-weight:bold; padding:6px 0 2px 15px; *padding-top:10px; text-decoration:none; } .IS_IE .blockMeaUnivers .gauche ul li { behavior:expression(addHover(this)) } .blockMeaUnivers .droit{ margin-top:1em; margin-right:1em; width:170px; z-index:2; float:right; } .hasJS .blockMeaUnivers .droit{ background-color:transparent !important; } .blockMeaUnivers .droit ul{ display:none; } .blockMeaUnivers .droit ul.shown{ display:block; } .blockMeaUnivers .droit ul li{ margin-bottom:0.5em; _margin-bottom:-1em; } .blockMeaUnivers .droit ul li a{ color:#FFFFFF; display:block; font-size:1.1em; padding-left:10px; text-decoration:none; } .blockOffre .corps h3,.blockUne .entete h3{ font-size: 1.1em; font-weight: bold; margin-bottom:0.5em; } .blockOffre .corps{ background:transparent url(../img/commun/px_degrad_titre.png) repeat-x top left; padding-top:2em; } .blockOffre .corps button{ width:13px; height:53px; border:0; text-indent:-5000px; overflow:hidden; float:left; background:transparent url(../img/commun/btn_precedent.png) no-repeat left top; } .blockOffre .corps button.precedent{ background-image:url(../img/commun/btn_precedent.png); } .blockOffre .corps button.suivant{ background-image:url(../img/commun/btn_suivant.png); } .blockOffre .corps ul{ height:53px; width:222px; overflow:hidden; float:left; margin:0 1px; } .blockOffre .corps ul li{ float:left; margin-right:1px; } .blockUne .corps{ background-repeat:no-repeat; } .blockUne .corps .groupe{ margin-top:0.5em; margin-left:0.5em; } .blockUne .corps .type2{ margin-left:8em; } .blockUne .corps h2{ font-size:1.4em; font-weight:bold; line-height:0; } .blockUne .corps h3{ font-size:1.4em; font-weight:bold; line-height:0; } .blockUne .corps h4{ font-size:1.4em; font-weight:bold; line-height:0; } .blockUne .corps p{ font-size:1em; } .blockUne .corps p strong{ font-weight:bold; } .blockOffre, .blockUne{ margin-right:10px; _margin-right:2px; _width:19em; } .pageLogin .blockUne{ margin-right:0; _width:auto; } .blockQuestion .corps .gauche .haut,.blockQuestion .corps .droite .haut{ padding:10px 0 0 10px; } .blockQuestion .corps .gauche .bas,.blockQuestion .corps .droite .bas{ height:11px; } .blockQuestion .corps .gauche .haut,.blockQuestion .corps .droite .haut{ height:8.9em; _height:9.1em; } .blockQuestion .corps .droite{ width:40px; } .blockQuestion .corps .droite{ float:right; width:40px; _margin-left:-4px; } .blockQuestion .corps .groupe p strong{ font-weight:bold; font-size:1.5em; } .blockQuestion .corps .groupe p strong.black{ color:#000; } .blockQuestion .corps .groupe ul a.niveau1 {color:#6F6966;text-decoration:none;} .blockQuestion .corps .groupe ul a.niveau2 {color:#6F6966;font-weight:bold;font-size:1.5em;text-decoration:none;} .blockQuestion .corps .groupe ul a.niveau3 {color:#000;font-weight:bold;font-size:1.5em;text-decoration:none;} .blockQuestion .corps .groupe ul li {display:inline;} .blockQuestion .corps .groupe button{ color:#fff; font-weight:bold; padding-left:0.5em; } .blockQuestion .corps .gauche .haut{background-position:left top !important;} .blockQuestion .corps .gauche .bas{background-position:left bottom !important;} .blockQuestion .corps .droite .haut{background-position:right top !important;} .blockQuestion .corps .droite .bas{background-position:right bottom !important;} .blockConseil .corps{ background:transparent url(../img/commun/px_degrad_titre.png) repeat-x top left; padding-top:2em; } .blockConseil .corps img{ float:left; margin:0.2em 1em 0.2em 0; } .blockConseil .corps p{ margin-bottom:0.5em; } .blockHomeNav{ margin-bottom:0.5em; } #espaceClient h2, #contact h2, #colonneDroite .blockPromoTexte .entete h2, #colonneDroite .blockPromoForm .entete h2, #colonneDroite .blockPromoTag h2, #colonneDroite .blockPromoImg h2{ font-size:1.1em; font-weight:bold; line-height:0.2em; } #espaceClient .corps, #blocResultatForm .corps{ padding:0.8em; margin:0.5em 0; position:relative; background-color:#fff; } #espaceClient #ecForm .blockField{ margin-bottom:4px; } #espaceClient #ecForm .blockField label{ width:7.5em; display:block; float:left; } #espaceClient #ecForm .blockField input{ border:1px solid #C6D0D2; width:45%; float:left; } #espaceClient #ecForm .blockField .boutonGris,.blockForm .boutonGris,.boutonGris{ display:inline; background-color:#746863; position:relative; *font-size:1em; } #espaceClient #ecForm .boutonGris span.tl, #espaceClient #ecForm .boutonGris span.tr, #espaceClient #ecForm .boutonGris span.bl, #espaceClient #ecForm .boutonGris span.br, #blocContact .boutonGris span.tl, #blocContact .boutonGris span.tr, #blocContact .boutonGris span.bl, #blocContact .boutonGris span.br, .blockForm .boutonGris span.tl, .blockForm .boutonGris span.tr, .blockForm .boutonGris span.bl, .blockForm .boutonGris span.br, .boutonGris span.tl, .boutonGris span.tr, .boutonGris span.bl, .boutonGris span.br{background:transparent url(../img/commun/cornersBouton.png) no-repeat top left !important;width:4px;height:4px;position:absolute;z-index:99;font-size:1%;} #blocContact .boutonGris span.tl, #espaceClient #ecForm .boutonGris span.tl, .blockForm .boutonGris span.tl, .boutonGris span.tl{background-position: left top!important;top:0!important;left:0!important;} #blocContact .boutonGris span.tr, #espaceClient #ecForm .boutonGris span.tr, .blockForm .boutonGris span.tr, .boutonGris span.tr{background-position: right top !important;top:0 !important;right:0;} #blocContact .boutonGris span.bl, #espaceClient #ecForm .boutonGris span.bl, .blockForm .boutonGris span.bl, .boutonGris span.bl{background-position: left bottom!important;bottom:0!important;_bottom:-1px!important;left:0!important;} #blocContact .boutonGris span.br, #espaceClient #ecForm .boutonGris span.br, .blockForm .boutonGris span.br, .boutonGris span.br{background-position: right bottom !important;bottom:0 !important;_bottom:-1px!important;right:0;} .corps #ecForm .blockForm .boutonGris span.tr,.corps #ecForm .blockForm .boutonGris span.br{_right:-1px !important;} .blockForm .boutonGris span.bl{_bottom:0;} .blockForm .boutonGris span.br{_bottom:0;} #colonneDroite .boutonGris span.tr,#colonneDroite .boutonGris span.br{_right:0;_bottom:0;} #colonneDroite .boutonGris span.bl{_bottom:0;} #espaceClient #ecForm .blockField .boutonGris button, #espaceClient #ecForm .boutonGris button, .boutonGris button{ color:#fff; } #espaceClient #ecForm .blockField .boutonGris button { padding-left:0; } #espaceClient #ecForm .blockField .boutonGris button span{*padding:0 3px;} #espaceClient .corps ul li{ float:left; padding-left:15px; } #espaceClient .corps ul li.dernier{ float:right; } #espaceClient .corps ul li span a{ color:#6F6966; text-decoration:none; } /* Liste à puce*/ .listBullet{list-style-type:disc !important;list-style-position:inside !important; } .listBullet ul li{list-style-type:circle !important;list-style-position:inside !important; } /* bloc bordered */ .blocInside{position:relative;zoom:1;} .bordered .tl,.bordered .tr,.bordered .bl,.bordered .br{background-repeat: no-repeat; position:absolute; height:3px; width:3px; z-index:99; font-size:1%;} .bordered .corps {zoom:1;margin:0 !important;} .bordered span.tl{background-position: left top;top:-1px; left:-1px;} .bordered span.tr{background-position: right top;top:-1px; right:-1px} .bordered span.bl{background-position: left bottom; bottom:-1px; left:-1px;} .bordered span.br{background-position: right bottom; bottom:-1px; right:-1px;} .bordered .entete{color:#fff;padding:4px 5px; } /* bloc bordered highlight */ .borderedHighlight .entete{padding:4px 5px; } /* block contact */ #espaceClientLog .corps ul li, #contact .corps ul li, #colonneGauche #blocContact ul li{ padding:0.5em 0.5em 0.5em 25px; } #contact .corps ul li a,#espaceClientLog .corps ul li a{ text-decoration:none; } #contact .corps ul li strong{ font-weight:bold; } #contact .corps ul li.dernier{ border-bottom:0; } #contact .corps,#espaceClientLog .corps{ margin:0.5em 0; position:relative; background-color:#fff; } #contact .corps ul li li{ border-bottom:0; } #contact .corps ul li li{ padding:0 0 0 25px; } #contact,.blockPromoTexte, .blockPromoTexteLeft, .blockPromoTexteRight, #colonneDroite .blockSimple{ margin-top:1em; } .blockPromoTexte .corps, .blockPromoTexteLeft .corps, .blockPromoTexteRight .corps, #colonneDroite .blockSimple .corps{ position:relative; background-color:#fff; } #colonneDroite .blockPromoTag .corps span.tl, #colonneDroite .blockPromoTag .corps span.tr, #colonneDroite .blockPromoTag .corps span.bl, #colonneDroite .blockPromoTag .corps span.br, .blockPromoTexte .corps span.tl, .blockPromoTexte .corps span.tr, .blockPromoTexte .corps span.bl, .blockPromoTexte .corps span.br, .blockPromoTexteLeft .corps span.tl, .blockPromoTexteLeft .corps span.tr, .blockPromoTexteLeft .corps span.bl, .blockPromoTexteLeft .corps span.br, .blockPromoTexteRight .corps span.tl, .blockPromoTexteRight .corps span.tr, .blockPromoTexteRight .corps span.bl, .blockPromoTexteRight .corps span.br, #colonneDroite .blockSimple .corps span.tl, #colonneDroite .blockSimple .corps span.tr, #colonneDroite .blockSimple .corps span.bl, #colonneDroite .blockSimple .corps span.br, .blockConfig .corps span.tl, .blockConfig .corps span.tr, .blockConfig .corps span.bl, .blockConfig .corps span.br{background:transparent url(../img/commun/cornersGris.png) no-repeat top left;width:4px;height:4px;position:absolute;z-index:99;font-size:1%;} #colonneDroite .blockPromoTag .corps span.tl, .blockPromoTexte .corps span.tl, .blockPromoTexteLeft .corps span.tl, .blockPromoTexteRight .corps span.tl, #colonneDroite .blockPromoForm .corps span.tl, #colonneDroite .blockSimple .corps span.tl, .blockConfig .corps span.tl{background-position: left top;top:0;left:0;} #colonneDroite .blockPromoTag .corps span.tr, .blockPromoTexte .corps span.tr, .blockPromoTexteLeft .corps span.tr, .blockPromoTexteRight .corps span.tr, #colonneDroite .blockSimple .corps span.tr, .blockConfig .corps span.tr{background-position: right top;top:0;right:0;} #colonneDroite .blockPromoTag .corps span.bl, .blockPromoTexte .corps span.bl, .blockPromoTexteLeft .corps span.bl, .blockPromoTexteRight .corps span.bl, #colonneDroite .blockSimple .corps span.bl, .blockConfig .corps span.bl{background-position: left bottom;bottom:0 !important;_bottom:-1px !important;left:0;} #colonneDroite .blockPromoTag .corps span.br, .blockPromoTexte .corps span.br, .blockPromoTexteLeft .corps span.br, .blockPromoTexteRight .corps span.br, #colonneDroite .blockSimple .corps span.br, .blockConfig .corps span.br{background-position: right bottom;bottom:0 !important;_bottom:-1px !important;right:0;} body.IS_IE #colonneDroite .blockPromoTag.corps span.br, body.IS_IE .blockPromoTexte .corps span.br, body.IS_IE .blockPromoTexteLeft .corps span.br, body.IS_IE .blockPromoTexteRight .corps span.br, body.IS_IE #colonneDroite .blockSimple .corps span.br, body.IS_IE .blockConfig .corps span.br, body.IS_IE #colonneDroite .blockPromoTag .corps span.tr, body.IS_IE .blockPromoTexte .corps span.tr, body.IS_IE .blockPromoTexteLeft .corps span.tr, body.IS_IE .blockPromoTexteRight .corps span.tr, body.IS_IE #colonneDroite .blockSimple .corps span.tr, body.IS_IE .blockConfig .corps span.tr{right:expression(cssRight(this));} .pageHome #colonneDroite .blockPromoTag .corps span.bl, .pageHome #colonneDroite .blockPromoTexte .corps span.bl, .pageHome .blockPromoTexteLeft .corps span.bl, .pageHome .blockPromoTexteRight .corps span.bl, .pageHome #colonneDroite .blockSimple .corps span.bl, .pageHome .blockConfig .corps span.bl, .pageHome #colonneDroite .blockPromoTag .corps span.br, .pageHome .blockPromoTexte .corps span.br, .pageHome .blockPromoTexteLeft .corps span.br, .pageHome .blockPromoTexteRight .corps span.br, .pageHome #colonneDroite .blockSimple .corps span.br, .pageHome .blockConfig .corps span.br{_bottom:0px !important;} #colonneDroite .blockPromoTag .sides span.sl, .blockPromoTexte .sides span.sl, .blockPromoTexteLeft .sides span.sl, .blockPromoTexteRight .sides span.sl, #colonneDroite .blockSimple .sides span.sl, .blockConfig .sides span.sl{ left:0; position:absolute; top:0; width:1px; border-left:1px solid #ECECEC; } #colonneDroite .blockPromoTag .sides span.sr, .blockPromoTexte .sides span.sr, .blockPromoTexteLeft .sides span.sr, .blockPromoTexteRight .sides span.sr, #colonneDroite .blockSimple .sides span.sr, .blockConfig .sides span.sr{ border-right:1px solid #ECECEC; right:0; _right:-1px; position:absolute; top:0; width:1px; } #colonneDroite .blockPromoTag .sides span.st, .blockPromoTexte .sides span.st, .blockPromoTexteLeft .sides span.st, .blockPromoTexteRight .sides span.st, #colonneDroite .blockSimple .sides span.st, .blockConfig .sides span.st{ border-top:1px solid #ECECEC; height:1px; left:0; position:absolute; top:0; } #colonneDroite .blockPromoTag .sides span.sb, .blockPromoTexte .sides span.sb, .blockPromoTexteLeft .sides span.sb, .blockPromoTexteRight .sides span.sb, #colonneDroite .blockSimple .sides span.sb, .blockConfig .sides span.sb{ border-bottom:1px solid #ECECEC; height:1px; left:0; position:absolute; bottom:0; _bottom:-1px; } .blockPromoTexte .corps img, .blockPromoTexteLeft .corps img{ float:left; } .blockPromoTexteRight .corps img{ float:right; } .blockPromoTexte .corps p, .blockPromoTexteLeft .corps p{ padding:0.5em 0 0.5em 0.5em; } .blockPromoTexteRight .corps p{ padding:0.5em 0 0.5em 0.5em; } .blockPromoTexteRight .corps .button{ margin-left:0.5em; } #colonneDroite .blockSimple .corps{ padding:1em; } #colonneDroite .blockSimple p{ margin-bottom:0.5em; } .blockPromoTag .corps{ padding:0.5em; background-color:#fff; } .blockPromoTag p strong, .blockPromoTag ul strong{ font-weight:bold; font-size:1.5em; } .blockPromoTag p strong.black, .blockPromoTag ul strong.black{ color:#000; } .blockPromoTag ul li{ display:inline; } .blockPromoTag p.puceChevron{ background:transparent url(../../img/dolceVita/puce1_rose.gif) no-repeat left center; padding-left:15px; } .blockPromoTag p a{ color:#6F6966; font-weight:bold; text-decoration:none; } .blockPromoImg .corps{ position:relative; background-color:#fff; } .blockPromoImg .enteteSousligne{ background:#fff url(../img/commun/px_degrad_titre.png) repeat-x scroll left top; padding-top:2em; } .blockPromoImg .corps p { padding-bottom:1em; } .blockPromoImg .corps .groupe{ position:absolute; top:2em; left:0; width:70%; padding:0 0.5em; } .blockConfig .corps dt{ padding-left:0.5em; line-height:2em; font-weight:bold; _zoom:1; } .blockConfig .corps dt span{ padding-left:2em; } .blockConfig .corps dd{ padding:0.5em 0.5em; background-color:#fff; } .blockConfig .corps dd input{ padding-left:0.2em; vertical-align:middle; } .blockConfig .corps dd .blockField{ line-height:1.8em; } /* #colonneDroite .blockSimple .corps p { margin-left:1em; }*/ /************** D.. STRUCTURES HOME ***************/ /* ======== 1. ENTETE ========= */ .pageHomeG #menuSite ul, .pageHome #menuSite ul{padding-bottom:0;} .pageHomeG #menuSite li, .pageHome #menuSite li{line-height:1.9em;} body.IS_IE span.br,body.IS_IE span.tr {right:expression(cssRight(this)) !important;} /*body.IS_IE span.bl,body.IS_IE span.br {bottom:expression(cssBottom(this)) !important;}*/ /****** Modification bouton ****/ .inputButton{ position:relative; overflow:hidden; _overflow:visible; zoom:1; display:inline; cursor:pointer; } .puceBlanche input{ padding-left:10px; *padding-left:5px !important; _padding-left:1px !important; background:url(../img/dolceVita/puce_fleche.png) no-repeat 4px center; } .inputButton input{ background-color:#746863; border:0; cursor:pointer; *font-size:12px !important; } .transverse input{ color:#fff; margin-right:-3px; *margin-right:-2px !important; } .transverseFaq input{ color:#fff; margin-right:-3px !important; *margin-right:-2px !important; } .inputButton span.tl,.inputButton span.tr,.inputButton span.bl,.inputButton span.br{ background:transparent url(../img/commun/cornersBouton.png) no-repeat left top !important; height:4px; width:4px; display:block; position:absolute; z-index:99; font-size:1%; } .inputButton span.tl{ left:0px; top:-1px !important; *top:0 !important; background-position:left top !important; } .inputButton span.tr{ right:0px; top:-1px !important; *top:0 !important; background-position:right top !important; } .inputButton span.bl{ left:0px; bottom:-1px !important; *bottom:0 !important; background-position:left bottom !important; } .inputButton span.br{ right:0px; bottom:-1px !important; *bottom:0 !important; background-position:right bottom !important; } .blockBouton img{ position:relative; z-index:100; } .blockBouton .inputButton{ left:-12px; _left:-12px; *left:-12px; top:-9px; *top:-8px; } .groupe .corps .ligne .groupe .inputButton input,.corps .ligne .groupe .inputButton input,.corps .inputButton input,.entete .inputButton input{ margin-right:0; } .bloc .corps .groupe .inputButton input{ margin-right:-3px; _font-size:1.1em; } .radio span{ display:block; float:left; width:130px; }