#container {
    width: 100%;
margin: 0 auto;
}

#header {
margin-left: 15%;
margin-right: 15%;
}

#primary {
    float: left;
    width: 15%;
	height:auto;
	background-color: #ffda33;	
			max-height: 740px;
		min-height: 500px;
}
#secondary {
    float: right;
    width: 15%;
	height:auto;
	background-color: #ffda33;
		max-height: 740px;
		min-height: 500px;

}

.imgbox {
    display: inline-block;
    margin: 5px; /* Ajoute un espace entre les images */
    text-align: center;
}


#1 {
    float: left;
    width: 25%;	
}
#textBB {
    float: right;
}

#2 {
    float: left;
    width: 50%;
}

#3 {
    float: right;
    width: 25%;
}

#ipad {
	margin-top: 10%;
    float: left;
	margin-left: 5%;	
	width: 30%;
}
#nexus {
		margin-top: 10%;
    float: right;	
		margin-right: 16%;	
		width: 30%;
		

}

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
    z-index: -1;
    width: 100%;
}

#content {

    float: left;
    width: 70%;
	height:740px;
min-height: 500px;
	background-image:url(../img/fond2.png);
	background-size: 100%; /* Always size the image to the width of the div */
    background-position: top; /* Position the image to the top center of the div */
	background-repeat:no-repeat;
	
	
}

#content2 {

    float: left;
    width: 70%;
	height:740px;
	background-size: 100%; /* Always size the image to the width of the div */
    background-position: top; /* Position the image to the top center of the div */
	background-repeat:no-repeat;

	
}

/* For any viewports less than 1000px wide */
@media (max-width: 1000px) {

    .bg {
        background-size: 1000px 600px; /* Force the image to its minimum width */
    }
}


#dessinBB {
    float: left;
	margin-right:40%; 
margin-left:15%; 
margin-top:12%;
margin-right:5%;  
max-width: 90%;
}
#BB {
	margin-top:10%;
    float: left;
}

#footer {
    margin-left:50%; 
	    margin-right:15%; 
    clear: both;
}

h2{font-weight:regular;
font-size:100%;
font-family:"ARIAL", Times, serif; 
margin-right:40%; 
margin-left:5%; 
margin-top:4%;
margin-right:5%;  
max-width: 90%;
height:300px;
width:500px;}
  
#section {
	background-color:#fee2c9;
	margin-right:60%; 
margin-left:5%; 
margin-top:20%;
margin-right:5%; 
    width:50%;
	  border-radius: 10px;
	box-shadow: 8px 8px 12px #000000; 
	height:40%;
    float:left;
     padding:10px; 
}
  
h3{font-weight:regular;font-size:125%;font-family:"ARIAL", Times, serif;  max-width: 50%;
  max-height: 50%;}
  
  h4{font-weight:regular;font-size:125%;font-family:"ARIAL", Times, serif;  color: #ff0000;  }
  
  h5{font-weight:regular;
font-size:120%;
font-family:"ARIAL", Times, serif; 
margin-right:40%; 
margin-left:5%; 
text-align: center;
margin-top:4%;
margin-right:5%;  
max-width: 90%;
height:400px;
width:600px;}

h6{font-weight:bold;
font-size:120%;
margin-top:1%;
font-family:"ARIAL", Times, serif; }