/*feuille de style, texte, écran*/
body 
{  width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;
   background-color: #f8f2e2;
  
}
/*bloc en-tête*/
#header { 
width: 760px;
height : 132px;
}


#etiquette{
width:50%;
display:block;
float: left;
}
/*intitulé*/
#intitule{
font-family: verdana,Arial,Helvetica,sans-serif;
font-size: large;
text-transform: uppercase;
color:#5A0C38;
float: right;

margin-top:11.5%;

display:block;
text-align: right;
width: 250px;

}#proprio{
font-size: small; 
float:right;
margin-top:0.7%;
text-transform:none;
text-align: right;
background-position: center;

}
#nom{
text-transform: uppercase;
color: #5A0C38;

}
/*pour éviter l'encadrement de l'image en hypertexte*/
.bordimg{ 
border: 0 gray;
}
/*bloc principal*/
#bloc_principal{
width: 760px;

border:  1px  solid #5A0C38;
font-family: Arial,Helvetica,sans-serif;
margin-bottom:0;

position:relative;
background-color: white;
margin:auto;
}

/*menu de l'en-tête*/
#menu { 
font-size: x-small; 
text-align: left;
list-style-type: none;
font-family: verdana,Arial,Helvetica,sans-serif;
color:#5A0C38;
text-transform: uppercase;
padding-left: 0.5%;
background-image: url(../image/menu.jpg);
background-repeat: no-repeat;
height:18px;
width:98%;
margin-top:0.1%;
padding:3px;

}
#menu_entete{
float:left;

}

/*liens du menu en-tête*/
#element_menu_entete { 
text-align: center;
text-transform: uppercase;
background-position: center;

}
.element_menu_entete { border-left: 1px solid #5A0C38;
text-align: center;
text-transform: uppercase;
background-position: center;
padding:3px;
margin-top:1%;
}
/*comportement des liens de couleur noire*/
.noir:link {color:#5A0C38;
text-decoration: none;
background-color: transparent; 
}
.noir:visited {color: #5A0C38;
text-decoration: none;
background-color: transparent; 
}
.noir:active {color: #5A0C38;
text-decoration: none;
background-color: transparent; 
}
.noir:hover {text-decoration: none;
color: #BC1975;
background-color: transparent; 
}

.rouge:link {color:#8D0000;
text-decoration: none;
background-color: transparent; 
}
.rouge:visited {color: #8D0000;
text-decoration: none;
background-color: transparent; 
}
.rouge:active {color: #8D0000;
text-decoration: none;
background-color: transparent; 
}
.rouge:hover {text-decoration: none;
color: #BC1975;
background-color: transparent; 
}


}
/*bloc texte*/
#bloc_texte {
font-family: Arial,Helvetica,sans-serif;
font-size: small;
text-align: justify;
color: #490000 ;
margin-top:1%;
visibility: visible;

}
/*bloc de menu gauche*/
#actualites {
background-image: url(../image/actualite.jpg);
background-repeat: no-repeat;
height: 300px;
width:120px;
font-family: verdana,Arial,Helvetica,sans-serif;
color:#5A0C38;
font-size: 0.7em;
padding-top:2%;
float:left;


}
.titre_menu{text-align: center;
text-transform: uppercase;
padding-left:5%;
padding-top:1%;
margin-bottom: 15px;
font-size: 16px;

} 

.ul_menu{  text-align: left;/*liste de sous-menu de niveau 2*/
list-style-type:none;
display: list-item;
margin-top: 1%;
margin-left:5%;
padding: 0;

}	

.li_sousmenu{
margin-top:10px;
margin-bottom :10px;

}
#texte {
padding-top:1.8%;
width: 72%; 
margin-left: 120px;

padding-left: 2.5%;


margin-bottom:0;
padding-bottom:1%;
color: #490000 ;
font-family: Arial,Helvetica,sans-serif;


}

h1{text-transform: capitalize;
font-weight: bold;
font-size: x-large;
text-transform: uppercase;

}
/*titre de niveau 1*/
h2 { color: #5A0C38;
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-family: verdana,Arial,Helvetica,sans-serif;
font-size: large;
margin:0;
margin-bottom: 2.5%;

}

/*titre de niveau 2*/
h3{ color: #5A0C38;
text-align: left;
text-transform: smallcaps;
font-style: italic;
margin-top: 1%;

font-family: Arial,Helvetica,sans-serif;
font-size: medium;
}

/*paragraphe*/
p { 
font-size: x-small;
text-align: justify;
line-height: 1.3em;
}

.capitale{text-transform: uppercase;
font-size: xx-small;

}
/*titre de paragraphe  qui n'est pas un niveau supplémentaire*/


}/*lien bleu paragraphe*/
ul{ text-align: left;/
list-style-type:square;
display: list-item;
margin-top: 1%;
margin-left:5%;
padding: 0;

}	
li{
margin-bottom :5px;
font-size: x-small;

}
.ul_p{ 
list-style-type:none;

text-align:center ; margin:auto
}
.li_p{
float:left;
padding-right:8%;
list-style-type:none;

}

.top{/*flèches de navigation*/
float:right;
font-size : 10px;
 
}
#tampon { 
width: 49px;
height: 37px;
display: block;
float: right;
margin-bottom: 10px;
}
#footer {
background-image: url(../image/colline.jpg);
background-repeat: no-repeat;
width: 100%;
height: 140px;
visibility: visible;

}
#logo{
background-image: url(../image/logo.jpg);
background-repeat: no-repeat;
float:left;
top: 50%;
width: 50px;
height: 70px;
visibility: visible;
position: relative;
}

/*afin que le bas de page s'adapte à la longueur du contenu affiché, on donne au pied de page une hauteur minimum de 100%, avec l'attribut min-height. La hauteur minimum du conteneur est +/- égale à la hauteur de son élément parent : l'élément body. On a au début de la feuille de style spécifié que la hauteur de l'élément body doit être égale à la hauteur de la fenêtre du navigateur en attribuant la valeur 100% à la fois à l'élément body et à l'élément html*/

#copyright { 
text-align: center;
font-family: Arial,Helvetica,sans-serif;
font-size: x-small;
color: #5A0C38;
width: 760px;
height: 8px;

position:relative;

}