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

body{
  background-color: rgb(238, 246, 254);
}

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(238, 246, 254);
}

.largeurlogo{
  height: 50px;
  margin-top: 20px;
  margin-bottom: 20px; 
  margin-left: 80px;
}

.logomenu1{
 width: 45%;
}

.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;
}
.p2{
color: rgb(29, 41, 83);
}
.pb{
color: white;
font-size: 55%;
}
.pb1{
color: white;
font-size: 35%;
}
.p3{
font-weight: 700;
font-size: 20px;
}

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

.part1{
  background-image: url("fond1.jpg");
  background-size: cover;
}
.part2{
  background-color: rgb(240, 240, 240);
}
.p4{
margin-left: 80px;
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:4px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:13px 27px;
	text-decoration:none;
	text-shadow:0px 1px 5px #283966;
}
.Boutonexp:hover {
	background-color:transparent;
}
.Boutonexp: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%;
}
	
.div1{
  margin-bottom: 50px;
}	
.principal{
    display: none;
}
.pb1{
    display: none;
}
.p2{
        font-size: 40px;
}
.pb{
        font-size: 20px;
}
	}