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


img {
border: none;
}

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

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

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

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

.entrez {
font-family : arial;
font-size   : 14pt;
color       : #fff; }

.titre {
font-size   : 36pt;
color       : #fff;
 }

.titre_site {
font-size   : 12pt;
color       : #fff;
 }

.titre_elevage {
font-size   : 28pt;
color       : #fff;
 }

.titre_pages {
font-size   : 12pt;
color       : #fff;
 }

.references {
font-size   : 10pt;
color       : #000;
 }


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

.noir {
font-family : arial;
font-size   : 11pt;
color       : #000000; }

.blanc {
font-family : arial;
font-size   : 10pt;
color       : #fff; }
.blanc_gros {
font-family : arial;
font-size   : 12pt;
color       : #fff; }

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

.blanc_etalon {
font-family : arial;
font-size   : 18pt;
color       : #fff; }

.etalon {
font-family : arial;
font-size   : 6pt;
color       : #fff; }

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


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


#franquieres {
z-index           : 10;
position          : absolute;
top               : 10px;
left              : 50%;
width             : 900px;
height            : 735px;
margin-left       : -450px;
margin-top        : 0px;
border            : solid white 0px;
 }

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

#photo_site {
z-index           : 15;
background-color  : #41767a;
position          : absolute;
top               : 710px;
left              : 4px;
width             : 130px;
height            : 22px;
border            : solid black 1px;
 }



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

#banniere_index {
z-index           : 11;
position          : absolute;
top               : -10px;
left              : 150px;
width             : 600px;
height            : 200px;
border            : solid red 0px;
align             : right;
 }

#entrez {
z-index           : 11;
position          : absolute;
top               : 300px;
left              : 400px;
width             : 100px;
height            : 20px;
border            : solid red 0px;
align             : right;
 }

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

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


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

#banniere_texte {
z-index           : 12;
position          : absolute;
top               : 10px;
left              : 0px;
width             : 140px;
height            : 100px;
border            : solid red 0px;
align             : center;
background-color  : #41767a;
 }

#banniere_photo {
z-index           : 11;
position          : absolute;
top               : 115px;
left              : 0px;
width             : 140px;
height            : 400px;
border            : solid white 0px;
 }

/* ------------------------------------- *
                   mise en page historique
 * ------------------------------------ */

#historique_photo {
z-index           : 10;
position          : absolute;
top               : 10px;
left              : 140px;
width             : 760px;
height            : 735px;
border            : solid yellow 0px;
 }

#historique_texte {
z-index           : 11;
position          : absolute;
top               : 10px;
left              : 140px;
width             : 760px;
height            : 735px;
text-align        : justify;
border            : solid red 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 plan du site  et  partenaires
 * ------------------------------------ */

#plan {
z-index           : 15;
position          : absolute;
top               : 10px;
left              : 145px;
width             : 754px;
height            : 734px;

border            : solid white 1px;
 }

#plan_fond {
z-index           : 12;
position          : absolute;
top               : 10px;
left              : 145px;
width             : 754px;
height            : 734px;
border            : solid white 1px;
 }


#partenaires {
z-index           : 15;
position          : absolute;
top               : 10px;
left              : 145px;
width             : 754px;
height            : 734px;
background-color  : #555555;
border            : solid white 1px;
 }

/* ------------------------------------ *
mise en page elevage
 * ------------------------------------ */

#elevage_franquieres {
z-index           : 10;
position          : absolute;
top               : 10px;
left              : 140px;
width             : 760px;
height            : 735px;
overflow          : auto;
background-color  : #000000;
border            : solid red 0px;
 }

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

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

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


/* ------------------------------------- *
                       mise en page etalon
 * ------------------------------------ */

#etalon {
z-index           : 11;
position          : absolute;
top               : 10px;
left              : 140px;
width             : 760px;
height            : 735px;
overflow          : auto;
background-color  : #000000;
border            : solid red 0px;
 }

#contact_etalon {
z-index           : 16;
position          : absolute;
top               : 1085px;
left              : 73px;
width             : 566px;
height            : 20px;
background-color  : #41767a;
border            : solid white 0px;
 }

/* ------------------------------------ *
mise en page chiots
 * ------------------------------------ */

#chiots {
z-index           : 15;
position          : absolute;
top               : 10px;
left              : 145px;
width             : 754px;
height            : 734px;
background-color  : #41767a;
border            : solid white 0px;
overflow      : auto;
 }



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

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