/* Theme name : YOU ART HERE - GLOSS Description : THE PORTFOLIO OF DESIGNER Version : 0.5 Author : You-art-here Author URL : http://www.you-art-here.com */ /* ------------------------------------------------------------------------------------------------------------ */ /* -------------------------------------- GENERAL FIXE AU GABARIT ----------------------------------------------*/ /* ------------------------------------------------------------------------------------------------------------ */ /* -------------- BODY ----------------- */ html, body {height:100%; width:100%;} html>body #container {height: auto;} body {margin: 0; padding: 0; border: 0; /* This removes the border around the viewport in old versions of IE */ background-color: #FFFFFF; background-image: url('http://media.you-art-here.com/cache/1018dc5a136ee91827117ce25964226f_w2100_h1600_sc.jpg'); background-repeat: no-repeat; background-position: top left; background-attachment: fixed; font-family: Arial; overflow:auto; } #container {padding:0; margin:0; overflow:hidden; position: relative; height:100%; min-height:100%; voice-family: "\"}\""; voice-family: inherit; height: auto;} #header {width:100%; min-height:20px; border:0; padding:20px 0 20px 0; margin:0; background:#;} .header-left {float:left; margin:0; padding:0; width:300px; border:0;} .header-right {float:right; margin:0; padding:0 20px 0 0; width:400px; text-align:right;} #content-default-totale {width:100%; border:0; padding:0; margin:0 auto; text-align:center;} #content-default {width:720px; min-height:100px; border:0; padding:0; margin:0 auto; background:#;} #content {width:900px; min-height:100px; border:0; padding:10px; margin:0 auto; background:#;} #content-visuels {width:900px; min-height:100px; border:0; padding:0; margin:0 auto; background:#;} #niv0-left {float:left; margin:0; padding:0;} #niv1-left {float:right; margin:0 20px 0 0;} #niv2 {clear:both; padding:0; margin:0 auto; width:860px;} .visuel-pt {border:0; border:1px solid transparent;} .visuel-pt:hover {border:0; border:1px solid transparent;} .lien-media {margin:0; font-size:10pt; font-family:Arial; color:#7A7A7A; font-weight:normal; text-decoration:none;} .lien-media:hover {margin:0; font-size:10pt; font-family:Arial; color:#7A7A7A; font-weight:normal; text-decoration:underline;} .fond-titre-media {position:absolute; z-index:4; margin-top:154px; margin-left:1px; width:278px; height:30px; background:transparent url('http://media.you-art-here.com/img/commun/fond-box-alpha/noir-alpha80.png') repeat top left; padding:0;} #menu-vertical {background:#; border:0; margin:0; padding:10px 15px 10px 20px; position:absolute; z-index:10; left:0; top:200px;} #menu-vertical ul {padding:0; margin:0;} #menu-vertical ul li {display:block; padding:0; margin:0 0 3px 0;} #menu-vertical ul li a {color:#FFFFFF; font-size:10pt; font-weight:normal; font-family:Trebuchet MS; text-decoration:none; text-transform:lowercase;} #menu-vertical ul li a:hover, #menu-vertical ul li a:hover { text-decoration:underline;} #menu {padding:0; margin:10px auto 0 auto; border:0; padding:0; min-height:30px; width:620px; float:left;} #menu ul {padding:0; margin:0;} #menu ul li {display:inline; padding:0; margin:0 10px 0 0;} #menu ul li a {font-weight:normal; padding:5px; margin:0; font-family:Trebuchet MS; font-size:10pt; color:#FFFFFF; background:#; text-transform:lowercase;} #menu ul li a:hover {background:#CCC; text-decoration:none;} .media-titre {position:absolute; z-index:5; margin-top:154px; margin-left:1px; width:270px; height:27px; padding:5px 0 0 8px; text-align:left; font-weight:normal; font-size:9pt; color:#FFF; background:transparent;} .media-theme {float:left; width:290px; height:200px; padding:5px; margin:0 5px 5px 0; background:transparent;} .media-theme:hover {background:#CCC;} .media-theme a {font-weight:normal; text-decoration:none; color:#7A7A7A; font-size:9pt; text-transform:uppercase;} .media-theme a:hover {text-decoration:none;} .media-galerie {float:left; width:290px; height:200px; padding:5px; margin:0 5px 5px 0; background:transparent;} .media-galerie:hover {background:#CCC;} .media-galerie a {font-weight:normal; text-decoration:none; color:#7A7A7A; font-size:9pt; text-transform:uppercase;} .media-galerie a:hover {text-decoration:none;} /* TITRES */ h1 {padding:0; margin:0 0 0 20px; font-size:70pt; color:#EDEDED; font-family: Georgia; text-transform:none; font-weight:normal; border:0;} h1 a, h1 a:hover {padding:0; margin:0; font-size:70pt; color:#EDEDED; font-family: Georgia;font-weight:normal; border:0; text-decoration:none;} /* INTRODUCTIONS */ h2 {padding:0 0 0 0; margin:0; font-size:20pt; color:#000000; font-family: Georgia; text-transform:uppercase; font-weight:normal;} h2 a {padding:0; margin:0; font-size:20pt; color:#000000; font-family: Georgia; text-decoration:none; font-weight:normal;} h2 a:hover {text-decoration:none;} h2 a span.chemin {display:inline; padding:0 0 0 10px; margin:0; text-decoration:none; border:0; border-left:1px solid #000000; font-weight:normal; font-size:80%;} h2 a span.chemin:hover {text-decoration:none;} /* SOUS-TITRES */ h3 {padding:0; margin:0 0 0 20px; font-size:16pt; color:#EDEDED; font-family: Georgia; text-transform:uppercase; font-weight:normal;} p {text-decoration:none; font-size:9pt; color:#000000; font-family:Arial; text-align:left; font-weight:normal;} ul {padding:0; margin:0 15px 0 15px;} li {padding:0; margin:0; font-size:9pt; color:#000000; text-align:left; line-height:130%; list-style-type:none;} a {text-decoration:none; font-size:9pt; color:#7A7A7A; font-family:Arial;} a:hover {text-decoration:underline;} img.logo {border:0; padding:0; margin:0;} /* --------- BOX PARTAGER ----------- */ .partager {padding:3px 0 0 3px; margin:0; border:0; float:left;} .partager ul {padding:0; margin:0; height:24px; display:block;} .partager ul li {padding:0; margin:0; float:left; display:inline;} .partager ul li.twitter {padding:0; margin:0 5px 0 0; background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-0 -50px; background-repeat:no-repeat; width:22px; height:22px; text-indent: -9999px; cursor:pointer;} .partager ul li.twitter:focus, .partager ul li.twitter:hover {background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-50px -50px; background-repeat:no-repeat;} .partager ul li.facebook {padding:0; margin:0 5px 0 0; background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-100px -50px; background-repeat:no-repeat; width:22px; height:22px; text-indent: -9999px; cursor:pointer;} .partager ul li.facebook:focus, .partager ul li.facebook:hover {background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-150px -50px; background-repeat:no-repeat; text-indent: -9999px;} .partager ul li.myspace {padding:0; margin:0 5px 0 0; background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-200px -50px; background-repeat:no-repeat; width:22px; height:22px; text-indent: -9999px; cursor:pointer;} .partager ul li.myspace:focus, .partager ul li.myspace:hover {background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-250px -50px; background-repeat:no-repeat; text-indent: -9999px;} .partager ul li.flickr {padding:0; margin:0 5px 0 0; background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-300px -50px; background-repeat:no-repeat; width:22px; height:22px; text-indent: -9999px; cursor:pointer;} .partager ul li.flickr:focus, .partager ul li.flickr:hover {background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-350px -50px; background-repeat:no-repeat; text-indent: -9999px;} .partager ul li.soundcloud {padding:0; margin:0 5px 0 0; background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-400px -50px; background-repeat:no-repeat; width:22px; height:22px; text-indent: -9999px; cursor:pointer;} .partager ul li.soundcloud:focus, .partager ul li.soundcloud:hover {background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-450px -50px; background-repeat:no-repeat; text-indent: -9999px;} .partager ul li.vimeo {padding:0; margin:0 5px 0 0; background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-500px -50px; background-repeat:no-repeat; width:22px; height:22px; text-indent: -9999px; cursor:pointer;} .partager ul li.vimeo:focus, .partager ul li.vimeo:hover {background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-550px -50px; background-repeat:no-repeat; text-indent: -9999px;} .partager ul li.profilyah {padding:0; margin:0 5px 0 0; background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-600px -50px; background-repeat:no-repeat; width:22px; height:22px; text-indent: -9999px; cursor:pointer;} .partager ul li.profilyah:focus, .partager ul li.profilyah:hover {background-image:url('http://media.you-art-here.com/img/website/gabarits/sprite-social.png'); background-position:-650px -50px; background-repeat:no-repeat; text-indent: -9999px;} .partager ul li a {padding:0; margin:0; text-decoration:none; color:#7A7A7A;} .partager ul li a:focus, .partager ul li a:hover {padding:0; margin:0; text-decoration:none; color:#7a7a7a;} .facebook-jaime {float:left; padding:3px 7px 0 0; margin:0; border:0;} /* ------------------------------------- */ /* ----- FORMULAIRE CONTACT ------------ */ #content_contact {width:420px; padding:0; margin:0 0 0 0; font-size:9pt; color:#000000; font-family:Arial; text-align:left; display:block;} #content_contact #contact {padding:0; margin:0; text-align:left;} #content_contact form {padding:0; margin:0;} #content_contact .nom {padding:0; margin:0; display:inline; width:100%; display:block;} #content_contact .mail {padding:0; margin:0; display:block; width:100%; display:block;} #content_contact .message {padding:0; margin:5px 0 0 0; display:block; width:80%;} #content_contact input[type=text] {padding:5px; background-color:#FFF; color:#000; width:320px; height:20px; margin-top: 10px; margin-bottom: 5px; display:block;} #content_contact textarea {padding:5px; background-color:#FFF; color:#000; display:block; width:320px; max-width:320px; height:120px; margin-top: 5px; margin-bottom: 5px;} #content_contact input[type=submit] {width:100px; display:block; margin:20px 0 0 0;} .error {color:#000000; font-size:8pt; font-style:italic; padding:0; margin:0;} /* ------------------------------------- */ /* --------- FOOTER YAH ---------------- */ #cl-footer {background-color: transparent; width:100%; height:25px; margin: 0; padding: 0;} #footer {position: absolute; bottom: 0; padding: 0px; background-color: #; width: 100%; height:28px; border:0; border-top:1px solid #DDD;} #footer .right {width:300px; float:right; padding:0; margin:0; text-align:right;} #footer .left {width:550px; float:left; padding:0; margin:0;} #footer .right p {padding: 3px 3px 0 0; margin:0 3px 0 0; color:#FFFFFF; font-family:Arial; font-weight:normal; font-size:8pt; text-align:right;} #footer .right p a {padding: 3px 0 0 0; color:#FFFFFF; font-family:Arial; font-weight:normal; text-decoration:none; font-size:8pt; cursor:pointer; margin:0;} #footer .right p a:hover {text-decoration:underline;} /* MESSAGE SITE ADULTE ONLY */ .is_adult-warning {text-align:center; font-size:9pt; font-family:Arial; color:#FFF; font-weight:normal;} .modal {padding:20px; background:#000;} .modal-head {margin-bottom:10px;} .modal-head img {text-align:center; width:200px; border:0;} .modal-head h1 {text-align:center;} .modal_answer {text-align:center;} .is_adult-answer {text-align:center; margin-top:20px;} .adult_no {text-decoration:none; color:#0aa6df; margin-left:50px;} .adult_yes {text-decoration:none; color:#0aa6df;} .overlay_majeur {background: #000 url('_images/stripebg.png'); height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 999;} .overlay_majeur h1 {padding: 0px; margin: 0px; font-size: 20pt; color: white; font-family: Impact; text-transform: uppercase; font-weight: normal;} .overlay_majeur a { font-size: 10pt; font-family: Arial;} .fleche-modal {color:#FFF; font-weight:normal;} .overlay_majeur { background:transparent url('http://media.you-art-here.com/img/commun/fond-box-alpha/noir-alpha95.png'); background-repeat:repeat; background-position:top left; }