%PDF- %PDF-
Direktori : /home/kfvehpdt/epouse-et-moi.com/css/ |
Current File : /home/kfvehpdt/epouse-et-moi.com/css/style.css |
/* CSS Document */ *{ margin:0; padding:0; } .spacer{ height:0; clear:both; padding:0; margin:0; } body{ background:#000; padding:0; } div#general{ width:981px; margin:8px auto;} #grand-left, #right{ float:left;} .rose{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198;} .rose14{ font:14px Verdana, Arial, Helvetica, sans-serif; color:#d32198; } .violet{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#be4295; } a.liengris{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#89817d; text-decoration:none;} a.liengris:hover{ color:#d32198; text-decoration:none;} /**********************************************************************************/ #grand-left{ background:url(../images/fond-left.gif) repeat-y 0 0; height:auto;} #left{ float:left; width:246px; height:auto; min-height:700px; } #left-top{ height:50px; background:url(../images/fond_top_gauche.jpg) no-repeat 0 0; padding:244px 0 0 20px;} ul#left-menu{ height:322px; background:url(../images/fond_menu_gauche.jpg) no-repeat 0 0; list-style:none; padding-left:20px;} ul#left-menu li.menus{ width:183px; list-style:none; display:block; margin-bottom:20px; } ul#left-menu li.contact{ width:183px; list-style:none; margin-bottom:20px; text-align:right; font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198; } a#m1, a#m2, a#m3{ width:183px; height:18px; display:block; text-indent:-5000px; border-bottom:1px solid #e6e2df; } a#m1{background:url(../images/m1_mariage.jpg) no-repeat 10px -18px;} a#m1:hover{background:url(../images/m1_mariage.jpg) no-repeat 10px 0;} a#m2{background:url(../images/m2_receptions2.jpg) no-repeat 10px -20px;} a#m2:hover{background:url(../images/m2_receptions2.jpg) no-repeat 10px -2px;} a#m3{background:url(../images/m3_createur2.jpg) no-repeat 10px -22px;} a#m3:hover{background:url(../images/m3_createur2.jpg) no-repeat 10px -4px;} ul.sous-menu{ width:183px; list-style:none; text-align:right;} ul.sous-menu li{ width:183px; height:16px; list-style:none; text-align:right;} a.smenus{ line-height:16px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#89817d; font-weight:bold; font-stretch:ultra-condensed; text-decoration:none;} a.smenus:hover{ line-height:16px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198; font-weight:bold; text-decoration:none;} li.retourhome{ margin:0 0 10px 0;} a.home{ line-height:16px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-decoration:none;} a.home:hover{ line-height:16px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198; font-weight:bold; text-decoration:none;} /**********************************************************************************/ /******************************* H O M E **********************************/ /**********************************************************************************/ #middle{ float:left; width:344px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) no-repeat 0 0;} #stars{ width:45px; margin:0; padding:0;} h1#logo{ width:260px; height:87px; display:block; text-indent:-5000px; background:url(../images/logo_epouse-et-moi.gif) no-repeat 30px 0; margin:32px 0 50px 0;} #middle h2{ margin:-25px 0 0 30px; padding:0;} #middle p, #middle-contact p, #middle-planning p, #middle-idees p, #middle-concept p, #middle-instants p, #middle-mariage p, #middle-formules p, #middle-actu p, #middle-galerie p{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; line-height:14px; margin:30px ;} img#salon{ width:300px; margin:0 20px 20px 20px ;} img#salon2{ width:189px; margin:10px 0 0 0 ;} /**********************************************************************************/ #right{ width:385px; height:auto; margin:20px 0 0 5px; background:url(../images/etoiles-droites.gif) no-repeat 260px 500px;} #right p{ margin:20px 40px 30px 20px;} /**********************************************************************************/ #middle-mariage{ float:left; width:449px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} h2#votre-mariage{ width:300px; height:28px; background:url(../images/tit-votremariage.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} #right-mariage{ float:left; width:280px; height:700px; margin:20px 0 0 5px; background:url(../images/back-etoiles.jpg) no-repeat 100px 180px;} /**********************************************************************************/ /******************************* I D E E S *********************************/ /**********************************************************************************/ #middle-idees{ float:left; width:500px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} #stars{ width:45px; margin:0; padding:0;} h2#idees{ width:280px; height:28px; background:url(../images/tit-mariage-idees.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} ul.rubriques{ float:left; width:210px; padding:0 0 15px 30px;} ul.rubriques li{ height:18px; width:210px; list-style:none;} ul.rubriques li a{ height:18px; width:190px; display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198; text-decoration:none; padding:0 0 0 20px; background:url(../images/fleche-smenus.gif) no-repeat 0px -21px;} ul.rubriques li a:hover{ height:18px; width:190px; display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#89817d; padding:0 0 0 20px; text-decoration:none; background:url(../images/fleche-smenus.gif) no-repeat 0px 0;} #middle-idees h3{ height:25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#d32198; padding:25px 0 0 30px; font-weight:bold; margin-top:20px; background:url(../images/stars-h3.gif) no-repeat 30px 5px ;} .bande-noire{ height:5px; width:500px; background-color:#000000;} a#renvoi-planning{ width:97px; height:27px; display:block; background:url(../images/renvoi-planning.jpg) no-repeat 300px 0; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#d32198; padding:23px 0 0 363px;} /**********************************************************************************/ #right-idees{ float:left; width:229px; height:auto; margin:20px 0 0 5px;} #right-idees p{ margin:20px 40px 30px 20px;} /**********************************************************************************/ /***************************** P L A N N I N G *****************************/ /**********************************************************************************/ #middle-planning{ float:left; width:470px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} #stars{ width:45px; margin:0; padding:0;} h2#preparatifs{ width:200px; height:28px; background:url(../images/tit-preparatifs.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} /* #middle-planning h3{ width:419px; height:78px; text-indent:-5000px; display:block; margin:0 0 0 30px; font-weight:bold;} */ .images-planning{ margin:0 0 0 30px;} #middle-planning h4{ width:440px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#d32198; padding:13px 0 10px 30px; font-weight:bold;} li.stars{ list-style-image:url(../images/star-rose.gif); font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; margin:10px 35px 0 50px;} ul#nav-accordeon{ margin:0 0 0 40px;} ul#nav-accordeon li{ list-style-image:url(../images/star-rose.gif); list-style-position:inside;} .toggleSubMenu, .toggleSubMenu a{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; font-weight:bold; text-decoration:none;} .toggleSubMenu a:hover{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198; font-weight:bold; text-decoration:none;} p.subMenu{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; line-height:14px;} a#renvoi-cote-idees-old{ width:160px; height:15px; display:block; background:url(../images/renvoi-cote-idees.jpg) no-repeat 230px 0; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#d32198; padding:30px 0 0 270px; margin-top:10px;} a#renvoi-cote-idees{ width:280px; height:22px; display:block; background:url(../images/renvoi-cote-idees.jpg) no-repeat 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#d32198; padding:17px 0 0 110px; margin-top:10px;} a#renvoi-cote-idees:hover{ color:#84756e;} a#renvoi-cote-coulisses{ width:280px; height:30px; display:block; background:url(../images/renvoi-cote-coulisses2.jpg) no-repeat 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#d32198; padding:5px 0 0 130px;} a#renvoi-cote-coulisses:hover{ color:#84756e;} a#renvoi-cote-pratique{ width:280px; height:20px; display:block; background:url(../images/renvoi-cote-pratique2.jpg) no-repeat 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#d32198; padding:5px 0 0 120px;} a#renvoi-cote-pratique:hover{ color:#84756e;} a#renvoi-cote-plaisir{ width:280px; height:30px; display:block; background:url(../images/renvoi-cote-plaisir2.jpg) no-repeat 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#d32198; padding:7px 0 0 130px;} a#renvoi-cote-plaisir:hover{ color:#84756e;} /**********************************************************************************/ #right-planning{ float:left; width:223px; height:400px; margin:20px 0 0 5px; padding:160px 15px 0 21px; background:url(../images/back-col-preparatifs.jpg) no-repeat 0 0;} #right-planning p{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff;} #right-planning h5{ display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; margin-left:-5px; background:url(../images/fleche-blanche.png) no-repeat 70px 5px;} a.jours-planning{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; line-height:18px;} a.jours-planning:hover{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198; text-decoration:none; line-height:18px;} /**************************** ARCHIVE ********************** #right-planning{ float:left; width:259px; height:681px; margin:20px 0 0 5px; background:url(../images/back-col-planning.jpg) no-repeat 0 0;} #right-planning p{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:40px 15px 30px 15px;} a.jours-planning{ display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:url(../images/fleche-blanche.png) no-repeat 70px 5px; margin-bottom:5px;} a.jours-planning:hover{ display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:url(../images/fleche-blanche.png) no-repeat 90px 5px;} ***************************************************************/ /**********************************************************************************/ /**************************** F O R M U L E S ********************************/ /**********************************************************************************/ #middle-formules{ float:left; width:500px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} #stars{ width:45px; margin:0; padding:0;} h2#tit-formules{ width:300px; height:30px; background:url(../images/tit-formules.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} h2#tit-forme{ width:300px; height:35px; background:url(../images/tit-forme.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} ul.liste-formules{ float:left; width:450px; padding:0 0 15px 80px; background:url(../images/stars-ul.gif) no-repeat 20px 0;} ul.liste-formules li{ height:18px; width:310px; list-style:circle; color:#89817d; } ul.liste-formules li a{ height:18px; width:290px; display:block; color:#89817d; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} ul.liste-formules li a:hover{ height:18px; width:290px; display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#d32198; text-decoration:none;} #middle-formules h3{ height:35px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#d32198; padding:25px 0 0 30px; font-weight:bold; margin-top:20px; background:url(../images/stars-h3-2.gif) no-repeat 70px 5px ;} ul.col-double{ width:200px; float:left; margin:0 10px 30px 40px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; line-height:14px; } ul.col-simple{ width:400px; margin:0 10px 30px 40px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; line-height:14px; } ul.col-simple li{ list-style:disc; margin:0 0 0 15px;} ul.col-simple li.nopoint{ list-style:none; padding:0 0 0 15px;} /**********************************************************************************/ #right-formules{ float:left; width:229px; height:auto; margin:20px 0 0 5px;} #right-formules p{ margin:20px 40px 30px 20px;} /**********************************************************************************/ /*********************** I N S T A N T s D E V I E ********************/ /**********************************************************************************/ #middle-instants{ float:left; width:500px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} #stars{ width:45px; margin:0; padding:0;} h2#bonheur-amoureux{ width:380px; height:28px; background:url(../images/tit-bonheur-amoureux.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} h2#belle-vie-famille{ width:380px; height:28px; background:url(../images/tit-belle-vie-famille.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} h2#juste-plaisir{ width:380px; height:28px; background:url(../images/tit-juste-plaisir.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} #middle-instants h3{ height:25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#d32198; padding:25px 0 0 30px; font-weight:bold; margin-top:20px; background:url(../images/stars-h3.gif) no-repeat 30px 5px ;} /**********************************************************************************/ #right-instants{ float:left; width:229px; height:auto; margin:20px 0 0 5px;} /**********************************************************************************/ /***************************** C O N C E P T *******************************/ /**********************************************************************************/ #middle-concept{ float:left; width:550px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} #stars{ width:45px; margin:0; padding:0;} h2#concept{ width:300px; height:28px; background:url(../images/tit-concept.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} h2#mentions{ width:300px; height:28px; background:url(../images/tit-mentions.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} h2#coups-coeur{ width:350px; height:28px; background:url(../images/tit-coups-de-coeur.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} h2#presse{ width:350px; height:28px; background:url(../images/tit-presse.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} #middle-concept h3{ height:25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#d32198; padding:25px 0 0 30px; font-weight:bold; margin-top:20px; background:url(../images/stars-h3.gif) no-repeat 30px 5px ;} /**********************************************************************************/ #right-concept{ float:left; width:179px; height:900px; margin:20px 0 0 5px; background:url(../images/back-etoiles.jpg) no-repeat -20px 420px;} #right-coup-coeur{ float:left; width:179px; height:600px; margin:20px 0 0 5px; background:url(../images/back-etoiles.jpg) no-repeat -20px 30px;} /**********************************************************************************/ /*********************** A C T U A L I T E S ****************************/ /**********************************************************************************/ #middle-actu{ float:left; width:550px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} h2#actu{ width:300px; height:28px; background:url(../images/tit-actu.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} #right-actu{ float:left; width:179px; margin:20px 0 0 5px;} /**********************************************************************************/ /***************************** P R E S S E ***********************/ /**********************************************************************************/ ul#vignettes-presse{ margin-left:30px;} ul#vignettes-presse li{ list-style:none; float:left; margin-bottom:30px; } ul#vignettes-presse li img{ margin:5px 25px 10px 0; border:1px solid #CCC;} ul#vignettes-presse li a{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; text-decoration:none;} ul#vignettes-presse li a:hover{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#555; text-decoration:none;} #right-presse{ float:left; width:149px; height:450px; margin:20px 0 0 5px; padding:150px 10px 0 20px; background:url(../images/bg-contact-presse.jpg) no-repeat 0 0; font:12px Verdana, Geneva, sans-serif; color:#fff; line-height:18px;} #right-presse a{ font:12px Verdana, Geneva, sans-serif; color:#fff; text-decoration:underline;} #right-presse a:hover{ font:12px Verdana, Geneva, sans-serif; color:#fff; text-decoration:none;} /**********************************************************************************/ /*********************** G A L E R I E P H O T O S ********************/ /**********************************************************************************/ #middle-galerie{ float:left; width:280px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} #stars{ width:45px; margin:0; padding:0;} h2#tit-galerie{ width:380px; height:28px; background:url(../images/tit-galerie.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} #middle-galerie h3{ height:25px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#d32198; padding:25px 0 0 30px; margin-top:20px; background:url(../images/stars-h3.gif) no-repeat 30px 5px ;} #middle-galerie h3 a{ font:12px Verdana, Arial, Helvetica, sans-serif; color:#d32198; text-decoration:none; font-weight:bold;} #middle-galerie table{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; line-height:14px; margin:30px;} #middle-galerie td{ height:40px; padding:3px 5px;} #middle-galerie td.img{ width:50px; background:#000000; text-align:center;} #middle-galerie td.galencours{ width:50px; background-color:#d32198; text-align:center;} #middle-galerie table a{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; text-decoration:none;} #middle-galerie table a:hover{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; text-decoration:underline; } /**********************************************************************************/ #right-galerie{ float:left; width:449px; height:680px; margin:20px 0 0 5px;} /********************** formulaire C O N T A C T *******************************/ #middle-contact{ float:left; width:500px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} a.lienviolet{ font-weight:bold; color:#d32198; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} a.lienviolet:hover{ color:#d32198; text-decoration:underline;} form.form{ float:left; width:470px; font:11px Verdana, Arial, Helvetica, sans-serif; background:url(../images/pointilles.gif) no-repeat 0 0; color:#757577; padding:0 0 0 25px; } form.form label.champs{ float:left; width:130px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; } form.form label.champs2{ float:left; width:200px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; } form.form label.champs3{ float:left; width:90px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; } form.form li{ width:470px; clear:both; list-style:none;} li#champs-oblig{ width:470px; color:#d32198; text-align:left; margin-left:130px; } form.form input.champs, textarea.champs, img.champs{ margin:0 5px 5px 0; float:left; } form.form li{ list-style:none; text-align:left; } .erreur{ background-color:#fff; border:1px solid red; color:blue; } #error{ width:470px; font:11px Verdana, Arial, Helvetica, sans-serif; color:red;} a#envoi{ width:70px; height:17px; display:block; text-indent:-5000px; margin:20px 0 50px 130px; background:url(../images/bt-envoi.gif) no-repeat 0 -17px;} a#envoi:hover{ background:url(../images/bt-envoi.gif) no-repeat 0 0;} #right-contact{ float:left; width:179px; height:900px; margin:20px 0 0 5px; background:url(../images/back-etoiles.jpg) no-repeat -20px 100px;} /******************************** P L A N D U S I T E ***********************************/ #middle-sitemap{ float:left; width:550px; min-height:700px; height:auto; background:#fff url(../images/fond-milieu-top.gif) repeat-x 0 0;} h2#plandusite{ width:300px; height:28px; background:url(../images/tit-plandusite.gif) no-repeat 0 0; display:block; text-indent:-5000px; margin:0 0 5px 28px;} #middle-sitemap p{ margin:30px;} #middle-sitemap li{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#757577; line-height:14px; margin-left:60px;} a.plan1{ font-weight:bold; color:#d32198; font-variant:small-caps; font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} a.plan1:hover{ font-weight:bold; color:#757577; font-variant:small-caps; font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} a.plan2{ font-weight:bold; color:#757577; font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} a.plan2:hover{ font-weight:bold; color:#d32198; font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} a.plan3{ color:#757577; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} a.plan3:hover{ color:#757577; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;} /**********************************************************************************/ #footer{ float:left; width:500px; background-color:#000; font:9px Verdana, Arial, Helvetica, sans-serif; color:#ccc2bd; margin:8px 0 50px 0; padding-left:20px; } #footer a{ font:9px Verdana, Arial, Helvetica, sans-serif; color:#ccc2bd; text-decoration:none;} #footer a:hover{ font:9px Verdana, Arial, Helvetica, sans-serif; color:#ccc2bd; text-decoration:underline;} #footer img{ margin:0 5px;} img.flag{ margin-left:10px;} #ref { font:9px Verdana, Arial, Helvetica, sans-serif; margin-top: 300px ; width:900px; color:#666; float:left; } #ref a { font:9px Verdana, Arial, Helvetica, sans-serif; color:#666; }