/* -------------------------------------------------------------------------
                                Global
   ------------------------------------------------------------------------- */
   
/* Default configuration */
* {
    float:              left;
    margin:             0;
    padding:            0;
    font-family:        Verdana,Arial,sans-serif;
}
option {
    float:              none;
}
/* Hack IE double-margin */
div {
    display:            inline;
}
body {
    font:               normal 1em Verdana,Arial,sans-serif;
}
body, select, h1, h2, h3 {
    background-color:   #FFFFFF;
    color:              #000000;
}

img {
    border:             none;
}

p {
    font:               normal 0.6em Verdana,Arial,sans-serif;
    color:              #444;
}

select {
    font:               normal 1em Verdana,Arial,sans-serif;
    color:              #444;
}

h1 {
    font:               normal 1.5em Verdana,Arial,sans-serif;
    color:              #C0DE42;
}

h2 {
    font:               normal 1.2em Verdana,Arial,sans-serif;
    color:              #1A5BB7;
}

h3 {
    font:               bold 0.7em Verdana,Arial,sans-serif;
}

div.page {
    width:              670px;
}

#logo {
    width:              100%;
    text-align:         center;
}
#logo a {
    margin-left:        250px;
}

#menu, #newsletter, a.plus_infos {
    display:            none;
}

#content {
    clear:              left;
    height:             100%;
    width:              100%;
}

#remerciements p {
    font:               normal 1.2em Verdana,Arial,sans-serif;
    color:              #777;
    text-align:         center;
    width:              100%;
    margin:             50px 15px 40px 10px;
}

#footer {
    clear:              both;
    margin-top:         50px;
    height:             51px;
    width:              100%;
}
#footer p {
    font:               normal 0.7em Verdana,Arial,sans-serif;
    color:              #777;
    background-color:   #FFF;
    margin-top:         15px;
    margin-left:        15px;
}
#footer a {
    text-decoration:    none;
    color:              #777;
}
#footer ul {
    display:            none;
}
#footer img {
    float:              none;
}


/* -------------------------------------------------------------------------
                                Index
   ------------------------------------------------------------------------- */
#index #introduction {
    width:              400px;
    margin-left:        40px;
    margin-top:         20px;
    margin-right:       20px;
    padding-right:      20px;
    border-right:       1px dotted #CCC;
    clear:              left;
}

#index #bienvenue {
    width:              250px;
    clear:              left;
    background:         url('images/bienvenue.png') no-repeat;
    padding-left:       150px;
    margin-top:         10px;
}

#index #actualites {
    clear:              left;
    width:              250px;
    background:         url('images/actualites.png') no-repeat 0 10px;
    padding-left:       150px;
    padding-top:        10px;
    margin-top:         20px;
    border-top:         1px dotted #CCC;
}
#index #actualites div, #index #actualites p {
    clear:              left;
    width:              100%;
}

#index #nos_services {
    width:              auto;
    margin-top:         25px;
    margin-left:        10px;
    margin-right:       20px;
    width:              250px;
}
#index #nos_services div {
    width:              100%;
}
#index #nos_services h3 {
    width:              100%;
    border-bottom:      1px dotted #777;
    padding-bottom:     5px;
    margin-bottom:      5px;
}
#index #nos_services div {
    margin-top:         20px;
}
#index #nos_services p {
    clear:              left;
    width:              100%;
}
#index #nos_services a {
    margin-top:         10px;
}


/* -------------------------------------------------------------------------
                              Présentation
   ------------------------------------------------------------------------- */

#presentation h1, #presentation #apropos, #presentation #apropos p {
    clear:              left;
    width:              300px;
}

#presentation {
    padding-top:        25px;
    padding-left:       50px;
}
#presentation #apropos h1 {
    padding-bottom:     20px;
}
#presentation #apropos p {
    margin-top:         20px;
    color:              #777;
}

/* -------------------------------------------------------------------------
                                Services
   ------------------------------------------------------------------------- */

#services {
    padding-top:        20px;
    width:              730px;
}
* html #services {
    width:              600px;
}
#services div.service {
    page-break-inside:  avoid;
}
#services h1 {
    margin-bottom:      10px;
}
#services div {
    border:             1px solid black;
    width:              100%;
    margin-top:         25px;
    padding-bottom:     10px;
}
#services h2 {
    width:              100%;
    font-size:          0.8em;
    font-weight:        bold;
    height:             25px;
    background-color:   #908567;
    color:              white;
    line-height:        25px;
} 
#services h3 {
    padding-top:        10px;
    padding-bottom:     10px;
    width:              100%;
}
#services p {
    padding-top:        10px;
    width:              640px;
}
#services h2 span, #services h3 span, #services a.popup {
    margin-left:        10px;
}
#services p.intro {
    margin-left:        15px;
}
* html #services p.intro {
    margin-left:        10px;
}
#services del p {
    padding-left:       10px;
}
#services ul {
    margin-left:        30px;
}
#services li {
    clear:              left;
    font:               normal 0.6em Verdana,Arial,sans-serif;
    color:              #444;
}
#services .prix {
    float:              none;
    clear:              none;
    color:              black;
    font-weight:        bold;
}

#services a.popup {
    margin:             0;
    padding:            0;
    margin-top:         10px;
    text-decoration:    none;
}
#services span.plus_infos {
    display:            none;
}
#services a.popup p {
    margin-left:        5px;
}
#services del {
    text-decoration:     none;
    margin:             0;
    padding:            0;
}

/* -------------------------------------------------------------------------
                                Contacts
   ------------------------------------------------------------------------- */

#contacts {
    margin-left:        40px;
    margin-top:         20px;
}
#contacts h1 {
    margin-bottom:      15px;
    margin-top:         50px;
    clear:              both;
}
#contacts p {
    clear:              left;
}

#contacts fieldset, #contacts #instructions_contact, #contacts p {
    display:            none;
}
#contacts #noovea_coords p {
    display:            block;
}

#contacts #noovea_coords {
    clear:              left;
    margin-top:         20px;
}
#contacts #noovea_coords h2 {
    text-transform:     lowercase;
    color:              #777;
    font:               normal 1.8em Arial,Verdana,sans-serif;
}
#contacts #noovea_coords p {
    color:              #777;
    width:              200px;
    font:               normal 0.9em Verdana,Arial,sans-serif;
}
#contacts span.email {
    color:              #C0DE42;
}