/*************************************************************
*** Style général pour la police et les liens du site *******
 ************************************************************/

* {
    margin: 0;
    padding: 0;
}

html, body, img, p, div, span, form, h1, h2, h3, h4, table, tr, td {
    border: 0;
}

body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #000;
    background-color: #009384;
    width: 100%;
    height: 100%;
}

a {
    color: #099;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #3770A8;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.center {
    text-align: center;
}

/****************************************************************************/
/***                                                                      ***/
/***  STRUCTURE                                                           ***/
/***                                                                      ***/
/****************************************************************************/

#blackout {
    position:absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 2500px;
    background-color: #000;
    z-order:1;
    -moz-opacity:0.7;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

#devant {
    position: absolute;
    display: none;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    z-order:2;
}

#dialog {
    text-align: center;
}

#page {
    position: relative;
    margin: 0 auto; 
    width: 900px;
}



.contact {
    text-align: center;
    color: #000;
}

/*tableau contenu le menu_vertical à gauche et le contenu à droite */
#centre {
    width: 900px;
    background: #c9d5d8;
    padding: 0;
}

/* mise en forme de la contenu de la page*/
#contenu {
    width : 690px;
    background: #fff;
    margin-right: 10px;
    padding: 10px;
    vertical-align: top;
}