/* Theme Name: Dezam Theme URI: http://www.desirdezam.com Description: Dezam Theme Version: 0.1 Author: Claire Martin */ /** reset **/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } table { border-collapse: collapse; border-spacing: 0; } p{cursor: text;} /**BODY**/ body#rouge {padding : 0px; font-family: Arial, Helvetica, sans-serif; font-size : 14px; margin: 0px auto; cursor:default; background-color: #610718; } body#rouge #main { float: none; width: auto; min-width: 1000px; min-height: 800px; margin: 0px auto; border: none; background: url(images/bg-rouge.png) no-repeat; display : block; overflow: hidden;} body#jaune {padding : 0px; font-family: Arial, Helvetica, sans-serif; font-size : 14px; margin: 0px auto; cursor:default; background-color: #7f5d00; } body#jaune #main { float: none; width: auto; min-width: 1000px; min-height: 800px; margin: 0px auto; border: none; background: url(images/bg-jaune.png) no-repeat; display : block; overflow: hidden;} body#vert {padding : 0px; font-family: Arial, Helvetica, sans-serif; font-size : 14px; margin: 0px auto; cursor:default; background-color: #034a1a; } body#vert #main { float: none; width: auto; min-width: 1000px; min-height: 800px; margin: 0px auto; border: none; background: url(images/bg-vert.png) no-repeat; display : block; overflow: hidden;} body#rose {padding : 0px; font-family: Arial, Helvetica, sans-serif; font-size : 14px; margin: 0px auto; cursor:default; background-color: #660157;} body#rose #main { float: none; width: auto; min-width: 1000px; min-height: 800px; margin: 0px auto; border: none; background: url(images/bg-rose.png) no-repeat; display : block; overflow: hidden;} body#violet {padding : 0px; font-family: Arial, Helvetica, sans-serif; font-size : 14px; margin: 0px auto; cursor:default; background-color: #480066;} body#violet #main { float: none; width: auto; min-width: 1000px; min-height: 800px; margin: 0px auto; border: none; background: url(images/bg-violet.png) no-repeat; display : block; overflow: hidden;} /**HEADER**/ #header {float: none; position: relative; margin:0px; height: 160px; width: 900px; display: block; overflow: hidden;} #header a.english { position: absolute; top: 5px; left: 650px; text-decoration: underline; color: #ffffff; width: 50px; height: 15px; display : block; overflow: hidden;} #header a.logo-dezam { position: absolute; top: 15px; left: 50px; text-decoration: none; width: 176px; height: 66px; background: url(images/logo-dezam-page.png) no-repeat; display : block; overflow: hidden;} #header div.baseline { position: absolute; top: 70px; left: 200px; text-decoration: none; width: 355px; height: 48px; background: url(images/baseline2.png) no-repeat; display : block; overflow: hidden;} #header ul#nav { position: absolute; top: 103px; left: 0px; width: 640px; height: 30px; padding-left: 50px; background: url(images/bg-nav.png) no-repeat; display : block; overflow: hidden;} #header ul#nav li { float: left; width: auto; height: 30px; text-align: center; display: block; overflow: hidden;} #header ul#nav li a { font-size: 16px; color: #ffffff; font-weight: bold; width: auto; height: 26px; padding: 4px 10px 0 10px; text-decoration: none; display: block; overflow: hidden;} #header ul#nav li.current_page_item a{ font-size: 16px; color: #ff9600; background: #ffffff; text-decoration: none;} #header ul#nav li a:hover { font-size: 16px; color: #ff9600; background: #ffffff; text-decoration: none;} /**SIDEBAR**/ #sidebar{ position: absolute; text-align: left; top: 150px; left: 510px; background: url(images/bg-siderbar.png) no-repeat; width: 160px; height: 196px; padding: 55px 40px 55px 55px; display: block; overflow: hidden;} #sidebar ul{ width: 160px; height: 306px; display: block; overflow: hidden;} #sidebar ul li{font-size: 14px; line-height: 16px; margin-bottom: 7px; width: 145px; padding-left: 15px; padding-top: 0px; background: url(images/puce-sidebar.gif) no-repeat 0 6px; display: block; overflow: hidden;} #sidebar ul li a{ color: #ffffff; text-decoration: none;} #sidebar ul li a.selected{ color: #ffffff; text-decoration: underline;} #sidebar ul li a:hover{ color: #ffffff; text-decoration: underline;} /**FOOTER**/ #footer { float: none; margin: 0px; margin-top: -25px; background: url(images/bg-footer.png) no-repeat; width: 629px; height: 141px; padding: 40px 20px 10px 50px; display: block; overflow: hidden;} #footer .contact-line{ float: none; width: 629px; display: block; overflow: hidden;} #footer p{ float: left; color: #0aafdc; font-size: 16px; display: block; overflow: hidden; font-weight: bold; } #footer p a { color: #0aafdc; font-size: 16px; text-decoration: underline;} #footer a.fb { float: left; text-decoration: none; margin-left: 10px; background: url(images/logo-fb.png) no-repeat; width: 20px; height: 20px; display: block; overflow: hidden; } #footer ul{ float: none; width: 629px; margin-bottom: 10px; margin-top: 40px; display: block; overflow: hidden;} #footer ul li{ float: left; margin-right: 20px; display: block; overflow: hidden;} #footer ul li.desjardins{background: url(images/logo-desjardins.gif) no-repeat; width: 115px; height: 24px; display: block; overflow: hidden;} #footer ul li.saje {background: url(images/logo-saje.gif) no-repeat; width: 48px; height: 28px; display: block; overflow: hidden;} #footer ul li.cdec {background: url(images/logo-cdec.gif) no-repeat 0 0; margin-top: -5px; width: 63px; height: 33px; display: block; overflow: hidden;} #footer ul li.fm {background: url(images/logo-fm.gif) no-repeat; width: 140px; height: 25px; display: block; overflow: hidden;} #footer ul li.cf {background: url(images/logo-cf.gif) no-repeat; width: 140px; height: 33px; display: block; overflow: hidden;} #footer p.copyright{ float: none; color: #000000; font-size: 10px; font-weight: normal; width: 500px; line-height: 12px; display: block; overflow: hidden;} /**CONTENT**/ #top-content { float: none; margin: 0px; background-color :#000000; width: 620px; height: 10px; border-top: 1px solid #ffffff; display: block; overflow: hidden;} #content { float: none; margin: 0px; text-align: left; background-color :#000000; width: 390px; height: auto; min-height: 600px; padding: 30px 258px 50px 50px; border-right: 1px solid #ffffff; display: block; overflow: hidden;} strong {font-weight: bold;} em {font-style: italic;} strong em {font-style: italic; font-weight: bold;} em strong {font-style: italic; font-weight: bold;} #content div.page-entry em {font-style: italic;} #content .date { font-size: 10px; color: #ffffff; font-style: italic } #content a.retour-top { background : url(images/back-top.gif) no-repeat; width: 100px; height: 16px; padding-left: 25px; color: #0aafdc; font-size: 11px; text-decoration: none; display: block; overflow: hidden;} /**titres**/ h1 {font-size: 26px; color: #ff9600; width: 430px; margin-bottom: 20px; display: block; overflow: hidden;} h2 {font-size: 20px; color: #0aafdc; width: 430px; margin-bottom: 15px; margin-top: 20px; display: block; overflow: hidden;} h3 {font-size: 16px; color: #0aafdc; width: 430px; margin-bottom: 10px; margin-top: 15px; display: block; overflow: hidden;} h4 {font-size: 14px; color: #0aafdc; width: 430px; margin-bottom: 5px; margin-top: 5px; display: block; overflow: hidden;} h5 {font-size: 14px; color: #ff9600; width: 430px; margin-bottom: 5px; margin-top: 5px; display: block; overflow: hidden;} /**paragraphe de texte**/ #content div.page-entry {font-size: 14px; color: #cccccc; width: 430px; margin-bottom: 10px; line-height: 18px; display: block; overflow: hidden;} #content div.page-entry.post { margin-bottom: 30px;} #content div.page-entry p {margin-bottom: 10px; font-size: 14px; color: #cccccc; line-height: 19px; } /**lien**/ #content div.page-entry a {font-size: 14px; color: #ff9600; text-decoration: underline;} /**images**/ #content div.page-entry img { float: left; border: 1px solid #ffffff; margin-right: 15px; margin-bottom: 5px; height: 150px; width: 125px; display: block; overflow: hidden;} #content div.page-entry img.special {width:auto; height: auto; float: none; } #content div.page-entry.post img {height: 200px; width: 167px;} #content div.page-entry img.paysage { float: left; border: 1px solid #ffffff; margin-right: 15px; margin-bottom: 5px; height: 125px; width: 150px; display: block; overflow: hidden;} /**#content div.page-entry div.wp-caption.alignleft {float: left; width: 165px; height: 150px; display: block; overflow: hidden;} #content div.page-entry div.wp-caption {float: left; width: 165px; height: auto; display: block; overflow: hidden;} #content div.page-entry div.wp-caption p.wp-caption-text {font-size: 10px; font-style: italic; height: auto; display: block; overflow: hidden;} /**galerie photo**/ #content div.page-entry .gallery-icon img {width: 50px ; height: 50px;} #content div.page-entry .gallery-icon a {text-decoration: none;} #content form {float: none;margin: 0px; margin-top: 40px; padding: 0px; width: 430px; display: block; overflow: hidden;} #content form li {float: none; margin-bottom: 10px; padding: 0px; width: 430px; display: block; overflow: hidden;} #content form li.last {margin-top: 30px;} #content form label {float: left;color: #ffffff; font-size: 12px; padding-top: 4px; width: 130px; margin-right: 10px; display: block; overflow: hidden;} #content form input[type=text] {float: left; color: #000000; margin: 0px; font-size: 12px; padding: 0px; width: 280px; height: 22px; background: #ffffff; border: 1px solid #d7d3cc; display: block; overflow: hidden;} #content form textarea {float: left; color: #000000; margin: 0px; font-size: 12px; width: 420px; height: 150px; background: #ffffff; border: 1px solid #d7d3cc; display: block; overflow: hidden; vertical-align: top; } #content form select {float: left; color: #000000; margin: 0px; font-size: 12px; width: 280px; height: 22px; background: #ffffff; border: 1px solid #d7d3cc; display: block; overflow: hidden;} #content form input[type=submit] {float: right; margin: 0px; margin-right: 7px; width: 77px; height: 27px; background: url(images/bt-envoyer.gif) no-repeat; cursor: pointer; border: none; display: block; overflow: hidden;} #content form ul.info-lettre input[type=submit] {float: right; margin-top: 0px; margin-right: 127px; width: 77px; height: 27px; background: url(images/bt-envoyer.gif) no-repeat; cursor: pointer; border: none; display: block; overflow: hidden;} #content form ul.info-lettre li input[type=text] {width: 300px;} #content ul.atelier li {width: 430px; margin-bottom: 10px;display: block; overflow: hidden;} #content ul.atelier a.nom-atelier {font-size: 14px; color:#ffffff; text-decoration: none; padding: 5px 10px 5px 30px; width: 390px; background: url(images/fleche-bottom.gif) no-repeat 10px 9px; display: block; overflow: hidden;} #content ul.atelier a.nom-atelier:hover {font-size: 14px; color:#432f0f; text-decoration: none; padding: 5px 10px 5px 30px; width: 390px; background: url(images/fleche-hover.gif) no-repeat 10px 9px #ff9600; display: block; overflow: hidden;} #content ul.atelier a.nom-atelier.selected {font-size: 14px; color:#432f0f; text-decoration: none; padding: 5px 10px 5px 30px; width: 390px; background: url(images/fleche-top.gif) no-repeat 10px 9px #ff9600; display: block; overflow: hidden;} #content ul.atelier p {font-size: 14px; color:#ffffff; padding: 5px 10px 10px 10px; width: 410px; background: #ff9600; display: block; overflow: hidden;} #content div.audioplayer_container{margin-bottom: 10px;} #content div.pro-player-container{margin-bottom: 10px;}