/******************************************************** CSS pour le site de Top Bedding Création du css : Martin Durette Date : Octobre 2009 Une réalisation de Conceptö ********************************************************/ /******************************************************** Styles de base ********************************************************/ body{margin:0; padding:0; font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; height:100%} a{outline:none} .clear{clear:both;} .bg1{background:url(../images/bg_1.jpg) top left no-repeat;} .bg2{background:url(../images/bg_2.jpg) top left no-repeat;} .bg3{background:url(../images/bg_3.jpg) top left no-repeat;} .bg4{background:url(../images/bg_4.jpg) top left no-repeat;} .bg5{background:url(../images/bg_5.jpg) top left no-repeat;} .exposant{font-size:0.8em; vertical-align: baseline;position: relative;top: -0.4em;} #contenant{margin:52px 0 0 0; padding:0; width:950px; background:url(../images/shadow.png) repeat-y} #langue{position:absolute; margin:0 0 0 548px; top:15px; width:200px; text-align:right; z-index:20} #langue a{color:#000; text-decoration:underline; font-size:1.2em; } #langue a:hover{text-decoration:none} /******************************************************** Menu ********************************************************/ #menu{float:left; margin:0; width:158px; border:0px solid #000; padding-top:88px} #menu img{border:0} /******************************************************** Sous-Menu ********************************************************/ #sousmenu{float:left; margin:0; width:179px; border:0px solid #000; padding-top:88px} #menu img{border:0} #sousmenu2{float:left; margin:0; width:179px; border:0px solid #000; padding-top:88px;} #sousmenu2 ul{margin:0; padding:0} #sousmenu2 li{list-style:none;} #sousmenu2 ul li a{display:block; padding:7px 0 12px 10px; width:158px; background:url(../images/btn.png) bottom right no-repeat; text-decoration:none; color:#3b433b; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:12px} #sousmenu2 ul li a:hover{background:url(../images/btn-ov.png) bottom right no-repeat} #sousmenu2 ul li a.smenu-active{background:url(../images/btn-ov.png) bottom right no-repeat} /******************************************************** Contenu ********************************************************/ #contenu{float:left; margin:0; width:590px; border:0px solid #f00;} #header{margin:0; padding:0; height:88px; z-index:2} #banner{margin:0; padding:6px; width:578px; text-align:center } #banner2{margin:10px; padding:0;} #bloc0{margin:10px; padding:6px; width:558px; border-top:1px solid #5d685d; border-bottom:1px solid #5d685d; background:#efefef} #main #bloc0 #bloc-img{float:left; width:238px; margin:0 0 0 15px; text-align:right} #main #bloc0 #bloc-desc{float:left; width:305px; margin:0} #main #bloc0 h2{color:#5d685d; font-size:1.4em; margin:0} #main #bloc0 h6{color:#000; font-size:1em; font-style:italic; margin:1em 0 0 0; padding:0} #main #bloc0 p{color:#000; margin:1em 0 0 0} #main #bloc0 a{color:#338cb0; font-style:italic;} #main #bloc0 a:hover{color:#df0023;} #bloc1{margin:10px; padding:6px; width:558px; background:#fff} #main #bloc1 #bloc-img{float:left; width:238px; margin:0} #main #bloc1 #bloc-desc{float:left; width:305px; margin:0} #main #bloc1 h2{color:#df0023; font-size:1.4em; margin:0} #main #bloc1 h6{color:#000; font-size:1em; font-style:italic; margin:1em 0 0 0; padding:0} #main #bloc1 p{color:#000; margin:1em 0 0 0} #main #bloc1 a{color:#338cb0; font-style:italic;} #main #bloc1 a:hover{color:#df0023;} #main{margin:0; padding:20px 0 30px 0; background:url(../images/footer.jpg) bottom left no-repeat; } #main h1{margin:0 0 20px 70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d} #main h1.ref{margin-left:70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d} #main h2.ref{margin:0 0 20px 70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d} #main h2{margin-left:70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d} #main h3{margin-left:70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d} #main p{margin:0 70px 20px 70px; color:#5d685d; line-height:150%; } #main ul{padding-left:100px; margin-left:0} #main li{color:#5d685d; line-height:150%} table.template{font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; color:#333333} table.template td{background:#efefef} input, select, textarea{border:1px solid #aaa; color:#333333} table.template2{font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; margin-left:70px} table.template2 td{color:#5d685d} table.template2 td.rouge{color:#F00} table.template2 td.gris{background:#efefef} table.template3{font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; margin-left:70px; border-top:2px solid silver; border-bottom:2px solid silver} table.template3 td{color:#5d685d} table.template3 td.rouge{color:#F00} table.template3 td.gris{background:#efefef} /******************************************************** Footer ********************************************************/ #footer{margin:0; padding:10px 0 10px 0; text-align:center; background:#ffffff; font-size:0.9em} #footer p{margin-top:0; margin-bottom:5px; color:#677375} #footer a{color:#677375} #footer a:hover{color:#ee0000} #shadowfooter{margin:0; padding:0} .mce_img_gauche{float:left; padding:0 10px 10px 0} .mce_img_droite{float:right; padding:0 0 10px 10px} .mce_exposant{font-size:9px; vertical-align: baseline;position: relative;top: -0.4em;} .mce_infotop{margin-top:10px 0 0 0} .mce_encadre{padding:20px; background:#ccc; margin:20px}