/* ------------------------------------- *   mise en page générale    * ------------------------------------ */

img{
border: none;
}

body {
margin                                  : 0;
padding                                 : 0;
background                              : #666666;
}

body a {
color                                   : #fff;
text-decoration                         : none;
}

body a:hover {
color                                   : #FFFFFF;
text-decoration                         : none;
font-weight								: bold;
}

#cadre_principal {
z-index           : 10;
position          : absolute;
top               : 10px;
left              : 50%;
width             : 800px;
height            : 750px;
margin-left       : -400px;
margin-top        : 0px;
border            : solid #ffffff 1px;
background-color  : #000000;
 }

/* ------------------------------------- *    mise en page menu     * ------------------------------------ */

#menu {
margin                                  : 0;
z-index                                 : 11;
position                                : absolute;
top                                     : 755px;
left                                    : 10px;
width                                   : 780px;
height                                  : 20px;
border                                  : solid pink 0px;
text-align                              : middle;
}

/* ------------------------------------- *  mise en page banniere * ------------------------------------ */

#banniere {
z-index           : 10;
position          : absolute;
top               : 0px;
left              : 0px;
width             : 798px;
height            : 120px;
border            : solid white 0px;
 }

/* ------------------------------------- *   mise en page animation    * ------------------------------------ */

#contenu_intro {
z-index           : 10;
position          : absolute;
top               : 220px;
left              : 0px;
width             : 800px;
height            : 300px;
border            : solid purple 0px;
 }

#contenu {
z-index           : 10;
position          : absolute;
top               : 120px;
left              : 0px;
width             : 800px;
height            : 575px;
border            : solid yellow 0px;
 }


/* ------------------------------------- *   mise en page menu index  htm - flash * ------------------------ */

#menubas {
z-index           : 10;
position          : absolute;
top               : 778px;
left              : 0px;
width             : 400px;
height            : 40px;
border            : solid red 0px;
 }

#powered {
z-index           : 10;
position          : absolute;
top               : 778px;
left              : 400px;
width             : 400px;
height            : 40px;
text-align        :right;
border            : solid red 0px;
 }

/* ------------------------------------- * mise en page contact  * ------------------------------------ */

#contact {
z-index           : 10;
position          : absolute;
top               : 125px;
left              : 250px;
width             : 400px;
height            : 520px;
padding			  : 10px 0;
border            : solid red 0px;
 }
.formulaire {
width: 300px;
}
.bouton {
width: 135px;
}

/* ------------------------------------- * mise en page menu general  * ------------------------------------ */

#menu_general {
z-index           : 15;
position          : absolute;
top               : 140px;
left              : -20px;
width             : 160px;
height            : 200px;
border            : solid white 0px;
font-family       : Verdana, Arial, Helvetica, sans-serif;
font-size         : 12px;
 }

#menu_general li {
text-align        : left;
list-style-type	  : none;
}

#diaporama {
z-index           : 8;
position          : absolute;
top               : 493px;
left              : 20px;
width             : 120px;
height            : 200px;
border            : solid white 0px;
 }

#intro {
z-index           : 10;
position          : absolute;
top               : 125px;
left              : 155px;
width             : 640px;
height            : 570px;
border            : solid white 0px;
 }

/* ------------------------------------- * traitform   * ------------------------------------ */

#traitform {
z-index           : 19;
position          : absolute;
top               : 200px;
left              : 200px;
width             : 400px;
height            : 200px;
border            : solid black 0px;
 }

/* ------------------------------------- *    textes  * ------------------------------------ */

.texte_blanc {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size   : 8pt;
color       : #ffffff;
 }

.texte_gris {
font-family : Arial, Helvetica, sans-serif;
font-size   : 9pt;
color       : #3f3f3f; }

.texte_petit {
font-family : Century Gothic;
font-size   : 8pt;
 }

.traitform {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size   : 8pt;
color       : #ffffff; }

/* ------------------------------------- * galerie  * ------------------------------------ */

#mignatures {
z-index           : 10;
position          : absolute;
top               : 125px;
left              : 150px;
width             : 90px;
height            : 520px;
overflow          : auto;
border            : solid white 1px;
 }

#galerie {
z-index           : 10;
position          : absolute;
top               : 125px;
left              : 255px;
width             : 540px;
height            : 520px;
border            : solid red 1px;
 }

/* ------------------------------------- * livre dor  * ------------------------------------ */

#livredor {
z-index           : 10;
position          : absolute;
top               : 120px;
left              : 160px;
width             : 640px;
height            : 520px;
border            : solid white 0px;
 }