body{
margin: 0;
overflow:hidden;
box-sizing: border box;
cursor: crosshair;
}

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

.tête{
height:10vh;
}

.lignehaut{
display: flex;
height:6vh;
}

.case1{
flex: 1 1 4%;
border: solid black 0.5px;
}

.case2{
flex: 1 1 1%;
border: solid black 0.5px;
}

.case3{
flex: 1 1 90%;
border: solid black 0.5px;
}

.case4{
flex: 1 1 1%;
border: solid black 0.5px;
}

.case5{
flex: 1 1 4%;
border: solid black 0.5px;
}

.case5 img{
width: 50%;
margin: 0.5vw 0 0 1vw;
}

.lignebas{
display: flex;
height:4vh;
}

.case6{
flex: 1 1 4%;
border: solid black 0.5px;
background-color: black;
}

.case7{
flex: 1 1 1%;
border: solid black 0.5px;

}

.case8{
flex: 1 1 90%;
border: solid black 0.5px;
}

.case9{
flex: 1 1 1%;
border: solid black 0.5px;
background-color: black;
}

.case10{
flex: 1 1 4%;
border: solid black 0.5px;
}

.corps{
height:80vh;
display:flex;
}


.pied{
height:10vh;
}

.lignehautbas{
display: flex;
height:4vh;
}

.lignebasbas{
display: flex;
height:6vh;
}

.ungauche{
flex: 1 1 4%;
background-color: white;
border: solid black 0.5px;
}

.first1 img {
width: 50%;
margin: 1vw 0 0 1vw;
}

.second1 img {
width: 70%;
margin: 24vw 0 0 0.5vw;
}


.ungauchecoul{
flex: 1 1 1%;
border: solid black 0.5px;
}

.milieu{
flex: 1 1 90%;
border: solid black 0.5px;
overflow-y:scroll;
display: flex;
flex-wrap:wrap;
width:100%;
background-image:url("image/fond.png");
background-origin: border-box;
background-repeat: no-repeat;
background-size: cover;
}

.projet{
display:flex;
}

.image{
flex: 1 1 50%;
padding:10%;
}

.image img{
width: 70%;
}

.texte{
flex: 1 1 50%;
padding:10%;
}

.presentation{
padding:8vw 5vw 0 5vw;
margin:2vw 8vw 15vw 8vw;
flex:1 1 100%;
}

.presentation img{
width:100%;
}

.burger{
display:block;
margin: 5vw 5vw 5vw 8vw;
}

.burgerprojet {
display: inline-block;
}

.item{
width:300px;
border-bottom: solid black 2px;
display:flex;
left: 0;
}

.item_last{
    width:300px;
    display:flex;
    left: 0;
}

.text_item{
width:50%;
padding-top: 2.5%;
font-size: 170%;
font-family:Akzidenz-Grotesk BQ Light;
padding-bottom: 2%;
}

.img_item{
width:20px;
height:20px;
margin:auto;
}

.cine {
padding: 2vw;
margin: 0 40vw 0 0;
font-size: 170%;
border-bottom: solid black 2px;
font-family:Akzidenz-Grotesk BQ Light;
}

.cine img{
width: 5%;
margin-left:14vw;
}

.cine img:hover{
border: 2px solid black;
}

.atelieraz {
padding: 2vw;
margin: 0 40vw 0 0;
font-size: 170%;
border-bottom: solid black 2px;
font-family:Akzidenz-Grotesk BQ Light;
}

.atelieraz img{
width: 5%;
margin-left:18vw;
}

.atelieraz img:hover{
border: 2px solid black;
}

.osmi {
padding: 2vw;
margin: 0 40vw 0 0;
font-size: 170%;
border-bottom: solid black 2px;
font-family:Akzidenz-Grotesk BQ Light;
}

.osmi img{
width: 5%;
margin-left:23vw;
}

.osmi img:hover{
border: 2px solid black;
}

.humanite {
padding: 2vw;
margin: 0 40vw 0 0;
font-size: 170%;
font-family:Akzidenz-Grotesk BQ Light;
}

.humanite img{
width: 5%;
margin-left:18vw;
}

.humanite img:hover{
border: 2px solid black;
}

.burgercontact {
display:block;
margin: 20vw 0 0 10vw;
}

.croix{
	margin-right: 10%;
}

.itemcontact {
padding: 2vw;
margin: 0 0 0 40vw;
font-size: 170%;
border-bottom: solid black 2px;
font-family:Akzidenz-Grotesk BQ Light;

}

.itemcontact img{
width: 8%;
}

.itemcontactlast {
padding: 2vw;
margin: 0 0 0 40vw;
font-size: 170%;
font-family:Akzidenz-Grotesk BQ Light;

}

.itemcontactlast img{
width: 8%;
}

.fin{
padding:15vw 22vw 0 22vw;
margin: 10vw 8vw 15vw 18vw;
flex:1 1 70%;
}

.fin img{
width:50%;
}

.undroitecoul{
flex: 1 1 1%;
border: solid black 0.5px;
}

.undroite{
flex: 1 1 4%;
background-color: white;
border: solid black 0.5px;
}

.first img {
width: 20%;
margin: 1vw 0 0 1.5vw;
}

.second img {
width: 40%;
margin: 17vw 0 0 1vw;
}

.case11{
flex: 1 1 4%;
border: solid black 0.5px;
}

.case12{
flex: 1 1 1%;
border: solid black 0.5px;
background-color: black;
}

.case13{
flex: 1 1 90%;
display: flex;
border: solid black 0.5px;
justify-content: space-between;
}

.mail{
font-family:Akzidenz-Grotesk BQ Light;
padding: 0.3vw 0 0 0.3vw;
}

.insta{
padding: 0.3vw 0.3vw 0 0;
font-family:Akzidenz-Grotesk BQ Light;
}

.case14{
flex: 1 1 1%;
border: solid black 0.5px;
}

.case15{
flex: 1 1 4%;
background-color: black;
border: solid black 0.5px;
}

.lignebas{
display: flex;
height:4vh;
}

.case16{
flex: 1 1 4%;
border: solid black 0.5px;
}

.case16 img{
width: 50%;
margin: 0.5vw 0 0 1vw;
}

.case17{
flex: 1 1 1%;
border: solid black 0.5px;
}

.case18{
flex: 1 1 90%;
border: solid black 0.5px;
}

.case19{
flex: 1 1 1%;
border: solid black 0.5px;
}

.case20{
flex: 1 1 4%;
border: solid black 0.5px;
}


@media screen and (max-width: 1000px) {

.ungauche{
flex: 1 1 10%;
background-color: white;
border: solid black 0.5px;
}

.undroite {
    flex: 1 1 10%;
    background-color: white;
    border: solid black 0.5px;
}

.case1 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}

.case5 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}

.case6 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}

.case10 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}

.case11 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}

.case15 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}

.case16 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}

.case20 {
    flex: 1 1 10%;
    border: solid black 0.5px;
}



.case13 {
    font-size: 200%;
}

.item{
	width: 90%;
	font-size: 200%;
}

.item_last{
	width: 90%;
	font-size: 200%;
}

.img_item{
	width: 8%;
	height: 8%;

}

.itemcontact {

margin: 0 20% 0 0;
font-size: 350%;


}

.itemcontact img{
width: 8%;
}

.itemcontactlast {

margin: 0 0 0 0;
font-size: 350%;


}

.itemcontactlast img{
width: 8%;
}

.image img{
	width: 150%;
}

}