/* ----------------------------------------------------------------------- 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 */ 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:210px; 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.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; } .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:435px; 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 .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; }/* Ajouté le 09.06.2010 */ .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; }