*{
    margin: 0px;
    padding: 0px;
    font-family: avenir, sans-serif;
}

body{

}

nav{
    width: 100%;
    top: 0px;
}

nav ul{
    list-style-type: none;
}

nav li{
    float: left;
    width: 16.6%;
    text-align: center;
}

nav ul::after{
    content: "";
    display: table;
    clear: both;
}

nav a{
    display: block;
    text-decoration: none;
    color: rgb(30, 42, 82);
    border-top: 2px solid transparent;
    padding: 10px 0px;
    font-weight: ;
}

nav a:hover{
    color: rgb(16, 32, 89);
    border-top: 2px solid rgb(16, 32, 89);
}

.conteneur{
  margin: 0px 20px;
  height: 1500px;
}

.logo{
  text-align: left;  
    background-color: rgb(255, 255, 255);
}
.menu{
  background-color: rgb(245, 245, 247);
}

.largeurlogo{
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px; 
  margin-left: 80px;
}

.logomenu1{
 width: 35%;
}

.p1{
margin-left: 80px;
margin-bottom: 40px;
font-family: Verdana, Geneva, sans-serif;
font-size: 70px;
letter-spacing: 2px;
word-spacing: 1px;
color: #707070;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

.pdecal{
text-align: center;
margin-bottom: 40px;
font-family: Verdana, Geneva, sans-serif;
font-size: 40px;
letter-spacing: 2px;
word-spacing: 1px;
color: #707070;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

.pdecal3{
text-align: center;
margin-top: 300px;
font-family: Verdana, Geneva, sans-serif;
font-size: 40px;
letter-spacing: 2px;
word-spacing: 1px;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.pdecal1{
text-align: center;
margin-top: 150px;
font-family: Verdana, Geneva, sans-serif;
font-size: 40px;
letter-spacing: 2px;
word-spacing: 1px;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.pdecal2{
text-align: center;
margin-top: 20px;
font-family: Verdana, Geneva, sans-serif;
font-size: 40px;
letter-spacing: 2px;
word-spacing: 1px;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.p2{
color: rgb(29, 41, 83);
}
.p7{
color: rgb(245, 245, 247);
}
.pb{
color: #707070;
font-size: 45%;
}
.pb3{
color: #707070;
font-size: 35%;
margin-left: 20%;
margin-right: 20%;
}
.pb1{
color: white;
font-size: 30%;
}
.pb2{
color: white;
font-size: 45%;
}
.p3{
font-weight: 700;
font-size: 20px;
}

.p5{
color: rgb(29, 41, 83);
}
.p6{
color: #707070;
font-size: 65%;
}

.part1{
  background-image: url("fond1.jpg");
  background-size: cover;
}

.part3{
  background-image: url("22.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part4{
  background-image: url("33.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part5{
  background-image: url("11.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part6{
  background-image: url("44.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part7{
  background-image: url("55.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part8{
  background-image: url("66.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part9{
  background-image: url("88.jpg");
  background-size: cover;
  height : 300px;
  background-position: center;
text-shadow: 2px 2px 3px black;
}
.part10{
  background-image: url("99.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part11{
  background-image: url("12.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part20{
  background-image: url("25.jpg");
  background-size: cover;
  height : 400px;
  background-position: center;
}
.part21{
  background-image: url("21.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part23{
  background-image: url("23.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part24{
  background-image: url("24.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part22{
  background-image: url("20.jpg");
  background-size: cover;
  height : 500px;
  background-position: center;
}
.part2{
  background-color: rgb(240, 240, 240);
}
.p4{
text-align: center;
margin-bottom: 30px;
margin-top: 40px;
font-family: Verdana, Geneva, sans-serif;
font-size: 30px;
letter-spacing: 2px;
word-spacing: 1px;
display: block;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

.produitsp1{
height: 400px;
width: 300px;
background-image: url(bulle.jpg);
background-size: cover;
border-radius: 2em;
}
.produitsp2{
height: 400px;
width: 300px;
background-image: url(capots.jpg);
background-size: cover;
border-radius: 2em;
}
.produitsp3{
height: 400px;
width: 300px;
background-image: url(20m3.jpg);
background-size: cover;
border-radius: 2em;
}
.produitsp4{
height: 400px;
width: 300px;
background-image: url(mgc.jpg);
background-size: cover;
border-radius: 2em;
}

.div1{

  margin-bottom: 20px;

}
.principal{
width: 70%;
border-radius: 0.2em;
}
.div2{
  background-color: rgb(25, 52, 109);
  margin-bottom: 40px;
margin-top: 40px;
width: 45%;
border-radius: 2em;
}
.div3{
position: relative;
  background-color: rgb(25, 52, 109);
  margin-left: 8%;
  margin-bottom: 40px;
margin-top: 40px;
width: 45%;
border-radius: 2em;
}

.produits1{
width: 100%;
margin-left: 110%;
font-family: Verdana, Geneva, sans-serif;
font-size: 30px;
letter-spacing: 2px;
word-spacing: 1px;
color: white;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

.produits2{
font-size: 20px;
}
.produits3{
font-size: 15px;
font-weight: 200;
}
.partage{
display:flex;
  margin-left: 5%;
    margin-right: 5%;
}
.Boutonexp {
	background-color:transparent;
	border-radius:28px;
	border:2px solid #1e2a52;
	display:inline-block;
	cursor:pointer;
	color:#1e2a52;
	font-family:Arial;
	font-size:12px;
	padding:12px 26px;
	text-decoration:none;

}
.Boutonexp1 {
	background-color:transparent;
	border-radius:28px;
	border:2px solid rgb(245, 245, 247);
	display:inline-block;
	cursor:pointer;
	color:rgb(245, 245, 247);
	font-family:Arial;
	font-size:12px;
	padding:12px 26px;
	text-decoration:none;

}
.Boutonexp:hover {
	background-color:transparent;
}
.Boutonexp:active {
	position:relative;
	top:1px;
}
.Boutonexp1:hover {
	background-color:transparent;
}
.Boutonexp1:active {
	position:relative;
	top:1px;
}
label
{
    display: none;
}

body .menuport3{
    display:none;
}

@media screen and (max-width: 1400px){
	
label {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 40px;
        color: rgb(29, 41, 83);
        cursor: pointer;
    }	
body .menuport{
    display: none;
}
body .menuport2{
    display: none;
}
body .menuport3{
    display: flex;
}
	
nav li{
    float: center;
    width: 33.33%;
    text-align: center;
}	
.logomenu1{
 width: 35%;
}
	
.p2{
font-size: 70%;
margin-left: 5%;
margin-right: 5%;
}
.p7{
font-size: 70%;
margin-left: 5%;
margin-right: 5%;
}
.p4{
font-size: 130%;
margin-left: 5%;
margin-right: 5%;
}
.pb{
font-size: 35%;
margin-left: 5%;
margin-right: 5%;
}
.pb2{
font-size: 35%;
margin-left: 5%;
margin-right: 5%;
}
.div1{
  margin-bottom: 50px;
}	
.principal{
    display: none;
}
.pb1{
    display: none;
}
.part7{
  background-image: url("55.jpg");
  background-size: cover;
  height : 200px;
  background-position: center;
}
.pb3{
color: #707070;
font-size: 30%;
margin-left: 10%;
margin-right: 10%;
}

	}