/*
Feuille de style principale du site studio103.fr
Copyright 2006 - Yves Tannier - http://www.grafactory.net
*/

/* element de configuration generale
-------------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }
html { font-size: 100%; }
body {
    font: 14px Helvetica,sans-serif;
    color: #000;
}
img {
    border: 0;
}   
a {
    color: #000;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
ul, li {
    list-style-type: square;
}
ul {
    padding-left: 20px;
    margin-top: 5px;
}
.spacer {
    clear: both;
    font-size: 2px;
    height: 2px;
}
abbr, acronym, .help {
    border-bottom: 1px dotted black;
    cursor: help;
}
.hide {
    display: none;
}
h1 a, h2 a, h3 a {
    font-weight: normal;
    text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: underline;
    color: #000;
}

/* contenu de la page
-------------------------------------------------------- */
#global {
    background: url(../img/interface/fond_commun.jpg) no-repeat;
    background-position: 0px 100px;
    position:absolute;
    left: 50%;
    width: 950px;
    height: 632px;
    margin-left: -475px;
}

/* logo */
#logo {
    float: left;
}
#menu {
    float: right;
}
#menu_principal {
    position: relative;
    height: 123px;
    width: 609px;
    background: transparent url(../img/interface/menu_complet.gif) no-repeat;
    margin: 0;
}
#menu_principal li {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu_principal li, #menu_principal a {
    display: block;
/*border: 1px solid;*/
}
#menu_principal span {
    display: none;
}
#equipements {left: 2px; top: 18px;}
#equipements a {width: 202px; height: 65px;}
#equipements a:hover {
    background: transparent url(../img/interface/menu/equipement_haut.png) 0px -3px no-repeat;
}
#realisations {left: 202px; top: 42px;}
#realisations a {width: 178px; height: 38px;}
#realisations a:hover {
    background: transparent url(../img/interface/menu/realisations_haut.png) 2px -2px no-repeat;
}
#galerie {left: 83px; top: 67px;}
#galerie a {width: 137px; height: 45px;}
#galerie a:hover {
    background: transparent url(../img/interface/menu/galerie_haut.png) 1px 1px no-repeat;
}
#tarifs {left: 283px; top: 75px;}
#tarifs a {width: 113px; height: 47px;}
#tarifs a:hover {
    background: transparent url(../img/interface/menu/tarifs_haut.png) 1px -1px no-repeat;
}
#contact {left: 367px; top: 5px; }
#contact a {width: 162px; height: 54px;}
#contact a:hover {
    background: transparent url(../img/interface/menu/contact_haut.png) 0px 0px no-repeat;
}
#liens {left: 446px; top: 56px; }
#liens a {width: 160px; height: 28px;}
#liens a:hover {
    background: transparent url(../img/interface/menu/liens_haut.png) 1px 0px no-repeat;
}
#conteneur {
    position: absolute;
    top: 100px;
}
#gauche {
    float: left;
    width: 416px;
}
#droite {
    float: left;
    width: 532px;
}
#content_droite {
    padding-top: 130px;
    padding-left: 5px;
}
#content_droite .content_home h1 {
    background: url(../img/interface/titre_home.gif) no-repeat;
    width: 410px;
    height: 40px;
}
#content_droite .content_home {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 10px;
}
#content_droite .content_home p, #content_gauche .content_contact_gauche p {
    text-align: justify;
    line-height: 120%;
}
#content_gauche .content_contact_gauche {
    padding-top: 60px;
    padding-right: 10px;
}
#content_gauche #map {
    margin-top: 15px;
    border: 5px dashed #ccc;
}
#content_gauche .content_contact_gauche h1 {
    background: url(../img/interface/titre_contact.gif) no-repeat;
    width: 155px;
    height: 60px;
    margin-bottom: 15px;
}
#content_droite .content_contact_droite {
    padding-left: 10px;
}
#content_droite .content_contact_droite input,
#content_droite .content_contact_droite textarea {
    border: 2px solid #ccc;
    padding: 1px;
}
#lastname_ct {
    width: 200px;
}
#email_ct {
    width: 250px;
}
#comment_ct {
    width: 300px;
    height: 95px;
}
.require {
    color: red;
    padding: 5px;
    font-size: 11px;
}
#content_droite .content_contact_droite label {
    float: left;
    width: 120px;
}
#content_droite .content_contact_droite form p {
    float: left;
    width: 350px;
    padding: 3px;
}
#content_droite .content_contact_droite h2 {
    font-size: 15px;
}
#content_droite .content_contact_droite h1 {
    background: url(../img/interface/sstitre_contact.gif) no-repeat;
    width: 276px;
    height: 31px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#content_gauche .content_equipement_gauche h1 {
    background: url(../img/interface/titre_equipements.gif) no-repeat;
    width: 150px;
    height: 50px;
    margin-bottom: 15px;
}
#content_gauche .content_equipement_gauche h2 {
    font-size: 12px;
    font-weight: normal;
}
#content_gauche .content_equipement_gauche p {
    font-size: 13px;
    margin-top: 5px;
    margin-right: 20px;
}
#equip_liste {
    margin-top: 25px;
    height: 290px;
    overflow: auto;
}
#content_gauche .content_equipement_gauche {
    padding-top: 50px;
}
#droite .content_equipement_droite {
    margin-top: 31px;
    padding-left: 2px;
}
#content_gauche .content_tarifs_gauche h1 {
    background: url(../img/interface/titre_tarifs.gif) no-repeat;
    width: 225px;
    height: 50px;
    margin-bottom: 25px;
    margin-top: 70px;
}
#content_gauche .content_tarifs_gauche p {
    margin-top: 5px;
    margin-right: 20px;
    text-align: justify;
    line-height: 120%;
}
#content_gauche .content_tarifs_gauche {
    margin-top: 150px;
}
#content_droite .content_tarifs_droite {
    padding-left: 20px;
}
#content_droite table, #content_gauche table {
    font-size: 12px;
    border: 2px solid #ccc;
    border-collapse: separate ;
    border-spacing: 0;
}
#content_droite td, #content_gauche td {
    border: 1px solid #eee;
    padding: 1px;
}
#content_droite .centre, #content_gauche .center {
    text-align: center;    
}
#content_droite .content_tarifs_droite h2 {
    font-size: 13px;
    color: #33FF00;
    margin-bottom: 10px;
    margin-top: 15px;
}
#content_droite .content_tarifs_droite p,
#content_droite .content_tarifs_droite li {
    line-height: 110%;
    font-size: 13px;
}
#tarifs_ht {
    font-size: 10px;
    text-align: left;
    margin-bottom: 15px;
    padding: 2px;
}
#content_gauche .content_galerie_gauche {
    padding-top: 140px;
