/*
Vous pouvez ajouter du CSS personnalisé ici.

Cliquez sur l’icône d’aide ci-dessus pour en savoir plus.
*/
input.wpcf7-submit, input.submit, input[type="submit"] {background:#171f74}
input.wpcf7-submit:hover, input.submit:hover,input[type="submit"]:hover {background:#fd9326}
h1,h2,h3,h4 {color:#171f74}
h3.entry-title {color:#fff}
h2.entry-title a{color:#171f74}
div.categories a{color:#989898}
li#menu-item-398 a{background:#08186d;color:#fff;padding:0 4% }
li#menu-item-398 a:hover{background:#fd9326;}

.ecrit-template{
  padding : 20px;
  position: relative;
  box-shadow: 0px 0px 8px #b2b2b2;
  width:80%;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 40px;
  bottom: 40px;
}

.ecrit-template-logo{
  width:140px;
  margin-left: 10px;
  margin-bottom: 60px;

}

.ecrit-template-content{
  position: relative;
  width: 100%;
  font-family: Helvetica, sans-serif;
}

.ecrit-template-content-title{
  font-size: 26px;
  font-weight: bold;
  color:#162174;
  margin: 10px;
  Line-Height: 30px;
}

.ecrit-template-content-text{
  font-size: 18px;
  color:#101010;
  margin: 10px;
  margin-bottom: 6%;
  display: block;
}

.ecrit-template-content-button{
  font-weight: bold;
  font-size: 16px;
  color:white;
  background-color: #E2B801;
  height:40px;
  border:none;
  box-shadow: 0px 0px 4px #dddcdc;
  display: inline;
  position: absolute;
  right:2%;
  bottom: -4%;
}

.wrapper{
  margin-top:40px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2%;
  grid-auto-rows: minmax(10%, auto);
}

.ecrit-template-content-position-button{
  grid-column: 2;
  grid-row: 1;
}

.ecrit-template-content-button:hover{
  text-decoration: underline;
}

.video-template{
  width:30%;
  position: relative;
  margin:auto;
  padding: 1%;
}

.video-template-img{
  width: 100%;
}

.video-template-logo{
  width:25%;
  height:18%;
  background-color: white;
  box-shadow: 0px 0px 3px #000000;
  position: absolute;
  top: 0%;
  left: 0%;
  display: block;
  margin:auto;
}

.video-template-logo-img{
   max-width: 80%;
   max-height: 80%;
   margin: auto;
   margin-top:3%;
}

.video-template-title{
  min-height:16%;
  width:92%;
  padding:2%;
  font-family: Helvetica, sans-serif;
  position:absolute;
  bottom:3%;
  color:white;
  font-weight: bold;
  font-size: 18px;
  background: #BF9D58;
  background: -webkit-linear-gradient(to right, rgba(191,157,88,0.85), rgba(191,157,88,0.85));
  background: -o-linear-gradient(to right, rgba(191,157,88,0.85), rgba(191,157,88,0.85));
  background: -moz-linear-gradient(to right, rgba(191,157,88,0.85), rgba(191,157,88,0.85));
  background: linear-gradient(to right, rgba(191,157,88,0.85), rgba(191,157,88,0.85));
}

.video-template-title:hover{
  text-decoration: underline;
}

.content-grid {
  max-width: 80%;
  padding-bottom:30px;
  margin:auto;
}

.title2{
  font-size: 60px;
  line-height: 66px;
  color: #BF9D58;
  font-style: italic;
  font-family: Baskerville;
}

.text-info{
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
  color:#101010;
}

.text-mail{
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  line-height: 16px;
  color:#101010;
  font-weight: bold;
  background-color: #DFE1E1;
  display:inline;
  text-align:center;
}

.title3{
  font-size: 60px;
  line-height: 66px;
  color: #171F74;
  font-style: italic;
  font-family: Baskerville;
}

.title1{
  font-size: 66px;
  line-height: 70px;
  color: #202121;
  font-family: Baskerville;
}

.logos-nb{
  max-width: 100px;
  max-height: 60px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

div.comment-form-cookies-consent {display:none}