img,td,div,h1,h2,h3,h4,h5,h6,p,br{
margin:0;
padding:0;
}

body{
height:100%;
background-image:url(images/fond.jpg);
background-repeat:x-repeat;
}

#grandpere{
width:80%;
left:20%;
min-width:800px;
position:absolute;
bottom:0px;
right:0px;
overflow:auto;
}

#blason{
width:315px;
position:absolute;
top:150px;
left:0px;
}

#pere{
position:relative;
max-width:1300px;
min-width:1100px;
top:0%;
margin:auto;
}

#gauche{
width:247px;
padding-left:220px;
float:left;
}

#haut{
min-width:244px;
width:30%;
height:352px;
clear:both;
margin-top:15px;
background-image:URL(images/haut.png);
}

#menu{
width:100px;
margin-left:80px;
padding-top:105px;
line-height:26px;
}

#menu a:hover{/*couleurs qui changent qd on passe sr les btn du menu*/
font-family:verdana;
font-size:11px;
color:#dcba74;
text-decoration:none;
}

#adresse a:hover{/*couleurs qui changent qd on passe sr le btn EMAIL*/
font-family:verdana;
font-size:11px;
color:#8ca4c7;
text-decoration:none;
}

a:link, a:visited, a:active{
font-family:verdana;
font-size:11px;
color:#e9dffe;
text-decoration:none;
}

.lapage{/*couleurs de la rubrique dans laquelle on est*/
font-family:verdana;
font-size:11px;
color:#dcba74;
text-decoration:none;
}

#bas{
width:247px;
height:417px;
clear:both;
margin-top:20px;
}

#titre{/*div pour Prieuré Sainte Marie d'Albas*/
width:744px;
position:absolute;
top:30px;
}

#centre{
min-width:500px;
height:706px;
margin-top:70px;
float:left;
background-image:URL(images/fond-centre.png);
background-repeat:no-repeat;
}

#milieu{
margin-top:20px;
height:580px;
width:460px;
float:left;
clear:both;
}

#adresse{/*div pour les coordonnées*/
clear:both;
position:absolute;
width:160px;
left:480px;
top:650px;
text-align:center;
}

#texte-centre{/*div texte central*/
width:230px;
margin-top:150px;
margin-left:150px;
float:left;
}

.texte{/*style appliqué au texte central*/
color:#0b050f;
font-family:verdana;
font-size:14px;
text-decoration:none;
text-align:justify;
font-weight:normal;
}

strong{
color:#0b050f;
font-family:verdana;
font-size:14px;
text-decoration:none;
font-weight:normal;
}

.adresse{/*style appliqué aux coordonnées*/
font-family:verdana;
font-size:11px;
color:#dcba74;
text-decoration:none;
}

.url{/*style appliqué à mon adresse de site dans la page mentions légales*/
font-family:verdana;
font-size:14px;
color:#dd9409;
text-decoration:none;
}

.explication{/*Style appliqué à l'explication pge NOS VINS*/
font-family:verdana;
font-size:12px;
color:#6a2040;
font-weight:bold;
text-align:justify;
font-style:italic;
text-decoration:none;
}

#animation{/*div contenant les btns des différents vins, sur la page vin*/
width:130px;
height:450px;
float:left;
margin-top:55px;
}

h1{/*titre de chaque page*/
color:#6f3b4f;
font-family:verdana;
font-size:16px;
text-decoration:none;
text-align:center;
font-weight:bold;
}

#fiche{/*div centrale englobant le nom du vin, l'img de la bouteille et la description, sur ttes les pages des vins*/
width:336px;
margin-left:100px;
margin-top:50px;
float:left;
}

#nomduvin{
margin-top:70px;
}

#btl{/*div avec une img de chaques bouteilles*/
width:74px;
height:300px;
margin-top:15px;
float:left;
}

#description{/*div pour la description de chaques vins*/
float:left;
width:212px;
height:300px;
margin-top:15px;
margin-left:115px;
}

.titre{/*style appliqué aux titres des fiches de vin*/
color:#dd9409;
font-family:verdana;
font-size:14px;
text-decoration:none;
text-align:justify;
font-weight:bold;
}

.gras{/*style appliqué aux mots en gras des textes*/
color:#dd9409;
font-family:verdana;
font-size:14px;
text-decoration:none;
text-align:justify;
font-weight:normal;
}

#titre-rec{/*div du sous-titre de la page récompenses*/
margin-top:140px;
width:260px;
margin-left:130px;
}

.ascensseur{/*ascensseur dans la page récompense*/
overflow: scroll;
position:absolute; 
}

/*page contact*/

#texte-centre-contact{/*div texte central pour la page contact*/
width:330px;
margin-top:135px;
margin-left:100px;
float:left;
}

#messageErreur{
width:285px;
height:65px;
margin-left:22px;
text-align:justify;
}

#formu{/*mise en page de la div formu pour la page contact*/
width:330px;
color:#6f3b4f;
font-family:verdana;
font-size:11px;
font-weight:bold;
margin-top:20px;
}

.champdetexte{/*style pour les champs de texte pour le formulaire de la page contact*/
font-family:verdana;
font-size:11px;
color:#0a050f;
font-weight:bold;
background:#d6b571;
}

.calage{/*calage pour le formulaire de la page contact*/
display:inline;
float:left;
width:65px;
font-family:verdana;
font-size:12px;
}

#envoyercontact{/*bouton envoyer de la page contact*/
width:82px;
height:20px;
color:#FFCCCC;
margin-top:10px;
float:left;
padding-left:100px;
}

#effacercontact{
width:82px;
height:20px;
float:left;
margin-top:10px;

}

.btn-formu{
background-color:#6f3b4f;
border-color:#6f3b4f;
border-style:solid;
color:#ffffff;
font-family:Castorgate;
font-weight:normal;
font-size:12px;
cursor:pointer;
}

.StyleErreur{
color:#d6222f;
font-family:verdana;
font-size:11px;
font-weight:bold;
}

.Styleok{
color:#4e7f0d;
font-family:verdana;
font-size:11px;
font-weight:bold;
}


/*mentions légales*/

#texte-centre-mentions{/*div texte centrale pages : récompenses, nos vins, mentions légales*/
width:300px;
height:300px;
margin-left:120px;
float:left;
}



/**style pour page ie 5 et 6***////

#ie{
width:600px;
margin:auto;
}

.grasie{/*style appliqué aux mots en gras des textes*/
color:#dd9409;
font-family:verdana;
font-size:30px;
text-decoration:none;
font-weight:normal;
text-align:center;
}

.texteie{/*style appliqué au texte central*/
color:#ffffff;
font-family:verdana;
font-size:25px;
text-decoration:none;
font-weight:normal;
text-align:center;
}