/* TODO: change references to www.sebtix.com */ /**** FONTS ****/ html {font-size: 100%;} body { font-family: Verdana, Helvetica, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size: .8em; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 {margin: 0em 0 -0.1em 0;} h1 {font-size:1.2em;} h2 {font-size:1.1em;} h3 {font-size:1.1em;} a {text-decoration:none;} a:hover, a:focus, a:active {border:none; outline:none;} a img {text-decoration:none; border:none;} #menu a.title {font-size: 1.0em; font-weight:bold; margin: 0.5em 0 0 0; letter-spacing:0px} #menu a.sub {font-weight:normal;} #footer {font-size: 0.8em;} .smalltext {font-size: 0.8em;} /**** POSITIONNING ****/ body {margin:0px;padding:10px;} #uppermaster {padding:0 0 0 0; width:1030px; margin:0 auto;} #master {padding:15px 25px 10px 25px; width:980px; margin:0 auto;} #left {width:210px; float:left; padding:0 0 0 0; margin:0 0 0 0;} #banner, #titlearea {width:100%; height:40px; float:left; padding:0px 0px 0px 0px; margin:0 0 20px 0;} #bannerLang {float:left; padding:0px 0px 0px 0px; margin:0px 0 0 0; vertical-align:middle; position:relative; bottom:-15px;} #main {width: 100%; overflow: hidden; min-height:750px; margin:15px 0 2px 0; position:relative; } #hamburger { width:30px; margin:5px; position:absolute; top:0; right:0; display:none; } #menu {width:100%; float:left; padding:2px 0px 10px 0px; margin:0px 0 0 0;} #menu a {margin:0; display:block; height:1%; line-height:2.2em;} #menu a.title {padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;} #menu a.sub {padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px;} #content {margin-left:250px; padding: 5px 0px 10px 0px;} #bottom {position:absolute; bottom:0px; width:220px; float:left; } #tooltipArea, #formArea {width:220px; height:20px;} #linkBlog, #linkInstagram, #linkFacebook, #linkMailing {height:22px; width:22px; background-repeat:no-repeat; background-position:left bottom; float:left; margin: 5px 13px 5px 2px;} #linkBlog {background-image:url(https://www.sebtix.com/design/images/blog_grey.png);} #linkBlog:hover, #linkBlog:focus {background-image:url(http://www.sebtix.com/design/images/blog.png);} #linkInstagram {background-image:url(https://www.sebtix.com/design/images/instagram_grey.png);} #linkInstagram:hover, #linkInstagram:focus {background-image:url(https://www.sebtix.com/design/images/instagram.png);} #linkFacebook {background-image:url(https://www.sebtix.com/design/images/facebook_grey.png);} #linkFacebook:hover, #linkFacebook:focus {background-image:url(https://www.sebtix.com/design/images/facebook.png);} #linkMailing {background-image:url(https://www.sebtix.com/design/images/mail_grey.png);} #linkMailing:hover, #linkMailing:focus {background-image:url(https://www.sebtix.com/design/images/mail.png);} #linkToEnglish {background-image:url(https://www.sebtix.com/design/images/english_grey.png);} #linkToEnglish:hover, #linkToEnglish:focus {background-image:url(https://www.sebtix.com/design/images/english.png);} #linkToFrench {background-image:url(https://www.sebtix.com/design/images/french_grey.png);} #linkToFrench:hover, #linkToFrench:focus {background-image:url(https://www.sebtix.com/design/images/french.png);} #linkToEnglish, #linkToFrench, #linkToEnglishSmall, #linkToFrenchSmall, #linkToEnglishSmallGrey, #linkToFrenchSmallGrey {height:22px; width:22px; background-repeat:no-repeat; background-position:left bottom; float:left; margin: 5px 13px 5px 2px;} #linkToEnglishSmallGrey {background-image:url(https://www.sebtix.com/design/images/englishsmall_grey.gif);} #linkToEnglishSmall {background-image:url(https://www.sebtix.com/design/images/englishsmall_grey.gif);} #linkToEnglishSmall:hover, #linkToEnglishSmall:focus {background-image:url(https://www.sebtix.com/design/images/englishsmall.gif);} #linkToFrenchSmallGrey {background-image:url(https://www.sebtix.com/design/images/frenchsmall_grey.gif);} #linkToFrenchSmall {background-image:url(https://www.sebtix.com/design/images/frenchsmall_grey.gif);} #linkToFrenchSmall:hover, #linkToFrenchSmall:focus {background-image:url(https://www.sebtix.com/design/images/frenchsmall.gif);} #footer {padding: 0px 0px 0px 0px; margin:0 auto; text-align:left; min-height:15px;} #noscript {padding:5px; width:1020px; margin:0 auto;} #formcontainerleft {float: left; width: 60%; background: #F4F4F4; padding: 10px; margin: 5px;} #formcontainerright {float: left; width: 30%; margin: 15px;} /* template Gallery */ #galleryContainer {text-align:center; width:100%; height:510px;} #galleryContainer tr td{vertical-align:middle;} #galleryContainer img{cursor:url(https://www.sebtix.com/design/images/zoom.cur),default;} #gallery span {text-align:center;} #gallery span p {text-align:left; vertical-align:top; height:400px; text-align:justify; display:block; padding:25px 25px 25px 25px;} #prevImg, #nextImg {height:50px; width:50px; background-repeat:no-repeat;} #prevImg {float:left; margin-left:10px; background-position:left center; background-image:url(https://www.sebtix.com/design/images/prev.gif);} #nextImg {float:right; margin-right:10px; background-position:right center; background-image:url(https://www.sebtix.com/design/images/next.gif);} #prevImg:hover, #prevImg:focus {background-image:url(https://www.sebtix.com/design/images/prev_over.gif);} #nextImg:hover, #nextImg:focus {background-image:url(https://www.sebtix.com/design/images/next_over.gif);} #imagesListWrapper {text-align:center; width:100%; height:92px; overflow:hidden;} #imagesListContainer {text-align:center; width:100%; } #imagesListContainer tr {height:88px;} #imagesListContainer tr td{vertical-align:middle;} #imagesList {margin:0 auto; text-align:center;} #imagesList tr {height:88px;} #imagesList tr td {width:100px;} #prevRow, #nextRow {height:20px; width:20px; background-repeat:no-repeat;} #prevRow {float:left; background-position:left center; background-image:url(https://www.sebtix.com/design/images/prev.gif);} #nextRow {float:right; background-position:right center; background-image:url(https://www.sebtix.com/design/images/next.gif);} #prevRow:hover, #prevRow:focus {background-image:url(https://www.sebtix.com/design/images/prev_over.gif);} #nextRow:hover, #nextRow:focus {background-image:url(https://www.sebtix.com/design/images/next_over.gif);} #expandControls {text-align:right; margin-right:55px;} #expandControls img {vertical-align:middle;} /* templates Table & Category */ #intro, #outro {text-align:justify; padding:0px 25px 0px 0px;} #imagesTableContainer {text-align:center; margin:0 auto;} #imagesTableContainer tr {height:88px;} #imagesTableContainer tr td {vertical-align:middle;} #imagesCategoryContainer {text-align:center; width:100%;} #imagesCategoryContainer div {float:left; text-align:center; height:200px; width:235px;} /**** COLORS *****/ body {background:#f3f3f3; color:#000000;} a {color:#808080;} a:hover {color:#E78800;} h1 {color:#704445;} h2 {color:#000000;} h3 {color:#704445;} .input {border: 1px solid #e9e9e9; color: #999999;} .button {border: 1px solid #808080; color: #999999; background:#e9e9e9;} #master {background:#ffffff; } #main {background:#ffffff; } /*#banner {color:#808080; background:#e9e9e9; background-image:url(https://www.sebtix.com/design/images/banner3.png); background-repeat:no-repeat; background-position:left center;}*/ #banner {color:#808080; background:#ffffff; background-image:url(https://www.sebtix.com/design/images/banner1.png); background-repeat:no-repeat; background-position:left center;} /*#banner {color:#808080; background:#e9e9e9; background-image:url(https://www.sebtix.com/design/images/banner1.png); border-bottom:2px solid #760405; background-repeat:no-repeat; background-position:left center;}*/ /*#banner {color:#808080; background:#e9e9e9; background-image:url(https://www.sebtix.com/design/images/banner2.png); background-repeat:no-repeat; background-position:left center;}*/ /*#banner {color:#808080; background:#e9e9e9; background-image:url(https://www.sebtix.com/design/images/banner1.png); border-top:2px solid #760405; background-repeat:no-repeat; background-position:left center;}*/ #menu {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;} #menu a.title {color:#333333;} #menu a.sub {color:#808080;} #menu a.sub:hover {background:#e9e9e9; color:#704445;} #menu a.title:hover {background:#e9e9e9;} #bottom {color:#999999;} #bottom .input {border: 1px solid #e9e9e9; color: #999999; font-size: 0.9em;} #bottom .button {width:18px; border: 1px solid #e9e9e9; color: #999999; font-size: 0.9em; background:#e9e9e9;} #imagesListContainer {border-top:1px dotted #e9e9e9;} #imagesTableContainer tr td a img {border:1px solid #e9e9e9;} #expandControls a{color:#999999;} #footer {color:#cccccc; } #noscript {background:#fdfed7;} /**** EXTRA *****/ @media screen and (max-width: 500px) { body {/*font-size:1.3em;*/ padding: 10px; background:#fff;} #uppermaster {width:100%;} #master {padding: 0; width:100%;} #titlearea {padding-left: 10px;} #left {width: 100%;} #bottom {display:none;} #content {margin-left:0px;} #main {min-height: 100%;} #hamburger {display:block;} #menu {display:none; margin-bottom:30px;} #galleryContainer {height: 100%;} #imagesListWrapper {display:none;} #imagesListWrapper {display:none;} #expandControls {display:none;} #prevImg, #nextImg {height:50px; width:30px; margin-right:0px; margin-left:0px;} #gallery a {pointer-events: none;} #formcontainerleft, #formcontainerright {width:93%;} }