/******************************************************** CSS pour le site de Construction Bo Castel Création du css : Martin Durette Date : Octobre 2010 Une réalisation de Miss T Concept ********************************************************/ /******************************************************** Styles de base ********************************************************/ body{margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px} a{outline:none} .clear{clear:both} .bold_bleu{font-weight:bold; color:#6696bd} #contenant{margin:0 auto; padding:0; width:950px; background:#243842} #contenant-accueil{margin:5% auto; padding:0; width:954px;height:612px; background:#243842} /******************************************************** Accueil ********************************************************/ #enluminure-accueil{position:absolute; margin:253px 0 0 0; width:259px; height:359px; z-index:150} #menu-accueil-fr{position:absolute; margin: 130px 0 0 195px; height:30px;z-index:10; background:url(../images/accueil_menu-fr.png) no-repeat; padding:0 0 0 84px} #menu-accueil-fr ul{margin:0; padding:5px 0 0 10px; list-style:none} #menu-accueil-fr ul li{color:#ffffff; display:inline} #menu-accueil-fr ul li a{color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold} #menu-accueil-fr ul li a:hover{color:#6696bd} #menu-accueil-en{position:absolute; margin: 130px 0 0 195px; height:30px;z-index:10; background:url(../images/accueil_menu.png) no-repeat; padding:0 0 0 104px} #menu-accueil-en ul{margin:0; padding:5px 0 0 10px; list-style:none} #menu-accueil-en ul li{color:#ffffff; display:inline} #menu-accueil-en ul li a{color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold} #menu-accueil-en ul li a:hover{color:#6696bd} #sousmenu{position:absolute; margin:545px 0 0 520px; height:30px; width:320px; z-index:10; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:12px; border:0px solid #fff; text-align:right} #sousmenu ul{margin:0; padding:5px 0 0 10px; list-style:none} #sousmenu ul li{color:#ffffff; display:inline} #sousmenu ul li a{color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold} #sousmenu ul li a:hover{color:#6696bd} #contenant-flash{position:absolute; width:620px; height:360px; border:1px solid #ffffff; margin:160px 0 0 195px; padding:10px; z-index:100} #logo{position:absolute; width:184px; height:106px; margin:15px 0 0 195px;} #info{position:absolute; margin:365px 0 0 220px; width:570px; z-index:101; padding:10px; background:url(../images/bg-flash-info.png);} #info p{color:#ffffff; font-size:0.9em; margin:0} #block{position:absolute; margin:170px 0 0 662px; z-index:101} /******************************************************** Main ********************************************************/ #header{margin:0; width:950px; height:245px;} #header-enluminure{position:absolute; margin:0; width:163px; height:135px; z-index:150} #logo-page{position:absolute; margin:39px 0 0 711px; z-index:5} #banner{position:absolute; margin:29px 0 0 69px; padding:10px; border:1px solid #ffffff} #langue{position:absolute; margin:10px 0 0 571px; width:310px; text-align:right} #langue p{margin:0; padding:0;color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold} #langue p a{color:#ffffff; text-decoration:none} #langue p a:hover{color:#6696bd;} #menu-page{position:absolute; margin:175px 0 0 134px; z-index:10; font-size:14px; background:url(../images/bg-menu.png)} #menu-page ul{margin:0; padding:5px 20px 5px 20px; list-style:none} #menu-page ul li{color:#ffffff; display:inline} #menu-page ul li a{color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold} #menu-page ul li a:hover{color:#6696bd} #main{margin:0; width:950px; min-height:400px; height:auto !important; height:400px} #main.realisation{background:url(../images/bg-top-realisation.png) top left no-repeat} #main.all{background:url(../images/enluninure-page.png) bottom right no-repeat} #main h1{font-size:1.6em; letter-spacing:0.5em; text-transform:uppercase; color:#ffffff; margin-top:0; padding-left:70px} #main h2{font-size:1.4em; letter-spacing:0.3em; text-transform:uppercase; margin:auto; color:#dddddd; padding-left:70px} #main h3{font-size:1.2em; letter-spacing:0.2em; text-transform:uppercase; margin:auto; color:#dddddd; padding-left:70px} #main p{font-size:1em; color:#ffffff; line-height:150%; padding-left:110px; padding-right:320px} #main a{color:#6696bd; text-decoration:underline} #main a:hover{color:#94948B;} #main ul{padding:0 0 0 90px; margin:0} #main ul li{color:#ffffff} #photo1{position:absolute; top:265px; margin:0 0 0 650px; height:80px; width:80px; padding:10px; border:1px solid #ffffff} #photo2{position:absolute; top:245px; margin:0 0 0 770px; height:80px; width:80px; padding:10px; border:1px solid #ffffff} #footer{margin:0 auto; padding:20px 0 20px 0; font-size:0.9em; text-align:right; width:950px} #footer p{margin:0; padding:10px 0 0 0; color:#fff; border-top:1px dashed #6B7B84;} #footer a{color:#fff; font-weight:bold} #footer a:hover{color:#fff; text-decoration:underline} #left{float:left; width:338px; margin:0; background:url(../images/enluninure-page.png) bottom right no-repeat; min-height:800px; height:auto !important; height:800px} #left p{padding-left:70px; padding-right:40px} #right{float:left; width:572px; margin:0; padding:50px 20px 20px 20px} #block-highslide{float:left; border:0px solid #000; margin:20px} #block-highslide p{margin:0; padding:0; color:#253842; text-align:center; text-transform:uppercase; font-size:0.9em; font-weight:bold} #right h2{clear:both; color:#6696bd; margin-left:-50px}