body
{
            width: 100% ;
}

.global
{
  width: 99%;
  height: 100%;
  background: none;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.fond
{
  width: 100%;
  height: 100%;
  background: url("../images/v12_3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.global1
{
  width :60% ;
  height: 250px;
  margin :auto ;
  padding :25px ;
}

.global2
{
  width :40% ;
  height: 250px;
  margin :auto ;
  padding :25px ;
}

.separateur
{
  width :100% ;
  height: 50px ;
  margin :auto ;
  padding :25px ;
}

.colonne1
{
  width: 33%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
 
.colonne2
{
  width: 34%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne3
{
  width: 33%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne4
{
  width: 50%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne5
{
  width: 50%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.textfooter
{
  width :100%;
  height: 41px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}



@media(max-width: 1388px)
{

.global
{
  width: 99%;
  height: 100%;
  background: none;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.fond
{
  width: 100%;
  height: 100%;
  background: url("../images/v12_3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.global1
{
  width :100% ;
  height: 750px;
  margin :auto ;
  padding :0px ;
}

.global2
{
  width :100% ;
  height: 500px;
  margin :auto ;
  padding :0px ;
}

.separateur
{
  width :100% ;
  height: 100px ;
  margin :auto ;
  padding :0px ;
}

.colonne1
{
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
 
.colonne2
{
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne3
{
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne4
{
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne5
{
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.textfooter
{
  width :100%;
  height: 41px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
}




@media(min-width: 1388px) and (max-width: 1800px)
{
.global
{
  width: 99%;
  height: 100%;
  background: none;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.fond
{
  width: 100%;
  height: 100%;
  background: url("../images/v12_3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.global1
{
  width :80% ;
  height: 250px;
  margin :auto ;
  padding :25px ;
}

.global2
{
  width :60% ;
  height: 250px;
  margin :auto ;
  padding :25px ;
}

.separateur
{
  width :100% ;
  height: 50px ;
  margin :auto ;
  padding :25px ;
}

.colonne1
{
  width: 33%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
 
.colonne2
{
  width: 34%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne3
{
  width: 33%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne4
{
  width: 50%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.colonne5
{
  width: 50%;
  height: 209px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.textfooter
{
  width :100%;
  height: 41px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
}