/*index*/

body{background:#F5DEB3;}

#banniere{width:100%;margin-top:-1em;}

h1{margin-top:1em;}

h1,h2{font-family: 'Courgette', cursive;text-align: center;font-size:40px;color:firebrick;}

nav{margin-left:25em;height:150px;}

nav li{display:block;float:left;border:1px solid firebrick;width:300px;padding:1em;text-align: center;background:rgba(255,239,213,0.5);font-family: 'Courgette', cursive;font-size:20px;color:firebrick;}

nav li a{text-decoration: none;color:firebrick;}

#presentation{clear:both;height:500px;width:100%;margin-top:-2em;background-color:;}

aside{display:block;float:left;width:50%;}

aside img{margin-left:20em;}

article{display:block;float:left;width:50%;margin-left:-10em;}

article a{color:firebrick;}

article #mini{margin-left:12em;}

p{padding:1em 2em 0em 2em;font-family: 'Courgette', cursive;color:firebrick;font-size:20px;}

footer{clear:both;background:rgba(255,239,213,0.8);height:2em;color:firebrick;margin-top:1em;margin-top:5em;}

#foot{float:left;font-size:15px;padding-right:1em;margin-top:-0.5em;}

footer #design{float:right;font-size:15px;margin-right:20px;margin-top:-0.5em;}
footer #logo{float:right;}



/*page2*/

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

#tarif{clear:both;margin-top:12em;}

h3{color:firebrick;font-family: 'Courgette', cursive;text-align: center;margin-top:1em;margin-bottom:1em;font-size:25px;}

#sable{margin-left:420px;float:left;}
#rose{margin-left:20px;}

#tarif{margin-top:1em;}

#tarif p{margin-left:15em;margin-right:15em;}

#prix, #mail{text-align: center;}

#vacance{color:red;}