/*code du header*/
a{
  text-decoration: none;
 color: black; 
}

body {

  background-color:#000;
  background:url("../image/background_forest.png" )no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  padding-bottom: 150px;

      }  
#fonttop{
	width:1500px;
	height:250px;
	background-image:url("../image/header.gif");
  border-radius: 20px;
	margin-left:auto;
	margin-right:auto;
}
.icone {
    float:left;
    height:75px;
    width:75px;     
}




.ruban {
    position: fixed;
    bottom:0;
    margin-left: 30%;
    width: 800px;        
}

.ruban a:link, .ruban a:visited { 
  color:#FFFFFF;
  text-decoration:none;
  margin:0;
  float:left;
}

.ruban span {

  background:#991111;
  display:inline-block;
  line-height:3em;
  padding:0 3em;
  margin-top:0.5em;
  transition: background-color 0.5s, margin-top 0.5s;
}

.ruban a:hover span {
  background:#EE2222;
  margin-top:0;
}

.quizz {
    position:fixed;
    bottom:45px;
    margin-left: 29%;
}
.cv{
    position:fixed;
    bottom:45px;
    margin-left: 65%;

}
.haut{

  height:200px;
  
}
.haut_gauche{
  float:left;
  margin-right:3%;
  margin-left:3%;
  padding-left: 7px;padding-top: 10px;
  padding-bottom: 0px;
  height:100%;
  width:27%;
  border-color: white;
  border-style: solid;
  background-color:#C0C0C0;
  border:1px solid gray;
  padding:5px;
  box-shadow:2px 2px 10px gray; 

}
.haut_droite{
  float:right;
  margin-right:3%;
  margin-left:3%;
  padding-left: 7px;padding-top: 10px;
  padding-bottom: 0px;
  height:100%;
  width:220px;
  border-color: white;
  border-style: solid;
  background-color:#C0C0C0;
  border:1px solid gray;
  padding:5px;
  box-shadow:2px 2px 10px gray; 
  background:url("../image/photo_gwen.png") no-repeat;
  background-position: center;
  background-size: 100%;

}
.CV_ind{
  margin-top:30px;
  margin-right:auto;
  margin-left:auto;

  height:100px;
  width:650px;

  background-color:#C0C0C0;

  background:url("../image/Curriculum_Vitae.png") no-repeat;
  background-size: 100%;

}
.middle{

  margin-right:auto;
  margin-left:auto;
  margin-top: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
  height:100%;
  width:90%;
  border-color: white;
  border-style: solid;
  background-color:#A0A0A0;
  border:1px solid gray;
  line-height:15px;
  box-shadow:2px 2px 10px gray; 

}
#title_page{

  margin:auto;
  font-size: 30px;
}
/*code principal*/
#principal{

  border-radius: 5px;
  border-style:double;
  border-color: #999999;
	margin-top:10px;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	background-color:#222222;
	overflow:hidden;
	}
#top{
    float:top;
    height:70px;
  background-color:#999;
  padding:1px;
  border-color: #666;
  border-style:solid; 



}
#gauche {
	float:left;
	width:60%;
  background-color:#333;
	padding:1px;
  border-radius: 10px;
  border-color: #666;
  border-style:solid; 
  margin-top: 10px;
}

#droit {
    border-radius: 10px;

	   float:right;
    width:35%;
    padding:10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color:green;
    border-style: solid;
    border-color: #666;
}

#droithaut {
    width: 100%;
        border-radius: 10px;
    background-color: blue;


}

#droitbas {
    width: 100%;
    border-radius: 10px;
    background-color: red;

}

#textbox{
	padding-right:10px;
  padding-left:10px;
}

