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


img {
border: none;
}

body {
margin                                  : 0;
padding                                 : 0;
background                              : #999999;
color                                   : white;
font-size                               : 80%;
font-family                             : "Bitstream Vera Sans, Verdana, Arial, Helvetica, serif";
}

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

body a:hover {
color                                   : red;
text-decoration                         : none;
}




#photographe_portrait {
z-index           : 10;
position          : absolute;
top               : 10px;
left              : 50%;
width             : 800px;
height            : 735px;
margin-left       : -400px;
margin-top        : 0px;
border            : solid black 1px;
 }

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

#portrait_bebe {
margin                                  : 0;
font-family                             : arial;
font-size                               : 10 pt;
font-weight                             : bold; 
z-index                                 : 11;
position                                : absolute;
top                                     : 100px;
left                                    : 0px;
width                                   : 800px;
height                                  : 30px;
border                                  : solid black 0px;
list-style-type                         : none;
background-color                        : #000000;
text-align                              : right;
}

#portrait_bebe li {
display                                 : inline;
}

#portrait_bebe a {
color                                   : #93D359;
text-decoration                         : none;
}

#portrait_bebe a:hover {
color                                   : red;
text-decoration                         : none;
}

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

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

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

#photographie {
z-index           : 10;
position          : absolute;
top               : 130px;
left              : 0px;
width             : 800px;
height            : 350px;
border            : solid black 0px;
 }

#tarifs {
z-index           : 10;
position          : absolute;
top               : 130px;
left              : 0px;
width             : 800px;
height            : 595px;
background-color  : #000000;
border            : solid black 0px;
 }

#partenaires {
z-index           : 10;
position          : absolute;
top               : 130px;
left              : 0px;
width             : 800px;
height            : 595px;
background-color  : #000000;

border            : solid black 0px;
 }

#tarifs_bas {
z-index           : 10;
background-color  : #555555;
position          : absolute;
top               : 440px;
left              : 0px;
width             : 800px;
height            : 295px;
border            : solid black 0px;
 }

#photographie_art {
z-index           : 10;
position          : absolute;
top               : 140px;
left              : 0px;
width             : 800px;
height            : 410px;
border            : solid yellow 0px;
background-color  : #000000;
overflow          : auto;
 }

#photographie_cours {
z-index           : 10;
position          : absolute;
top               : 130px;
left              : 0px;
width             : 800px;
height            : 560px;
border            : solid yellow 0px;
overflow          : auto;
 }

#photographie_bebe {
z-index           : 10;
position          : absolute;
top               : 130px;
left              : 0px;
width             : 800px;
height            : 606px;
border            : solid yellow 0px;

 }

#news {
z-index           : 20;
position          : absolute;
top               : 200px;
left              : 200px;
width             : 200px;
height            : 200px;
border            : solid black 1px;
 }


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

#artiste {
z-index           : 10;
background-color  : #555555;
position          : absolute;
top               : 480px;
left              : 0px;
width             : 800px;
height            : 255px;
border            : solid black 0px;
 }

#portrait_a_domicile {
z-index           : 10;
background-color  : #999999;
position          : absolute;
top               : 550px;
left              : 0px;
width             : 800px;
height            : 160px;
border            : solid pink 0px;
 }

#artiste_photographe {
z-index           : 10;
background-color  : #555555;
position          : absolute;
top               : 550px;
left              : 0px;
width             : 800px;
height            : 185px;
border            : solid black 0px;
 }


/* ------------------------------------- *
mise en page bas de page
 * ------------------------------------ */

#flash {
z-index           : 19;
position          : absolute;
top               : 693px;
left              : 0px;
width             : 799px;
height            : 25px;
border            : solid black 0px;
 }

#paypal {
z-index           : 19;
position          : absolute;
top               : 683px;
left              : 0px;
width             : 799px;
height            : 50px;
border            : solid black 0px;
 }

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

#contact {
z-index           : 10;
position          : absolute;
top               : 135px;
left              : 0px;
width             : 800px;
height            : 560px;
background-color  : #999999;
overflow          : auto;
border            : solid red 0px;
 }

/* ------------------------------------ *
mise en page site
 * ------------------------------------ */

#site {
position          : absolute;
top               : 130px;
left              : 00px;
width             : 800px;
height            : 560px;
border            : solid black 0px;
overflow          : auto;
scrollbar-face-color: #93D359;
scrollbar-shadow-color: red;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: red;
}

/* ------------------------------------ *
mise en page livre dor
 * ------------------------------------ */

#or_photo {
position          : absolute;
top               : 170px;
left              : 50px;
width             : 300px;
height            : 500px;
overflow          : auto;
border            : solid black 1px;
scrollbar-face-color: #93D359;
scrollbar-shadow-color: red;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: red;
}

