body {
   /*background-color: grey;*/
  background-image: url('island.jpg');  
  
 
 background-repeat: no-repeat);
  /*background-attachment: fixed; */
font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  
 
 width:100%;
 margin:auto;
  
}
#wrapper{

  

  width: 915px;
   height: auto;
  background-color: #ccb5cd;
   border: 1px solid black;
   margin:0 auto; 
   padding:  10px;
   text-align: justify;

}


.lune {

/*background-image: url('../images/carac_photo_1.jpg'); */
   width: 880px;
   height: auto;
  /* background-color: #ccb5cd;*/
   border: 1px solid black;
   margin:0 auto; 
   padding:10px;
   text-align: justify;



}


h1 {
  font-size: 2.5em;
  color:blue;
  text-align: center;
  margin-top:0px;
  font-family:  Copperplate,"Copperplate Gothic Light",fantasy, Helvetica, Verdana, sans-serif;
  margin-top:20px;
    padding: 4px;
    text-decoration: none;
    text-transform: none;
 }
 
 h1 link hoover {


background: #90dfb3;
    color:#white;
    padding: 4px;
    text-decoration: none;

 }
  h2 {
   color:#f76767;
   font-size: 2em;
  text-align: center;
  font-family: Georgia, Verdana, sans-serif;
  }
  
 h3 {
    color: purple;
	margin-left:160px;
	margin-right: 160px;
  
  }
  
 h4 {
  margin-left: 160px;
   color:blue;
  
  }
 .header { 
   background: url('photo3.jpg') no-repeat; 
   background-position: 50% 53%; 
   width: 908px;
   height:310px;
   background-color: #cbe1f7;
   border: 5px solid orange;
   padding:10px;
  /* padding-left:10px; */
  
  margin: auto; 
   margin-top: -40; 
   margin-bottom:10px;
  /*  border-radius: 160px;
  -moz-border-radius: 1600px;
  -webkit-border-radius: 160px; */
   
   
} 
 /* background: url('../images/IMG_2015_01_17_143103.jpg') no-repeat width:70px height:80px; */

 /*img{
 border:2px solid white; 
 
  padding:10px; 
   } */
 
 nav
{
    display: inline-block;
    width: 860px;
    text-align: right; 
	padding-top: 0px;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: blue;
    padding-bottom: 3px;
    text-decoration: none;
}




* unvisited links*/
a:link {
	color:#ff2aa6;
	text-decoration: none;
}
/* styling links */
/* unvisited links*/
a:visited{
   color:#ff2aa6;
}


/*  mouse over link  */
a:hover {
   color: #a50578;
 
    color:#white;

}

/* active link*/ 
a:active {
	color:green}

	/*Specific links styles  */
.link-1:hover {

    background: #90dfb3;
    padding-top: 20px;
   
    padding: 4px; 
    text-decoration: none;
}
nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;


}




.century {

 margin-left:230px;
}
.rouge {
float: right;
padding:20px;
}
.deux {

  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: green;
  font-style: italic;
  font-size: 15px;

}
p.un :intro:first-letter  {

  color:red;
}
.trois {
  
  color: green;
  font-size: bold;
  margin-left: 40px;
  margin-bottom: 140px;



}
.quatre {


  


    color:blue;
  }
.music{

margin-left: 480px;
margin-top: 30px;
}

.red {
  
   color: blue;
   font-size:16px;
   text-align:center;
  }
  
 .one{
 
 color:red;
 font-size:18px;
 }
 .green{
 
 color: green;
 }
 
.dix{

color:red;}


.rouge {


text-align:center;
}


.onze {

  text-align: center;}
  
  
  
 .vert {
  
  color:black;
  font-size:18px;
  
  margin-left:50px;
  }
  
 .purple{
  color: purple;
   font-size:16px;
   font-weight:bold;
 margin-left:10px;
 }
  
  .size{
  
  font-size:14px;
  
  margin-left:10px;}