/* RESET YUI */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border:0; } a{color: #000000; text-decoration:none;} a:hover { text-decoration:none; } label { cursor: pointer; } /* GENERAL BLOCK */ body { font-family: Georgia, Garamond, "Times New Roman", Arial, Verdana,sans-serif; color: #000000; font-size:12px; background:#e4d9c0;} /** Image de fond **/ #background_image { position:absolute;top:0; left:0; width:100%; height:100%; overflow:hidden;z-index:0; } #background_image #background_image_content{ position:fixed; height:400px; width:100%;} #background_image #background_image_content #background_image_content_img{ width:1050px; margin:0 auto; height:200px; } #background_image #background_image_content img{ width:1050px; margin:0 auto; } #container {position:relative; z-index:100; width:960px; margin:0 auto ; } #header { margin:40px 0 40px 0;} .homepage #header { margin:500px 0 40px 0;} #main {} #left {width:640px; float:left; /* background:url(../images/left-bg.png) repeat-y top left; */} #right {width:300px; float:right; } #footer {} /* GENERAL STYLES */ .float_left { float: left; } .float_right { float: right; } .noBorder { border: none; } /* Clear les float */ .clear { clear: both; } .floatbox { overflow: hidden; } .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .clearfix { display:block; } /* Fonts */ .gothic { font-family:"Century Gothic",Arial,sans-serif; } .bell { font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; } .georgia { font-family: Georgia,Garamond,"Times New Roman",serif; } .cambria { font-family: Cambria, serif; } @font-face { font-family: 'BritannicBold'; src: url('../fonts/britanic-webfont.eot'); src: url('../fonts/britanic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/britanic-webfont.woff') format('woff'), url('../fonts/britanic-webfont.ttf') format('truetype'), url('../fonts/britanic-webfont.svg#BritannicBold') format('svg'); font-weight: normal; font-style: normal; } /* Titles */ h1 {font: normal 28px Georgia, Garamond, "Times New Roman",serif; font-style:italic; text-indent:-90000px; } h2 {font: normal 28px Georgia, Garamond, "Times New Roman",serif; font-style:italic; width:600px; border-bottom:1px solid #000; margin:0 auto; padding:0 0 5px 0;} h3 {} /* Header */ #header #menu{height:40px; width:960px; background:url(../images/bg-menu.png) no-repeat top left;} #header #menu ul{padding:6px 0 0 5px;} #header #menu ul li{float:left; background:url(../images/bg-menu-dot.png) no-repeat top right; margin : 0 2px 0 0;} #header #menu ul #dernier_item{background:none;} #header #menu ul li a{font : normal 19px 'BritannicBold', Arial; text-decoration:none; color:#999999; margin:0 17px 0 0; display:block; text-transform:capitalize;} #header #menu ul li a:hover{color:#ffffff;} #header #menu ul li a span{font : normal 22px 'BritannicBold', Arial;} #header #menu ul #dernier_item a{margin:0 0 0 0; } #header #menu ul li.actif a{color:#ffffff;} /* CONTENT */ /* main */ /* Left column */ #left .content-top {width:640px; height:20px; background:url(../images/actu-top.png) no-repeat top left;} #left .content-middle {width:640px; background:url(../images/actu-middle.png) repeat-y top left;} #left .content-bottom {width:640px; height:20px; background:url(../images/actu-bottom.png) no-repeat top left;} #left .center{text-align:center;} #left .actu-top {width:640px; height:20px; background:url(../images/actu-top.png) no-repeat top left;} #left .actu-middle {width:640px; background:url(../images/actu-middle.png) repeat-y top left;} #left .actu-bottom {width:640px; height:20px; background:url(../images/actu-bottom.png) no-repeat top left;} #left h3 {font: normal 20px Georgia, Garamond, "Times New Roman",serif; font-style:italic; width:600px; margin:0 auto; padding:15px 0 0 0;} #left h4 {font: bold 14px Georgia, Garamond, "Times New Roman",serif; font-style:italic; margin:0 auto; padding:15px 0 2px 0;} #left p{font: normal 14px Georgia, Garamond, "Times New Roman",serif; font-style:italic; width:590px; margin:0 auto; padding:10px 0 5px 0;} #left .news {width:600px; margin:0 auto; padding: 0; font: normal 14px Georgia, Garamond, "Times New Roman",serif;} #left .news_annexe {width:600px; margin:0 auto; padding:5px 0;} #left .news_annexe .poste{width:300px; font: normal 12px Georgia, Garamond, "Times New Roman",serif; float:left; padding: 5px 0 20px 0; } #left .news_annexe .news_network{width:250px; float:right; } #left .news_annexe .news_network .post-tweet{ float:left; margin:0; padding:0;} #left .news_annexe .news_network .post-like{float:left; margin:0; padding:0;} #left .anciennes_actualites{text-align:right; width:600px;margin:0 auto;} #left .anciennes_actualites a{font: normal 17px Georgia, Garamond, "Times New Roman",serif; font-style:italic; padding:20px 0 10px 0; display:block;} /* Discographie */ #left .disque_content { margin: 0 auto; padding: 10px 0; width: 600px; } #left .disque_item { float: left; height: 250px; margin: 0; padding: 0; text-align: center; width: 300px; } #left .disco_pochette{margin: 0; padding: 20px 0; text-align: center; width: 100%;} #left .retour_haut{text-align:right; width:600px;margin:0 auto;} #left .retour_haut a{font: normal 17px Georgia, Garamond, "Times New Roman",serif; font-style:italic; padding:20px 0 10px 0; display:block;} /* Concert */ #left .listeconcert {width:580px;margin:0 auto;} #left .listeconcert h4 {font: bold 14px Georgia, Garamond, "Times New Roman",serif; font-style:italic; margin:0 auto; padding:15px 0 2px 0;} #left .listeconcert ul{ padding:0 0 5px 0;} #left .listeconcert ul li {font: normal 14px Georgia, Garamond, "Times New Roman",serif; } #left .listeconcert ul li a{font: normal 14px Georgia, Garamond, "Times New Roman",serif; } #left .concert_info {width:580px;margin:0 auto;} #left #map_canvas{width: 550px; height: 550px; margin:30px auto; padding:0;} #left #MapDiv{margin:0 auto;} #left #MapDiv h3{font: normal 16px Georgia, Garamond, "Times New Roman",serif; font-style:italic; width:200px; padding:0; margin:0;} #left #MapDiv .MapTitle{} #left #MapDiv .MapContent{} #left #MapDiv .MapContent p{font: normal 12px Georgia, Garamond, "Times New Roman",serif; font-style:italic; width:300px;} #left #MapDiv .MapContent .btn-texte{width:200px;} #left #MapDiv .MapContent .button{width:70px; background:#000; color:#fff; border:1px solid #000;} #left .miniature_concert_index { float: left; height: 160px; margin: 10px 0 0; padding: 0 5px; text-align: center; width: 140px;} #left .miniature_concert{text-align:center; float:left; width:145px; margin:10px 0;} #left .miniature_concert a{font: normal 11px Georgia, Garamond, "Times New Roman",serif; font-style:italic; } #left .cadre_media { text-align:center; float:left; width:145px; margin:10px 0; } /** Photos **/ #left .content-photos {width:600px;margin:0 auto;} #left .photos_miniature_concert_index{text-align:center; float:left; width:150px; margin:10px 0; height:130px;} #left .media_concert {width:580px;margin:0 auto;} #left .media_concert .cadre_media { text-align:center; float:left; width:145px; margin:10px 0; } /** Video **/ #left .videos_item { text-align:center; margin: 10px 0 25px 0; } /* Right column */ #right #right-submenu{width:300px; background:url(../images/right-concert.png) repeat-y top left; margin: 0 0 20px 0; padding: 0 0 20px 0;} #right #right-submenu h4{width:280px; font: normal 20px Georgia, Garamond, "Times New Roman",serif; font-style:italic; margin:0 auto; padding:10px 0 0 0; border-bottom:1px solid #000;} #right #right-submenu h5{width:280px; font: bold 13px Georgia, Garamond, "Times New Roman",serif; font-style:normal; margin:0 auto; padding:8px 0 0 0;} #right #right-submenu h5.actif {width:280px; font: bold 15px Georgia, Garamond, "Times New Roman",serif; font-style:italic; margin:0 auto; padding:8px 0 0 10px;} #right #right-submenu ul{width:280px;margin:0 auto; padding: 5px 0 0 0;} #right #right-submenu ul li {width:280px; font: normal 13px Georgia, Garamond, "Times New Roman",serif; padding: 0 0 0 10px;} #right #right-submenu ul li a{font: normal 13px Georgia, Garamond, "Times New Roman",serif; } #right #right-submenu p {text-align:right; width:280px;margin:0 auto;} #right #right-submenu p a{font: normal 15px Georgia, Garamond, "Times New Roman",serif; font-style:italic; padding:20px 0 10px 0; display:block;} #right #right-facebook{width:300px; background:url(../images/right-concert.png) repeat-y top left; margin: 20px 0 20px 0; padding: 0 0 0 0;} #right #right-jack{margin:0 0 20px 0;} #right #dionysos-plays-bird-n-roll #dionysos-plays-bird-n-roll-liens{width:300px; height:82px; background:url(../images/right-legal.png) no-repeat top left;} #right #dionysos-plays-bird-n-roll #dionysos-plays-bird-n-roll-liens ul{} #right #dionysos-plays-bird-n-roll #dionysos-plays-bird-n-roll-liens ul li{float:left;} #right #dionysos-plays-bird-n-roll #dionysos-plays-bird-n-roll-liens ul li a{width:150px; height:41px; display:block;} #right #right-concert{width:300px; background:url(../images/right-concert.png) repeat-y top left; margin:40px 0 0 0;} #right #right-concert h4{width:280px; font: normal 20px Georgia, Garamond, "Times New Roman",serif; font-style:italic; margin:0 auto; padding:10px 0 0 0; border-bottom:1px solid #000;} #right #right-concert h5{width:280px; font: bold 13px Georgia, Garamond, "Times New Roman",serif; font-style:italic; margin:0 auto; padding:8px 0 0 0;} #right #right-concert ul{width:280px;margin:0 auto;} #right #right-concert ul li {width:280px; font: normal 13px Georgia, Garamond, "Times New Roman",serif; } #right #right-concert ul li a{font: normal 13px Georgia, Garamond, "Times New Roman",serif; } #right #right-concert p {text-align:right; width:280px;margin:0 auto;} #right #right-concert p a{font: normal 15px Georgia, Garamond, "Times New Roman",serif; font-style:italic; padding:20px 0 10px 0; display:block;} /* Footer */ #footer{margin:35px 0 20px 0; background:#000; padding:0 0 10px 0;} #footer .footer-logo{float:left; width:400px;} #footer .footer-liens{float:left; width:150px; margin:0 0 0 20px;} #footer .footer-liens h6 {margin:10px 0 2px 0; } #footer .footer-liens h6 a{color:#969696; font : normal 13px 'BritannicBold', Arial;} #footer .footer-liens ul li a{color:#FFF; font : normal 12px 'BritannicBold', Arial;} #footer .footer-liens h6.liens-reseaux{color:#969696; font : normal 18px 'BritannicBold', Arial;} #footer .footer-liens ul.liens-reseaux li a{color:#FFF; font : normal 16px 'BritannicBold', Arial; padding:2px 0;} /* reseaux sociau */ .post-tweet { float: left;margin: 11px 0 0 4px;} .post-like {float: left; margin: 10px -5px 0 0;} .post-send { float: left; margin: 10px 5px 0 0; }