/******************************************************** CSS pour le site de Connexion Cancer Création du css : Martin Durette Date : Avril 2010 Une réalisation de Miss T Concept ********************************************************/ /***************************************/ /* Vert: 9AC462 Bleu: 6ebbe8 / 00a7e1 Orange: fab072 / f58220 Gris: 928890 */ /***************************************/ /******************************************************** Styles de base ********************************************************/ body{margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px} a{outline:none} .clear{clear:both} .submit{border:1px solid #999; cursor:pointer; cursor:hand; color:#444; padding:5px 15px 5px 15px} .submit:hover{background:#00a7e1; color:#fff} #contenant{margin:0 auto; width:950px;} #contenant-accueil{margin:0 auto; width:950px;} .bg-accueil-fr{background:url(../image/bg-accueil-fr.jpg) top left no-repeat} .bg-accueil-en{background:url(../image/bg-accueil-en.jpg) top left no-repeat} .background-bleu-fr{background:url(../image/bg-bleu-fr.jpg) top left no-repeat} .background-bleu-en{background:url(../image/bg-bleu-en.jpg) top left no-repeat} #contenant.bg-bleu h1{font-size:1.6em; text-transform:uppercase; color:#00a7e1; margin-top:0; letter-spacing:0.1em} #contenant.bg-bleu h2{font-size:1.4em; color:#00a7e1; font-weight:normal} #contenant.bg-bleu p, #contenant.bg-bleu li{color:#928890; line-height:150%} #contenant.bg-bleu #right a{color:#00a7e1; text-decoration:underline} #contenant.bg-bleu #right a:hover{color:#928890; text-decoration:underline} .background-vert-fr{background:url(../image/bg-vert-fr.jpg) top left no-repeat} .background-vert-en{background:url(../image/bg-vert-en.jpg) top left no-repeat} #contenant.bg-vert h1{font-size:1.6em; text-transform:uppercase; color:#9AC462; margin-top:0; letter-spacing:0.1em} #contenant.bg-vert h2{font-size:1.4em; color:#9AC462; font-weight:normal} #contenant.bg-vert p, #contenant.bg-vert li{color:#928890; line-height:150%} #contenant.bg-vert #right a{color:#9AC462; text-decoration:underline} #contenant.bg-vert #right a:hover{color:#928890; text-decoration:underline} .background-orange-fr{background:url(../image/bg-orange-fr.jpg) top left no-repeat} .background-orange-en{background:url(../image/bg-orange-en.jpg) top left no-repeat} #contenant.bg-orange h1{font-size:1.6em; text-transform:uppercase; color:#f58220; margin-top:0; letter-spacing:0.1em} #contenant.bg-orange h2{font-size:1.4em; color:#f58220; font-weight:normal} #contenant.bg-orange p, #contenant.bg-orange li{color:#928890; line-height:150%} #contenant.bg-orange #right a{color:#f58220; text-decoration:underline} #contenant.bg-orange #right a:hover{color:#928890; text-decoration:underline} .background-gris-fr{background:url(../image/bg-gris-fr.jpg) top left no-repeat} .background-gris-en{background:url(../image/bg-gris-en.jpg) top left no-repeat} #contenant.bg-gris h1{font-size:1.6em; text-transform:uppercase; color:#928890; margin-top:0; letter-spacing:0.1em} #contenant.bg-gris h2{font-size:1.4em; color:#928890; font-weight:normal} #contenant.bg-gris p, #contenant.bg-gris li{color:#928890; line-height:150%} #contenant.bg-gris #right a{color:#928890; text-decoration:underline} #contenant.bg-gris #right a:hover{color:#333333; text-decoration:underline} /******************************************************** Top ********************************************************/ #top{margin:0; padding:0; height:510px; width:950px; border:0px solid #000} #top-accueil{margin:0; padding:0; height:450px; width:950px; border:0px solid #000} #top-mission{position:absolute; margin:0 0 0 810px; top: 130px; padding:0; width:140px; height:200px; border:0px solid #000} #top-mission p{margin-top:0; color:#928890} #top-mission a{color:#00a7e1; text-decoration:underline} #top-mission a:hover{color:#f58220;} #top-forum{margin:0; padding:0; height:510px; width:950px; border:0px solid #f00} #logo{position:absolute; margin:0; padding:0; width:280px; height:93px;} #top-coin{position:absolute; margin:0 0 0 403px; padding:0; width:547px; height:134px} #top-nouvelle{position:absolute; margin:0 0 0 403px; padding:50px 0 0 0; width:207px; border:0px solid #000; z-index:5} #top-nouvelle ul{margin:0; padding:0; list-style:none} #top-nouvelle ul li{color:#928890; } #top-nouvelle ul li a{color:#928890; text-decoration:none; display:block; padding:5px} #top-nouvelle ul li a:hover{color:#ffffff; background:#9AC462} #top-patients{position:absolute; margin:0 0 0 620px; padding:100px 0 0 0; width:152px; border:0px solid #000; z-index:5} #top-patients ul{margin:0; padding:0; list-style:none} #top-patients ul li{color:#928890; } #top-patients ul li a{color:#928890; text-decoration:none; display:block; padding:5px} #top-patients ul li a:hover{color:#ffffff; background:#6ebbe8} #top-patients ul li a.top-chat{padding:5px 5px 5px 35px; color:#00a7e1; font-weight:bold} #top-patients ul li a.top-chat:hover{background:none; text-decoration:underline; color:#00a7e1} #top-aider{position:absolute; margin:0 0 0 782px; padding:100px 0 0 0; width:152px; border:0px solid #000; z-index:5} #top-aider ul{margin:0; padding:0; list-style:none} #top-aider ul li{color:#928890; } #top-aider ul li a{color:#928890; text-decoration:none; display:block; padding:5px} #top-aider ul li a:hover{color:#ffffff; background:#f58220} #top-aider ul li a.top-boutique{padding:10px 5px 5px 35px; color:#f58220; font-weight:bold} #top-aider ul li a.top-boutique:hover{background:none; text-decoration:underline; color:#f58220} #top-link{position:absolute; margin:100px 0 0 30px; padding:0; width:350px; height:93px;} #top-link p{margin:0; padding:0; color:#928890} #top-link a{color:#928890; text-decoration:none} #top-link a:hover{text-decoration:underline} #who-online{margin:5px 0 0 0; width: 85%; border: 1px solid #928890; background-color: #ededed; padding:5px; text-align:center} /******************************************************** Middle ********************************************************/ #middle{margin:0; padding:0; width:950px; min-height:490px; height:auto !important; height:490px;} #middle-accueil{margin:0; padding:0; width:950px; min-height:350px; height:auto !important; height:350px; border:0px solid #000} #middle-forum{margin:0; padding:0; width:950px; border:0px solid #000} #left{float:left; width:240px; margin:0; border:0px solid #000} #right{float:left; width:670px; margin:0 0 0 10px; padding:0 0 20px 0; border:0px solid #000} #nouvelle-desc{border-bottom:1px solid #938990;} #nouvelle-desc p{color:#928890} #nouvelle-desc a{background:#9AC462; padding:3px 15px 3px 15px; color:#fff; text-decoration:none} #nouvelle-desc a:hover{background:#708f47} #middle-nouvelle{float:left; margin:0 0 0 44px; padding:0 0 20px 0; width:167px; z-index:5} #middle-nouvelle ul{margin:0; padding:0; list-style:none} #middle-nouvelle ul li{color:#928890; } #middle-nouvelle ul li a{color:#928890; text-decoration:none; display:block; padding:2px} #middle-nouvelle ul li a:hover{color:#ffffff; background:#9AC462} #middle-patients{float:left; margin:0 0 0 243px; padding:150px 0 0 0; width:112px; border:0px solid #000; z-index:5} #middle-patients ul{margin:0; padding:0; list-style:none} #middle-patients ul li{color:#928890; } #middle-patients ul li a{color:#928890; text-decoration:none; display:block; padding:2px} #middle-patients ul li a:hover{color:#ffffff; background:#6ebbe8} #middle-patients ul li a.top-chat{padding:5px 5px 5px 35px; color:#00a7e1; font-weight:bold} #middle-patients ul li a.top-chat:hover{background:none; text-decoration:underline; color:#00a7e1} #middle-aider{float:left;; margin:0 0 0 75px; padding:0 0 0 0; width:126px; border:0px solid #000; z-index:5} #middle-aider ul{margin:0; padding:0; list-style:none} #middle-aider ul li{color:#928890; } #middle-aider ul li a{color:#928890; text-decoration:none; display:block; padding:2px} #middle-aider ul li a:hover{color:#ffffff; background:#f58220} #middle-aider ul li a.top-boutique{padding:10px 5px 5px 35px; color:#f58220; font-weight:bold} #middle-aider ul li a.top-boutique:hover{background:none; text-decoration:underline; color:#f58220} /* Nouvelles */ #menu_flottant{border-left:1px dashed #9AC462; border-bottom:1px dashed #9AC462; padding:0 0 0 20px; margin:0 0 20px 20px; float:right} #menu_flottant p.cal-titre{margin-top:0; margin:0; text-align:left; font-weight:bold; color:#9AC462; } #menu_flottant ul{margin:0; padding:0 0 20px 0; list-style:none} #menu_flottant ul li{padding:0 0 0 15px; color:#928890} #menu_flottant ul li a{color:#928890; text-decoration:none;} #menu_flottant ul li a:hover{color:#444444;text-decoration:underline} div.nouv_img{float:left; margin:0 10px 10px 0} /* Partenaires */ #partenaire-bloc{float:left; margin:0 20px 20px 0; width:200px; border:0px solid #666} #partenaire-bloc h3{color:#928890; margin-top:0; font-size:1.3em} #partenaire-bloc h3 a{color:#928890;text-decoration:underline} #partenaire-bloc h3 a:hover{color:#f58220;text-decoration:underline} #partenaire-bloc img{padding:0 10px 10px 0} /* Raconter votre histoire */ table.table-histoire{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#928890} #form1 label.error{ margin-left: 100px; } /* Boutique */ #boutique-bloc{float:left; margin:0 30px 30px 0; width:127px; border:0px solid #666} #boutique-image{margin:0; width:125px; border:1px solid #666} #boutique-info{margin:0; padding:10px; width:105px} #boutique-info h3{margin:0; padding:0; color:#f58220; text-transform:uppercase; font-size:1.2em} #boutique-info p{margin:0; padding:0; color:#928890} #boutique-full-image{margin:0; width:200px; border:1px solid #666; float:left} #boutique-full-desc{margin:0 0 0 20px; width:400px; border:0px solid #666; float:left} #boutique-full-desc h3{margin:0; padding:0; color:#f58220; text-transform:uppercase; font-size:1.2em} #boutique-full-desc p, #boutique-full-desc li{margin-top:0; color:#928890} #boutique-full-desc p.prix{margin-top:0; color:#f58220; font-weight:bold} /******************************************************** Top ********************************************************/ #bottom{margin:0; padding:100px 0 20px 280px; width:670px; background:url(../image/footer.png) top left no-repeat; border: 0px solid #f00} #bottom p.p-gris{color:#928890; margin:0; padding:0 0 15px 0} #bottom p.p-orange{color:#f58220; margin:0; padding:0 0 5px 0} #bottom p.p-bleu{color:#6ebbe8; margin:0; padding:0 0 5px 0} #bottom p.p-vert{color:#9AC462; margin:0; padding:0 0 5px 0} #bottom a.link-gris{color:#928890; text-decoration:none} #bottom a.link-orange{color:#f58220; text-decoration:none} #bottom a.link-bleu{color:#6ebbe8; text-decoration:none} #bottom a.link-vert{color:#9AC462; text-decoration:none} #bottom a:hover{color:#405657; text-decoration:underline} #bottom-accueil{margin:0; padding:10px 0 20px 260px; width:690px; background:url(../image/footer.png) top left no-repeat; border: 0px solid #f00} #bottom-accueil p.p-gris{color:#928890; margin:0; padding:0 0 15px 20px} #bottom-accueil p.p-orange{color:#f58220; margin:0; padding:0 0 5px 20px} #bottom-accueil p.p-bleu{color:#6ebbe8; margin:0; padding:0 0 5px 20px} #bottom-accueil p.p-vert{color:#9AC462; margin:0; padding:0 0 5px 20px} #bottom-accueil a.link-gris{color:#928890; text-decoration:none} #bottom-accueil a.link-orange{color:#f58220; text-decoration:none} #bottom-accueil a.link-bleu{color:#6ebbe8; text-decoration:none} #bottom-accueil a.link-vert{color:#9AC462; text-decoration:none} #bottom-accueil a:hover{color:#405657; text-decoration:underline} #bottom-accueil #slider-tag{color:#fff; position:relative; margin:8px 0 0 -200px}