/* Le-Studio-Americain.com TEMPORARY WEBSITE (c) dec.2009 Le Studio Americain / Bruno Bartkowiak contact@le-studio-americain.com ========================================== + GENERALS + HEADER + WHO'S WHO + MAIN - prestations - references - contact + FOOTER */ /* ======= GENERALS ======= */ body, html {background: #fbf4da; color: #42210b; margin: 0; padding: 0px; font-size: 12px; font-family: Arial, sans-serif; line-height: 1.2em; } * {padding: 0px; margin: 0px;} :link, :visited, :hover, :active, :focus {outline-style:none; } a {color: #42210b; text-decoration: underline;} strong {font-weight: bold;} em {font-style: italic;} ul li, ol li {list-style: none;} img {display: block; border: none;} .spacer {clear: both; height: 0px;} /* ======= HEADER ======= */ #header {background: #fbb03b url(../img/bg-header.gif) left top repeat-x;} #header h1 {width: 960px; height: 85px; margin: 0 auto;} #header #underConstruction {width: 630px; height: 68px; margin: 0 auto; padding:2px 30px 0 300px; background: url(../img/bg-underconstruction.gif) left top no-repeat; font-size: 0.9em;text-align: center; color:#fbf4da;} #header #underConstruction a {color:#fbf4da;} /* ======= WHO'S WHO ======= */ #whosWho { width: 960px; min-height: 185px; margin: 0 auto; padding: 15px 0 ; background: url(../img/bg-whoswho.gif) left top no-repeat; line-height: 1.4em; text-align: right;} * html #whosWho {height: 185px;} #whosWho ul {margin: 7px 0;} #whosWho ul li {font-size: 3.1em; line-height: 1em; font-weight: bold; text-transform: uppercase; font-family: Arial Black, Arial, sans-serif;} /* ======= MAIN ======= */ ul#mainList li {background: url(../img/bg-li.gif) left top repeat-x; clear: both;} h2 {width: 930px; height: 25px; margin: 0 auto; padding: 10px 0 0 30px; background: #42210b url(../img/bg-h2.gif) left top no-repeat; color: #fbf4da; font-size: 1.3em;font-weight: bold; text-transform: uppercase; font-family: Arial Black, Arial, sans-serif;} ul#mainList li ul {width: 960px; margin: 10px auto;} ul#mainList li ul li {background: none; clear: none;} /* #prestations */ ul li#prestations {} ul li#prestations h2 {} ul li#prestations ul{padding-left:30px;} ul li#prestations ul li {display: block; float: left; width: 310px; padding:0;} ul li#prestations ul li{background: url(../img/bg-ul-portfolio-li.gif) left 25px repeat-x;} ul li#prestations ul li h3 {height: 15px; padding-left:15px; font-size: 1em; font-weight: bold; text-transform: uppercase; font-family: Arial Black, Arial, sans-serif;} ul li#prestations ul li ul {width: auto; margin-top: 10px; padding: 5px 0 0 15px;} ul li#prestations ul li ul li {float: none; width: auto; padding: 5px 0 3px 0; background: none;font-weight: normal; text-transform: none;} ul li#prestations ul li ul li strong {display: block; font-size: 0.9em; text-transform: uppercase; font-weight: bold; margin-bottom: 1px;} ul li#prestations ul li.first {margin-left: 15px;} * html ul li#prestations ul li.first {margin-left: 7px;} ul li#prestations ul li h3 {padding-left:0px;} ul li#prestations ul li ul {padding-left: 0px;} /* #references */ ul li#references {} ul li#references ul#amazingRefs {} ul li#references ul#amazingRefs li {padding: 5px 0 0 30px;} ul li#references ul#amazingRefs li strong {display: block; font-size: 0.9em; text-transform: uppercase; font-weight: bold;} ul li#references ul#amazingRefs li.last {padding: 5px 0 15px 0; margin-left: 30px; background: url(../img/bg-ul-portfolio-li.gif) left bottom repeat-x;} ul li#references ul#portfolio {width: auto;} ul li#references ul#portfolio li {width: auto; margin: 10px 0 ;padding: 0px 0 0 30px;} ul li#references ul#portfolio li a {display: block; width: 930px; margin: 0 auto;} ul li#references ul#portfolio li h3, ul li#references ul#portfolio li p {width: 720px; margin: 0 auto; padding: 0 0 0 210px;} ul li#references ul#portfolio li h3 {padding-top: 5px; font-size: 0.9em; text-transform: uppercase; font-weight: bold;} ul li#references ul#portfolio li h3 a{display: inline; width: auto; margin: auto;} ul li#references ul#portfolio li p {padding-bottom: 10px; background: url(../img/bg-ul-portfolio-li.gif) left bottom repeat-x;} ul li#references ul#portfolio li img {width: 926px; height:146px; background: #42210b url(../img/bg-img.gif) left top no-repeat; padding: 22px 2px 2px; margin: 0 auto;} /* #contact */ ul li#contact {} ul li#contact ul {} ul li#contact ul li {} ul li#contact ul li ul{ width: auto; } ul li#contact ul li#touchMe {display: block; float: left; width: 270px; padding: 5px 20px 0 30px; font-size: 1em;} ul li#contact ul li#touchMe ul li {padding-bottom: 7px;} ul li#contact ul li#formContainer {display: block; float: left; width: 640px; padding: 0} #contactform {margin: 0;} #contactform * {font-family: font-family: Arial, sans-serif; font-size: 1em; } #contactform ol {list-style: none; margin-bottom: 30px;} #contactform li {margin: 0 0 5px 0; padding: 2px 0;} #contactform label {margin: 0; width: 640px; display: block; padding: 0 0 2px 0; text-transform: uppercase; font-weight: bold; font-size: 0.8em;} #contactform input.text {width: 626px; border: 2px solid #42210b; padding: 5px; margin: 0; background: #fbf4da; color: #42210b; font-family: Arial, sans-serif;} #contactform textarea {width: 626px; border: 2px solid #42210b; padding: 5px; height: 80px; background: #fbf4da; color: #42210b; font-family: Arial, sans-serif;} #contactform li.buttons {margin: 0 auto; width: 630px; overflow: hidden;} #contactform li.buttons input { display: block; width : 200px; background: #42210b; color: #fbf4da; border: none; padding: 5px 30px; font-size: 0.9em; font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; float: right; margin: 0 0 0 5px; width: auto;} .response {display: block; background: #fbb03b; color: #42210b; text-transform: uppercase; font-size: 1.4em; font-weight: bold; text-align: center; width: 620px; padding: 20px 10px; margin: 10px auto;} .response strong {color: #dd0000;} #contactform img.loader {float: left; margin: 0; padding:0;} #contactform li.pot2miel {display: none;} /* ======= FOOTER ======= */ #footer {background: #fbb03b; clear: both; padding: 20px 0;} #footer p {display: block; width: 960px; margin: 0 auto; font-size: 0.9em; text-align: center;} /* ======= // ======= */