#or_site {
position          : absolute;
top               : 170px;
left              : 450px;
width             : 300px;
height            : 500px;
overflow          : auto;
border            : solid black 1px;
scrollbar-face-color: #93D359;
scrollbar-shadow-color: red;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: red;
}

#message {
position          : absolute;
top               : 130px;
left              : 0px;
width             : 800px;
height            : 30px;
overflow          : auto;
border            : solid blue 0px;
}


/* ------------------------------------ *
mise en page retouche
 * ------------------------------------ */

#retouche {
position          : absolute;
top               : 130px;
left              : 00px;
width             : 800px;
height            : 560px;
border            : solid black 0px;
overflow          : auto;
scrollbar-face-color: #93D359;
scrollbar-shadow-color: red;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: red;
}

a.image {
display           : block;
width             : 300px;
height            : 200px;
background        : url(retouche/retouche_02.jpg) no-repeat 0 0;
}

a.image:hover {
background-image        : url(retouche/retouche_01.jpg);
}

a.image2 {
display           : block;
width             : 300px;
height            : 200px;
background        : url(retouche/retouche_04.jpg) no-repeat 0 0;
}

a.image2:hover {
background-image        : url(retouche/retouche_03.jpg);
}

a.image3 {
display           : block;
width             : 300px;
height            : 200px;
background        : url(retouche/retouche_06.jpg) no-repeat 0 0;
}

a.image3:hover {
background-image        : url(retouche/retouche_05.jpg);
}

a.image4 {
display           : block;
width             : 300px;
height            : 200px;
background        : url(retouche/retouche_08.jpg) no-repeat 0 0;
}

a.image4:hover {
background-image        : url(retouche/retouche_07.jpg);
}

a.image5 {
display           : block;
width             : 300px;
height            : 200px;
background        : url(retouche/retouche_10.jpg) no-repeat 0 0;
}

a.image5:hover {
background-image        : url(retouche/retouche_09.jpg);
}

a.image6 {
display           : block;
width             : 300px;
height            : 200px;
background        : url(retouche/retouche_12.jpg) no-repeat 0 0;
}

a.image6:hover {
background-image        : url(retouche/retouche_11.jpg);
}

a.image7 {
display           : block;
width             : 300px;
height            : 450px;
background        : url(retouche/retouche_14.jpg) no-repeat 0 0;
}

a.image7:hover {
background-image        : url(retouche/retouche_13.jpg);
}

a.image8 {
display           : block;
width             : 300px;
height            : 450px;
background        : url(retouche/retouche_16.jpg) no-repeat 0 0;
}

a.image8:hover {
background-image        : url(retouche/retouche_15.jpg);
}


/* ------------------------------------ *
mise en page coffret over
 * ------------------------------------ */

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

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

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:-100px; left:180px; width:1px;
 border:0px solid #000000;
 padding:1px;
 }

a.info_2{
    position:relative; 
    z-index:40;
    text-decoration:none}

a.info_2:hover{z-index:41; background-color:#999999}

a.info_2 span {display: none}

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

a.info_3{
    position:relative; 
    z-index:40;
    text-decoration:none}

a.info_3:hover{z-index:41; background-color:#999999}

a.info_3 span {display: none}

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

a.info_4{
    position:relative; 
    z-index:40;
    text-decoration:none}

a.info_4:hover{z-index:41; background-color:#555555}

a.info_4 span {display: none}

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

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

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



/* ------------------------------------ *
mise en page plan du site
 * ------------------------------------ */

#plan {
z-index           : 10;
position          : absolute;
top               : 130px;
left              : 0px;
width             : 800px;
height            : 563px;
background-color  : #999999;
border            : solid red 0px;
 }



/* ------------------------------------ *
mise en page bonne annee 2008
 * ------------------------------------ */



/* ------------------------------------ *
texte menu bas
 * ------------------------------------ */

.menubas {
font-family : arial;
font-size   : 10pt;
color       : #fff; }

.noir {
font-family : arial;
font-size   : 10pt;
color       : #000; }

.titre {
font-family : arial;
font-size   : 10pt;
color       : yellow; }

.noir_gras {
font-family : arial;
font-size   : 12pt;
color       : #000; }

.blanc {
font-family : arial;
font-size   : 8pt;
color       : #fff; }

.vert {
font-family : arial;
color       : #93D359; }

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



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

#traitform {
margin                                  : 0;
font-family                             : arial;
font-size                               : 10 pt;
font-weight                             : bold; 
z-index                                 : 11;
position                                : absolute;
top                                     : 100px;
left                                    : 100px;
width                                   : 600px;
height                                  : 500px;
border                                  : solid black 0px;
list-style-type                         : none;
background-color                        : #333333;
text-align                              : center;
}