/*le titre  */
.titre1
{
font-size: 2em;
font-family: UnPilgi, eufm10, optima, verdana, "bitstream vera sans", sans-serif;
font-weight: bold;
color: maroon;
text-shadow: 6px 6px 8px black;
}

/* le sous titre */
.sousTitre1
{
font-size: 1.2em;
font-family: UnPilgi, eufm10, optima, verdana, "bitstream vera sans", sans-serif;
font-weight: bold;
color: maroon;
text-shadow: 6px 6px 8px black;
}

/* la police : du titre de chaque paragraphe, des paragraphes, des listes */
p, h3, ul
{
font-family: optima, verdana, "bitstream vera sans", sans-serif;
}
/* traitementdu texte du titre des paragraphes */
h3
{
text-align: center;
}

/* traitement du texte des paragraphes  */
p
{
text-align: justify;
}


.note
{
font-size: x-small;
}
/* les images des fonds d'écran */

body
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/cuisineFond.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.accueilFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/cuisineFond.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.projetFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/japanFond2.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.methodeFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/espagnolFond.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.scriptFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/frenchFond.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.resultatFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/indonesienneFond2.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}


.contexteFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/frenchFond2.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.trameurFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/englishFond.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.aproposFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/englishFond2.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.blogFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/espagnolFond2.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}

.nuageFond
{
background-image: url("./PROJET-MOT-SUR-LE-WEB/IMAGES/fond/indonesienneFond.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; 
}


/* éléments du footer */
footer
{
text-align: center; 
color: black;
font-size: x-small;
}

/* les bordures */
.bordure
{
width: 90%;
background-color: beige;
border-radius: 20px;
border-color: black;  
opacity: 0.85;
box-shadow: 6px 6px 8px black;
margin:30px auto;
padding:10px;
word-wrap: break-word;
}

.bordureTitre
{
width: 75%;
background-color: rgb(216,216,216);
border-radius: 20px;
border-color: black;  
opacity: 0.85;
box-shadow: 6px 6px 8px black;
margin:30px auto;
padding:10px;
}

.bordureFooter
{
width: 20%;
background-color: beige;
border-radius: 20px;
border-color: black;  
opacity: 0.85;
box-shadow: 6px 6px 8px black;
margin:30px auto;
padding:10px;
}

.bordureBouton
{
width: 15%;
background-color: grey;
border: double;
border-color: black;  
opacity: 0.85;
box-shadow: 6px 6px 8px black;
margin: 2px;
}

.bordureBouton:hover /* Apparence au survol des liens */
{
background-color: beige;
text-decoration: underline;
color: red;
}



/*quelques éléments de personalisation de texte */
.nom
{
font-size: 1.2em;
font-family: UnPilgi, eufm10, optima, verdana, "bitstream vera sans", sans-serif;
font-weight: bold;
color: maroon;
text-shadow: 6px 6px 8px black;
}

.tab
{
padding-left:30px;
}

img
{
opacity: 1;
}
em 
{
font-style: italic; 
}

strong
{
font-weight: bold; 
}
/* des élements pour le texte si besoin*/
.souligne
{
text-decoration:underline;
}
.barre
{
text-decoration:line-through;
}
.ligne_dessus
{
text-decoration:overline;
}
.clignote
{
text-decoration:blink;
}

.imageFlottante
{
float: left;
}

.dessousImage
{
clear: both;
}
/*concernant les liens */
a:hover /* Apparence au survol des liens */
{
text-decoration: underline;
color: red;
}

a /* Liens par défaut (non survolés) */
{
text-decoration: none;
font-style: italic;
}

a:active /* Quand le visiteur clique sur le lien */
{
background-color: #FFCC66;
}

a:focus /* Quand le visiteur sélectionne le lien */
{
background-color: #FFCC66;
}