@font-face{
    font-family : Raleway;
    src : url("fonts/Raleway-Bold.ttf");
}

body{
background-image: url('img/fond2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
/* Background photo : CC-BY-ND-NC Vincent Garnier*/




.credit{
font-family: Raleway-L;
font-size: 50%;
margin-left : 40%;
color: black;
margin-top: 15%;
}

.left1{
margin : -8;    
width : 22%;
height : 175%;
padding-left : 3%;
position: absolute;
background: #0A2A0A;
}

.left2{
margin : -8;    
width : 22%;
height : 100%;
padding-left : 3%;
position: absolute;
background: #0A2A0A;
}

.left3{
margin : -8;    
width : 22%;
height : 200%;
padding-left : 3%;
position: absolute;
background: #0A2A0A;
}

.left4{
margin : -8;    
width : 22%;
height : 120%;
padding-left : 3%;
position: absolute;
background: #0A2A0A;
}


.left5{
  margin : -8;    
  width : 22%;
  height : 575%;
  padding-left : 3%;
  position: absolute;
  background: #0A2A0A;
  }


  .left6{
    margin : -8;    
    width : 22%;
    height : 250%;
    padding-left : 3%;
    position: absolute;
    background: #0A2A0A;
    }



#img1{
max-width: 20%;
margin-top: 7%;
margin-left: 7%;
display: block;
position: relative;
margin-bottom: 20%;
}


h1{
font-family : Raleway-L;
font-size : 100%;
color: black;
margin-top: 10%;
margin-left: 2%;
}

a:link{color : white;text-decoration: none;}
a:active{color : white;text-decoration: none;}
a:visited{color : white;text-decoration: none;}
a:hover{color : crimson;text-decoration: none;}


a.bla:link{color:black;text-decoration:underline;}
a.bla:visited{color:black;text-decoration:underline;}
a.bla:hover{color:crimson;text-decoration:underline;}

a.tit:link{color:#126f00;text-decoration:none;}
a.tit:visited{color:#126f00;text-decoration:none;}
a.tit:hover{color:#126f00;text-decoration:none;}
a.tit:visited{color : #126f00;text-decoration: none;}
a.tit:link{color : #126f00;text-decoration: none;}


.menu{
margin-top: 40%;    
font-family: Raleway;
font-size : 200%;
display: grid;
text-align: right;
margin-left: -17%;
margin-right: 10%;
line-height: 200%;
}

table {width: 98%;margin-left:1%;border-collapse: collapse;}
td {width: 50%; vertical-align: top;}


#parti{width: 60%;margin-left:auto; margin-right:auto;margin-bottom:1% }
#partic{
    width: 10%;
    border: 1px solid #000000;
    text-align: left;
    padding: 8px;
  }
#partil:nth-child(1) { background-color: #185318;  }
#partil:nth-child(even) { background-color: #9edf9e;  }

#exp{width: 80%;margin-left:auto; margin-right:auto;margin-bottom:1% }
#expa{
    width: 20%;
    text-align: center;
    padding: 8px;
  }


#title{
font-weight: 800;
margin-left : 0%;
font-size: 250%;
text-align: center;
color: #126f00;
}

#sstitre{
margin-left : 0%;
font-size: 120%;
font-weight: bold;
text-align: center;
}

#title2{
font-family: Raleway;
font-weight: 550;
margin-left : 3%;
font-size: 170%;
color:  #C70039;}

#title3{
font-weight: 550;
margin-left : 3%;
font-size: 150%;
color:  #C70039;}


#info{
margin-left : 2%;
font-size: 105%;
text-align: left;
}


#txt{
font-size: 100%;
margin : 2%;
text-align: justify;
}

#txtpet{
    font-size: 70%;
    margin : 2%;
    text-align: justify;
}

#minic{
font-size: 125%;
margin : 2%;
text-align: justify;
}

#pause{color:green}



#lamfa{
max-width : 80;
margin-bottom: 28;
margin-left: 1%;
}

#cnrs{
max-width : 50;
margin-bottom: 12;
margin-left: 1%;
}

#upjv{
max-width : 50;
margin-bottom: 10;
margin-left: 1%;
}

#anr{
max-width : 60;
margin-bottom: 26;
margin-left: 1%;
}

#lpp{
max-width : 90;
margin-bottom: 18;
margin-left: 1%;
}

#hdf{
max-width : 150;
margin-bottom: 17;
margin-left: 1%;
}

#gdrtr{
max-width : 80;
margin-bottom: 7;
margin-left: 1%;
}

#affiche{
  max-width : 850;
  margin-bottom: 7;
  margin-left: 1%;
  }


#plan{
    max-width : 40%;
    margin-bottom: 7;
    margin-left: 1%;
    }

#photconf{
    max-width : 90%;
    margin-bottom: 7;
    margin-left: 1%;
    }

.main{
background-color: white;
width: 70%;
margin-left : 27%;
padding: 0.2%;
padding-bottom: 0%;
position: absolute;
margin-top: 2%;
}