a{
    text-decoration: none;
    color: black;
}

a:hover { 
    text-decoration: underline;
}

/* Zone header */

.logo{
    height: 80px;
    width: auto;
    margin-left: -10px;
}

header{
    border-top: 1px ridge grey;
    border-bottom: 1px ridge grey;
    height: 80px;
    width: 1368px;
    margin: -8px;
    padding-left : 120px;
    position: fixed;
}

.link{
    margin-top: -54px;
    margin-left: 660px;
    font-family: Montserrat;
    font-size: 18px;
}

.links{
    text-decoration: underline;
}

/* Zone content | Index */

.index {
    margin-top: 80px;
    margin-left: 115px;
    position: fixed;    
}

h1{
    font-size: 18px;
    color: red;
}

.prez{
    margin-top: 40px;
}

.presentation{
    font-family: Montserrat;
    font-size: 14px;
    padding-right: 700px;
}

.photo_cv{
    margin-top: -105px;
    margin-left: 365px;
    height: 250px;
    width: auto;
} 

.realisations_index{
   margin-top: -110px;
   font-family: Montserrat; 
}

/* Zone content | Index | Réalisations */

.realisation_1{
    height: 170px;
    width: auto;
}

.realisation_1:hover { 
    border: black 1px solid;
}

.realisation_2{
    margin-left: 15px;
    margin-right: 15px;
    height: 170px;
    width: auto;
}

.realisation_2:hover { 
    border: black 1px solid;
}

.realisation_3{
    height: 170px;
    width: auto;
}

.realisation_3:hover { 
    border: black 1px solid;
}

.realisation_4{
    margin-left: 15px;
    margin-right: 15px;
    height: 170px;
    width: auto;
}

.realisation_4:hover { 
    border: black 1px solid;
}

.bouton_plus{
    margin-bottom: 30px;
    border: black 1px solid;
    height: 110px;
    width: auto;
}

.bouton_plus:hover { 
    border: none;
}

/* Zone content | CV */

/* Zone content | CV | Page 1 */

.cv1{
    margin-top: 65px;
    margin-left: 115px;
    height: 520px;
    width: 1128px;
    position: fixed;
}

.texte_cv{
    font-family: Montserrat;
    text-align: center;
    margin-left: 65px;
    margin-right: 720px;
    margin-top: 35px;
}

.black{
    color: black;
}

.photo_cv_2{
    margin-top: 64px;
    margin-left: 23.5px;
    text-align:center;
}

.photo_cv_3{
    margin-top: -125px;
    margin-left: 365px;
    height: 195px;
    width: auto;
}

.id{
    font-family: Montserrat;
}

.p_diff_2{
    font-family: Montserrat;
    margin-top: -198px;
    margin-left: 835px;
    color: red;
}

.p_diff_3{
    margin-left: 72px;
}

.p_id{
    margin-top: -34.5px;
    margin-left: 835px;
}

.experiences{
    font-family: Montserrat;
    font-size: 12px;
    margin-top: -118px;
}

h2{
    font-size: 14px;
}

.formations{
   font-family: Montserrat;
   font-size: 12px;
   margin-top: -292px;
   margin-left: 692px; 
}

/* Zone content | CV | Page 2 */

.cv2{
    margin-top: 80px;
    margin-left: 115px;
    height: 520px;
    width: 1128px;
    position: fixed;
}

.competences{
    font-family: Montserrat;
    margin-top: -25px;
    margin-left: 108px;
    height: 480px;
    width: 350px;
    text-align: center;
}

.jauge{
    height: 400px;
    width: auto;
}

.text_1{
    font-size: 14px;
    margin-top: -405px;
    margin-left: -110px;
    text-align: none;
}

.text_2{
    font-size: 14px;
    margin-top: 35px;
    margin-left: -118px;
    text-align: none;
}

.text_3{
    font-size: 14px;
    margin-top: 33px;
    margin-left: -125px;
    text-align: none;
}

.text_4{
    font-size: 14px;
    margin-top: 33px;
    margin-left: -107px;
    text-align: none;
}

.text_5{
    font-size: 14px;
    margin-top: 35px;
    margin-left: -120px;
    text-align: none;
}

.text_6{
    font-size: 14px;
    margin-top: 33px;
    margin-left: -145px;
    text-align: none;
}

