/*
 * Global Layout
 */
* {
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    text-decoration:none;
    font-style:none;
    font-weight:normal;
}

a, a:hover, a:visited { color:white; }
a span { display:none; }
strong { font-weight:bold; }
em { color:#f96f20; font-style:normal; font-weight:bold; }

body {
    background-color:#f4f5dd;
    font-family:verdana, Arial, Helvetica;
    font-size:0.8em;
    color:black;
}

#container {
    position:relative;
    width:865px;
    margin:auto;
    margin-left:0;
    padding-top:90px;
}

#header {
    position:relative;
    background-image:url('imgs/header_bg.png');
    width:865px;
    height:107px;
}

#menu {
    position:absolute;
    right:0;
    bottom:0;
    width:468px;
    height:15px;
    list-style:none;
}

#menu li { position:absolute; top:0; height:15px; }
#menu li#accueil { display:none; }
#menu li#presentation { background-image:url('imgs/presentation_btn.png'); width:130px; }
#menu li#presentation.hover, #menu li#presentation a:hover { background-image:url('imgs/presentation_btnOv.png'); }
#menu li#offres { background-image:url('imgs/offres_btn.png'); width:112px; left:130px; }
#menu li#offres.hover, #menu li#offres a:hover { background-image:url('imgs/offres_btnOv.png'); }
#menu li#contact { background-image:url('imgs/contacts_btn.png'); width:101px; left:242px; }
#menu li#contact.hover, #menu li#contact a:hover { background-image:url('imgs/contacts_btnOv.png'); }
#menu li#acces { background-image:url('imgs/plan_btn.png'); width:125px; left:343px; }
#menu li#acces.hover, #menu li#acces a:hover { background-image:url('imgs/plan_btnOv.png'); }

#menu li a { position:absolute; top:0; left:0; width:100%; height:100%; }

div.content_accueil, div.content_presentation, div.content_offres, div.content_contact, div.content_acces {
    position:relative;
    background-image:url('imgs/content_bg.png');
    background-repeat:repeat-y;
}

#footer {
    position:relative;
    background-image:url('imgs/footer_bg.png');
    width:865px;
    height:41px;
}

#footer p, #footer p * {
    color:#efd1bc;
    font-size:9px;
}

#footer p {
    width:825px;
    text-align:right;
    position:relative;
    padding:20px;
    padding-top:25px;
}

/* ACCUEIL */

div.content_accueil {
    width:778px;
    padding:24px 0px 70px 90px;
}

#accueil_presentation {
    position:relative;
    width:752px;
    height:259px;
    background-image:url('imgs/accueil_presentation.png');
}

#accueil_presentation * {
    display:none;
}

/* OFFRES */

div.content_offres {
    width:798px;
    padding:24px 0px 70px 90px;
}

div.content_offres {
    padding-left:70px;
    padding-bottom:10px;
}

div.content_offres h1 {
    position:relative;
    background-image:url('imgs/offres_titre.png');
    width:316px;
    height:25px;
}

div.content_offres h1 span { display:none; }

div.content_offres ul {
    margin-top:30px;
    list-style:none;
}

div.content_offres ul li {
    margin-bottom:10px;
}

div.content_offres ul li div {
    position:relative;
    width:784px;
    padding-bottom:3px;
}

div.content_offres ul li div.alt {
    background-color:#f9fdfd;
}

div.content_offres ul li div img {
    position:absolute;
    top:8px;
    left:8px;
    width:102px;
    height:62px;
}

div.content_offres ul li div div {
    position:relative;
    width:635px;
    left:139px;
    padding-top:0px;
}

div.content_offres ul li div div hr {
    color:#dde3e3;
    background-color:#dde3e3;
    border:1px solid #dde3e3;
    margin-top:2px;
    margin-bottom:2px;
}

div.content_offres ul li div div p {
    padding-top:3px;
    font-size:10px;
}

p span.ref {
    color:#5b5b5b;
}

/* ACCES */

div.content_acces {
    width:798px;
    padding:35px 0px 0px 70px;
}

/* CONTACT */

div.content_contact {
    width:798px;
    padding:80px 0px 60px 70px;
}

div.content_contact address {
    font-style:normal;
    font-family:Courrier New;
    white-space:pre;
    font-size:11px;
    width:100%;
}

span.tel {
    position:absolute;
    right:0;
}

div.content_contact address img {
    margin-bottom:5px;
}

#adresse {
    position:absolute;
    width:290px;
    float:left;
}

#formulaire {
    position:relative;
    left:310px;
    margin-top:10px;
    width:465px;
}

#formulaire form {
    position:relative;
    background-color:#bcc9c9;
    padding:10px 5px 10px 10px;
    width:450px;
}

#formulaire label {
    text-transform:uppercase;
    font-size:10px;
    font-weight:bold;
}

textarea {
    width:264px;
    height:147px;
}

#formulaire p.message {
    float:left;
    position:absolute;
    right:10px;
    top:10px;
}

input {
    width:160px;
}

#formulaire p {
    margin-bottom:8px;
    margin-left:0;
}

input.submit {
    width:auto;
    position:absolute;
    bottom:-20px;
    right:8px;
}

#formulaire h1 {
    position:relative;
    background-image:url('imgs/contact_mail_titre.png');
    width:147px;
    height:13px;
    margin:0;
    padding:0;
}

#formulaire h1 span { display:none; }

/* PRESENTATION */

div.content_presentation {
    width:788px;
    padding:100px 0px 150px 80px;
}

#presentation_description {
    position:relative;
    width:736px;
    height:82px;
    background-image:url('imgs/presentation_description.png');
}

#presentation_description * {
    display:none;
}

#formulaire p.merci {
    width:100%;
    text-align:center;

    padding-top:20px;
}