body {
background: white;
}

.boite1 {
height: 85px ;
width: 800px ;
background-color: FDB538;
}

.texte1 {
text-align: left;
font-family: arial;
font-size: 12;
font-weight: bold;
color: white;
margin-left: 50px;
margin-right: 50px;
margin-top: 30px ;
}

.texte2 {
text-align: left;
font-family: arial;
font-size: 13;
font-weight: bold;
color: white;
margin-left: 29px;
margin-top: 30px ;
}

.texte3 {
text-align: right;
font-family: arial;
font-size: 13;
font-weight: bold;
color: white;
margin-right: 29px;
margin-top: 30px ;
}

.texte4 {
text-align: center ;
font-family: arial;
font-size: 14;
color: white;
margin-top: 30px ;
}

.texte5 {
text-align: justify ;
font-family: arial;
font-weight: bold;
font-size: 12;
color: white;
margin-top: 10px ;
margin-right: 150px;
margin-left: 150px;
}

.pink_link {
text-align:right;
margin-top: 10px ;
margin-right: 35px;
margin-bottom: 20px;
}

#boite-top-project {
  position: relative;
  width: 671px;
  height: 9px;
  background: url(project_top.gif) left no-repeat top;
}

#boite-fond-project {
  margin-top:36px;
  position: relative;
  width: 671px;
  height: 600px;
  background: url(project_fond.gif) repeat-y left;
}

#boite-bot-project {
  position: relative;
  width: 671px;
  height: 9px;
  background: url(project_bot.gif) left no-repeat bottom;
}

.titre1 {
padding-top: 20px;
text-align: left ;
font-family: arial;
font-weight: bold;
font-size: 18;
color: white;
margin-right:100px;
margin-left:50px;
}

.titre2 {
text-align: center ;
font-family: arial;
font-size: 14;
font-weight: bold;
color: white;
margin-top: 5px ;
margin-right: 50px;
margin-left: 20px;
}

.titre3 {
text-align: left;
font-family: arial;
font-size: 13;
font-weight: bold;
color: white;
margin-left: 50px;
margin-top: 30px ;
}

.texte6 {
text-align: justify ;
font-family: arial;
font-size: 12;
color: white;
margin-top: 10px ;
margin-right: 20px;
margin-left: 20px;
}

.texte7 {
text-align: right;
font-family: arial;
font-size: 13;
color: white;
margin-right: 50px;
margin-top: 30px ;
}

.texte_link {
text-align: center;
font-family: arial;
font-size: 12;
font-weight: bold;
color: white;
margin-left: 50px;
margin-right: 50px;
margin-top: 30px ;
}

.resume {
text-align: left;
font-family: arial;
font-size: 12;
color: white;
margin-left: 250px;
margin-top: 5px ;
}

.services1 {
text-align: center;
font-family: arial;
font-size: 14;
font-weight: bold;
color: white;
margin-left: 70px;
margin-right: 30px;
margin-top: 5px ;
}

.services2 {
text-align: left;
font-family: arial;
font-size: 14;
font-weight: bold;
color: #CC6B16;
margin-left: 30px;
margin-right: 30px;
margin-top: 0px ;
margin-bottom: 8px ;
}

.services3 {
text-align: left;
font-family: arial;
font-size: 12;
font-weight: bold;
color: #E67C2E;
margin-left: 30px;
margin-right: 30px;
margin-top: 0px ;
margin-bottom: 10px ;
}

.services4 {
text-align: left;
font-family: arial;
font-size: 10;
font-weight: bold;
color: white;
margin-left: 30px;
margin-right: 30px;
margin-top: 0px ;
margin-bottom: 33px ;
}

.services5 {
text-align: left;
margin-left: 0px;
margin-right: 16px;
margin-top: 0px ;
}

.legende {
text-align: left;
margin-left: 30px;
margin-top: 30px ;
font-family: arial;
font-size: 10;
color: white;
}