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


img {
border                                  : none;
}

body {
margin                                  : 0;
padding                                 : 0;
background                              : #e1dede;
color                                   : #000000;
font-size                               : 80%;
font-family                             : "Verdana, Arial, Helvetica, serif";
}

a {
color                                   : #111111;
text-decoration                         : none;
}

a:hover {
color                                   : #8DC1D6;
text-decoration                         : underline;
}

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

.h1 {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 9pt;
color       : #000000; }

.h2 {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 8pt;
color       : #333333; }

.h3 {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 8pt;
color       : #ffffff; }

.h4 {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 7pt;
color       : #333333; }

.h5 {
font-family : verdana, Arial, Helvetica, serif;
font-size   : 7pt;
color       : #000000; }

/* ------------------------------------- *
               mise en page div principale
 * ------------------------------------ */

#mariage {
z-index           : 10;
position          : absolute;
top               : 40px;
width             : 100%;
margin-top        : 0px;
border            : solid black 0px;
 }

#mariage_albums {
z-index           : 10;
position          : absolute;
top               : 40px;
width             : 100%;
margin-top        : 0px;
border            : solid red 0px;
 }

 #portrait {
z-index           : 10;
position          : absolute;
top               : 40px;
width             : 100%;
height            : 100%;
margin-top        : 0px;
border            : solid black 0px;
 }





/* ------------------------------------ *
                mise en page pied de page
* ------------------------------------ */

#photo_site {
margin                                  : 0;
font-family                             : arial;
font-size                               : 10 pt;
font-weight                             : bold; 
z-index                                 : 11;
position                                : absolute;
top                                     : 5px;
width                                   : 100%;
height                                  : 30px;
border                                  : solid black 1px;
list-style-type                         : none;
text-align                              : left;
}






/* ------------------------------------- *
                     mise en page contenus
 * ------------------------------------ */


#gerard_pau {
z-index           : 11;
position          : absolute;
top               : 200px;
left              : 0px;
width             : 100%;
height            : 100%;
border            : solid red 0px;
overflow          : auto;
 }

#gerard_pau_photo {
z-index           : 11;
position          : absolute;
top               : 0px;
left              : 0px;
width             : 800px;
height            : 600px;
border            : solid red 0px;
overflow          : auto;
 }

#gerard {
z-index           : 12;
position          : absolute;
top               : 200px;
left              : 0px;
width             : 800px;
height            : 400px;
border            : solid red 0px;
align             : right;
 }

#photographe {
z-index           : 11;
position          : absolute;
top               : 0px;
left              : 0px;
width             : 800px;
height            : 400px;
border            : solid black 0px;
overflow          : auto;
align             : center;
 }

#actualites {
z-index           : 11;
position          : absolute;
top               : 0px;
left              : 0px;
width             : 100%;
height            : 100%;
border            : solid black 0px;
overflow          : auto;
align             : center;
 }

#gerard_actu {
z-index           : 12;
position          : absolute;
top               : 200px;
left              : 0px;
width             : 100%;
height            : 100%;
border            : solid red 0px;

 }

#mariage_actu {
z-index           : 10;
position          : absolute;
top               : 40px;

width             : 100%;
height            : 100%;

margin-top        : 0px;
border            : solid black 1px;
 }


#devis {
z-index           : 13;
position          : absolute;
top               : 485px;
left              : 0px;
width             : 100%;
height            : 100%;
border            : solid black 0px;
background-color  : white;
align             : center;
 }

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

#menu  {
z-index           : 12;
position          : absolute;
top               : 320px;
left              : 0px;
width             : 140px;
height            : 425px;
border            : solid red 0px;
align             : left;
 }




/* ------------------------------------- *
              mise en page grand pere over
 * ------------------------------------ */

a.info{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info:hover{z-index:41; background-color:#dddddd}

a.info span {display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-80px; left:200px; width:1px;
 border:0px solid #000000;
 padding:1px;
 }




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

/* ------------------------------------- *
                              phpmyvisites
 * ------------------------------------ */