/* Layout Elements */
body {
	max-width: 1280px;
	background-color: #282828;
}

.container.presentation {
  margin-right: auto;
  margin-left: auto;
  padding-right: 7px;
  padding-left: 7px;  
  max-width: 990px;
}

.container.imglogo {
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}

div.boite {
  margin-right: auto;
  margin-left: auto;
  padding-right: 7px;
  padding-left: 7px;
  max-width: 663px;  
}

.container.orbit {
  margin-right: auto;
  margin-left: auto;
  max-width: 663px;
  border: 1px solid #b3eafa;
  box-shadow: 10px 10px 10px black;  
}

.container.container-1 {
  margin-right: auto;
  margin-left: auto;
  max-width: 449px;
}

div.responsive-picture.picture-1 {
  float: left;
  max-width: 300px;
  width: 30.03%;
  border: 1px solid #b3eafa;
  box-shadow: 10px 10px 10px black;     
}

div.responsive-picture.picture-2 {
  float: right;
  max-width: 541px;
  width: 54.65%;
}

div.responsive-picture.picture-3 {
  float: right;
  max-width: 541px;
  width: 54.65%;
  border: 1px solid #b3eafa;
  box-shadow: 10px 10px 10px black;   
}

div.responsive-picture.picture-4 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1274px;
}

div.responsive-picture.picture-5 {
  margin: 4.1% auto 5.55%;
  max-width: 253px;
}

div.responsive-picture.picture-5b {
  margin: 5.55% auto 5.55%;
  max-width: 253px;
}

@media screen and (max-width:660px){
div.responsive-picture.picture-5 {
  max-width: 40%;
}

div.responsive-picture.picture-5b {
  max-width: 40%;
}
}

ul.list-container.orbit-container {
  height: auto;
}

li.list-item-container.orbit-slide {
}

li.list-item-container.is-active.orbit-slide {
  display: block;
}

div.responsive-picture.orbit-image {
  max-width: none;
}

div.responsive-picture.picture-6 {
  margin-right: auto;
  margin-left: auto;
  max-width: 449px;
  border: 2px solid #b3eafa;
  border-radius: 50%;   
  box-shadow: 10px 10px 10px black;   
}