/* ________________________________________________ => CORPS DE PAGE */ html {font-size: 10px;} body {margin:0; padding:0; background:#ffffff; font-family:"Lucida Grande", sans-serif; text-align:center; font-size:1em;} #headerBox, #navdivBox, #pageBox {position:relative; width:972px; margin:auto; text-align:center;} #pageBox {text-align:right;} #header, #navdiv,#mainContent, #navBottom {position:relative; width:960px; margin:auto; text-align:left;} #mainContent {width:970px;} img, a img {border:none;} p {margin:0; padding:0; color:#010101; text-align:justify;} a {color:#010101; text-decoration:underline;} a:hover {color:#010101; text-decoration:none;} fieldset {margin:0; padding:0; background:none; border:0; font-size:1em;} a.feediticon {background:none !important; padding:0 !important;} /*a.bt1 {display:block; height:24px; width:auto; margin:0; padding:0; text-decoration:none} a.bt1 strong{color:#F49731;} a.bt1 img{border:0; margin-top:5px!important;} a.bt1 span{display:block; float:left; height:24px; line-height:23px; padding-right:15px; background:url('../gfx/bg_bt1.png') scroll right top no-repeat; text-align:center;} a.bt1 span span{padding:0 0 0 15px; background:url(../gfx/bg_bt1.png) scroll left top no-repeat;}*/ ul {margin:0; padding:0 0 0 15px; list-style:outside disc;} .clearboth {float:none; clear:both; height:0; width:0; margin:0; padding:0; line-height:0;} .spacer {margin:10px 0;} .imgLeft {float:left;margin-right:5px;} .floatLeft {display:block; float:left;} .floatRight {display:block; float:right} .noMargin {margin:0;} .noPadding{padding:0;} .access {position:absolute; left:-9999em;} .clearer {clear:both;} .plus {line-height:10px; color:#0096ed; font-size:1.4em; font-weight:bold;} .devisImmediat {display:block; width:144px; height:29px; background:url('../gfx/img_pro.jpg') no-repeat 0 -230px; text-indent:-9999em;} .devisImmediat:hover {background-position:-150px -230px;} .carteofferte {display:block; width:125px; height:130px; background:url('../gfx/img_pro.jpg') no-repeat 12px 0; text-decoration:none; text-indent:-9999em;} .chaqueagetarif {display:block; height:136px; background:url('../gfx/img_pro.jpg') no-repeat -185px 0; text-decoration:none; text-indent:-9999em;} .lesbreves {display:block; height:136px; background:url('../gfx/img_pro.jpg') no-repeat -483px -270px; text-decoration:none; text-indent:-9999em;} .rappelgratuit {display:block; width:123px; height:110px; background:url('../gfx/img_pro.jpg') no-repeat -478px 0; text-decoration:none; text-indent:-9999em;} .rappelgratuit2 {display:block; width:110px; height:150px; background:url('../gfx/img_pro.jpg') no-repeat -250px -280px; text-decoration:none; text-indent:-9999em; margin:0 0 0 10px;} .prixjeunesactifs {display:block; float:right; width:150px; height:139px; background:url('../gfx/img_pro.jpg') no-repeat 0 -280px; text-decoration:none; text-indent:-9999em;} .parrainage1 {display:block; float:right; width:230px; height:150px; background:url('../gfx/img_pro.jpg') no-repeat -10px -490px; text-decoration:none; text-indent:-9999em;} .parrainage2 {display:block; clear:both; float:right; width:230px; height:130px; background:url('../gfx/img_pro.jpg') no-repeat -250px -490px; text-decoration:none; text-indent:-9999em;} .check {display:block; margin:auto; width:10px; height:17px; background:url('../gfx/bl_pro2.gif') no-repeat -3200px 4px; text-indent:-9999em;} /* ________________________________________________ => POLICES */ h1 {margin:0; padding:0; text-transform:uppercase; color:#000000; font-size:1.1em; font-weight:normal;} h2 {margin:0; padding:0; font-size:1.1em; font-weight:normal; text-transform:uppercase; color:#1b171b;} h3 {margin:0; padding:0; font-size:1em; font-weight:bold; color:#0096ed;} sup {font-size:0.6em;} /* ________________________________________________ => HEADER */ #headerBg {margin:40px auto 0 auto; background:transparent url('../gfx/bg_pro_headerBg.png') repeat-x scroll 0 0;} #headerBox {background:transparent url('../gfx/bg_pro_headerBox.gif') no-repeat scroll 0 0;} #header {background:transparent url('../gfx/bg_pro_header.png') repeat-x scroll 0 0;} #header #logo {width:240px; height:99px;} #header #pub {position:absolute; top:18px; left:265px;} #my-smeno-box {position:absolute; left:776px; top:0; width:146px; height:91px; background:transparent url('../gfx/bg_pro_mysmenobox.jpg') no-repeat scroll 0 0; } #my-smeno-box form {margin:0px;} #my-smeno-box form fieldset {margin:0; padding:28px 0 0 22px;} #my-smeno-box label.access {position:absolute; left:-9999em;} #my-smeno-box input {float:left; margin:0 0 2px; padding:2px 3px 3px; width:94px; height:11px; background:#ffffff; border:1px solid #778191; color:#8e969d; font-size:0.95em;} #my-smeno-box input.connect_password {width:73px;} #my-smeno-box input.submit {margin:0; padding:0; width:21px; height:18px; background:url('../gfx/bt_pro_btok.gif') no-repeat 0 -100px #778191; color:#ffffff; font-weight:bold; text-decoration:none; cursor:pointer;} #my-smeno-box input.submit[class] {background-position: 0 -50px; border:1px solid #778191; border-left:none; text-indent:-9999em;} #my-smeno-box input.submit:hover[class] {background-position: 0 0;} #my-smeno-box a {display:block; margin:0 0 0 21px; padding-left:8px; background:url('../gfx/bl_pro2.gif') no-repeat 0 3px; color:#ffffff;} /* ________________________________________________ => NAVBAR */ #navBar {height:25px; background:url('../gfx/bg_pro_navBar.png') repeat-x 0 top #ffffff;} #navdiv {height:24px; background:url('../gfx/bg_pro_navBar.png') repeat-x 0 -100px #ffffff; overflow:hidden;} #navBar ul {float:left; padding:0 0 0 25px; list-style:none outside; text-align:center; text-transform:uppercase;} #navBar ul li {float:left; padding-right:2px; text-align:center; font-size:0.9em; line-height:10px;} #navBar ul li:hover, #navBar ul li.active {background:url('../gfx/bg_pro_navBarHover.png') no-repeat right 0;} #navBar ul li a {display:block; text-decoration:none; font-weight:bold;} #navBar ul li a:hover, #navBar ul li.active a {background:url('../gfx/bg_pro_navBarHover.png') no-repeat 0 0;} #navBar ul li a abbr {border:0;} ul#nav1 {background:url('../gfx/bg_pro_navBar.png') repeat-x 0 -50px #ffffff;} ul#nav1 li a {padding:3px 13px 0 15px; color:#0096ed;} ul#nav2 {border-left:solid 1px #cbd0d9;} ul#nav2 li:hover, ul#nav2 li.active {background-position:right -35px;} ul#nav2 li a {padding:3px 14px 0 16px; color:#523fa5;} ul#nav2 li a:hover, ul#nav2 li.active a {background-position:0 -35px;} /* ________________________________________________ => PAGE */ #page {background:url('../gfx/bg_pro_page.jpg') repeat-x 0 0 #ffffff; border-top:solid 1px #cdd4da; height:auto; overflow:auto} #mainContent {position:relative; padding:0; height:100%; background:none; overflow:hidden;} .mainContent {position:relative; float:right; height:100%; background:url('../gfx/bg_pro_tools.gif') repeat-y right 0; border-left:solid 1px #8c98aa; overflow:hidden;} #main, #tools {float:left;} #main {width:735px; background:#ffffff; overflow:hidden;} #tools {width:230px; color:#4c5d6a;} #mainContent {font-size:1.1em;} /* ________________________________________________ => HOME */ h1.H_accroche {width:735px; line-height:44px; text-align:center; color:#4c5d6a;} #H_contentMutuelle {height:320px; background:url('../gfx/bg_pro_home_contents.png') repeat-x 0 0;} #H_contentAssurance {height:320px; background:url('../gfx/bg_pro_home_contents.png') repeat-x 0 -400px;} #H_contentMutuelle .H_contentMutuelleCadre {position:relative; height:317px; background:url('../gfx/bg_pro_home_contentM.gif') no-repeat 0 0;} #H_contentMutuelle .H_contentMutuelleCadre[class] {background:url('../gfx/bg_pro_home_contentM.png') no-repeat 0 0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc, #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc2 {position:absolute; top:37px; width:735px; height:280px; z-index:10;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc2 div {position:absolute; width:735px; height:280px;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc2 .protection {background:url('../gfx/bg_pro_home_contentM1.jpg') no-repeat 0 0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc2 .devis {display:none; background:url('../gfx/bg_pro_home_contentM2.jpg') no-repeat 0 0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc2 .prix {display:none; background:url('../gfx/bg_pro_home_contentM3.jpg') no-repeat 0 0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul {padding:10px 0 0 424px; list-style:none outside; text-indent:-9999em;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li {list-style:none outside;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li span{display:block; width:245px; height:53px; background:url('../gfx/tt_pro_h3.png') no-repeat 0 -300px;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul {padding:0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li {padding:0 0 7px 38px;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a {display:block; width:260px; height:43px; background:url('../gfx/tt_pro_home_contentM_a.gif') no-repeat -300px 0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a[class] {background-image:url('../gfx/tt_pro_home_contentM_a.png');} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a.MPro {background-position:0 0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a.LPro {background-position:0 -50px;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a.XLPro {background-position:0 -102px;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a.MPro:hover {background-position: -300px 0;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a.LPro:hover {background-position: -300px -50px;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc ul li ul li a.XLPro:hover {background-position: -300px -102px;} #H_contentMutuelle .H_contentMutuelleCadre #H_contentMutuelleBloc a.H_contentMutuelleLink {display:block; padding:13px 0 0 600px; text-transform:uppercase; text-decoration:underline; color:#f9861b; font-size:0.8em;} #H_contentAssurance h2 {padding-top:16px; color:#523fa5; text-align:center;} #H_contentAssurance .H_contentAssuranceCadre {position:relative; padding:11px 0 0 0; background:url('../gfx/bg_pro_home_contentA.gif') no-repeat 0 0;} #H_contentAssurance .H_contentAssuranceCadre[class] {background:url('../gfx/bg_pro_home_contentA.png') no-repeat 0 0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssuranceBloc {position:relative; height:280px; overflow:visible;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssuranceBloc.assurance {background:url('../gfx/bg_pro_home_contentA1.jpg') no-repeat right 0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssuranceBloc.assurance span{display:block; height:48px; margin:0 0 0 95px; background:url('../gfx/tt_pro_h3.png') no-repeat 0 -350px; text-indent:-9999em;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 {position:absolute; top:0; left:0; width:735px; height:280px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL {position:absolute; bottom:16px; left:0; padding:9px 0 0 22px; list-style:none outside;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li {position:relative; padding:0; list-style:none outside; width:274px; text-indent:-9999em;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a {display:block; width:220px; height:39px; background:url('../gfx/tt_pro_home_contentA_a.gif') no-repeat 0 0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a:hover {background-image:url('../gfx/tt_pro_home_contentA_aHover.gif');} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a[class] {background-image:url('../gfx/tt_pro_home_contentA_a.png');} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a[class]:hover {background-image:url('../gfx/tt_pro_home_contentA_aHover.png');} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a.AAuto {height:40px; background-position:0 0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a.AHabitation {background-position:0 -40px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a.AEtranger {background-position:0 -79px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a.APack {background-position:0 -118px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a.ANomade {background-position:0 -157px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a.AScolaire {background-position:0 -196px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li a.ASki {background-position:0 -235px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div {position:relative; width:163px; padding-bottom:25px; background:url('../gfx/tt_pro_home_contentA_rollover.gif') no-repeat -192px bottom; text-indent:0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2[id] ul.listeL li div {background-image:url('../gfx/tt_pro_home_contentA_rollover.png'); text-indent:0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div div {position:relative; top:0; left:0; width:auto; padding:17px 7px 0 15px; background-position:0 top;} /* si on affiche pas les bloc quand js desactiv� : #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div {position:absolute; top:-7px; left:-9999px;}*/ /* a la place du js mais marche pas sur IE6 : #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li:hover div {left:222px;}*/ #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div div h3 {padding-bottom:10px; text-transform:uppercase; color:#523fa5; font-size:1em;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div div p {padding-bottom:10px; color:#343b49;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div div p a {color:#343b49; text-transform:none; text-decoration:none;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div div a {display:inline; background:none; width:auto; height:auto; color:#ff920c; text-transform:uppercase; text-decoration:underline;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeL li div div a:hover {background:none; text-decoration:none;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR {position:absolute; bottom:16px; right:0; padding:0; list-style:none outside;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li {width:173px; background:url('../gfx/bg_pro_H_contentAssuranceUl2_li.png') repeat-x right 0; border-top:solid 1px #c9cfd7; border-left:solid 1px #c9cfd7; text-indent:0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span {display:block; margin:0; padding:0 10px 0 20px; height:16px; background:url('../gfx/bg_pro_H_contentAssuranceUl2_li_span.png') no-repeat 2px 0; } #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span.AScolaire {background-position:2px 0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span.ASki {background-position:2px -30px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span.APack {background-position:2px -60px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span.AHabitation {background-position:2px -90px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span.ANomade {background-position:2px -120px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span.AAuto {background-position:2px -150px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span.AEtranger {background-position:2px -180px;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span a {line-height:16px; color:#523fa5; text-decoration:none; font-size:0.8em; text-transform:uppercase;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li span a:hover {text-decoration:underline;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li div {background:#ffffff;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li div {padding:7px 8px 5px 10px; background:url('../gfx/bg_pro_blanc90.png') repeat 0 0 transparent;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2[id] ul.listeR li div {background:url('../gfx/bg_pro_blanc90.png') repeat 0 0 transparent;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li div p {position:relative; color:#343b49;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li div ul {position:relative; bottom:0; right:0; list-style:disc inside; color:#f98d31;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li div ul li {width:auto; background:none; border:0; list-style:disc inside;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li div ul li a {display:inline; width:auto; height:auto; background:none; border-bottom:solid 1px #f98d31; color:#f98d31; text-transform:uppercase; text-decoration:none;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li div ul li a:hover {border:0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li.open {background:url('../gfx/bg_pro_H_contentAssuranceUl2_li.png') repeat-x 0 0;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li.open span {height:15px; border-bottom:solid 1px #c9cfd7;} #H_contentAssurance .H_contentAssuranceCadre #H_contentAssurance2 ul.listeR li.open span a {line-height:15px;} /* ________________________________________________ => CONTENT */ #poucet {padding:6px 20px 8px; border-bottom:solid 1px #c9cfd7; color:#7c8799;} #poucet a {color:#7c8799; text-decoration:none;} #poucet a:hover {text-decoration:underline;} .bodyB #poucet span.active a {color:#0096ed; border-bottom:1px solid #0096ED;} .bodyV #poucet span.active a {color:#523fa5; border-bottom:1px solid #523fa5;} .bodyO #poucet span.active a {color:#fe920c; border-bottom:1px solid #fe920c;} #subNav {padding:0 20px 0 10px; height:100%; background:url('../gfx/bg_pro_navBar.png') repeat-x 0 -150px; color:#0096ED; overflow:hidden;} .bodyB #subNav {color:#0096ED;} .bodyV #subNav {color:#523fa5;} #subNav ul {list-style:none outside;} #subNav ul li {float:left; padding:6px 0 8px 0; list-style:none outside;} #subNav ul li a, #subNav ul li strong {padding:0 10px; color:#0096ED; text-decoration:none; text-transform:uppercase;} .bodyB #subNav ul li a, .bodyB #subNav ul li strong {color:#0096ED;} .bodyV #subNav ul li a, .bodyV #subNav ul li strong {color:#523fa5;} #subNav ul li a:hover {text-decoration:underline;} #fullContent {padding-bottom:20px;} .bodyB #fullContent {background:url('../gfx/bg_pro_contentsB.png') repeat-x 0 0;} .bodyV #fullContent {background:url('../gfx/bg_pro_contentsV.png') repeat-x 0 0;} .bodyO #fullContent {background:url('../gfx/bg_pro_contentsO.png') repeat-x 0 0;} #fullContent #visu {padding:15px 0 0 0; background:url('../gfx/bg_pro_home_contentM.gif') no-repeat 0 -22px;} #fullContent #visu[id] {background-image:url('../gfx/bg_pro_home_contentM.png');} #fullContent #visu p, #fullContent #visu ul {position:absolute; left:-9999em;} #fullContent #visu a img {position:relative; width:709px; height:253px;} #fullContent #visu .visuGaranties {height:260px; background:url('../gfx/bg_pro_contentGaranties.jpg') no-repeat 0 0;} #fullContent #visu .visuAquoisert {height:260px; background:url('../gfx/bg_pro_contentAquoisert.jpg') no-repeat 0 0;} body.mutMPro #fullContent #visu div {height:260px; background:url('../gfx/bg_pro_contentMutMPro.jpg') no-repeat 0 0;} body.mutLPro #fullContent #visu div {height:260px; background:url('../gfx/bg_pro_contentMutLPro.jpg') no-repeat 0 0;} body.mutXLPro #fullContent #visu div {height:260px; background:url('../gfx/bg_pro_contentMutXLPro.jpg') no-repeat 0 0;} #fullContent #visu .visuJeunesActifs {height:260px; background:url('../gfx/bg_pro_contentJeunesActifs.jpg') no-repeat 0 0;} #fullContent #visu .visuAuto {height:260px; background:url('../gfx/bg_pro_contentAuto.jpg') no-repeat 0 0;} #fullContent #visu .visuHabitation {height:260px; background:url('../gfx/bg_pro_contentHabitation.jpg') no-repeat 0 0;} #fullContent #visu .visuEtranger {height:260px; background:url('../gfx/bg_pro_contentEtranger.jpg') no-repeat 0 0;} #fullContent #visu .visuPack {height:260px; background:url('../gfx/bg_pro_contentPack.jpg') no-repeat 0 0;} #fullContent #visu .visuNomade {height:260px; background:url('../gfx/bg_pro_contentNomade.jpg') no-repeat 0 0;} #fullContent #visu .visuScolaire {height:260px; background:url('../gfx/bg_pro_contentScolaire.jpg') no-repeat 0 0;} #fullContent #visu .visuSki {height:260px; background:url('../gfx/bg_pro_contentSki.jpg') no-repeat 0 0;} #fullContent #visu .visuActu {height:260px; background:url('../gfx/bg_pro_contentActu.jpg') no-repeat 0 0;} #fullContent #visu .visuParrainage {height:260px; background:url('../gfx/bg_pro_contentParrainage.jpg') no-repeat 0 0;} #fullContent #visu .visuReduc {height:260px; background:url('../gfx/bg_pro_contentReduc.jpg') no-repeat 0 0;} #fullContent #visu .visuFaq {height:260px; background:url('../gfx/bg_pro_contentFaq.jpg') no-repeat 0 0;} #fullContent #content {padding:10px 20px 0; height:100%; overflow:hidden;} #fullContent #content h2 {margin-top:28px; margin-bottom:20px; padding:5px 0; border-top:solid 1px #0096ed; border-bottom:solid 1px #0096ed;} .bodyB #fullContent #content h2 {border-color:#0096ed; color:#0096ed;} .bodyV #fullContent #content h2 {border-color:#523fa5; color:#523fa5;} .bodyO #fullContent #content h2 {border-color:#fe920c; color:#fe920c;} #fullContent #content ul {padding:0 0 0 15px; color:#000000;} #fullContent #content ul ul {padding:15px 0 0 10px;} #fullContent #content p {padding:0 0 15px 0;} #fullContent #content h2 a {float:right; padding:0px 30px 3px 0; background:url('../gfx/bl_pro_h2a.gif') no-repeat right 0; text-transform:none; text-decoration:underline;} #fullContent #content h2 a:hover {text-decoration:none;} #fullContent #content h2 img.prix {float:right;} .bodyB #fullContent #content ul li {list-style-image:url('../gfx/bl_listB.gif');} .bodyV #fullContent #content ul li {list-style-image:url('../gfx/bl_listV.gif');} .bodyO #fullContent #content ul li {list-style-image:url('../gfx/bl_listO.gif');} .bodyB #fullContent #content ul li ul li, .bodyO #fullContent #content ul li ul li, .bodyV #fullContent #content ul li ul li {list-style:inside disc;} #fullContent #content .blocL{float:left; padding-top:28px; width:340px;} #fullContent #content .blocR{float:right; padding-top:28px; width:335px;} #fullContent #content .blocL em, #fullContent #content .blocR em{font-size:0.8em; color:#666666;} #fullContent #content .blocL2{float:left; padding-top:28px; width:456px;} #fullContent #content .blocR2{float:right; width:215px;} #fullContent #content .blocRcenter{float:right; padding-top:20px; width:335px; text-align:center;} #fullContent #content .blocC{clear:both; width:100%; overflow:hidden;} #fullContent #content .blocR ul ul {padding-top:0;} #fullContent #content .blocR2 ul {margin:15px 0 25px; padding-bottom:0;} #fullContent #content .blocR2 ul.noliststyle {margin:15px 0 25px; padding:0; list-style:none outside;} #fullContent #content .blocR2 ul.noliststyle li {list-style-image:none;} #fullContent #content .blocR2 ul ul {margin-top:0;} .bodyB #fullContent #content .blocR2 a {display:block; padding:0 0 0 12px; background:url('../gfx/bl_pro2.gif') no-repeat -800px 4px; text-decoration:none;} .bodyO #fullContent #content .blocR2 a span {display:block; padding:0 0 0 12px; background:url('../gfx/bl_pro2.gif') no-repeat -4000px 4px; text-decoration:none;} #fullContent #content .blocR2 a:hover {text-decoration:underline;} #fullContent #content .blocRcenter div {float:none; margin:auto;} #fullContent #content .blocRcenter div div {margin:0 0 5px; padding-bottom:10px; height:auto; overflow:hidden;} #fullContent #content .blocRcenter div div a {display:block; float:right;} #fullContent #content .blocRcenter div div a:hover {border-bottom:1px solid #ffffff;} #fullContent #content .blocRcenter div div ul { text-align:left; margin:10px 0 0 15px;} #fullContent #content .blocRcenter div div ul a { display:inline; float:none;} #fullContent #content .blocL2 ul, #fullContent #content .blocC ul {padding-left:1px; list-style:inside none;} #fullContent #content .blocL2 ul li, #fullContent #content .blocC ul li {padding-bottom:15px;} #fullContent #content .blocL2 ul li p, #fullContent #content .blocC ul li p {padding-bottom:0;} #fullContent #content .blocL2 ul ul, #fullContent #content .blocC ul ul{padding-left:15px;} .bodyO #fullContent #content .blocC ul ul {padding:0 0 0 35px;} .bodyO #fullContent #content .blocC ul li ul li {padding:0; list-style:none outside;} #fullContent #content .blocL2 ul.breves li {padding:12px 0 10px; border-bottom:1px solid #d1d9dd;} #fullContent #content .blocL2 ul.breves li p {padding:10px 0 8px;} #fullContent #content .blocL2 ul.breves li p a {text-decoration:none;;} #fullContent #content .blocL2 ul.breves li span.readmore a {padding:0 0 0 10px; background:url('../gfx/bl_pro2.gif') no-repeat -4800px 4px;} #fullContent #content .blocL2 ul.breves form {float:right;} #fullContent #content ul.faq {list-style:none outside; list-style-image:none;} #fullContent #content ul.faq li {padding:1px 0 20px 27px; background:url('../gfx/bg_pro_ulFaqOpen.png') no-repeat 0 0; list-style:none outside; list-style-image:none;} #fullContent #content ul.faq li.close {background:url('../gfx/bg_pro_ulFaq.png') no-repeat 0 0;} #fullContent #content ul.faq li ul {display:block; padding:25px 0 0 0; list-style:none outside; list-style-image:none;} #fullContent #content ul.faq li.close ul {display:none;} #fullContent #content ul.faq li ul li.close {background:url('../gfx/bl_pro2.gif') no-repeat -4000px 4px; list-style:none outside;} #fullContent #content ul.faq li ul li {margin-bottom:4px; padding:0 0 0 15px; background:url('../gfx/bl_pro2.gif') no-repeat -5600px 4px;list-style:none outside; list-style-image:none;} #fullContent #content ul.faq li ul li div {display:block; padding:6px 0 10px 10px;} #fullContent #content ul.faq li ul li.close div {display:none;} #fullContent #content ul.faq li ul li ul {padding:0; list-style:disc inside; list-style-image:none;} #fullContent #content ul.faq li ul li ul li {padding:0; background:none; list-style:disc inside; list-style-image:none;} #fullContent #content ul.faq li a {text-decoration:none;} #fullContent #content ul.faq li ul li a {text-decoration:none; font-weight:bold;} #fullContent #content ul.faq li ul li.close a {text-decoration:underline; font-weight:normal;} #fullContent #content ul.faq li ul li div strong {color:#ff920c;} #fullContent #content ul.paddingBottom li {padding:0 0 15px 0;} .bodyV #fullContent #content ul.paddingBottom li strong {color:#7363b6;} #fullContent #content ul.arrows {padding:10px 0 0 10px; list-style:none; color:#000000;} #fullContent #content ul.arrows li {padding:0 0 1px 10px; background:url('../gfx/bl_pro2.gif') no-repeat -2400px 4px; list-style-image:none;} #fullContent #content ul.arrows li a {border-bottom:solid 1px #000000; text-transform:uppercase; text-decoration:none;} #fullContent #content ul.arrows li a:hover {border-bottom:0;} .bodyO #fullContent #content ul.arrows {padding:0 0 10px 10px;} .bodyO #fullContent #content ul.arrows li {padding:0 0 1px 10px; background:url('../gfx/bl_pro2.gif') no-repeat -4000px 4px; list-style-image:none;} .bodyO #fullContent #content ul.arrows li a {border-bottom:solid 1px #000000; text-transform:none; text-decoration:none;} .bodyO #fullContent #content ul.arrows li a:hover {border-bottom:0;} #fullContent #content p.dlpdf {padding:15px 0 10px 20px; background:url('../gfx/bl_pro2.gif') no-repeat -1600px 15px;} #fullContent #content p.conditions {padding-top:25px; color:#9aa4ab; font-size:0.9em;} #fullContent #content p.partenaires strong {display:block; padding-bottom:3px;} #fullContent #content p.partenaires span {display:block; text-align:justify;} #fullContent #content p.partenaires a {text-transform:uppercase; text-decoration:none;} #fullContent #content p.partenaires a:hover {text-decoration:underline;} #fullContent #content ul.partenaires {list-style:none outside; margin:0 0 0 90px; overflow:hidden; height:100%;} #fullContent #content ul.partenaires li {float:left; margin:10px 17px; list-style:none outside;} #fullContent #content ul.postit {margin-top:20px; padding:20px 50px 25px 30px; list-style:outside disc; background:url('../gfx/bg_pro_postit.png') no-repeat 0 top;} #fullContent #content ul.postit li {padding-top:0;} .bodyB #fullContent #content ul.postit li ul li, .bodyO #fullContent #content ul.postit li ul li, .bodyV #fullContent #content ul.postit li ul li {list-style:outside disc;} #fullContent #content ul.postit2 {margin-top:20px; padding:30px 40px 0 35px; height:200px; background:url('../gfx/bg_pro_postit2.png') no-repeat 0 0; list-style:outside disc;} #fullContent #content ul.postit2 li {padding-top:0;} #fullContent #content ul.postit2 ul {padding:0 0 0 20px;} .bodyB #fullContent #content ul.postit2 li ul li, .bodyO #fullContent #content ul.postit2 li ul li, .bodyV #fullContent #content ul.postit2 li ul li {list-style:outside disc;} #fullContent #content ul.postit3 {margin:25px 0; padding:20px 40px 0 30px; width:340px; height:110px; list-style:outside disc; background:url('../gfx/bg_pro_postit3.png') no-repeat 0 0;} #fullContent #content ul.postit3 li {padding-bottom:0;} .bodyB #fullContent #content ul.postit3 li ul li, .bodyO #fullContent #content ul.postit3 li ul li, .bodyV #fullContent #content ul.postit3 li ul li {list-style:outside disc;} #fullContent #options {margin-top:20px; background:url('../gfx/tt_pro_h3.gif') no-repeat 0 -410px;} #fullContent #options[id] {background-image:url('../gfx/tt_pro_h3.png');} #fullContent #options p {display:inline-block; padding:3px 12px 2px 94px; border:solid 1px #ff920d;} #fullContent #options p a {text-decoration:none;} #fullContent #options p a:hover {text-decoration:underline;} table.contenttable { width:700px; background-color:#e6ebed; font-weight:normal; border: 2px solid #f0f3f5; border-spacing:0px; border-collapse: collapse; empty-cells:hide; } table.contenttable thead { font-weight:normal; color:#fff; text-align:center; background-color:#54B8F3; } table.contenttable td p.bodytext { text-align:left; } table.contenttable thead p.bodytext { text-align:center; } table.contenttable caption { font-size:110%; padding:4px 0 4px 10px; text-align:left; color:#fff; margin:2px; background-color:#ff9933; } table.contenttable th { color:#fff; text-align:center; border:3px solid #fff; padding:4px; } table.contenttable tr.impair { background-color : #ffffff; } table.contenttable tr.pair { background-color : #e6ebed; } table.contenttable td { border-left:2px solid #fff; border-right:2px solid #fff; border-top:2px solid #f0f3f5; border-bottom:2px solid #f0f3f5; padding:4px; } table.contenttable td.center { text-align:center; } table.contenttable tbody.smallfonts { font-size:85%; } /* ________________________________________________ */ #fullContent #garantiesBlocs {width:100%; overflow:hidden;} #fullContent #garantiesBlocs div {float:left; margin:0; padding:38px 24px 0; width:183px; background:url('../gfx/bg-pro-garantiesBlocs.png') no-repeat 25px 0;} #fullContent #garantiesBlocs div .garantiesBlocsA {display:block; width:100%; height:92px;} #fullContent #garantiesBlocs div .garantiesBlocsA img {width:100%; height:92px;} body.mutMPro #fullContent #garantiesBlocs div {background-position:24px 0;} body.mutLPro #fullContent #garantiesBlocs div {background-position:-208px 0;} body.mutXLPro #fullContent #garantiesBlocs div {background-position:-438px 0;} #fullContent #garantiesBlocs div.garantieEssentielle {background-position:24px 0;} #fullContent #garantiesBlocs div.garantieComplete {background-position:-208px 0;} #fullContent #garantiesBlocs div.garantieIntegrale {background-position:-438px 0;} #fullContent #garantiesBlocs div div {float:none; margin:0 0 5px 0; padding:10px 0 0; width:181px; height:260px; background:none; border:solid 1px #2787e9; border-top:0; text-align:center;} #fullContent #garantiesBlocs div div p {padding:3px 10px; text-align:center;} #fullContent #garantiesBlocs div div p a {text-decoration:none; border-bottom:solid 1px #000000;} #fullContent #garantiesBlocs div div p a:hover {border-bottom:0;} #fullContent #garantiesBlocs div a.devisImmediat {float:right;} #fullContent #garantiesBlocs div div ul { text-align:left; margin:10px 0 0 15px;} #fullContent #content ul.garantieOnglets {margin:0 0 0 3px; padding:0; height:26px; background:none; border:0; list-style:none outside; overflow:hidden;} #fullContent #content ul.garantieOnglets li {float:left; margin:0; padding:0; height:26px; border:0; list-style:none outside; color:#ffffff; text-transform:uppercase; text-align:center;} #fullContent #content ul.garantieOnglets li a {float:none; display:block; padding:7px 0 5px 0; background:url('../gfx/bg_pro_garanties_onglets.png') no-repeat 0 0; color:#ffffff; text-decoration:none;} #fullContent #content ul.garantieOnglets li a:hover, #fullContent #content ul.garantieOnglets li.ui-state-active a {padding:5px 0 7px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet1 {width:106px; background-position:0 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet2 {width:108px; background-position:-106px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet3 {width:103px; background-position:-273px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet4 {width:103px; background-position:-273px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet5 {width:106px; background-position:0 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet6 {width:103px; background-position:-273px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet1:hover, #fullContent #content ul.garantieOnglets li.ui-state-active a.garantieOnglet1 {background-position:-400px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet2:hover, #fullContent #content ul.garantieOnglets li.ui-state-active a.garantieOnglet2 {background-position:-506px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet3:hover, #fullContent #content ul.garantieOnglets li.ui-state-active a.garantieOnglet3 {background-position:-673px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet4:hover, #fullContent #content ul.garantieOnglets li.ui-state-active a.garantieOnglet4 {background-position:-673px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet5:hover, #fullContent #content ul.garantieOnglets li.ui-state-active a.garantieOnglet5 {background-position:-400px 0;} #fullContent #content ul.garantieOnglets li a.garantieOnglet6:hover, #fullContent #content ul.garantieOnglets li.ui-state-active a.garantieOnglet6 {background-position:-673px 0;} .ui-tabs {padding: 0;} .ui-tabs .ui-tabs-panel {padding: 0; border: 0;} /* Component containers ----------------------------------*/ .ui-dialog { position: absolute; } .ui-widget { font-family: "Lucida Grande",sans-serif; font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Lucida Grande",sans-serif;} .ui-widget-content { border: 0; background: none; color: #000000; } .ui-widget-content a { color: #000000; } .ui-widget-header { border: 0; background: none; color: #000000; font-weight:normal; } .ui-widget-header a { color: #000000; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default {border:0; background:none; font-weight:normal; color:#000000;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#000000;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus border:0; background:none; font-weight:normal; color:#000000;} .ui-state-hover a, .ui-state-hover a:hover {color:#000000} .ui-state-active, .ui-widget-content .ui-state-active {border:0; background:none; font-weight:normal; color:#000000;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#000000;} #fullContent #content #tabs div.ui-tabs-hide {display:none;} #fullContent #content table.garanties {width:100%; border:solid 1px #2787e9;} #fullContent #content table.garanties tr.firstTr th {padding-left:0; width:70px; height:60px; background:url('../gfx/img_pro.jpg') no-repeat 0 -140px; border-bottom:solid 1px #d1d9dd; text-indent:-9999em; font-weight:bold;} #fullContent #content table.garanties tr.firstTr td {padding-left:0; width:70px; height:60px; border-bottom:solid 1px #d1d9dd; text-indent:-9999em; font-weight:bold;} #fullContent #content table.garanties tr.firstTr th.firstTh {padding-left:22px; width:auto; background:none; text-indent:0; text-transform:uppercase; color:#2787e9;} #fullContent #content table.garanties tr.firstTr th.secu {background-position:0 -140px;} #fullContent #content table.garanties tr.firstTr th.mutMPro {background-position:-71px -140px;} #fullContent #content table.garanties tr.firstTr th.mutLPro {background-position:-142px -140px;} #fullContent #content table.garanties tr.firstTr th.mutXLPro {background-position:-213px -140px;} #fullContent #content table.garanties tr th {padding-left:22px; vertical-align:middle; font-weight:normal;} #fullContent #content table.garanties tr td {border-left:solid 1px #ffffff; line-height:16px; text-align:center;} #fullContent #content table.garanties tr.color {background:#dbf0ff;} #fullContent #content table.garantiesAssurances {margin-bottom:10px; width:100%; border:solid 1px #5d4bab;} #fullContent #content table.garantiesAssurances tr.firstTr th {padding-left:0; width:107px; height:60px; border-bottom:solid 1px #d1d9dd; font-weight:bold; text-align:center;} #fullContent #content table.garantiesAssurances tr.firstTr th.firstTh {padding-left:22px; width:auto; background:none; text-indent:0; text-transform:uppercase; color:#5d4bab; text-align:left;} #fullContent #content table.garantiesAssurances tr th {padding-left:22px; vertical-align:middle; font-weight:normal;} #fullContent #content table.garantiesAssurances tr td {border-left:solid 1px #ffffff; line-height:16px; text-align:center;} #fullContent #content table.garantiesAssurances tr.color {background:#cbc6e4;} #fullContent #content table.garantiesAssurances tr.color2 {background:#ffebd6;} #fullContent #content ul.garantieAdhere {float:right; padding:3px 0; list-style:none outside;} #fullContent #content ul.garantieAdhere li {float:left; padding-right:1px; list-style:none outside;} #fullContent #content ul.garantieAdhere li a {display:block; width:70px; height:28px; background:url('../gfx/img_pro.jpg') no-repeat 0 -200px; text-indent:-9999em;} #fullContent #content ul.garantieAdhere li a.garantieAdhere1 {background-position:0 -200px;} #fullContent #content ul.garantieAdhere li a.garantieAdhere2 {background-position:-71px -200px;} #fullContent #content ul.garantieAdhere li a.garantieAdhere3 {background-position:-142px -200px;} #fullContent #content ul.garantieAdhere li a.garantieAdhere1:hover {background-position:-220px -200px;} #fullContent #content ul.garantieAdhere li a.garantieAdhere2:hover {background-position:-291px -200px;} #fullContent #content ul.garantieAdhere li a.garantieAdhere3:hover {background-position:-362px -200px;} #tabsLegals { padding:0 20px;} #tabsLegals p { color:#666; font-size:0.9em;} #fullContent #content .blocC #tabsLegals ul { margin:0; padding:0 20px 10px; color:#666; font-size:0.9em;} #fullContent #content .blocC #tabsLegals ul li { padding-bottom:0; } .lightbox h3 {padding:0 0 10px; color:#000000; text-transform:uppercase;} .lightbox h4 {margin:0; padding:0 0 10px; color:#000000; font-weight:normal; text-transform:uppercase;} .lightbox ul {padding:0!important;} .lightbox ul li {padding:0 0 10px; list-style:none inside; text-align:justify;} .lightbox p.dlpdf {margin-top:10px; padding:0 0 5px 20px!important; background-position:-1600px 0!important;} /* ________________________________________________ => TOOLS */ #tools h3 {height:18px; background:url("../gfx/tt_pro_h3.gif") no-repeat 0 0;} #tools[id] h3 {background-image:url("../gfx/tt_pro_h3.png");} #tools h3 span {position:absolute; left:-9999em;} #tools p, #tools a {color:#4C5D6A; text-align:left;} #search-box {margin-left:1px; padding:16px 0 17px 21px;} #search-box h3 {padding-bottom:3px; background-position:-3px -3px;} #search-box form {margin:0; padding:0; height:21px;} #search-box form input {float:left; margin:0 0 2px; padding:2px 3px 3px; width:157px; height:11px; background:#ffffff; border:1px solid #778191; color:#8e969d; font-size:0.95em;} #search-box form input.submit {margin:0; padding:0; width:25px; height:18px; background:url('../gfx/bt_pro_btok.gif') no-repeat 0 -200px #778191; color:#ffffff; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer;} #search-box form input.submit[class] {background-position: 0 -150px; border:1px solid #778191; border-left:none; text-indent:-9999em;} #search-box form input.submit:hover[class] {background-position: -36px -150px;} #contacteznous, #mysmeno, #smenomobi, #menuSec {margin-left:1px;} #contacteznous div {padding:12px 20px 20px; background:url('../gfx/bg_pro_toolsBloc.gif') no-repeat 0 0;} #contacteznous[id] div {background-image:url('../gfx/bg_pro_toolsBloc.png');} #contacteznous h3.contacteznous {height:auto; background:none;} #contacteznous h3.contacteznous a {display:block; width:224px; height:31px; padding:0; background:url('../gfx/tt_pro_h3.gif') 0 -40px; text-indent:-9999em;} #contacteznous h3.contacteznous[class] a {background-image:url('../gfx/tt_pro_h3.png');} #contacteznous h3.tel3620 {height:25px; background-position:0 -80px;} #contacteznous ul, #smenomobi ul {margin:8px 0 10px;} #contacteznous ul li, #smenomobi ul li {padding-bottom:5px;} #contacteznous ul li a, #smenomobi ul li a {border-bottom:solid 1px #4c5d6a; text-transform:uppercase; text-decoration:none;} #contacteznous ul li a:hover, #smenomobi ul li a:hover {border-bottom:none;} #contacteznous a.rappel {display:block; width:179px; height:58px; padding:0; background:url('../gfx/tt_pro_h3.gif') 0 -120px; text-indent:-9999em;} #contacteznous a.rappel[class] {background-image:url('../gfx/tt_pro_h3.png');} #mysmeno h3 {width:228px; height:33px; background-position:0 -200px;} #mysmeno div, #smenomobi div {padding:10px 20px 20px;} #mysmeno ul {margin:8px 0 10px; color:#ff920c;} #mysmeno ul li {color:#ff920c;} #mysmeno ul li a {text-decoration:none; color:#4c5d6a;} #mysmeno ul li a:hover {text-decoration:underline;} #smenomobi h3 {width:229px; height:34px; background-position:0 -240px;} #menuSec {padding:0; width:224px; list-style:none outside;} #menuSec li {padding-left:20px; background:url('../gfx/bg_pro_toolsBloc.gif') no-repeat -240px 0; list-style:none outside;} #menuSec li ul {width:181px; padding:0 0 20px;} #menuSec li ul li {padding:1px 0; background:none; list-style:disc inside;} #menuSec li a {line-height:28px; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.1em;} #menuSec li a:hover {text-decoration:underline;} #menuSec li ul li a {line-height:normal; border-bottom:solid 1px #4c5d6a; text-decoration:none; font-weight:normal; font-size:1em;} #menuSec li ul li a:hover {text-decoration:none; border-bottom:none;} #menuSec li ul li p {padding:5px 0;} #tools .pub {margin:0 0 20px 20px;} #tools .pub img {border:solid 1px #cbd1d9;} /* ________________________________________________ => FOOTER */ #footer {padding:18px 0 20px 24px; height:100%; background:url('../gfx/bg_pro_footer.png') repeat-x 0 0 #ffffff; color:#5d6777; overflow:hidden;} #footer div {float:left;} #footer div.col1 {width:170px;} #footer div.col2 {width:170px;} #footer div.col3 {width:170px;} #footer div.col4 {width:200px;} #footer ul {margin:0; padding:0;} #footer ul li {list-style:none outside;} #footer ul#cloud li {float:left; margin:0 4px; line-height:16px;} #footer ul li a {color:#5d6777; text-decoration:none;} #footer ul li a:hover {text-decoration:underline;} #footer ul#cloud li a {font-weight:bold;} #footer ul#cloud li a.size1 {font-size:1.4em;} #footer ul#cloud li a.size2 {font-size:1.2em;} #footer ul#cloud li a.size3 {font-size:0.9em;} #footer ul#cloud li a.size4 {font-size:0.7em;} /* ________________________________________________ => NAVBOTTOM */ #navBottom {clear:both; padding:0; height:100%; background:url('../gfx/bg_pro_navBottom.png') repeat-x 0 0; border:solid 1px #797f8a; overflow:hidden;} #navBottom ul li {float:left; padding:5px 0; color:#ffffff; list-style:none outside; text-transform:uppercase;} #navBottom ul li a{padding:0 10px; color:#ffffff; text-decoration:none;} #navBottom ul li a:hover{text-decoration:underline;} span.addthis {float:right; display:block; margin:0; padding:0; height:16px; width:auto; text-decoration:none} span.addthis {margin-right:20px; display:inline-block; height:16px; line-height:15px; padding-right:15px; background:url(../gfx/bg_btplus.png) scroll right top no-repeat; text-align:center;} span.addthis span {padding:0 0 0 22px; background:url(../gfx/bg_btplus.png) scroll left top no-repeat; text-transform:uppercase;} TABLE.typo3-editPanel { border:none; } TABLE.typo3-editPanel TD.typo3-editPanel-controls { background-color: #fff; border:none; } TABLE.typo3-editPanel TD.typo3-editPanel-label { background-color: #22aabb; } #bandeau11-12 { padding:20px 20px 20px 34px; } /*! top nav */ /* Ajouter un padding-top:70px sur le container principal du site */ html, body { margin: 0; padding: 0; } #top-nav {top:0; width: 100%; height: 40px; position: fixed; z-index: 999; background: url(http://www.smeno.com/la-carte-smeno/wp-content/themes/smeno/images/header/top-nav.jpg) 0 0 repeat-x #000; } #top-nav .wrapper { width: 920px; margin: 0 auto; } #top-nav ul {background: url(http://www.smeno.com/la-carte-smeno/wp-content/themes/smeno/images/header/top-nav-items-2.jpg) right 0 no-repeat; height: 40px; margin:0; padding:0; list-style:none; } #top-nav ul li { height: 40px; float: right; margin:0; padding:0; list-style:none; } #top-nav ul li a {text-decoration:none; display: block; height: 100%; width:100px; } #top-nav ul li a:hover{text-decoration:none} #top-nav ul li.top-nav-item-16 a { width: 100px; } #top-nav ul li.top-nav-item-8 a { width: 95px; } #top-nav ul li.top-nav-item-9 a { width: 97px; } #top-nav ul li.top-nav-item-13 a { width: 94px; } #top-nav ul li.top-nav-item-10 a { width: 99px; } #top-nav ul li.top-nav-item-11 a { width: 110px; } #top-nav ul li.top-nav-item-12 a { width: 106px; } #top-nav ul li.top-nav-item-14 a { width: 103px; } #top-nav ul li a span { visibility:hidden; }