/* Theme Name: Purified (Credit Edition) Theme URI: http://www.comparer-mon-credit.com/ Description: Thème épuré pour simulateur de crédits Version: 1.0 Tags: comparatif crédit, comparateur crédit, auto, immo, rachat, santé, devis */ /* Basics */ body { background:#E8E7E5; margin: 1px 0; } #page { width: 980px; margin: 0 auto; padding: 0; background:#FFF; font-family: Arial, Helvetica, Sans-Serif; } #wrapper { width: 940px; margin: 0 auto; padding: 0; background:none; } hr { clear: both; visibility: hidden; margin: 10px 0; } /* Header */ #header { height: 100px; width: 100%; margin: 0 auto; } #header h1 { color: #FFF; padding: 5px 20px 0 20px; margin: 0; font-size: 11px; } #barre-up { height: 25px; background: url('../images/barre_up.png') no-repeat; text-align:center;} #logo { margin: 10px 0 0 5px; float: left; width: 280px; float: left; } #logo img { border: none; margin: 0; padding: 0; } #logo a { border: none; margin: 0; padding: 0; } #menu { height: 80px; width: 630px; float: right; margin: 0; padding: 0; font-weight: 600; } #menu ul { list-style: none; font-size: 11px; text-transform: uppercase; margin: 10px 0 0 0; padding: 0; } #menu li.comparez, #menu li.trouvez, #menu li.economisez, #menu li.jouez { width: 155px; height: 80px; margin: 0 10px 0 0; float: left; display: block; } #menu li.comparez p, #menu li.trouvez p, #menu li.economisez p, #menu li.jouez p { width: 75px; margin: 10px 0 0 55px; line-height: 13px; } #menu li.comparez a, #menu li.trouvez a, #menu li.economisez a, #menu li.jouez a { color: #36A351; text-decoration: none; } #menu li.comparez a:hover, #menu li.trouvez a:hover, #menu li.economisez a:hover, #menu li.jouez a:hover { color: #0085CF; text-decoration: none; } #menu li.comparez { background: url('../images/li_comparez.png') no-repeat; } #menu li.trouvez { background: url('../images/li_trouvez.png') no-repeat; } #menu li.economisez { background: url('../images/li_economisez.png') no-repeat; } #menu li.economisez p { width: 80px; } #menu li.jouez { background: url('../images/li_jouez.png') no-repeat; margin: 0; width: 130px; } /* Navigation 1 */ #nav-1 { background: url('../images/bg_nav1.1.png') no-repeat; margin: 10px 0 0 0; height: 45px; } #breadcrump { width: 550px; height: 40px; float: left; } #breadcrump a, #breadcrump p { margin: 15px 5px 0 10px; padding: 0 20px 0 0; color: #36A351; text-decoration: none; font-size: 11px; display: block; float: left; background: url('../images/breadcramp_separator.png') top right no-repeat; } #breadcrump a:hover { color: #0085CF; } /* Menu Drop Down */ ul#dropdown, ul#dropdown li, ul#dropdown ul { list-style: none; margin: 0; padding: 0; } ul#dropdown { font-family: Arial, Helvetica, sans-serif; z-index: 100; position: relative; } ul#dropdown li { float: left; margin: 0; padding: 0; } ul#dropdown li a { text-align: center; display: block; width: 190px; height: 27px; padding: 15px 0 0 0; color: #36A351; text-decoration: none; font-size: 12px; text-transform: uppercase; } ul#dropdown li.hover, ul#dropdown li:hover, ul#dropdown li a:hover { position: relative; z-index: 100; cursor: default; color: #0085CF; } ul#dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 100; margin: 1px 0 0 0; width: 189px; background: #F5F5F5; border: 1px solid #CDCDCD; } ul#dropdown ul li { float: none; } ul#dropdown ul li a { display:block; margin: 0; width: 100%; border-bottom: 1px solid #CDCDCD; } ul#dropdown ul li a:hover { background: #CDCDCD; } ul#dropdown ul ul { top: 1px; left: 99%; } ul#dropdown li:hover > ul { visibility: visible; } /* Recherche */ #recherche { width: 190px; display: block; float: left; margin: 2px 0 0 5px; } #recherche input { margin: 0; padding: 0; font-size: 11px; color: #555; } #recherche input#search { float: left; margin: 10px 5px 0 10px; padding: 3px 2px; background: url('../images/search-bg.png') repeat-x; border: none; color: #F7F7F7; width: 140px; } #recherche input#button { float: left; margin: 10px 0 0 0; width: 18px; height: 18px; } /* Navigation 2 */ #nav-2 { background: url('../images/bg_nav2.png') no-repeat; margin: 0; height: 45px; margin-top: 10px; } #nav-2 ul { list-style: none; font-size: 12px; text-transform: uppercase; margin: 0 0 0 30px; padding: 0; } #nav-2 li { margin: 0 10px; padding: 10px 0 0 0; width: 130px; float: left; display: block; } #nav-2 li a { font-size: 10px; color: #292929; text-decoration: none; } #nav-2 li a:hover{ color: #EEE; } /* Banner */ #banner { background: url('../images/banner_bg.png') no-repeat; margin: 0; height: 320px; } #banner h2 { text-transform: uppercase; font-size: 21px; margin: 0; padding: 20px 0 0 30px; color: #36A351; line-height: 28px; } #banner h2 span { color: #0085CF; } #banner h3 { margin: 0 0 5px 70px; padding: 0; font-size: 14px; color: #292929; } #banner h3 a { color: #292929; text-decoration: none; } #banner h3 a:hover { color: #0085CF; } #banner p { font-size: 11px; margin: 0; padding: 0 10px 0 70px; color: #848484; line-height: 12px; font-weight: bold; height: 60px; } #banner #bloc1 { float: left; display: block; margin: 30px 0 0 20px; height: 150px; width: 285px; background: url('../images/bg_bloc1.png') no-repeat; } #banner #bloc2 { float: left; display: block; margin: 30px 0 0 10px; height: 60px; width: 290px; background: url('../images/bg_bloc2.png') no-repeat; } #banner #bloc3 { float: left; display: block; margin: 30px 0 0 20px; height: 60px; width: 290px; background: url('../images/bg_bloc3.png') no-repeat; } #banner #bloc4 { margin: 0 10px 0 0; } #banner #form { margin: 0; padding: 0; } #banner #form h4 { color: #0085CF; font-weight: normal; font-size: 11px; padding: 0; margin: 0 0 10px 0; } #banner #form select, #banner #form input { width: 270px; } #banner #form input#submit { float: right; margin: 25px 12px 0 0; } /* Partenaire */ #partenaires { background: url('../images/partenaire_bg.png') no-repeat; margin: 10px 4px 0 0; height: 260px; width: 255px; float: left; } #partenaires h3 { font-size: 18px; margin: 0; padding: 20px 0 0 60px; color: #36A351; } #partenaires h3 a{ font-size: 18px; margin: 0; color: #36A351; text-decoration: none; } .tofpartenaires { padding-left:42px; } .tofpartenaires img{ height: 67px; padding-left:20px; } /* Economisez.com */ #economisez { background: url('../images/economisez_bg.png') no-repeat; margin: 10px 4px 0 0; height: 260px; width: 365px; float: left; } #economisez h3 { font-size: 17px; margin: 0; padding: 25px 0 0 55px; color: #0085CF; } #economisez p { font-size: 11px; margin: 80px 0 0 0; padding: 10px 25px 0 25px; color: #292929; text-align: justify; } #economisez p span { color: #0085CF; } #economisez p a { font-size: 11px; margin: 0; padding: 0 4px; color: #0085CF; text-decoration: none; text-align: left; } #economisez p a:hover { color: #E25711; text-decoration: none; } #economisez a img { margin: 25px 0 0 30px; padding: 0; border: none; } /* Publicité */ #publicite img, #publicite a img { margin: 10px 0 2px 0; height: 260px; width: 310px; float: right; border: none; } /* Formulaire 1 */ #formulaire-1 { background: url('../images/bg_formulaire1.png') no-repeat; margin: 10px 3px 0 0; height: 1200px; width: 940px; } #formulaire-1 h3 { font-size: 17px; margin: 0; padding: 20px 0 0 30px; color: #36A351; } #formulaire-1 p { font-size: 12px; margin: 0; padding: 20px 0 0 30px; color: #666; } #formulaire-1 p span { display: block; font-size: 10px; font-style: italic; margin: 5px 0; } #formulaire-1 form#landing { font-size: 12px; margin: 30px 30px 0 50px; padding: 0; } #formulaire-1 form#landing p { font-size: 14px; font-weight: bold; margin: 20px 0 0 0; padding: 0; color: #36A351; } #formulaire-1 form#landing h4 { display: block; font-size: 14px; margin: 30px 0 10px -20px; padding: 5px 10px; background: #36A351; color: #FFF; width: 260px; } #formulaire-1 form#landing ul { margin: 0; padding: 0; list-style: none; } #formulaire-1 form#landing li { clear: both; margin: 0; padding: 0; list-style: none; } #formulaire-1 form#landing ul li p { float: left; font-size: 12px; color: #333; margin: 15px 0 0 0; width: 300px; padding: 0; font-weight: normal; } #formulaire-1 form#landing ul li select { font-size: 12px; margin: 12px 0 0 0; } #formulaire-1 form#landing ul li input { font-size: 12px; margin: 15px 5px 0 0; } #formulaire-1 form#landing ul li input#submit { float: right; } /* Formulaire 2 */ #formulaire-2 { background: url('../images/bg_formulaire2.png') no-repeat; margin: 10px 3px 0 0; height: 950px; width: 940px; } #formulaire-2 h3 { font-size: 17px; margin: 0; padding: 20px 0 0 30px; color: #36A351; } #formulaire-2 form#landing { font-size: 12px; margin: 30px 30px 0 50px; padding: 0; } #formulaire-2 form#landing p { font-size: 14px; font-weight: bold; margin: 20px 0 0 0; padding: 0; color: #36A351; } #formulaire-2 form#landing h4 { display: block; clear: both; font-size: 14px; margin: 30px 0 10px -20px; padding: 5px 10px; background: #36A351; color: #FFF; width: 260px; } #formulaire-2 form#landing ul { margin: 0; padding: 0; list-style: none; } #formulaire-2 form#landing li { clear: both; margin: 0; padding: 0; list-style: none; } #formulaire-2 form#landing ul li p { float: left; font-size: 12px; color: #333; margin: 15px 0 0 0; width: 300px; padding: 0; font-weight: normal; } #formulaire-2 form#landing ul li select { font-size: 12px; margin: 12px 0 0 0; } #formulaire-2 form#landing ul li input { font-size: 12px; margin: 15px 5px 0 0; } #formulaire-2 form#landing ul li input#radio { margin: 15px 5px 0 10px; } #formulaire-2 form#landing ul li input#submit { float: right; } #formulaire-2 form#landing ul#left { float: left; width: 590px; margin: 10px 0 40px 0; } #formulaire-2 form#landing ul#right { float: right; width: 270px; margin: 10px 0 40px 0; } /* Bloc SEO 1 */ #bloc-seo-1 { background: url('../images/blocseo1.png') no-repeat; margin: 10px 0 0 0; height: 370px; width: 625px; float: left; } #bloc-seo-1 h3 { font-size: 17px; margin: 0; padding: 20px 40px 0 130px; color: #36A351; } #bloc-seo-1 #contenu { margin: 7px 50px 0 50px; } #bloc-seo-1 p { clear: both; font-size: 11px; margin: 0; padding: 10px 0px 0 0px; color: #333; text-align: justify; } #bloc-seo-1 p span { color: #AE2EAB; } /* Bloc SEO 2 */ #bloc-seo-2 { background: url('../images/blocseo2.png') no-repeat; margin: 10px 0 0 0; height: 345px; width: 500px; float: left; } #bloc-seo-2 h3 { font-size: 17px; margin: 0; padding: 20px 0 0 130px; color: #36A351; width: 350px; display: block; } #bloc-seo-2 #contenu { margin: 25px 0 0 0; } #bloc-seo-2 #contenu p { font-size: 11px; margin: 0; padding: 10px 30px 0 60px; color: #333; text-align: justify; } #bloc-seo-2 #contenu p span { color: #0085CF; } #bloc-seo-2 #contenu p a { display: inline; font-size: 11px; text-decoration: none; color: #36A351; font-weight: bold; margin: 0; } #bloc-seo-2 #contenu p a:hover { text-decoration: none; color: #0085CF; } #bloc-seo-2 #contenu a { display: block; font-size: 12px; text-decoration: none; text-align: right; color: #36A351; margin: 10px 30px 0 0; } #bloc-seo-2 #contenu a:hover { color: #0085CF; } /* Bloc SEO 3 */ #bloc-seo-3 { background: url('../images/blocseo3.png') no-repeat; margin: 10px 0 0 0; height: 210px; width: 940px; float: left; } #bloc-seo-3 h3 { font-size: 17px; padding: 0 0 10px 0; margin: 20px 40px 15px 40px; color: #36A351; width: 90%; border-bottom: 2px solid #CDCDCD; } #bloc-seo-3 p { clear: both; font-size: 11px; margin: 0; padding: 10px 40px 0 40px; color: #333; text-align: justify; } #bloc-seo-3 p span { color: #0085CF; font-weight: bold; } #bloc-seo-3 img { float: right; margin: 20px 30px 0 0; border: none; } /* Bloc SEO 4 */ #bloc-seo-4 { background: url('../images/blocseo4.png') no-repeat; margin: 10px 1px 0 2px; height: 250px; width: 310px; float: left; } #bloc-seo-4 h3 { font-size: 17px; padding: 0 0 10px 0; margin: 20px 40px 15px 40px; color: #36A351; width: 75%; border-bottom: 2px solid #CDCDCD; } #bloc-seo-4 p { clear: both; font-size: 11px; margin: 0; padding: 10px 40px 0 40px; color: #333; text-align: justify; } #bloc-seo-4 p span { color: #0085CF; font-weight: bold; } #bloc-seo-4 a { font-size: 11px; padding: 0; margin: 5px 40px 0 0; color: #36A351; text-decoration: none; float: right; } #bloc-seo-4 a:hover { color: #E25711; } /* Offres Bloc Promo */ #bloc-promo img, #bloc-promo a img { margin: 10px 0 0 3px; height: 345px; width: 430px; float: right; border: none; } /* Nuage de tags */ #nuage-tags { background: url('../images/nuage_tags.png') no-repeat; margin: 8px 0 0 0; height: 370px; width: 310px; float: right; } #nuage-tags h3 { font-size: 17px; margin: 0; padding: 28px 0 0 90px; color: #36A351; } #nuage-tags p { font-size: 12px; margin: 45px 0 0 0; padding: 0 25px 0 25px; color: #333; text-align: center; height: 170px; } #nuage-tags a { text-decoration: none; color: #333; } #nuage-tags a span#p12 { font-size: 12px; } #nuage-tags a span#p13 { font-size: 13px; } #nuage-tags a span#p14 { font-size: 15px; } #nuage-tags a span#p15 { font-size: 17px; } #nuage-tags a span#p16 { font-size: 19px; } #nuage-tags a:hover { text-decoration: none; color: #0085CF; } #nuage-tags #email { display: block; float: left; height: 80px; width: 120px; margin: 45px 0 0 50px; text-align: center; } #nuage-tags #email a { text-decoration: none; color: #0085CF; font-size: 12px; line-height: 14px; } #nuage-tags #email a:hover { text-decoration: none; color: #36A351; } #nuage-tags #email a img { border: none; margin: 0 0 10px 0; } #nuage-tags #email hr { clear: both; visibility: hidden; margin: 0; } #nuage-tags #rss { display: block; float: right; height: 80px; width: 120px; text-decoration: none; color: #0085CF; margin: 15px 20px 0 0; text-align: center; } #nuage-tags #rss a { width: 70px; text-decoration: none; color: #0085CF; font-size: 12px; line-height: 14px; } #nuage-tags #rss a:hover { text-decoration: none; color: #36A351; } #nuage-tags #rss a img { border: none; margin: 0 0 10px 0; } #nuage-tags #rss hr { clear: both; visibility: hidden; margin: 0; } /* Pagination */ #pagination { clear: both; display: block; margin: 0; padding: 0; } #pagination ul { list-style: none; display: block; margin: 15px 15px 10px 0; padding: 0; } #pagination ul li { float: right; font-size: 11px; margin: 0 2px; display: block; } #pagination ul li a { background: #FFF; color: #36A351; border: 1px solid #36A351; text-decoration: none; display: block; padding: 3px 4px; } #pagination ul li:hover, #pagination ul li a:hover { color: #FFF; background: #36A351; } /* The Best Match */ #best-match { background: url('../images/best_match.png') no-repeat; margin: 8px 0 10px 0; height: 70px; width: 940px; float: right; } #best-match ul { list-style: none; margin: 20px 0 0 0; padding: 0; } #best-match li { margin: 18px 0 0 0; padding: 0 37px; float: left; display: block; } #best-match li a { color: #292929; text-decoration: none; font-size: 12px; } #best-match li a:hover { color: #0085CF; } /* Footer */ #footer { clear: both; background: url('../images/bg_footer.png') no-repeat; height: 50px; width: 940px; } #footer #menu { float: left; display: block; margin: 0; padding: 5px 10px 0 0px; width: 100%; height: auto; } #footer #menu p, #footer #menu a { font-size: 12px; color: #FFF; font-weight: normal; text-decoration: none; margin: 0; padding: 0; } #footer #menu a:hover { color: #CCEDFF; } #credits { clear: both; display: block; margin: 0; padding: 2px 10px; width: 930px; height: auto; } #credits p { font-size: 10px; color: #CCEDFF; text-align: center; margin: 0; padding: 0; } #credits-refnat { clear: both; display: block; margin: 0; padding: 2px 10px; width: 930px; height: auto; } #credits-refnat p { padding-top: 10px; font-size: 12px; color: #FFFFFF; text-align: center; margin: 0; } #credits-refnat a { color:#5a5a5a; text-decoration: none; } #credits-refnat a:hover, #credits-refnat a:focus { color:#FFFFFF; } #refnat-rub { position:relative; top:5px; clear: both; background: url('../images/bg_footer_ref.png') no-repeat; height: 36px; width: 940px; } /* INDEX */ .pub-swf{ padding:10px; } .div_send_to_friend{ font-size: 12px; } .home-radio { width: 520px; border:1px solid #CDCDCD; background-color:white; padding:2px; } .home-radio td { vertical-align: top; } .home-radio input { margin-right: 5px; } /* Premiere visite */ /*section premier visite*/ #frame { width:630px; border:#E4E4E2 1px solid; } #etapes { height : 65px; padding-top:5px; background: #FFFFFF; } #etapes .etape { width:53px; height:53px; background:url(../img/etape.png) no-repeat 10px; padding:10px; } #etapes .active { background:url(../img/etape-active.png) no-repeat 10px; } #displayer { width:610px; height:423px; overflow:hidden; position:relative; margin : 0 0 0 10px; } #etape-content { width:3050px; height:423px; position:absolute; top:0; left:0; } #etape-content td { font-size : 15px; } #etape-content table{ float:left; } #prev_suiv{ background:#E4E4E2; } #prev_suiv table{ margin-top: 1px; width:610px; height:50px; } #prev_suiv img { border:none; } .slider1{ maring-top:20px; } .form_sante_separator{ background-color:#F6F6F6; } .info_conjoint select{ float:left; margin-right:2px; } #publicite { background:url("../images/publicite.png") no-repeat scroll 0 0 transparent; border:medium none; float:left; height:260px; margin:10px 0 0 0px; width:310px; } .footer-liens{ width:992px;margin:8px 0 8px 0;clear: both;} .footer-liens h2{ font-size:13px;color:#636363;margin-bottom:7px;padding-left:9px;font-weight: bold;} .footer-liens a{background:left 5px no-repeat;text-decoration:none;color:#636363;} .liens-site{ float:left;margin:0 0 0 7px;width:180px;} .liens-site-edito li{ float:left;margin:10px 0px 7px 14px;width:320px;color:#636363;font-size: 11px;} .liens-site li{list-style-type:none;font-size: 11px;color:#636363;padding-left:9px;} .footer-intra{ width:992px;display:table;margin-top:} /* CSF */ #mentions-formulaire { font-size: 70%; } #colcenter strong, #colcenter b { font-weight: bolder; } #colcenter { font-size:95%; } #formSubmitLP .errMsg { display: block; } /* masque select de l'index */ #bloc1 .jNiceSelectWrapper ul { visibility: hidden; }