* {
 margin: 0;
 padding: 0;
}

@font-face {
 font-family: "dominebold";
 src: url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/domine-bold.woff2") format("woff2"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/domine-bold.woff") format("woff"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/domine-bold.eot") format("eot"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/domine-bold.svf") format("svg"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/domine-bold.ttf") format("ttf");
}

@font-face {
 font-family: "latobold";
 src: url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-bold.woff2") format("woff2"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-bold.woff") format("woff"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-bold.eot") format("eot"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-bold.svf") format("svg"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-bold.ttf") format("ttf");
}

@font-face {
 font-family: "latolight";
 src: url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.woff2") format("woff2"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.woff") format("woff"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.eot") format("eot"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.svf") format("svg"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.ttf") format("ttf");
}

@font-face {
 font-family: "latolight";
 src: url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.woff2") format("woff2"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.woff") format("woff"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.eot") format("eot"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.svf") format("svg"),
 url("https://static.bayardweb.com/Magento/data/sfs/bundles/chantons-en-eglise/fonts/lato-light.ttf") format("ttf");
}

.central-col {
 width: 100%;
}


#header-argu {
 background-color: #44a8c8;
 padding: 15px;
}

#header-argu-logo {
 margin: 0 auto;
 display: block;
}

#header-argu-tagline {
 color: #fff;
 font-family: latolight;
 font-size: 25px;
 text-align: center;
 padding: 0;
 margin: 0 auto;
}

.phrase-intro {
 margin: 20px auto;
 font-family: latolight;
 font-size: 22px;
 text-align: center;
 width: 80%;
}

.argu-content,
.argu-content-2,
.argu-formules {
 font-family: latolight;
 font-size: 20px;
 text-align: left;
}

#intro-argu>.argu-content:first-child{
  margin-top:50px;
}
#argu-col {
 display: flex;
 width: 90%;
 margin: 20px auto;
 flex-direction: row;
 justify-content: space-around;
 align-content: center;
 align-items: center;
}

#argu-content strong,.argu-content-2 strong {
 font-family: latobold;
}

.argu-content {
 width: 45%;
 margin:0 auto;
}

.argu-content-2 {
 width: 80%;
 margin:0 auto;
}

.phrase-emphasis {
 margin: 30px auto;
 font-family: dominebold;
 font-size: 23px;
 text-align: center;
 width: 90%;
}

.argu-formules {
 text-align: center;
 margin: 20px auto;
}

.formules {
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
 flex-direction: row;
}

.formule {
 height: auto;
 padding: 15px 15px 25px 15px;
 width: 45%;
 background-color: #fff;
 margin: 20px auto;
 box-shadow: 2px 2px 10px 2px #ccc;
}

.formule-title {
 height: auto;
 margin: 10px auto 25px;
 text-align: center;
 font-family: dominebold;
 color: #44a8c8;
 font-size: 22px;
}

.argu-formule{
 font-family: latolight;
 font-size: 18px;
 text-align: center;
}

 .formule-img,.formule-video{

  display: block;
    margin: 20px auto 20px;
 }
.formule-video{
 height:400px;
 width:70%;
}


@media all and (max-width: 1100px) {
 #argu-col {
  flex-direction: column;
 }
 .argu-content {
  width: 90%;
 }
  .formule-img{
 width:80%;
  height:auto;
}

 .formule-video{
  width:80%;
  height:150px;
 }
.formules {
 flex-direction: column;
}
 .formule {
 width:80%;
}

}