padding-left: 30px;
}
#content_droite .content_galerie_droite {
    padding-left: 40px;
}
#content_droite .content_galerie_droite h1 {
    font-size: 14px;
    margin-bottom: 5px;
    color: red;
}
#content_droite .content_galerie_droite #texte_gal {
    text-align: justify;
    font-size: 13px;
}
#content_droite .content_galerie_droite #vignettes {
    margin-top: 15px;
    height: 150px;
    overflow: auto;
}
#content_gauche .content_liens_gauche h2
, #content_droite .content_liens_droite h2 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
}
#content_gauche .content_liens_gauche p
, #content_droite .content_liens_droite p {
    margin-bottom: 20px;
    padding-right: 15px;
    text-align: justify;
    line-height: 120%;
}
#content_gauche .content_liens_gauche {
    padding-top: 120px;
}
#content_droite .content_liens_droite {
    padding-left: 30px;
}
#content_gauche .content_liens_gauche {
    padding-left: 40px;
}
#content_gauche .content_realisations_gauche h1 {
    background: url(../img/interface/sstitre_realisations.gif) no-repeat;
    width: 261px;
    height: 25px;
    margin-bottom: 5px;
}
#content_droite .content_realisations_droite h1 {
    background: top right url(../img/interface/titre_realisations.gif) no-repeat;
    width: 500px;
    height: 36px;
    margin-bottom: 10px;
    text-align: right;
}
#content_gauche .content_realisations_gauche {
    padding-top: 95px;
    padding-right: 0;
}
#content_gauche #img_real {
position: absolute;
bottom: 0;
top: 281px;
}
#content_droite .content_realisations_droite {
    padding-left: 10px;
}
#content_gauche .content_realisations_gauche p {
padding-right: 10px;

}
#content_droite .content_realisations_droite p,
#content_gauche .content_realisations_gauche p {
    text-align: justify;
    line-height: 110%;
    font-size: 12px;
}
#content_droite .content_realisations_droite p {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 120%;
}
#real_liste {
    margin-top: 10px;
    height: 240px;
    padding-right: 10px;
    overflow: auto;
}
#footer {
    position: absolute;
    bottom: 20px;
    right: 0;
}
#footer img {
    vertical-align: middle;
}
#error h1 {
    color: red;
    font-size: 16px;
    margin-top: 20px;
}
#error h2 {
    font-size: 14px;
    margin-top: 20px;
}
#error_msg {
    border-left: 5px solid red;
    padding: 5px;
    margin-top: 5px;
}
#error_msg h2 {
    color: red;
}