.text_7{
    font-size: 14px;
    margin-top: 33px;
    margin-left: -159px;
    text-align: none;
}

.text_8{
    font-size: 14px;
    margin-top: 33px;
    margin-left: -117px;
    text-align: none;
}

.langues{
    font-family: Montserrat;
    text-align: center;
    margin-left: 643px;
    margin-top: -494px;
    height: 250px;
    width: 300px;
}

.langue_fr{
    margin-top: -53px;
    margin-left: 133px;
}

.langue_ang{
    margin-top: -53px;
    margin-left: 205px;
}

.langue{
    margin-top: -53px;
    margin-left: 230px;
}

.fra{
    margin-top: -25px;
    margin-left: -175px;
}

.ang{
    margin-top: -15px;
    margin-left: -175px;
}

.esp{
    margin-top: -15px;
    margin-left: -175px;
}

.centre_interet{
    font-family: Montserrat;
    text-align: center;
    margin-top: -60px;
    margin-left: 480px;
}

.img_centre{
    height: 55px;
    width: auto;
}

.img_centre_2{
    height: 45px;
    width: auto;
}

.internet{
    margin-top: -10px;
    margin-left: -345px;
}

.centre_1{
    margin-top: -40px;
    margin-left: 123px;
}

.montage{
    margin-left: -345px;
}

.centre_2{
    margin-top: -40px;
    margin-left: 130px;
}

.jeux-video{
    margin-left: -345px;
}

.centre_3{
    margin-top: -30px;
    margin-left: 145px;
}

.informatique{
    margin-top: -155px;
    margin-left: 210px;
}

.centre_4{
       margin-top: -40px;
       margin-left: 165px;
}

.theatre{
    margin-top: 23.5px;
    margin-left: 210px;
}

.centre_5{
    margin-top: -35px;
    margin-left: 125px;
}

.cinema{
    margin-left: -345px;
    margin-top: 75px;
}

.centre_6{
    margin-top: -36px;
    margin-left: 120px;
}

.bd_manga{
       margin-top: -100px;
       margin-left: 215px;
}

.centre_7{
    margin-top: -46px;
    margin-left: 180px;
}

.centre_8{
    margin-top: -16px;
    margin-left: 120px;
}

.dessin {
    margin-top: -5px;
    margin-left: 210px;
}

.centre_9{
    margin-top: -35px;
    margin-left: 120px;
}

/* Zone content | Réalisations */

/* Zone content | Réalisations | Page 1*/

.realisations {
    margin-top: 80px;
    margin-left: 115px;
    height: 520px;
    width: 1128px;
    position: fixed;  
}

.colonne1{
    margin-left: 138.25px;
    margin-right: 688px;
    height: 505px;
    text-align: center;
}

.realisation_5{
    height: 160px;
    width: auto;
    padding-bottom: 1px;
}

.realisation_5:hover { 
    border: black 1px solid;
}

.realisation_7{
    padding-bottom: 1px;
    height: 160px;
    width: auto;
}

.realisation_7:hover { 
    border: black 1px solid;
}

.realisation_9{
    height: 160px;
    width: auto;
    padding-bottom: 1px;
}

.realisation_9:hover { 
    border: black 1px solid;
}

.colonne2{
    margin-left: 693px;
    margin-right: 177px;
    margin-top: -505px;
    text-align: center;
    height: 492px;
}

.realisation_6{
    padding-bottom: 1px;
    height: 160px;
    width: auto;
}

.realisation_6:hover { 
    border: black 1px solid;
}

.realisation_8{
    padding-bottom: 1px;
    height: 160px;
    width: auto;
}

.realisation_8:hover { 
    border: black 1px solid;
}

.realisation_10{
    padding-bottom: 1px;
    height: 160px;
    width: auto;
}

.realisation_10:hover { 
    border: black 1px solid;
}

.bouton_bas{
    margin-left: 521.5px;
    margin-top: -25px;
    height: 35px;
    width: auto;
}

.bouton_bas:hover{
    margin-left: 519.5px;
    margin-top: -25px;
    height: 38px;
    width: auto;
}

/* Zone content | Réalisations | Page 2 */

.colonne3{
    margin-left: 138.25px;
    margin-right: 800px;
    margin-top: -40px;
    height: 505px;
    text-align: center;
}

.realisation_11{
    padding-bottom: 1px;
    height: 160px;
    width: auto;
}

