.reseau {
text-align: center;
}
.center {
  border: 0px solid;
  margin: auto;
  width: 4000px;
  padding: 0px;
}
.classic-bouton {
      background-color: #07560f;
      border: none;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 8px;
      cursor: pointer;
    }

    .classic-bouton:hover {
      background-color: #076d0c;
    }
.express-bouton {
      background-color: #c64607;
      border: none;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 8px;
      cursor: pointer;
    }

    .express-bouton:hover {
      background-color: #cf5e25;
    }
.classic-bouton-rapide {
      background-color: #9ED885;
      border: none;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 8px;
      cursor: pointer;
    }

    .classic-bouton-rapide:hover {
      background-color: #B5DBA4;
    }
.express-bouton-rapide {
      background-color: #FF7474;
      border: none;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 8px;
      cursor: pointer;
    }

    .express-bouton-rapide:hover {
      background-color: #FF9D9D;
    }
.iframe-porsche {
  border: 0px solid black;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}
body {
background: linear-gradient(#A9A9D1,#A9A9D1,#FFFFFF,#FFFFFF,#A9A9D1,#8181B0,#8181B0,#A9A9D1);
background-size: 150%;
}

#logoP{
	float: left;
	width: 250px;
	height: 110px;
	background: url(https://pod-online.fr/images/podonline.png) no-repeat center/100%;
        position: absolute;}
#haut-menu{
  background-color:#FFFFFF;/*Couleur de fond*/
  opacity: 0.90;
}

.include{
padding-top: 0px;
  position: absolute;
  Left: 27%;
  width: 50%; 
  height: 100%; 
  background-color:#FFFFFF;
}
.colonne-gauche{
	width: 20%;/*Taille de la colonne centrée moins le padding*/
        height: 100%; 
	float: left;
}
.colonne-droite{
	width:auto;/*Taille de la colonne centrée moins le padding*/
        height: auto; 
	float: right;
        overflow: visible;
        background: linear-gradient(#FFFFFF,#FFFFFF, #9797B9);
                  
}
.colonne-gauche-include{
	width: 20%;
        height: 100%; 
	float: left;
}
.colonne-droite-include{
	width:20%;
        height: 100%; 
	float: right;
}
*,*:after,*:before{box-sizing:border-box}
.animenu__btn{display:none;cursor:pointer;background-color:#111;border:0;padding:10px;height:40px;width:40px}
.animenu__btn:hover{background-color:#0186ba}
.animenu__btn__bar{display:block;width:20px;height:2px;background-color:#FFF;transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55)}
.animenu__btn__bar+.animenu__btn__bar{margin-top:4px}
.animenu__btn--active 
.animenu__btn__bar{margin:0;position:absolute}
.animenu__btn--active 
.animenu__btn__bar:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.animenu__btn--active 
.animenu__btn__bar:nth-child(2){opacity:0}
.animenu__btn--active 
.animenu__btn__bar:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.animenu{display:block}
.animenu ul{padding:0;list-style:none;font:0 -apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
.animenu li,
.animenu a{display:inline-block;font-size:15px}
.animenu a{color:#111;text-decoration:none}
.animenu__nav{text-align: center;}
.animenu__nav>li{position:relative;border-right:1px solid #cacaca}
.animenu__nav>li>a{padding:10px 30px;text-transform:uppercase}
.animenu__nav>li:hover>ul{opacity:1;visibility:visible;margin:0}
.animenu__nav>li:hover>a{color:#111}
.animenu__nav>li:focus-within>ul{opacity:1;visibility:visible;margin:0}
.animenu__nav>li:focus-within>a{color:#111}
.animenu__nav__hasDropdown:before{content:"";position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:currentColor;top:50%;margin-top:-2px;right:10px}
.animenu__nav__dropdown {min-width:100%;position:absolute;top:100%;left:0;z-index:1;opacity:0;visibility:hidden;margin:20px 0 0 0;background-color:#bac0d6;transition:margin .15s, opacity .15s}
.animenu__nav__dropdown>li{width:100%;border-bottom:1px solid #111}
.animenu__nav__dropdown>li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:1em;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:inherit}
.animenu__nav__dropdown>li:last-child{border:0}
.animenu__nav__dropdown a{padding:10px;width:100%;border-color:#111}
.animenu__nav__dropdown a:hover{background-color:#0186ba;border-color:#0186ba;color:#fff}
.animenu__nav__dropdown a:focus-within{background-color:#0186ba;border-color:#0186ba;color:#fff}

section {
	margin: 80px auto 40px;
	max-width: 100%;
	position: relative;
	padding: 20px
}
h5
  {
  font-size: 13px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
    z-index: 1;

}
  h1
  {
  font-size: 25px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
}
  h2
  {
  font-size: 15px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
}
  h4
   {
 font-size: 12px;
 font-family:Arial Unicode MS;
}
@media screen and (max-width: 767px){
.animenu__btn{display:inline-block}
.animenu__nav,
.animenu__nav__dropdown{display:none}
.animenu__nav{margin:10px 0}
.animenu__nav>li{width:100%;border-right:0;border-bottom:1px solid #515151}
.animenu__nav>li:last-child{border:0}
.animenu__nav>li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:1em;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:inherit}
.animenu__nav>li>a{width:100%;padding:10px;border-color:#111;position:relative}
.animenu__nav a:hover{background-color:#0186ba;border-color:#0186ba;color:#fff}
.animenu__nav__dropdown{position:static;background-color:#BABABA;margin:0;transition:none;visibility:visible;opacity:1}
.animenu__nav__dropdown>li:first-child>a:after{content:none}
.animenu__nav__dropdown a{padding-left:20px;width:100%}
.animenu__nav--active{display:block !important}
.animenu__nav--active 
.animenu__nav__dropdown{display:block}
#logoP{
	float: right;
	width: 140px;
	height: 60px;
	background: url(https://pod-online.fr/images/podonline.png) no-repeat center/100%;
        position: relative;
}
#contenu-milieu{
font-size: 12px;
  position: static; 
  overflow: visible; 
height: 450px;
width: 100%;
background-color:#FFF;/*Couleur de fond*/
}
.include{
  position: static;
  width: 100%;
  height: 100%; 
  background-color:#FFF;/*Couleur de fond*/
}
.colonne-droite-include{
	width:100%;
        height: 100%;
	float: left;
}
.colonne-gauche-include{
display: none;

}
.img-responsive {
max-width : 100%;
heigth: auto;
display: block;
}

  h1
  {
  font-size: 10px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
}
  h2
  {
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
}
}