/* gabarit.css pour tout le site
 * Les couleurs : #000000 = noir ; #111 à 888 = nuances de gris ; #e2d7bc = beige
 */

/* les BALISES */
body {
margin:           0;
padding:          0;
background-color: #000000;

}

/* les DIV */
.conteneur {                  /* Le principe : la marge t. et l. = l'inverse de la moitié de w. et h. -> Merci alsacreations.com */
position:         absolute;
left:             50%;
top:              50%;
width:            770px;
height:           400px;
margin-top:       -200px;
margin-left:      -385px;
background-color: #000000;    /* fond noir pour les espaces de margin */
}

.bandeau {
position:         absolute;   /* En haut, à gauche du menu, relativement à la div conteneur */
width:            660px;
height:           80px;
background-color: #000000;
}

.menu {
position:         absolute;   
left:             660px;      /* En haut à droite du bandeau, relativement à la div conteneur */
padding-left:     15px;
width:            95px;
height:           80px;
background-color: #000000;
}

.central {
position:         absolute;
top:              80px;       /* Au milieu, sous le bandeau, relativement à la div conteneur */
margin-top:       15px;
margin-bottom:    10px;
width:            770px;
height:           238px;
background-color: #000000;
overflow:         auto;       /* La scrollbarr ne s'affiche que si besoin */

font-family:      Verdana,arial, sans-serif;
font-size:        12px;
color:            #e2d7bc;
text-align:       justify;
}
#central_accueil {
position:         absolute;
top:              80px;       /* Au milieu, sous le bandeau, relativement à la div conteneur */
margin-top:       15px;
margin-bottom:    10px;
width:            770px;
height:           297px;
background-color: #000000;
overflow:         auto;       /* La scrollbarr ne s'affiche que si besoin */

font-family:      Verdana,arial, sans-serif;
font-size:        12px;
color:            #e2d7bc;
text-align:       justify;
}

.navigation {
position:         absolute;
top:              343px;      /* En bas, sous la div centrale, relativement à la div conteneur */
padding-top:      3.5px;
padding-bottom:   3.5px;
width:            770px;
height:           52px;
background-color: #000000;
line-height:      15px;
text-align:       right;

}

 #navLigne1 {                 /* Pour mémoire : effet d'escalier ! */
 padding-right:    150px;
 }
 #navLigne2 {
 padding-right:    75px;
 }
 #navLigne3 {
 padding-right:    0px;
 }

/* Spéciaux */
.centre {
text-align:        center;
}
.droite { 
text-align:        right;
} 


/* Les IMAGES */
#planteurs1 { 
height:           135px;
width:            180px;
padding-right:    20px;
float:            left;
 }
#planteurs2 { 
height:           180px;
width:            157px;
padding-left:     20px;
padding-top:      10px;
float:            right;
 }
.carre {
width:            6px;
height:           6px;
margin-right:     5px;
}
.menhirCouche {
width:            25px;
height:           10px;
margin-left:      20px;
border:           none;
vertical-align:   middle;
}
#carte_bretagne { 
border:           0;
width:            282px;
height:           185px;
 }
#monoplant { 
height:           180px;
width:            122px;
padding-right:    20px;
float:            left;
 }
#alignement { 
height:           98px;
width:            180px;
margin-right:     100px;
padding-left:     20px;
padding-bottom:   20px;
float:            right;
 }
#cromlech { 
height:           77px;
width:            200px;
padding-right:    20px;
float:            left;
 }
#sachet { 
height:           162px;
width:            120px;
padding-left:     20px;
float:            right;
 }
.vign_wallpaper {
height:           90px;
width:            120px;
}
#vign_wallpaper {
height:           62px;
width:            120px;
}
.validator { 
height:           31px;
width:            88px;
float:            right;
border:           none;
 }

/* TABLES */
#table_goodies {
width:            100%;

font-family:      Verdana,arial, sans-serif;
font-size:        10px;
color:            #e2d7bc;
text-align:       justify;
}

/* les TEXTES */
.lien {
font-family:      Verdana, helvetica, arial, sans-serif;
font-size:        12px;
}
a.lien:link {
    color:                #d5bf8b;
    text-decoration:      underline;
    }
    a.lien:visited {
    color:                #d5bf8b;
    text-decoration:      underline;
    }
    a.lien:hover {
    color:                #e2d7bc;
    text-decoration:      none;
    }
    a.lien:active {
    color:                #d5bf8b;
    text-decoration:      none;
}
.lienHaut {
font-family:      verdana, helvetica, arial, sans-serif;
font-size:        11px;
text-align:       right;
padding-right:    10px;
}
a.lienHaut:link {
    color:                #999999;
    text-decoration:      underline;
    }
    a.lienHaut:visited {
    color:                #999999;
    text-decoration:      underline;
    }
    a.lienHaut:hover {
    color:                #777777;
    text-decoration:      none;
    }
    a.lienHaut:active {
    color:                #666666;
    text-decoration:      none;
}
.lien_goodies {
font-family:      Verdana, helvetica, arial, sans-serif;
font-size:        10px;
}
a.lien_goodies:link {
    color:                #d5bf8b;
    text-decoration:      underline;
    }
    a.lien_goodies:visited {
    color:                #d5bf8b;
    text-decoration:      underline;
    }
    a.lien_goodies:hover {
    color:                #e2d7bc;
    text-decoration:      none;
    }
    a.lien_goodies:active {
    color:                #d5bf8b;
    text-decoration:      none;
}
.texteMenu {
font-family:      verdana, helvetica, arial, sans-serif;
font-size:        11px;
}
    a.texteMenu:link {
    color:                #999999;
    text-decoration:      none;
    }
    a.texteMenu:visited {
    color:                #999999;
    text-decoration:      none;
    }
    a.texteMenu:hover {
    color:                #e2d7bc;
    text-decoration:      underline;
    }
    a.texteMenu:active {
    color:                #777777;
    text-decoration:      none;
    }
.texteNav {
font-family:      verdana, helvetica, arial, sans-serif;
font-size:        11px;
}
    a.texteNav:link {
    color:                #666666;
    text-decoration:      underline;
    }
    a.texteNav:visited {
    color:                #666666;
    text-decoration:      underline;
    }
    a.texteNav:hover {
    color:                #999999;
    text-decoration:      none;
    }
    a.texteNav:active {
    color:                #999999;
    text-decoration:      none;
    }
#texteNavCourant {            /* Pour le lien courant, dans la barre de navigation */
font-family:      verdana, helvetica, arial, sans-serif;
font-size:        11px;
color:            #999999;
text-decoration:  none;
font-weight:      bold;
}
.formulaire { 
line-height:      200%;
padding-left:     20px;
}
.erreur {
color:            #cc3333;
font-weight:      bold;
}
.plantation { 
margin-right:      100px;
 }