/* Theme name : YOU ART HERE - TRUCKS 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%;} body {margin: 0; padding: 0; border: 0; /* This removes the border around the viewport in old versions of IE */ font-family: Arial; background-color: #FFFFFF; background-image: url('http://media.you-art-here.com/cache/31f8355287ab7369f7327e2da8f558bf_w2100_h1600_sc.jpg'); background-repeat: no-repeat; background-position: bottom center; background-attachment: fixed; overflow:auto; } html>body #container {height: auto;} #container {padding:0; margin:0; overflow:hidden; position: relative; height:100%; min-height:100%; voice-family: "\"}\""; voice-family: inherit; height: auto;} .clear {clear:both; width:100%; height:1px; padding:0; margin:0;} #menu {margin:0; padding:5px 0; width:100%; background-color:#6FD8F2; text-align:center;} #menu ul {padding:5px 0 5px 0; margin:0; text-align:center;} #menu ul li {padding:0; margin:0; display:inline; list-style-type:none;} #menu ul li a {padding:0; margin:0 8px 0 8px; text-decoration:none; color:#FFFFFF; font-size:12pt; font-family:Georgia; text-transform:none;} #menu ul li a:hover {text-decoration:underline;} #identite {clear:both; text-align:center; width:100%; margin:0; padding:20px 0; background-color:#; min-height:20px;} h1 {padding:0; margin:0; text-align:center; font-size:20pt; font-family:Georgia; color:#000000; text-transform:none;} h1 a {padding:0; margin:0; text-align:center; font-size:80pt; font-family:Georgia; color:#000000; text-decoration:none;} h1 a:hover {text-decoration:none;} h3 {padding:0; margin:0; text-align:center; font-size:15pt; font-family:Arial; color:#000000;} .logo {border:0;} #identite-vide {clear:both; text-align:center; width:100%; margin:0; padding:20px; background-color:#; min-height:10px;} #content {margin:20px auto 0 auto; overflow:hidden; width:520px; min-height:100px; padding:0; background-color:transparent;} #content .left {margin:0; width:500px; height:200px; padding:10px; background-color:#6FD8F2;} #content .right-text {margin:10px 0 0 0; width:498px; min-height:10px; padding:10px; display:block; overflow:hidden; background-color:#FFFFFF; border:1px solid #DDD;} #content .right {margin:10px 0 0 0; width:498px; min-height:25px; padding:10px; display:block; overflow:auto; background-color:#FFFFFF; border:1px solid #DDD;} p {text-align:justify; color:#000000; font-size:10pt; font-family:Arial; margin:8px 10px 0 10px;} ul {margin:5px 0 15px 10px; padding:0 0 0 25px;} li {color:#000000; font-size:10pt; font-family:Arial; list-style-type:none; padding:0;} ul li a {color:#1264B5; font-size:10pt; font-family:Arial; text-decoration:none;} ul li a:hover {text-decoration:underline} p a {color:#1264B5; font-size:10pt; font-family:Arial; text-decoration:none;} p a:hover {text-decoration:underline} #content-media {margin:0 auto; overflow:hidden; width:520px; min-height:100px; padding:10px 0 0 0; background-color:transparent;} .left-media {margin:0; width:500px; min-height:200px; padding:10px; /*background-color:#6FD8F2;*/} .right-media {margin:10px 0 0 0; width:500px; height:250px; padding:10px; display:block; overflow:auto; background-color:#FFFFFF;} p {text-align:justify; color:#000000; font-size:10pt; font-family:Arial;} p a {color:#1264B5; font-size:10pt; font-family:Arial; text-decoration:none;} p a:hover {text-decoration:underline} .details-bt-zone-left {float:left; width:450px; margin:0; padding:0;} .details-bt-zone-right {float:right; width:20px; margin:0; padding:0;} #details-bt-zone {margin:0; width:510px; padding:0; text-align:right; border:0;} #details-bt {font-size:8pt; color:#1264B5; font-family:Arial; text-decoration:none; font-weight:bold;} #details-bt:hover {text-decoration:underline;} #details {width:478px; background:#FFFFFF; padding:10px; margin:5px auto 0 auto; border:1px solid #DDD;} .media_theme {float:left; margin:10px 9px 9px 10px; padding:0; width:78px; height:78px; border:1px solid #6FD8F2;} .media_galerie {float:left; margin:10px 9px 9px 10px; padding:0; width:78px; height:78px; border:1px solid #6FD8F2;} h2 {padding:0; margin:0 0 0 10px; text-align:left; font-size:20pt; font-family:Georgia; color:#000000; text-transform:none;} h2 a {padding:0; margin:0; font-size:20pt; font-family:Georgia; color:#000000; text-decoration:none;} h2 a:hover {text-decoration:none;} h2 a span.chemin {padding:0 0 0 10px; margin:0; font-size:80%; font-family:Georgia; color:#000000; text-decoration:none; border-left:1px solid #DDD; font-weight:normal;} /* ------------------------------------- */ /* ----- FORMULAIRE CONTACT ------------ */ #content_contact {width:420px; padding:0; margin:10px 0 0 10px; font-size:10pt; color:#000000; font-family:Arial; text-align:justify; display:block;} #content_contact #contact {padding:0; margin:0; text-align:justify;} #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:380px; height:20px; margin-top: 10px; margin-bottom: 5px; display:block;} #content_contact textarea {padding:5px; background-color:#FFF; color:#000; display:block; width:380px; max-width:380px; 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;} /* ------------------------------------- */ /* --------- BOX PARTAGER ----------- */ .line-dotted {border-bottom:1px dotted #000000; clear:both; width:370px;} .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; width:22px; height:22px; text-indent: -9999px;} .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:#1264B5;} .partager ul li a:focus, .partager ul li a:hover {padding:0; margin:0; text-decoration:none; color:#584946;} .facebook-jaime {float:left; padding:3px 7px 0 3px; margin:0; border: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: #000000; 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; }