/*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;
}
.textbox{
  padding-right:10px;
  padding-left:10px;
}

.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;

}


/* Cette partie est pour le footer et les deux pancartes*/
.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%;

}
/* Le footer+pancarte se termine ici.*/
/* ------------------------ CV ---------------------*/
.CVtop{

  height:200px;
  
}
.CVtop_left{
  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; 

}
.CVtop_right{
  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%;

}
.CVmiddle{

  margin-right:auto;
  margin-left:auto;
  margin-top: 10px;
  padding-left: 10px;
  padding-bottom: 700px;
  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; 

}
.CVlogiciel{
  
  height:80px;
  float:left;
  border-style: solid;
  border-color: grey;
  border-width: 2px;

  margin-top: 3px;
  margin-left: 15px;
  width: 95%

}
.CVicone {
    float:left;
    height:75px;
    width:75px;     
}
