/*pour toute la page :
texte centré, */
body {
background-color: #FFFF99;
text-align: center;/* pour centrer le cadre dans IE */ 

}
/*couleur et taille des titres*/
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
border-style: none;
color:brown;
text-align:center;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
margin: 30px;
text-align:center;
}

/* paragraphes classiques*/
p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
color: #000000;
text-align: justify;
margin: 10px 10px;
}
pc {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
color: #000000;
text-align: center;
margin: 5px 5px;
}
pg {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
color: #000000;
text-align: left;
margin: 5px 5px;
}
			
/* positionnement */

/*TRAVAIL AVEC LES BLOCS*/

/*CONTENEUR*/
div#principal {
background-color:#FFFFCC;
margin: 10px auto;
width:800px;
height: auto;
text-align: left;
}

/*cadre generique de travail n°1 - page entière*/
.cadredeux {
position: relative;
float:left;
top:0px;
left:0px;
width: 800px;
height: auto;
}

/*cadre 1/2page cote a cote - centrée*/
.cadretrois {
position: relative;
float:left;
top:0px;
left:0px;
width:355px;
height: auto;
}
.cadrequatre {
position: relative;
float:left;
top:0px;
left:0px;
width:430px;
height: auto;
}
/*cadre 1/3page cote a cote - centrée*/
.cadretiergauche {
position: relative;
float:left;
top:0px;
left:0px;
width:266px;
height: auto;
border-right: 1px solid #FF0000;
}
.cadretiercentre {
position: relative;
float:left;
top:0px;
left:0px;
width:266px;
height: auto;
border-right: 1px solid #FF0000;
}
.cadretierdroit {
position: relative;
float:left;
top:0px;
left:0px;
width:266px;
height: auto;
}
/* la prochaine boite doit intégrer la commande [clear : left] pour annuler  l'effet côte-à-côte dû à la propriété flottante de la boîte précédente, 
et permettre de s'assurer que cette dernière boîte vient se glisser en-dessous de la plus haute boîte qui la précède.*/

/* barre de navigation horizontale colorée principale */
.navlist ul {position : absolute;top: -36px;width: 800px;left: 1px;}
.navlist li {display:inline; list-style-type: none;}
.navlist a	{padding: 5px ; }
.navlist a:link, #navlist a:visited {color: white;background-color: orange; text-decoration: none;}
.navlist a:hover {color: orange; background-color: yellow;text-decoration: none;}

/* barre de navigation horizontale colorée tertiaire - fond de page vins */

.navlistter ul {position: relative;width: 795px;height: 20px;}
.ulnavlistter { margin-left: 0; padding-left: 0; white-space: none;}
.navlistter li {display: inline;  list-style-type: none;}
.navlistter a	{padding: 3px 5px; font: 10px Georgia, "Times New Roman", Times, serif; color: #FF6666}
.navlistter a:link, #navlistter a:visited {color: black;background-color: orange; text-decoration: none;}
.navlistter a:hover {color:black; background-color: #FFFFCC;text-decoration: none;}
					
/*galerie d'images*/
.galerie img{
margin:20px;
width:auto;
height: auto;
border:1px solid;
float:left;
}