.realisation_11:hover { 
    border: black 1px solid;
}

.realisation_13{
    padding-bottom: 1px;
    height: 160px;
    width: auto;
}

.realisation_13:hover { 
    border: black 1px solid;
}

.realisation_15{
    margin-left: -14px;
}

.colonne4{
    margin-left: 650px;
    margin-right: 80px;
    margin-top: -505px;
    text-align: center;
    height: 492px;
}

.realisation_12{
    margin-left: -25px;
    padding-bottom: 1px;
    height: 160px;
    width: auto;
}

.realisation_12:hover { 
    border: black 1px solid;
}

.realisation_14{
    margin-left: -14px;
}

.realisation_16{
    margin-left: -14px;
}

.bouton_haut{
    margin-left: 521.5px;
    height: 35px;
    width: auto;
}

.bouton_haut:hover{
    margin-left: 519.5px;
    height: 38px;
    width: auto;
}

/* Zone content | Contact */

.contact{
    margin-top: 80px;
    margin-left: 115px;
    height: 520px;
    width: 1128px;
    position: fixed;
    font-family: Montserrat;
}

.texte_formulaire{
    width: 460px;
    margin-left: 50px;
    text-align: center;
}

.coordonnees{
    width: 230px;
    margin-top : -110px;
    margin-left: 700px;
    text-align: center;
}

.p_diff_4{
    color: red;
    margin-left: -65px;
}

.p_id_2{
    width: 230px;
    margin-top: -35px;
}

.p_diff_5{
    margin-left: 75px;
}

.p_diff_6{
    margin-top: -10px;
}

.p_diff_7{
    margin-top: -10px;
}

.formulaire{
    text-align: center;
}

.ligne_1 {
    height: 25px;
	width: 433px;
    font-family: Montserrat;
    font-size: 14px;
    text-align: center;
    border-style: solid;
    border-color: black;
    border-width: thin;
    float: left;
    margin-bottom: 20px;
}

.decale_gauche{
    margin-left: 64px;
}

.decale_droit{
    margin-left: 600px;
}

.decale_milieu{
    margin-left: 332px;
}

.ligne_2 {
    height: 25px;
	width: 969px;
    font-family: Montserrat;
    font-size: 14px;
    text-align: center;
    border-style: solid;
    border-color: black;
    border-width: thin;
    margin-left: -30px;
    margin-bottom: 20px;
}

.ligne_3 {
    height: 155px;
	width: 965px;
    font-family: Montserrat;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-style: solid;
    border-color: black;
    border-width: thin;
    margin-left: -30px;
    resize: none;
    margin-bottom: 20px;
    line-height: 11em;
}

.ligne_3:focus {
  display:inline-block;
  line-height:1.3em;
  vertical-align:middle;
}

input[type="submit"]{
    height: 25px;
    width: 200px;
    font-family: Montserrat;
    background: none;
    border-style: solid;
    border-color: black;
    border-width: thin;
    margin-left: -40px;
}

/* Zone content | Mentions légales */

.mentions_legales {
    margin-top: 80px;
    margin-left: 115px;
    height: 520px;
    width: 1128px;
    position: fixed;
    font-family: Montserrat;
}

.mentions_legales_2{
    margin-top: 50px;
    margin-left: -65px;
    text-align: center;
}

h1.centre{
    text-align: center;
    font-size: 18px;
}

.rapproche{
    margin-top: -15px;
}

.informations_legales{
    text-align: center;
    margin-left: -1150px;
    margin-right: -480px;
    margin-top: 90px;
}

.p_diff{
    margin-left: -70px;
    color: red;
}

.align{
    margin-left: 70px;
}

.p_centre{
    margin-top: -35px;
}

.hebergeur{
    text-align: center;
    margin-top: -107px;
    margin-left: 345px;
}

/* Zone footer */

footer{
    border-top: 1px ridge grey;
    border-bottom: 1px ridge grey;
    height: 80px;
    width: 1368px;
    margin: -8px;
    padding-left : 120px;
    position: fixed;
    bottom: 0;
}

.link_2{
    margin-top: 28px;
    font-family: Montserrat;
    font-size: 18px;
}

img{
    height: 80px;
    width: 80px 
}

.sociaux{
    margin-top: -52px;
    margin-left: 640px;
}