/* ----------------------------------------------------------------------- MAIN STYLES Centurion UI 1.0 -> http://centurion-ui.octaveoctave.com ----------------------------------------------------------------------- */ /* ----------------------------------------------------------------------- IMPORT CORE */ @import url(reset.css); /* ------------------------------------------------------------------------------------ BASICS */ html, body { background:#fff; color:#4b4b4b; font:normal 13px/16px Arial, sans-serif; } body { padding-bottom:45px; } h1 { color:#adbaca; font:normal 19px/46px 'DIN-Medium', Arial, sans-serif; margin-bottom:35px; padding-left:33px; background:url(images/h1-arrow.png) 0 15px no-repeat; } h1 strong { color:#fff; font-weight:normal; margin-left:5px; } h2 { color:#035fa9; font:normal 28px/36px Arial, sans-serif; padding-bottom:15px; margin-bottom:15px; border-bottom:#c7c7c7 solid 1px; } h3 { color:#173e6f; font:normal 26px/20px Arial, sans-serif; margin-bottom:25px } h4 { color:#035fa9; font:normal 23px/28px Arial, sans-serif; margin-bottom:10px; } h5 { color:#035fa9; font:normal 17px/20px Arial, sans-serif; margin-bottom:20px } h6 { color:#365881; font:bold 15px/17px Arial, sans-serif; margin-bottom:13px } h6 span { color:#999 } td { padding:5px 10px 5px 0; margin:0;} a img { border:none; margin:0; padding:0;} a { text-deocration:underline; color:#035fa9; } a:hover { text-decoration:none; color:#035fa9; } h1 a, h1 a:hover { color:#adbaca; text-decoration:none; } h1 strong a, h1 strong a:hover { color:#fff; text-decoration:none; } h4 a { text-decoration:none; } h4 a:hover { text-decoration:underline; } h5 a { text-decoration:none; } h5 a:hover { text-decoration:none; } p { margin-bottom:5px; } p.teaser { margin-bottom:20px; font-size:16px; line-height:20px; } p.bold { margin-bottom:5px; font-size:14px; font-weight:bold; } p.upper-blue { text-transform:uppercase; color:#06c; } span.bold-orange { font-weight: bold; font-size: 14px; color: #f6861f; } .clear { clear:both; } ul.grid-c3 { } ul.grid-c3 li { width:305px; margin-right:20px; float:left; } ul.grid-c3 li.second { position:relative; left:50px; } ul.arrow-big-orange { margin:0 0 25px 0px; padding:0; list-style:none; } ul.arrow-big-orange li { margin:0 0 10px 0; padding:0 0 10px 35px; background:url('images/puce-arrow-big-orange.png') no-repeat 0 0; } ul.arrow-orange { margin:0 0 20px 0px; padding:0; list-style:none; } ul.arrow-orange li { margin:3px 0 13px 0; padding:0 0 0 20px; background:url('images/puce-arrow-orange.png') no-repeat 0 3px; } ul.square-orange { margin:0 0 20px 0px; padding:0; list-style:none; } ul.square-orange li { margin:0 0 15px 0; padding:0 0 0 15px; background:url('images/puce-square-orange.png') no-repeat 0 6px; } ul.square-white { margin:0 0 20px 0px; padding:0; list-style:none; } ul.square-white li { margin:0 0 15px 0; padding:0 0 0 15px; background:url('images/puce-square-white.png') no-repeat 0 6px; } ul.white-circle { margin:0 0 20px 0px; padding:0; list-style:disc; color:white; list-style-position: outside; margin-left:20px;} ul.white-circle li { margin:0 0 5px 0; color:white;} ul.fushya { list-style: disc; color:#b0006f; list-style: outside; margin:0 0 30px 5px;} /* Ajout� le 09.06.2010 */ ul.fushya li{ margin-left:13px;} /* Ajout� le 09.06.2010 */ ul.numbers{ margin:0 0 50px 0; padding:0; list-style: none; list-style-position: outside; } /* Ajout� le 09.06.2010 */ ul.numbers li{ margin:0 0 20px 0; padding:0; line-height: 1.2em; font-size: 16px; color:#0059a1; font-weight: bold;} /* Ajout� le 09.06.2010 */ ul.numbers li img{ float:left; margin-right:10px; margin-bottom:20px;} /* Ajout� le 09.06.2010 */ ul.red-square-big { display:block; } /* Ajout� le 09.06.2010 */ ul.red-square-big li{ display:block; float:left; border-right:2px solid gray; background:url('images/puce-redsquare-big.jpg') no-repeat 0 3px; padding:0 10px 0 20px; margin-right:10px;} /* Ajout� le 09.06.2010 */ ul.red-square-big li.last{ margin-right:0; border-right:0; padding-right:0;} /* Ajout� le 09.06.2010 */ ul.puce { margin:0 0 20px 0px; padding:0; list-style:none; } ul.puce li { margin:0 0 5px 0; padding:0 0 0 13px; background:url('images/puce-dot.png') no-repeat 0 6px; } ul.puce li ul{ list-style-type: none;} /* Ajout� le 09.06.2010 */ ul.puce li ul li{ margin:10px 0 10px 25px; background: none;} /* Ajout� le 09.06.2010 */ ul.arrow-tiny-orange { margin:0 0 20px 0px; padding:0; list-style:none; } ul.arrow-tiny-orange li { margin:0 0 5px 0; padding:0 0 0 13px; background:url('images/puce-arrow-tiny-orange2.png') no-repeat 0 6px; } ul.arrow-tiny-orange li a { color:#666; text-decoration:underline; } ul.mp3 { margin:10px 0 20px 25px; padding:0; list-style:none; } ul.mp3 li { margin:0 0 5px 0; padding:0 0 0 20px; background:url('images/puce-mp3.png') no-repeat 0 0; } ul.bg-arrow-orange { margin:0 0 20px 0px; padding:0; list-style:none; } ul.bg-arrow-orange li { margin:0 15px 10px 0; padding:12px 8px 12px 32px; width:235px; height:13px; float:left; background:url('images/bg-puce-arrow-orange.png') no-repeat; font:normal 12px/13px Arial, sans-serif; color:#194274; } ul.arrow-big-orange ul.arrow-orange { margin-top:10px } ul.arrow-big-orange ul.square-orange { margin-top:10px } .orange { color:#f6861f; } .blue { color:#0066b3; } .navy { color:#173f70; } .red { color:#941004; } .yellow { color:#eea100; } .fushya{ color:#b0006f;} /* Ajout� le 09.06.2010 */ ol {list-style-type:decimal;padding-left:1.5em;} em.small{ display:block; font-size:9px; padding-top:20px; margin-bottom:30px;} /* Ajout� le 09.06.2010 */ /* ------------------------------------------------------------------------------------ STRUCTURE */ #header { text-align:center; background:#1d4a81; } #header .in { margin:0 auto; width:980px; height:160px; position:relative; text-align:left; } #splash { text-align:center; background:#1d4a81; font-size:0; line-height:0; } #splash .in { margin:0 auto; width:980px; position:relative; text-align:left; } #content { text-align:center; background:url('images/bg-content.png') repeat-x #fff; } #content .in { margin:0 auto 30px auto; width:980px; position:relative; text-align:left; } #footer { text-align:center; clear:both; } #footer .in { margin:0 auto; width:980px; position:relative; text-align:left; border-bottom:solid 1px #c4c4c4; } /* ------------------------------------------------------------------------------------ HEADER */ #header h1, #header .heading { color:#fff; font:normal 22px/25px 'DIN-Medium', Arial, sans-serif; margin:13px 0 0 0; padding:0; background:none; position:absolute; top:50px; left:250px; } #header .logo { margin:0; padding:0; background: url('images/logo-lfm.png'); text-indent:-9999px; display:block; width:130px; height:47px; position:absolute; top:50px; left:60px; } #first-menu { width:730px; position:absolute; left:250px; bottom:0; height:27px; } #first-menu li { float:left; position:relative } #first-menu li a { margin:0 2px; padding-left:5px; display:block; float:left; height:27px; background:url('images/corners.png') no-repeat 0 -94px #fff; font:bold 12px/13px Arial, sans-serif; color:#173f70; text-decoration:none; position:relative; } #first-menu li a span { padding:7px 10px 7px 5px; height:13px; display:block; float:left; background:url('images/corners.png') no-repeat right -121px #fff } #first-menu li a:hover, #first-menu li.selected a, #first-menu li.selected a:hover { background:url('images/corners.png') no-repeat 0 -148px #035fa9; color:#fff; text-decoration:none; } #first-menu li a:hover span, #first-menu li.selected a span, #first-menu li.selected a:hover span { background:url('images/corners.png') no-repeat right -175px #035fa9; } /* ---------------------------> */ #second-menu { width:730px; position:absolute; left:250px; top:10px; height:27px; background:url('images/bg-second-menu.png') repeat-x left bottom; } #second-menu li { float:left; } #second-menu li a { margin-right:10px !important; margin-right:5px; padding-left:5px; display:block; float:left; height:20px; font:normal 13px/13px Arial, sans-serif; color:#fff; text-decoration:none; position:relative; } #second-menu li a span { padding:3px 7px 4px 2px; height:13px; display:block; float:left; } #second-menu li a:hover, #second-menu li.selected a, #second-menu li.selected a:hover { background:url('images/corners.png') no-repeat 0 0 #035fa9; color:#fff; text-decoration:none; cursor:pointer; } #second-menu li.highlight a, #second-menu li.highlight a:hover, #second-menu li.highlight a span, #second-menu li.highlight a:hover span { background:none #fff; color:#0D2848; text-decoration:none; cursor:pointer; } #second-menu li a:hover span, #second-menu li.selected a span, #second-menu li.selected a:hover span { background:url('images/corners.png') no-repeat right -20px #0d2848; color:#fff; text-decoration:none; } /* ---------------------------> */ .contact { padding-left:5px; display:block; position:absolute; right:10px; top:50px; height:27px; background:url('images/corners.png') no-repeat 0 -40px #0e2a4c; text-transform:uppercase; font:normal 16px/16px Arial, sans-serif; color:#e3e4e3; text-decoration:none;} .contact span.title { padding:5px 10px 6px 5px !important; padding:5px 10px 4px 5px; display:block; height:16px; float:left; background:url('images/corners.png') no-repeat right -67px #0e2a4c; } .contact:hover { color:#fff; text-decoration:none; cursor:pointer; } /* ------------------------------------------------------------------------------------ CONTENT */ #left { width:230px; float:left; } #main { margin-left:250px !important; margin-left:247px; width:730px; text-align:left; overflow:hidden } #center { width:480px; float:left; } #right { margin-left:500px !important; margin-left:497px; width:230px; } .first-50 { width:480px; float:left; } .last-50 { margin-left:500px !important; margin-left:497px; width:480px; } .plain #center { width:730px; } .plain #right { margin-left:750px !important; margin-left:747px;} /* ---------------------------> */ #third-menu { margin-bottom:20px; padding-bottom:5px; width:230px; background:url('images/bg-third-menu-bottom.png') bottom no-repeat; } #third-menu li { background:url('images/bg-third-menu.png') repeat-y; position:relative; zoom:1; } #third-menu li a { margin:0 0 0 40px; padding:7px 0 9px 0; width:160px; font:bold 13px/16px Arial, sans-serif; border-top:solid 1px #c7c7c7; color:#767676; text-decoration:none; display:block } #third-menu li.first { background:url('images/bg-third-menu-top.png') no-repeat; padding-top:12px; } #third-menu li.first a { border-top:none; } #third-menu li a:hover, #third-menu li.selected a, #third-menu li.selected a:hover { color:#173f70; text-decoration:none; } #third-menu li a .arrow { display:block; width:9px; height:9px; position:absolute; top:11px; left:20px; background:url('images/puce-third-menu.png') no-repeat; } #third-menu li.first a .arrow { top:22px; } #third-menu li a:hover .arrow, #third-menu li.selected a .arrow, #third-menu li.selected a:hover .arrow { background:url('images/puce-third-menu-hover.png') no-repeat; } /* ---------------------------> */ /* ------------------------------------------------------------------------------------ FOOTER */ #footer .sitemap { padding:10px; height:270px; background:url('images/bg-footer.png') repeat-x #e3e4e3; border:solid 1px #c4c4c4; position:relative; } #footer .sitemap .col { margin:10px; width:137px; height:180px; float:left; } #footer .sitemap ul { margin:0 0 15px 0; } #footer .sitemap li { padding-left:10px; margin-bottom:5px; background:url('images/puce-double-arrow.png') 0 5px no-repeat; font:normal 11px/13px Arial, sans-serif; } #footer .sitemap li.index { background-image:url('images/puce-dot-small.png'); font-weight:bold; } #footer .sitemap a { text-decoration:none; color:#3a3a3a; } #footer .sitemap a:hover { text-decoration:underline; color:#3a3a3a; } #footer .sitemap .mutualite-francaise { position:absolute; bottom:22px; left:22px } #footer p { margin:10px 0; text-align:center; font: normal 11px/15px Arial, sans-serif; } #footer a { color:#4b4b4b; text-decoration:underline; } #footer a:hover { color:#4b4b4b; text-decoration:none; } /* ------------------------------------------------------------------------------------ OTHERS */ .border { border:solid 1px #c4c4c4; display:block; width:228px; margin-bottom:20px; color:#4b4b4b; text-decoration:none; } .border img { border:solid 2px #fff; background:#eee; display:block; } .border-turquoise{ border:1px solid #7abbd2;} .border span.title { padding:6px 10px 0 10px; background:#e7e7e7; display:block; height:45px; border:solid 2px #fff; border-top:solid 2px #e7e7e7; border-bottom:none; font: normal 17px/17px 'Din-Bold', Arial, sans-serif; position:relative; top:2px; } .border:hover { color:#4b4b4b; text-decoration:none; } .border span.title p { margin:0; padding:0; } .content-borders { margin-bottom:20px; width:800px; } .content-borders .border { margin-right:20px; float:left; } .content-borders-big .border { width:316px; margin-right:14px; float:left; } .content-borders-big .border span.title { padding:12px 10px 8px 35px; background:url('images/puce-arrow-tiny-orange.png') 20px 18px no-repeat #e7e7e7; display:block; height:39px; border:solid 2px #fff; border-top:solid 2px #e7e7e7; border-bottom:none; font: bold 15px/17px Arial, sans-serif; color:#194274; position:relative; top:2px; } .content-borders-big { margin-bottom:20px; width:1000px; } div.post { margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #c4c4c4; } div.post .border { margin:0 10px 0 0; float:left; width:auto; } div.post-tiny { margin-bottom:15px; padding-bottom:10px; } div.post-tiny h5 { margin-bottom:7px; } div.post-tiny h6 { margin-bottom:5px; } a.more { padding-right:15px; background:url('images/puce-read-more.png') center right no-repeat; color:#f6861f; text-decoration:none; font:normal 13px/16px Arial, sans-serif; } a.more:hover { color:#f6861f; text-decoration:underline; } a.more { padding-left:15px; background:url('images/puce-read-more.png') center left no-repeat; color:#f6861f; text-decoration:none; } a.more-right, h5 a.more-right { padding-right:15px; background:url('images/puce-read-more.png') center right no-repeat; color:#f6861f; text-decoration:none; font:normal 13px/16px Arial, sans-serif; } a.big-more-right { padding-right:15px; background:url('images/puce-read-more.png') center right no-repeat; color:#f6861f; text-decoration:none; font-size:16px; } a.more:hover, a.more-right:hover, a.big-more-right:hover { color:#f6861f; text-decoration:underline; } #content div.box { border:solid 1px #c4c4c4; margin:0 0 15px 0; padding:2px; } #content div.box div.in { margin:0; padding:10px; width:204px; text-align:left; background:#173f70; } #content div.box h5 { font-weight:bold; margin-bottom:7px; text-transform:uppercase; color:#fff; } #content div.box p { margin:0; color:#fff; } #content div.box-azur div.in { background:#5598ca; } #content div.box-red div.in { background:#941004; } #content div.box-fushya div.in { background:#ed1c24; color:#fff } #content div.box-green div.in { background:#009804; color:#fff } #content div.box-yellow div.in { background:#eea100; color:#fff } #content div.box-gray div.in { background:#f6f6f6; color:#4b4b4b } #content div.box-turquoise div.in{ background: #4ea7cc; } /* Ajout� le 09.06.2010 */ #content div.box-marineblue div.in{ background: #0059a1;} /* Ajout� le 09.06.2010 */ #content div.box-violet div.in { background: #b0006f;} /* Ajout� le 09.06.2010 */ #content div.box div.in ul { margin-bottom:5px; } #content div.box div.in ul.puce li { background-image:url(images/puce-dot-white.png); } #content div.box-white div.in ul.puce li, #content div.box-gray div.in ul.puce li { background-image:url(images/puce-dot.png); } #content div.box-white { border:none; } #content div.box-white div.in { padding:0; width:224px; background:#fff; } #content div.box-white h5 { color:#173f70; } #content div.box-white h5.blue {color:#0066b3; } #content div.box-white h5.fushya {color:#b0006f; } /* Ajout� le 09.06.2010 */ #content div.box-white p { color:#4b4b4b; } #content div.box-turquoise h5 span.min{text-transform: none;} #content div.box-turquoise p{ color:white; } /* Ajout� le 09.06.2010 */ #content div.box-turquoise ul{ color: white; list-style-type: none;} /* Ajout� le 09.06.2010 */ #content div.box-turquoise ul li{ color: white;} /* Ajout� le 09.06.2010 */ #content div.box-marineblue ol{ color:white; list-style-type: decimal; list-style-position: outside; margin-left:20px; margin-bottom:12px; list-style-position: inside;} /* Ajout� le 09.06.2010 */ #content div.box-marineblue ol li{ background: none; } /* Ajout� le 09.06.2010 */ #content div.box-gray p { color:#4b4b4b; line-height:20px; } div.box-border { border:1px solid #DEDEDE; padding:2px; margin-bottom:10px; } div.box-border div.int { background:url('images/bg-box-grey.png') repeat-x; padding:13px 15px; } div.box-border div.intblue { background:url('images/bg-box-blue.png') repeat-x; padding:13px 15px; } div.box-border div.little-padding { padding:4px 3px 0 } div.citation { margin-bottom:30px; zoom:1; } div.citation img { float:left; margin:0 0 10px 17px; } div.citation span.who { position:relative; top:10px; left:10px; width:95px; font:normal 16px/18px 'DIN-Medium', Arial, sans-serif; color:#0066b3; } div.citation blockquote { zoom:1; clear:both; margin:10px 0 0 30px; padding:5px 0 0 5px; background:url('images/open-quote.png') no-repeat 0 0; text-indent:20px; color:#0066b3; font:italic 13px/15px Arial, sans-serif; } .btn { padding-left:20px; background:url(images/sprite-btn.png) no-repeat left top; height:40px; position:relative; float:left; font:bold 16px/35px Arial, sans-serif; text-decoration:none; color:#173f70; } .btn .text { padding:0 50px 0 0; background:url(images/sprite-btn.png) no-repeat right -40px; height:40px; line-height:35px; float:left; } .btn:hover { cursor:pointer; text-decoration:none; color:#173f70; } .btn .arrow { height:20px; width:20px; position:absolute; right:20px; top:12px; display:block; background:url(images/sprite-btn.png) no-repeat 0 -80px; } .btn-blue1 { padding-left:20px; height:40px; position:relative; float:left; font:bold 16px/35px Arial, sans-serif; text-decoration:none; color:#fff; background:url(images/sprite-btn-blue1.png) no-repeat left top; } .btn-blue1 .text { padding:0 50px 0 0; background:url(images/sprite-btn-blue1.png) no-repeat right -40px; height:40px; line-height:35px; float:left; } .btn-blue1:hover { cursor:pointer; text-decoration:none; color:#fff; } .btn-blue1 .arrow { height:20px; width:20px; position:absolute; right:20px; top:12px; display:block; background:url(images/sprite-btn-blue1.png) no-repeat 0 -80px; } .btn-blue2 { padding-left:20px; background:url(images/sprite-btn-blue2.png) no-repeat left top; height:40px; position:relative; float:left; font:bold 16px/35px Arial, sans-serif; text-decoration:none; color:#fff; } .btn-blue2 .text { padding:0 50px 0 0; background:url(images/sprite-btn-blue2.png) no-repeat right -40px; height:40px; line-height:35px; float:left; } .btn-blue2:hover { cursor:pointer; text-decoration:none; color:#fff; } .btn-blue2 .arrow { height:20px; width:20px; position:absolute; right:20px; top:12px; display:block; background:url(images/sprite-btn-blue2.png) no-repeat 0 -80px; } .btn-rose { padding-left:20px; background:url(images/sprite-btn-rose.png) no-repeat left top; height:40px; position:relative; float:left; font:bold 16px/35px Arial, sans-serif; text-decoration:none; color:#fff; } /* Ajout� le 09.06.2010 */ .btn-rose .text { padding:0 50px 0 0; background:url(images/sprite-btn-rose.png) no-repeat right -40px; height:40px; line-height:35px; float:left; } /* Ajout� le 09.06.2010 */ .btn-rose:hover { cursor:pointer; text-decoration:none; color:#fff; } /* Ajout� le 09.06.2010 */ .btn-rose .arrow { height:20px; width:20px; position:absolute; right:20px; top:12px; display:block; background:url(images/sprite-btn-rose.png) no-repeat 0 -80px; } /* Ajout� le 09.06.2010 */ div.parrainage { padding:205px 0 0 10px; width:220px; height:75px; background:url('files/parrainage.jpg') no-repeat; } div.fond-parrainage { background: url('images/fond_parrainage.png') no-repeat; } .orange, orange a { color:#f6861f; } .blue, .blue a, blue a:hover { color:#0066b3; } .navy, .navy a, .navy a:hover { color:#173f70; } .red, .red a, .red a:hover { color:#941004; } .black, .black a, .black a:hover { color:#4b4b4b; } .white, .white a, .white a:hover { color:#fff; } .tricolumn-1 { float:left; width:313px; } .tricolumn-2 { margin:0 20px; float:left; width:314px; } .tricolumn-3 { float:left; width:313px; } table.quotations { width:730px; } table.quotations th { padding:10px; border-bottom:solid 1px #cfcfcf; text-align:center; } table.quotations tr.even td{ padding:10px; background:#fff; text-align:center; } table.quotations tr.odd td { padding:10px; background:#ebebeb; text-align:center; } #choices-quotations { margin:10px 0; font-size:11px; text-align:center} /* ------------------------------------------------------------------------------------ HOME STYLES */ #home { background:#dadada; } #home #header .in { background:#173f70;} #home #content { background:url('images/bg-content-home.png') repeat-x #dadada;} #home #content .in { background:url('images/bg-content.png') repeat-x; margin-bottom:0; } #home #content h1 { background:url('images/h1-arrow-home.png') 0 0 no-repeat; color:#fff; margin-bottom:20px; } #home #content .col { margin:0 30px 0 0; width:150px; height:250px; float:left; } #home #content .col .border { width:150px; margin-bottom:7px; } #home #content .col .media { border: 1px solid #C4C4C4; padding:2px; } #home #content h5 { line-height:17px; margin-bottom:5px; color:#f6861f } #home #content p { margin-bottom:5px; } #home a.more, #home a.more:hover { color:#0066b3; font-weight:bold; } #home .bloc-solid { margin-left:10px !important; margin-left:2px; padding:20px; width:210px; background:url('images/bg-bloc-solid.png') repeat-x bottom #fff; float:left; position:relative; top:-20px; } #home .bloc-solid img { margin-right:15px; float:left; background:#dedede; } #home #content .bloc-solid p { margin-bottom:20px; font-weight:bold; font-size:12px; } #home .bloc-solid p span { color:#f6861f; } #home .bloc-solid ul.arrow { margin:10px 0 10px 0; list-style:none; zoom:1; } #home .bloc-solid ul.arrow a { padding:2px 0 2px 15px; font:bold 14px/16px Arial, sans-serif; color:#f6861f; text-decoration:none; background:url('images/puce-arrow.png') no-repeat 0 5px; display:block; zoom:1; } #home .bloc-solid ul.arrow a:hover { color:#f6861f; text-decoration:underline; } #home #footer { position:relative; top:-20px; } #home #anim_home { background:#173f70; width:980px; height:339px; } /* ------------------------------------------------------------------------------------ SPLASH PRODUIT */ .splash img { display:block; } .splash-produit { width:980px; height:435px; position:relative; } .splash-produit .btn { position:absolute; top:40px; right:150px; } .splash-produit .promo { position:absolute; bottom:0; right:0; } .splash-produit h1, .splash-produit .heading { position:absolute; right:565px; top:165px; margin:0; padding:0; background:none; font:normal 28px/29px 'Din-Medium', arial, sans-serif; color:#fff; text-align:right; } /* ------------------------------------------------------------------------------------ LFM SPLASH */ .lfm-splash { padding-left:250px; background:url('files/bg-lfm-splash.jpg') no-repeat #1d4980; height:350px; overflow:hidden; } .lfm-splash h1, .lfm-splash .heading { margin:65px 0 40px 0; padding:0; background:none; font:normal 32px/32px 'Din-Medium', arial, sans-serif; color:#fff; } .lfm-splash .box { margin:0 20px 20px 0; padding:15px; width:200px; height:55px; display:block; background:#0c2647; color:#fff; text-decoration:none; float:left; font:normal 19px/22px 'DIN-Medium', Arial, sans-serif; } .lfm-splash .box:hover { color:#adbaca; text-decoration:none; } #splash .lfm-splash .box img.arrow { display:inline; position:relative; top:4px; } /* ------------------------------------------------------------------------------------ RETRAITE SPLASH */ .retraite-splash { background:url('files/bg-retraite-splash.jpg') no-repeat #1d4980; height:620px; width:980px; position:relative; color:#fff } .retraite-splash h1, .retraite-splash .heading { margin:0; padding:35px 0 0 60px; background:none; width:180px; font:normal 32px/32px 'Din-Medium', arial, sans-serif; color:#fff; } .retraite-splash h2 { margin:0; padding:0; border:none; color:#fff; font:normal 17px/20px 'Din-Medium', arial, sans-serif; position:absolute; top:55px; left:30px; width:110px; text-align:center; } .retraite-splash h3 { margin:0 0 3px 0; color:#fff; font:normal 17px/20px 'Din-Bold', arial, sans-serif; } .retraite-splash p { color:#fff; font:normal 13px/16px Arial, sans-serif; } .retraite-splash .rmc { padding:30px 190px 0 310px; position:absolute; right:0; top:50px; height:115px; width:230px; background:url('files/bg-div-rmc.png') no-repeat; } .retraite-splash .ares { padding:30px 190px 0 310px; position:absolute; right:0; top:235px; height:115px; width:230px; background:url('files/bg-div-ares.png') no-repeat; } .retraite-splash .lrm { padding:30px 190px 0 310px; position:absolute; right:0; top:420px; height:115px; width:230px; background:url('files/bg-div-lrm.png') no-repeat; } .retraite-splash .btn { position:absolute; bottom:-22px; left:290px; } .retraite-splash .logo { position:absolute; top:35px; left:145px; } /* ------------------------------------------------------------------------------------ RETRAITE SPLASH */ .epargne-splash { background:url('files/bg-epargne-splash.jpg') no-repeat #1d4980; height:869px; width:980px; position:relative; color:#fff } .epargne-splash h1, .epargne-splash .heading { margin:0; padding:35px 0 0 60px; background:none; width:180px; font:normal 30px/32px 'Din-Medium', arial, sans-serif; color:#fff; } .epargne-splash h2 { margin:0; padding:0; border:none; color:#fff; font:normal 16px/18px 'Din-Medium', arial, sans-serif; position:absolute; top:52px; left:25px; width:110px; text-align:center; } .epargne-splash h3 { margin:0 0 3px 0; color:#fff; font:normal 17px/20px 'Din-Bold', arial, sans-serif; } .epargne-splash p { color:#fff; font:normal 13px/16px Arial, sans-serif; } .epargne-splash .actepargne { padding:30px 190px 0 310px; position:absolute; right:0; top:50px; height:115px; width:230px; background:url('files/bg-div-actepargne.png') no-repeat; } .epargne-splash .livretjeune { padding:30px 190px 0 310px; position:absolute; right:0; top:235px; height:115px; width:230px; background:url('files/bg-div-livretjeune.png') no-repeat; } .epargne-splash .funepargne { padding:30px 190px 0 310px; position:absolute; right:0; top:420px; height:115px; width:230px; background:url('files/bg-div-funepargne.png') no-repeat; } .epargne-splash .rentepargne { padding:30px 190px 0 310px; position:absolute; right:0; top:605px; height:115px; width:230px; background:url('files/bg-div-rentepargne.png') no-repeat; } .epargne-splash .btn { position:absolute; bottom:-22px; left:290px; } /* ------------------------------------------------------------------------------------ PREVOYANCE SPLASH */ .prevoyance-splash { background:url('files/bg-prevoyance-splash.jpg') no-repeat #1d4980; height:257px; width:980px; position:relative; color:#fff } .prevoyance-splash h1, .prevoyance-splash .heading { margin:0; padding:35px 0 0 60px; background:none; width:180px; font:normal 30px/32px 'Din-Medium', arial, sans-serif; color:#fff; } .prevoyance-splash h2 { margin:0; padding:0; border:none; color:#fff; font:normal 16px/18px 'Din-Medium', arial, sans-serif; position:absolute; top:52px; left:25px; width:110px; text-align:center; } .prevoyance-splash h3 { margin:0 0 3px 0; color:#fff; font:normal 17px/20px 'Din-Bold', arial, sans-serif; } .prevoyance-splash p { color:#fff; font:normal 13px/16px Arial, sans-serif; } .prevoyance-splash .obseques { padding:30px 190px 0 310px; position:absolute; right:0; top:50px; height:115px; width:230px; background:url('files/bg-div-confort-obseques.png') no-repeat; } .prevoyance-splash .btn { position:absolute; bottom:-22px; left:290px; } /* ------------------------------------------------------------------------------------ FILLE AVEC BALLON SUR CONTACT ET PARTENAIRES*/ .girl-balloon{ position:absolute; top:-41px; right:-46px; background:url('files/girl-with-ballon.png'); width:149px; height:301px; overflow:100000; } /*ACCORDEON*/ .myAccordion-declencheur{ padding: 5px; cursor:pointer; background:url('images/accordeon-off.png') no-repeat; margin-bottom: 1px; } .myAccordion-declencheur span{ font-family:Arial; padding-left:22px; font-size:15px; color:white; } .myAccordion-declencheur-actif{ background:url('images/accordeon-on.png') no-repeat; margin-bottom:0; } .myAccordion-declencheur *{ color: #fff; margin:0; } .myAccordion-declencheur-actif *{ color: #fff; } .myAccordion-content{ background:url('images/bg-box-accordeon.png') repeat-x; padding:15px 0; width:717px; } .myAccordion-content-actif{ } /*IMMOBILIER*/ .myAccordion-content .container-data{ float:left; padding:10px 20px; } .myAccordion-content .container-data .data{ float:left; margin-bottom:15px; } .myAccordion-content .container-data .data a{ color:#7C7C7C; text-decoration:none } .myAccordion-content .container-data .data a:hover{ text-decoration:underline } .myAccordion-content .container-data .data div.col1{ float:left; width:210px; margin-right:10px; } .myAccordion-content .container-data .data div.col1 p{ color:#7C7C7C; font-size:12px } .myAccordion-content .container-data .data div.col2{ float:left; width:450px; } .myAccordion-content .container-data .data div.col2 p{ color:#7C7C7C; font-size:11px } .myAccordion-declencheur-orange { background-image:url('images/accordeon-on-orange.png'); } .myAccordion-declencheur-turquoise { background-image:url('images/accordeon-on-turquoise.png'); } .myAccordion-declencheur-red { background-image:url('images/accordeon-on-red.png'); } .myAccordion-declencheur-violet { background-image:url('images/accordeon-on-violet.png'); } .myAccordion-declencheur-bleu { background-image:url('images/accordeon-on-bleu.png'); } /*PAGE DIRIGEANT*/ .container-dirigeant {float:left;margin-bottom:10px} .container-dirigeant .photo {float:left;width:120px;padding:0 10px} .container-dirigeant .photo img {border:1px solid grey;padding:2px} .container-dirigeant .text {float:left;width:340px} .container-dirigeant-footer {float:left;border:solid 1px #c4c4c4;margin-top:10px} .container-dirigeant-footer p {color:#7C7C7C;font-size:12px} .container-dirigeant-footer .col1{float:left;width:213px;border-right:1px solid #FDECD3;padding-right:15px} .container-dirigeant-footer .col2{float:left;width:213px;padding-left:15px} .container-dirigeant-footer .present {margin-top:10px} .container-dirigeant-footer .present .photo{float:left;padding-right:8px} .container-dirigeant-footer .present p{font-size:11px; padding-top:10px} /*FIN PAGE DIRIGEANT*/ div.form-contact { float:left;width:445px;margin:10px 40px 0 0} div.form-contact .error p{ color:#D99137;margin-bottom:10px} div.form-contact span.star { color:#D99137;font-weight:bold;} div.form-contact .blue { color:#365881} div.form-contact label{ color:#365881; float:left;font-size:13px; margin-right:7px;height:21px;padding:3px 0;width:150px;} div.form-contact label.large{ margin:15px 0 0 0; font-weight:bold; color:#365881; font-size:13px; padding:3px 0; height:auto; width:100%;} div.form-contact label.other{ width:135px;} div.form-contact input.form-input { text-indent:5px;width:275px;} div.form-contact input.form-input2{ text-indent:5px;width:215px;} div.form-contact textarea { width:358px;height:138px;margin-bottom:5px;} div.form-contact .button-contact { float:right;padding-right:10px} div.form-contact span.small { color:#999; font-size:10px; line-height:12px; position:relative; top:-5px;} div.form-contact select.large { width:437px; margin-bottom:10px; } div.form-contact textarea.large { width:433px; margin-bottom:10px;} #legend { margin-bottom:20px; } /*AJOUT ALIGN*/ .align-right {text-align:right} .align-center{text-align:center} /*AJOUT MODIF INTEGRATION JUIN 2010*/ div.desc-services{ display:block; clear: both; height:105px; margin:0; padding:0;} div.desc-services img.left{ float:left; margin:0 35px 0 0;} div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom:0 !important; } /* ------------------------------------------------------------------------------------ RETRAITE SPLASH */ /*.retraite-splash { background:url('files/bg-retraite-splash.jpg') no-repeat #173f72; height:620px; width:980px; position:relative; color:#fff } .retraite-splash h1, .retraite-splash .heading { margin:0; padding:35px 0 0 60px; background:none; width:180px; font:normal 32px/32px 'Din-Medium', arial, sans-serif; color:#fff; } .retraite-splash h2 { margin:0; padding:0; border:none; color:#fff; font:normal 17px/20px 'Din-Medium', arial, sans-serif; position:absolute; top:55px; left:30px; width:110px; text-align:center; } .retraite-splash h3 { margin:0 0 3px 0; color:#fff; font:normal 17px/20px 'Din-Bold', arial, sans-serif; } .retraite-splash p { color:#fff; font:normal 13px/16px Arial, sans-serif; } .retraite-splash .lrm { padding:30px 190px 0 310px; position:absolute; right:0; top:50px; height:115px; width:230px; background:url('files/bg-div-lrm.png') no-repeat; } .retraite-splash .rmc { padding:30px 190px 0 310px; position:absolute; right:0; top:235px; height:115px; width:230px; background:url('files/bg-div-rmc.png') no-repeat; } .retraite-splash .ares { padding:30px 190px 0 310px; position:absolute; right:0; top:420px; height:115px; width:230px; background:url('files/bg-div-ares.png') no-repeat; } .retraite-splash .btn { position:absolute; bottom:-22px; left:290px; } .retraite-splash .logo { position:absolute; top:35px; left:145px; } */ /* ------------------------------------------------------------------------------------ RDV JOURNEES MUTUALISTES */ #rdv-mut-day { margin-top:20px; padding:20px 0 20px 120px; border-top:solid 1px #c3c3c3; background:url(images/map.png) no-repeat 0 30px; clear:both; } #rdv-mut-day h5 { margin:0 0 10px 0; } #rdv-mut-day h2 { margin:0 0 20px 0; padding:0; border:none; } #rdv-mut-day a { text-decoration:none; } #rdv-mut-day th, #rdv-mut-day td { padding:15px; font-weight:normal; border-bottom:dotted #c7c7c7 1px; } #rdv-mut-day th h5 { margin:0; position:relative; left:-15px; } #rdv-mut-day strong { text-transform:uppercase; color:#0066b3; font-weight:bold; } #rdv-mut-day .wrap-text { width:442px; border:solid 5px #f6f6f6; float:left; margin:0; zoom:1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #rdv-mut-day .text { margin:0; width:430px; border:solid 1px #c3c3c3; padding:8px 5px; color:#bbb; font-size:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #rdv-mut-day .submit { margin-left:10px; } /* ------------------------------------------------------------------------------------ CAROUSEL */ #carrousel{ width:514px; height:315px; margin:0 auto; position:relative; overflow:hidden; } .slide{ position:absolute; bottom:35px; left:0; width:514px; height:280px; } #title{ position:absolute; padding-left:12px; width:514px; line-height:35px; height:35px; bottom:0; left:0; background:url(fileadmin/templates/themes/lfm/images/carousel/sprite_blue.png) top left repeat; color: #adbaca; font-family: 'DIN-Medium', Arial, sans-serif; } .navigation{ position:absolute; bottom:8px; right:5px; } .navigation span{ background:#FFFFFF; color:#005aa1; padding:2px 4px; cursor:pointer; margin:0 1px; } .navigation span:hover,.navigation span.active{ background:#da9730; color:#005aa1; } /* ------------------------------------------------------------------------------------ CALCUL EPARGNE */ #valider_line_simulateur_profilepargne { display:block; float:left; width:414px; text-align:center; } #valider_line_simulateur_profilepargne a span { display:none; } #valider_line_simulateur_profilepargne a { display:block; background:url(../images/img_simulateur/btn_simulation_profil_on.png) top left no-repeat; width:159px; height:65px; margin-left:250px; } #valider_line_simulateur_profilepargne a:hover { display:block; background:url(../images/img_simulateur/btn_simulation_profil_off.png) top left no-repeat; width:159px; height:65px; margin-left:250px; } #valider_line_simulateur_calculepargne { display:block; float:left; width:414px; text-align:center; } #valider_line_simulateur_calculepargne a span { display:none; } #valider_line_simulateur_calculepargne a { display:block; background:url(../images/img_simulateur/btn_simulation_calcul_on.png) top left no-repeat; width:159px; height:65px; margin-left:250px; } #valider_line_simulateur_calculepargne a:hover { display:block; background:url(../images/img_simulateur/btn_simulation_calcul_off.png) top left no-repeat; width:159px; height:65px; margin-left:250px; } .overlay{ display:block; z-index: 1000; filter: alpha(opacity=80); /*older IE*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */ -moz-opacity: .80; /*older Mozilla*/ -khtml-opacity: 0.8; /*older Safari*/ opacity: 0.8; /*supported by current Mozilla, Safari, and Opera*/ background-color:#fff; position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle; display:none; } #simulateurContener{ display:none; position:absolute; z-index:1001; width:700px; height:520px; background:#DF365A; margin:40px 0px 0px 10px; padding:20px; border-radius: 15px; -moz-box-shadow: 0px 0px 30px #000000; -webkit-box-shadow: 0px 0px 30px #000000; box-shadow: 0px 0px 30px #000000; } #btn_fermerSimlateur { float:right; cursor:pointer; } /* RMC */ .rmc-ariane { margin-bottom:20px; width:730px; height:31px; background:url(images/rmc-ariane.png) no-repeat; } .rmc-ariane li { height:31px; display:block; float:left; padding-left:25px; color:#555; text-transform:uppercase; font:14px/31px Din-Bold, Arial, sans-serif; } .rmc-ariane li.active { color:#035fa9; } .rmc-ariane .alpha { width:215px; } .rmc-ariane .beta { width:190px; } .rmc-ariane .gamma { width:250px; } .rmc-form { font:13px/18px Arial, sans-serif; } .rmc-form label { padding:5px 15px 0 0; width:250px; float:left; } .rmc-form .input { width:460px; float:left; margin-top:5px; } .rmc-form .nicy { margin:0 10px 0 0; padding:3px; background:#eee none repeat scroll 0 0; display:inline; float:left; position:relative; top:-5px; -moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; } .rmc-form input.text, .rmc-form select, .rmc-form textarea { margin:0; padding:5px; background:url(images/bg-input.png) repeat-x scroll 0 0 #fff; font:normal 11px/normal Arial,Verdana,sans-serif; color:#333; border:1px solid #c3c3c3; -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; width:270px; font:normal 11px/normal Arial,Verdana,sans-serif; } .rmc-form select { width:282px; } .rmc-form .clear { height:15px; } .rmc-form .input-tiny .text { width:88px; } .rmc-form .submit { margin-right:175px; float:right; } /* Datepicker ------------------------------------------- */ .ui-datepicker { width: 154px; padding: 5px; background:#fff; border:solid #d6d6d6 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px } .ui-datepicker .ui-datepicker-header { position:relative; padding:0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 0; width: 1.8em; height: 1.8em; } .ui-icon-circle-triangle-w { background:url("images/ui-icons_222222_256x240.png") -80px -192px no-repeat; width:16px; height:16px; text-indent:-9999px; } .ui-icon-circle-triangle-e { background:url("images/ui-icons_222222_256x240.png") -48px -192px no-repeat; width:16px; height:16px; text-indent:-9999px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev { left:0; } .ui-datepicker .ui-datepicker-next { right:0; } .ui-datepicker .ui-datepicker-prev-hover { } .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin:0; line-height: 26px; text-align: center; font-size:12px; font-weight:bold; color:#333; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:2px 0 0 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 50px;} .ui-datepicker select.ui-datepicker-month { margin-left:25px; } .ui-datepicker select.ui-datepicker-year { margin-right:25px; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table { width: 100%; font-size: 10px; line-height:13px; border-collapse: collapse; margin:0; } .ui-datepicker th { padding:5px 0; font-size: 11px; text-align: center; font-weight: normal; border: 0; color:#999 } .ui-datepicker td { border: 0; padding: 1px; line-height:15px; width:20px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; background:#ededed; border:solid #ccc 1px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .ui-datepicker td a.ui-state-highlight { background:#eee; border-color:#ddd; } .ui-datepicker td a:hover { background:#fff; border-color:#eee; } .ui-datepicker td a.ui-state-active { background:#fff; border-color:#eee; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /*----------- Rajouts ---------*/ .texte-red { color : #ed1c24;} ul.puce-blue { margin:0 0 20px 0px; padding:0; list-style:none;font-style:italic; } ul.puce-blue li { text-indent:13px;margin:0 0 5px 0; background:url('files/wype/puce-dot-blue.png') no-repeat 0 6px; } ul.puce-blue-petit { padding:0; list-style:none; } ul.puce-blue-petit li { text-indent:13px;background:url('files/wype/puce-dot-blue.png') no-repeat 0 6px;} sup{ vertical-align : super; font-size : 10px;} .side-blue{ font-style:italic;color:#0066b3;} ul.arrow-orange li a { text-decoration:none; color:#545454;} ul.arrow-orange li a:hover { text-decoration:underline;} .rmc-form input[type=checkbox] { margin-left:0;} .rmc-form select { background:#fafafa;} .rmc-form .checkbox { width:540px;} .rmc-form .checkbox input[type=checkbox] { float:left;} .checkbox label { float:left; width:500px;display:block;margin-left:5px;margin-top:-5px} .radio label { float:none;} .rmc-form .date { background-color:#ebebeb;width:515px;margin-left:20px;overflow:hidden;} .rmc-form .date hr { clear:both;visibility:hidden;} .rmc-form .date .nicy{ top:1px;} .rmc-form .date label{ text-align:right;margin-top:2px;width:200px;} .rmc-form .exemples { padding:5px 10px 8px 10px;background-color:#f0f5f9;width:340px;border:1px solid #d8e5f0;} .rmc-form .exemples li { display:block; left:20px; padding-left:15px; background:url('files/wype/exemples_arrow.png') no-repeat; background-position:0px 5px; } .rmc-form label.exemples { width:150px; font-size:11px;margin-right:93px;} .rmc-form label.exemples a { left:20px; padding-left:15px; background:url('files/wype/exemples_arrow.png') no-repeat; background-position:0px 2px; } .rmc-form .small { width:300px;} .rmc-form .small hr { clear:both;visibility:hidden;} .rmc-form .small label{ width:260px;} .success{ background:url('files/wype/success.png') no-repeat;background-position:0px 4px;padding-left:20px;} .rmc-form .r_delegation input{ width:100px;} .rmc-form .r_delegation .exemples{ float:left;font-size:11px;width:150px;padding:3px;margin-top:-4px;} .rmc-form .r_delegation .exemples li{ text-indent:15px;padding:0px;} .question { background: url(files/wype/question.png);width: 24px;height: 26px;display: block; float: left;text-indent: -9999px;} #content #splash .in{ bottom:-26px;margin-bottom:40px;margin-top:-64px;} #content #splash .in dl{ margin:0} /* ------------------------------------------------------------------------------------ Ecran 3 */ .resultat { background: url(files/wype/attention.png) no-repeat;padding-left: 25px;color: #ed1c24; text-transform: uppercase;font-weight: bold;} .sous-resultat { padding-left: 25px;font-weight: bold;} .imagesMili span { color: #ed1c24; font-weight: bold; display: block;} ul.simulation-retraite li { margin-top: 25px; padding-left: 25px; } .simulation-retraite h5.sr-titre { font: bold 17px/20px arial; } .simulation-retraite p.sr-soustitre { margin:0; padding:0; border:none; color:#fff; font:normal 17px/20px 'Din-Medium', arial, sans-serif;position:absolute; top:55px; left:30px; width:110px; text-align:center; } .simulation-retraite p.sr-texte { margin:0 0 3px 0; color:#fff; font:normal 17px/20px 'Din-Bold', arial, sans-serif; } .simulation-retraite p { color:#fff; font:normal 13px/16px Arial, sans-serif; } .simulation-retraite div { margin-left: -25px; } .simulation-retraite .ares { margin-top: 51px; padding:30px 190px 0 310px; height:115px; width:230px; background:url('files/wype/bg-div-ares-blanc.png') no-repeat; position: relative; } .simulation-retraite .actepargne { padding:30px 190px 0 310px; height:115px; width:230px; background:url('files/wype/bg-div-actepargne-blanc.png') no-repeat; position: relative; } .simulation-retraite .livretjeune { margin-top: 51px; padding:30px 190px 0 310px; height:115px; width:230px; background:url('files/wype/bg-div-livretjeune-blanc.png') no-repeat; position: relative; } .simulation-retraite .livretrm { padding:30px 190px 0 310px; height:115px; width:230px; background:url('files/wype/bg-div-livretrm-blanc.png') no-repeat; position: relative; } .simulation-retraite .btn { position:absolute; bottom:-22px; left:290px; } .simulation-retraite .logo { position:absolute; top:35px; left:145px; } .simulation-sidebar { margin: 25px 0; position:relative; left: -10px; width: 250px; } /* ------------------------------------------------------------------------------------ Ecran 5 */ label[for=oui] { padding-right: 20px;} .rmc-form2 .submit , .rmc-form2 .submit.suivant{ background: url(images/btn-valider.png); width: 136px; height: 40px; border: 0; cursor: pointer; margin-right:175px; float:right; } .rmc-form2 .submit.suivant { background: url(images/btn-suivant.png); } .print { background: url(files/wype/imprimante.png) no-repeat right;text-align: right; padding-right: 25px;clear: both;height: 18px;display: block;margin: 20px 0;} /* ------------------------------------------------------------------------------------ Ecran 6 */ /*#delegation { width: 110px;}*/ .delegation { padding: 2px 0 0 8px;font-size: 11px;line-height: 15px;text-indent: 17px;float: left; background: url(files/wype/bg_delegation.png);width: 152px;height: 33px;} /* ------------------------------------------------------------------------------------ Ecran 7 */ .rmc-form input.text.medium { width: 160px;} .rmc-form .label { padding:5px 15px 0 0; width:250px; float:left; } label[for=rente2] { width: 170px;height: 33px;font-size: 11px;line-height: 15px;text-indent: 17px; padding: 2px 0 0 8px;background: url(files/wype/bg_rente.png);} .error { color: #ed1c24;} .rmc-form .error .nicy { background-color: #fac5c7;} .inInput { position: relative;left: -27px;top: 2px;} .popin { padding: 30px;position: absolute;top: 100px;left: 400px; background: url(files/wype/bg_popin.png);width: 371px;height: 368px;} .popin2 { padding: 30px; position: absolute; top: 100px; left: 400px; height:468px; background: url(files/wype/bg_popin2.png) no-repeat; width: 371px;} .popin h5 { width: 315px;} .popin table { margin-top: 7px;} .popin th.age { width: 193px;} .popin th { padding: 0 10px 22px 5px;} .popin td { padding: 0 0 8px 5px;} .fermerPopin { width: 24px;height: 24px;cursor: pointer;position: absolute;top: 5px;left: 400px;} /* ------------------------------------------------------------------------------------ Ecran 8 */ #cadre { background: url(files/wype/cadre_middle.png) repeat-y;padding: 30px;position: relative;} #cadre h3 { padding-bottom: 30px;border-bottom: 1px solid #cdcdcd;font-size: 30px;} #cadre .top { background: url(files/wype/cadre_top.png);height: 6px;width: 730px;position: absolute; top: 0;left: 0;} #cadre .bottom { background: url(files/wype/cadre_bottom.png);height: 6px;width: 730px;position: absolute; bottom: 0;left: 0;clear: both;} #cadre .cadre_left { float: left;width: 300px;} #cadre .cadre_right { margin-left: 360px;width: 300px;} #cadre p.cadre_left, #cadre p.cadre_right { font-weight: bold;text-align: center;} #cadre .cadre_arrow { text-indent: 25px;background: url(images/puce-arrow-big-orange.png) no-repeat; font-weight: bold;} #cadre .clear { margin: 40px 0;} #cadre .cadre_lien { display: block;margin-top: 30px;} #cadre .cadre_left2 { float: left;width: 55%;line-height: 20px;} #cadre .cadre_right2 { margin-left: 56%;line-height: 20px;} /* CSS RAJOUTE */ .btn .arrowright { height:20px; width:20px; position:absolute; left:20px; top:12px; display:block; background:url(files/wype/sprite-btn.png) no-repeat -32px -80px; } .textright { padding:0 30px 0 24px; background:url(images/sprite-btn.png) no-repeat right -40px; height:40px; line-height:35px; float:left;} .bg-gris{ background : #ebebeb;} .coordonnee { width: 536px; margin : -10px 0 30px 0; border-spacing:100px;} .coordonnee tr{ height: 27px; line-height: 27px;} .coordonnee tr td{ padding-left: 5px;} .ajust-tab{ width : 313px; } .info-confirmation { margin-bottom: 20px; padding: 4px;background-color:#f0f5f9;width:441px; border:1px solid #d8e5f0; font-size : 11px;} .soush5{ padding: 0 0 0 20px; margin: -20px 0 30px 0; } .p-right{ padding: 0 0 0 22px; } .success{ background:url('files/wype/success.png') no-repeat; background-position:0px 4px; padding-left:20px;} .rmc-form .exemples { padding:5px 10px 8px 10px;background-color:#f0f5f9;width:340px;border:1px solid #d8e5f0;} .rmc-form .exemples li { display:block; left:20px; padding-left:15px; background:url('files/wype/liens_conflits_arrow.png') no-repeat; background-position:0px 5px;} .rmc-form input[type=checkbox] { margin-left:0;} .rmc-form .checkbox { width:540px;} .rmc-form .checkbox input[type=checkbox] { float:left;} .checkbox label { float:left; width:500px;display:block;margin-left:5px;margin-top:-5px} .margin-sidebar{ margin-top: 50px; visibility : hidden;} .nomargin{ margin-top: -20px; } .rmc-form .input-middle-tiny .text { width:200px; } .printleft { background: url(files/wype/imprimante.png) no-repeat left; text-align: left; padding-left: 25px; clear: both; height:18px;} .printright { background: url(files/wype/imprimante.png) no-repeat left; text-align: left; padding-left: 25px;float:right; position:relative; top:-40px;height:18px;} .telecharger { background: url(files/wype/telecharger.png) no-repeat left; text-align: left; padding-left: 25px; clear: both; height : 20px;} .attention{ background: url(files/wype/attention.png) no-repeat left; text-align: left; padding-left: 25px; clear: both; height : 14px; } .btnfloatright{ float:right;} .contenu-centrer{ width: 530px; } .help{ width: 135px;padding: 3px 15px 3px 15px;float: right;height: 75px; margin-top: -70px;background: url(files/wype/bck_help.jpg) no-repeat;} .help p{ font-size:10px; margin-top: -20px;line-height:12px;} .help h4{ font-size: 12px;} /* ------------------------------------------------------------------------------------ Ecran 8 */ #cadre { background: url(files/wype/cadre_middle.png) repeat-y;padding: 30px;position: relative;} #cadre h3 { padding-bottom: 30px;border-bottom: 1px solid #cdcdcd;font-size: 30px;} #cadre .top { background: url(files/wype/cadre_top.png);height: 6px;width: 730px;position: absolute; top: 0;left: 0;} #cadre .bottom { background: url(files/wype/cadre_bottom.png);height: 6px;width: 730px;position: absolute; bottom: 0;left: 0;clear: both;} #cadre .cadre_left { float: left;width: 300px;} #cadre .cadre_right { margin-left: 360px;width: 300px;} #cadre p.cadre_left { font-weight: bold;text-align: center;width: 145px;} #cadre p.cadre_right { font-weight: bold;text-align: center;margin-left: 155px;width: 145px;} #cadre .cadre_arrow { text-indent: 25px;background: url(images/puce-arrow-big-orange.png) no-repeat; font-weight: bold;} #cadre .clear { margin: 40px 0;} #cadre .cadre_lien { display: block;margin-top: 30px;} #cadre .cadre_left2 { float: left;width: 55%;line-height: 20px;} #cadre .cadre_right2 { margin-left: 56%;line-height: 20px;} #cadre .dotted{ border-bottom: 1px dotted #4B4B4B; height: 0.8em; } #cadre .dotted.total{font-weight:bold; font-size:110%} #cadre .left { float:left; background-color:#F6F6F6; padding-right:5px} #cadre .right { float:right; background-color:#F6F6F6; padding-left:5px} #cadre .liste-resultat {width:60%;} #cadre .liste-resultat .clear {margin:10px} /* CSS RAJOUTE */ .btn .arrowright { height:20px; width:20px; position:absolute; left:20px; top:12px; display:block; background:url(files/wype/sprite-btn.png) no-repeat -32px -80px; } .textright { padding:0 30px 0 24px; background:url(images/sprite-btn.png) no-repeat right -40px; height:40px; line-height:35px; float:left;} .bg-gris{ background : #ebebeb;} .coordonnee { width: 536px; margin : -10px 0 30px 0; border-spacing:100px;} .coordonnee tr{ height: 27px; line-height: 27px;} .coordonnee tr td{ padding-left: 5px;} .ajust-tab{ width : 313px; } .info-confirmation { margin-bottom: 20px; padding: 4px;background-color:#f0f5f9;width:441px; border:1px solid #d8e5f0; font-size : 11px;} .soush5{ padding: 0 0 0 20px; margin: -20px 0 30px 0; } .p-right{ padding: 0 0 0 22px; } .success{ background:url('files/wype/success.png') no-repeat; background-position:0px 4px; padding-left:20px;} .rmc-form .exemples { padding:5px 10px 8px 10px;background-color:#f0f5f9;width:340px;border:1px solid #d8e5f0;} .rmc-form .exemples li { display:block; left:20px; padding-left:15px; background:url('files/wype/liens_conflits_arrow.png') no-repeat; background-position:0px 5px;} .rmc-form input[type=checkbox] { margin-left:0;} .rmc-form .checkbox { width:540px;} .rmc-form .checkbox input[type=checkbox] { float:left;} .checkbox label { float:left; width:500px;display:block;margin-left:5px;margin-top:-5px} .margin-sidebar{ margin-top: 50px; visibility : hidden;} .nomargin{ margin-top: -20px; } .rmc-form .input-middle-tiny .text { width:200px; } .printleft { background: url(files/wype/imprimante.png) no-repeat left; text-align: left; padding-left: 25px; clear: both; height:18px;} .printright { background: url(files/wype/imprimante.png) no-repeat left; text-align: left; padding-left: 25px;float:right; position:relative; top:-40px;height:18px;} .telecharger { background: url(files/wype/telecharger.png) no-repeat left; text-align: left; padding-left: 25px; clear: both; height : 20px;} .attention{ background: url(files/wype/attention.png) no-repeat left; text-align: left; padding-left: 25px; clear: both; height : 14px; } .btnfloatright{ float:right;} .contenu-centrer{ width: 530px; } /* ------------------------------------------------------------------------------------ Ecran 9 */ #popinMap { padding: 30px;position: absolute;top: 150px;left: 180px; background: url(files/wype/cadre_middle2.png);width: 730px;height: 690px; z-index: 1;} #popinMap .top { background: url(files/wype/cadre_top2.png);height: 6px;width: 790px;position: absolute; top: 0;left: 0;} #popinMap .bottom { background: url(files/wype/cadre_bottom2.png);height: 6px;width: 790px;position: absolute; bottom: 0;left: 0;clear: both;} #fermerPopinMap { width: 24px;height: 24px;cursor: pointer;position: absolute;top: 5px;left: 758px; background: url(files/wype/close.png);}