@charset "UTF-8";
/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  max-width: 99%;
  padding-top: 10px; /*  distance entre le menu et le premier titre*/
}

#panel, #flip {} #panel { display: none; }
#panel2, #flip2 {} #panel2 { display: none; }
#panel3, #flip3 {} #panel3 { display: none; }
#panel4, #flip4 {} #panel4 { display: none; }
#panel5, #flip5 {} #panel5 { display: none; }
#panel6, #flip6 {} #panel6 { display: none; }
#panel7, #flip7 {} #panel7 { display: none; }
#panel8, #flip8 {} #panel8 { display: none; }
#panel9, #flip9 {} #panel9 { display: none; }
#panel10, #flip10 {} #panel10 { display: none; }
#panel20, #flip20 {} #panel20 { display: none; }
#panel21, #flip21 {} #panel21 { display: none; }
#panel22, #flip22 {} #panel22 { display: none; }
#panel23, #flip23 {} #panel23 { display: none; }
#panel24, #flip24 {} #panel24 { display: none; }
#panel25, #flip25 {} #panel25 { display: none; }
#panel26, #flip26 {} #panel26 { display: none; }
#panel30, #flip30 {} #panel30 { display: none; }
#panel31, #flip31 {} #panel31 { display: none; }
#panel32, #flip32 {} #panel32 { display: none; }
#panel33, #flip33 {} #panel33 { display: none; }
#panel34, #flip34 {} #panel34 { display: none; }
#panel35, #flip35 {} #panel35 { display: none; }
#panel36, #flip36 {} #panel36 { display: none; }
#panel37, #flip37 {} #panel37 { display: none; }
#panel38, #flip38 {} #panel38 { display: none; }
#panel39, #flip39 {} #panel39 { display: none; }
#panel40, #flip40 {} #panel40 { display: none; }
#panel400, #flip400 {} #panel400 { display: none; }
#panel401, #flip401 {} #panel401 { display: none; }
#panel402, #flip402 {} #panel402 { display: none; }
#panel403, #flip403 {} #panel403 { display: none; }
#panel404, #flip404 {} #panel404 { display: none; }

/* ----------------- SECTION HOME.MENU -------------------- */

.container-image2 {
  width:65%;
  margin: auto;
  padding-bottom: 30px;
  padding-top: 5px;
}

.logo-img {
  width: 100%;
}

.menu-logo {
  padding-top: 15px;
  padding-left: 0px;
  margin-left: 0px;
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: left; /* Safari 6.1+ */
  display: flex;
  justify-content: left;
  }
 
  .menu-logo2 {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-end; /* Safari 6.1+ */
    display: flex;
    justify-content: flex-end;
  }
  
  .menu-text-centre {
    color:#aaaaaa; 
    font-size:25px;
    text-align: center; 
    padding-top:25px;
    padding-right:60px;
  }
  
  .menu-text-centre2 {
    color:#aaaaaa; 
    font-size:25px; 
   text-align: center; 
    margin-top: 0px;
  }

.head-menu {
  height: 50px;
  background: #1364bc;
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;
  
}

 .drop-down {
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 12px;
  
 }
 
 .drop {
  font-size: 15.5px;
  color: white;
  padding-top: 0px;
  padding-left: 17px;
  padding-right: 5px;
 }

 .drop2 {
  font-size: 15.5px;
  color: white;
  padding-top: 0px;
  padding-left: 17px;
  padding-right: 5px;
 }

 .drop:hover, .drop:active {
   color: black;
  /*#4CAF50; = vert nouveau*/
   text-decoration: none;
   }
  
   .dropdown {
    position: relative;
    display: inline-block;
    z-index:2; 
   }

   .dropdown > a::after{
    content:" ▼";
    padding-left: 5px;
    font-size: 14px;
}

   .dropdown-menu {
    position: absolute;
    margin-top: 0px;
    min-width: 100%;  
   }

/* Links inside the dropdown */
  .dropdown-menu a {
    display: block;
    padding-top: 4px;
    padding-bottom: 5px;
    color: black;
    background-color: white;
  }

/* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-menu {
    display: block;
  }

  .dropdown-menu a:hover, .dropdown-menu a:active{
    background-color: #1364bc;
    padding-bottom: 5px;
    padding-top: 4px;
    color: white;
    display: block;
  }

/* ----------------- Fin HOME.MENU --------------------*/

.b-free {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.b-free:hover, .b-free:active {
  background-color: rgb(54, 126, 56);
  text-decoration: none;
}

.text-image2 a {
  font-size: 36px;
  font-weight: bold;
}

.nava {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  }
  
  .nava-li {
  float: right;
  }
  
  .nava-li a {
  display: block;
  padding: 8px;
  background-color: white;
  }
  
  .navo {
  font-size: 14.5px;
  color: black;
  padding-left: 10px;
  float: right;
  }
  
  .navo:hover, .navo:active {
  color: red;
  text-decoration: none;
  }

.retrait2 {
  display:none;
}

.retrait-img2 {
  display:none;
}

.text-fonctionnement {
  font-size: 22px;
}

.retrait-footer {
  display:none;
}

.retrait-footer a{
  border-right: 1px solid #d6d6d6;
  color:#fff;
  margin-right: 7px;
  padding-right: 10px;
  white-space: nowrap;
}

.retrait-bouton {
  display:unset;
}

.footer{
  background-color: #1364bc;
  color: white;
  padding-bottom: 70px;
  padding-top: 70px;
}

.font-paiement{
color:#1364bc; padding: 10px 5px; font-weight:bold; font-size:20px;
}
.font-ajouter{
  color:#49af49; padding-bottom:0px; font-weight:bold; font-size:16px;
}
.forfait-text{
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 55px;
  font-weight: 200;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

.forfait-small{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 15px;
  font-weight: 200;
}


.font-ajouter:hover, .font-ajouter:active {
  color: rgb(194, 194, 194);
text-decoration: none;
}

.footer-left{
  padding-top: 85px;
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;
}


.footer-left img{
width: 120%;
}

.footer-top{
padding: 10px 0;
}

.footer-right{
  border-left: 1px solid #fff;
  margin-top: 20px;
  }
  
.footer-right-wrapper{
  margin-top: 20px;
  padding-right: 200px;
  text-align:right;
  font-size: 15px;
  }

.footer-links{
display:inline-block;
text-align:right;
}

.footer-links a {
  border-right: 1px solid #d6d6d6;
  color:#fff;
  margin-right: 7px;
  padding-right: 10px;
  white-space: nowrap;
}

a.last{
  border-right:none;
  padding-right: 0;
  margin-right: 0;
}

.footer-copyright{
  margin-top: 75px;
  font-size: 12px;
  color:#fff;
  display: flex;
  justify-content: flex-end;
}

.footer-coordonnees{
  margin-top: 20px;
  text-align: right;

}

.page-footer{
margin-top:50px;
padding: 0px 20px 50px 20px;
background: #1364bc;
color:#fff;
}

.nav-link-footer {
  color:  rgb(194, 194, 194);
  font-size: 14px;
}

.nav-link-footer:hover, .nav-link-footer:active {
  color: white;
text-decoration: none;
}

.separator-footer {
  border: 0.5px solid #979696;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 40px;
}

.adresse, .footer-links, .nav-copy {
  line-height: 20px;
  }
  
  
  .container-principal {
    padding-left: 15px;
    margin-right:0px;
    justify-content: center;
  }
  
  .container-contact {
    width: 65%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }

  .titre-centre {
    padding-top:40px;
    padding-bottom: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
    background-color: #d7efff;
  }

  .container-inscrire {
    width: 85%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .container-imageA {
    width: 65%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }

  .container-groupe {
    width: 65%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }

  .container-image {
    width: 65%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }
  
  .container-confident {
    width: 68%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 5px;
  }

  .container-section2 {
    width: 75%;
    margin: auto;
    padding-bottom: 130px;
  }

  .container-formulaire {
    width: 100%;
  }
  
.adresse {
  color: rgb(156, 156, 156);
  text-align: right;
  font-size: 14px;
}

.nav-copy {
  font-size: 12px;
  color:  rgb(194, 194, 194);
  display: block;
  text-align: right;
}

.info-form-footer {
    display: block;
    padding-bottom: 10px;
}
.info-form {
 padding-top: 0px; 
 padding-left: 613px;
 padding-bottom: 20px;
}

.portfolio-item {
  margin-bottom: 30px;
  max-width: 100%;
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;
}

.voir-offre{
  color:black; 
  font-size:45%;
 padding-left: 20px;
  
}

.voir-offre:hover, .voir-offre:active {
  color: orange;
  text-decoration: none;
  }

  .contrat {
    color:rgb(156, 156, 156);
    
  }
  .contrat:hover, .contrat:active {
  color: red;
  text-decoration: none;
  }
  
  .blogue{
    color:black; 
  }
  .blogue:hover, .blogue:active {
    color: red;
    text-decoration: none;
  }

  .separator{
    border: 0.5px solid #c0c0c0;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .separator-paiement{
    border: 0.5px solid #c0c0c0;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .separator-profil{
    border: 0.5px solid #c0c0c0;
    width: 100%;
    margin-bottom: 10px;
  }

.img-testeurs {
    width: 100%;
    height: 225px;
    background-image: url("/images/fonds-carre/les-testeurs.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;  
}

.img-chanceux {
  width: 100%;
  height: 225px;
  background-image: url("/images/fonds-carre/les-chanceux.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}

.img-futes {
  width: 100%;
  height: 225px;
  background-image: url("/images/fonds-carre/les-futes.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}

.img-surdoues {
  width: 100%;
  height: 225px;
  background-image: url("/images/fonds-carre/les-surdoues.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}

.img-leaders {
  width: 100%;
  height: 225px;
  background-image: url("/images/fonds-carre/les-leaders.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}

.img-entrepreneurs {
  width: 100%;
  height: 225px;
  background-image: url("/images/fonds-carre/les-entrepreneurs.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}

.img-philanthropes {
  width: 100%;
  height: 225px;
  background-image: url("/images/fonds-carre/les-philanthropes.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}
.img-complices {
  width: 100%;
  height: 225px;
  background-image: url("/images/fonds-carre/les-complices.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}

.haut {
  margin-top: 70px;
  text-align: center;
}

.haut-custom {
  margin-top: -180px;
  text-align: center;
}

.text-titre {
  margin-top: 30px;
  font-family: 'Century Gothic', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 30px;
  color: #2d2d2d;
}

.text-titre-2 {
  margin-top: 30px;
  font-family: 'Century Gothic', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 30px;
  color: #2d2d2d;
}

.text-haut {
  margin-top:-15px;
  font-family: 'Century Gothic', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
  color: #2d2d2d;
}

.text-haut-2 {
  margin-top:-15px;
  font-family: 'Century Gothic', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
  color: #2d2d2d;
}

.b-carre, .fute, .chanceux, .testeur, .leader, .entrepreneur, .philanthrope, .complice {
  background-color: red; 
  border: 1px solid #cccccc;
  color: white;
  font-weight: bold;
  width: 93%;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin-left: 3%;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 25px;
}

.inscrirebutton {
  text-decoration: none;
  color: white;
}
.inscrirebutton:hover, .inscrirebutton:active {
  color:  black; 
  text-decoration: none;
}

.b-carre:hover, .b-carre:active {
  background-color: #aaa7d3; 
  border: 1px solid #aaa7d3;
  color:  #333333; 
  text-decoration: none;
}

.fute:hover, .fute:active {
  background-color: #81bc40; 
  border: 1px solid #81bc40;
  color:  #333333; 
  text-decoration: none;
}

.chanceux:hover, .chanceux:active {
  background-color: #2daae1; 
  border: 1px solid #2daae1;
  color:  #333333; 
  text-decoration: none;
}

.testeur:hover, .testeur:active {
  background-color: #f0e85d; 
  border: 1px solid #f0e85d;
  color:  #333333; 
  text-decoration: none;
}

.leader:hover, .leader:active {
  background-color: #e1c168; 
  border: 1px solid #e1c168;
  color:  #333333; 
  text-decoration: none;
}

.entrepreneur:hover, .entrepreneur:active {
  background-color: #c491a0; 
  border: 1px solid #c491a0;
  color:  #333333; 
  text-decoration: none;
}

.philanthrope:hover, .philanthrope:active {
  background-color: #c6636a; 
  border: 1px solid #c6636a;
  color:  #333333; 
  text-decoration: none;
}

.complice:hover, .complice:active {
  background-color: #ef8b2e; 
  border: 1px solid #ef8b2e;
  color:  #333333; 
  text-decoration: none;
}

.b-formulaire {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 12px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.b-formulaire:hover, .b-formulaire:active {
  background-color: rgb(54, 126, 56);
  text-decoration: none;
}

.info {
  text-decoration: none;
}
.info:hover, .info:active {
  text-decoration: none;
}

.text-title {
  margin-top:75px;
}

 /* ------------ Formulaire responsive références ----------- */

 /* Style inputs, referant */
input[type=text], input[type=email], input[type=password], input[type=submit] {
  width: 100%;
  padding: 12px;
  margin: 5px 0 1px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.container-admin {
  width: 90%;
  margin: auto;
  margin-top: 50px;
  padding-bottom: 120px;
  padding-top: 5px;
}

.container-connection {
  width: 60%;
  margin: auto;
  margin-top: 50px;
  padding-bottom: 120px;
  padding-top: 5px;
}

.container-connection input[type=email], input[type=password], input[type=text] {
  width: 100%;
  font-size: 20px;
  max-width: 500px;
  padding: 12px;
  margin: 0px 0 0px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.container-connection button {
  width: 250px;
  font-size: 18px;
}

.container-connection h2 {
  padding-bottom: 20px;
}

.form-button {
  margin-top:30px;
  
}

.form-button button{
  width: 280px;
  padding: 10px 20px; 
  font-size: 22px;
}

.form-chekbox {
  margin-top: -31px;
  margin-left: 165px;
  padding-left: 0px;
}
.oublie {
  margin-top: -40px;
  margin-left: 335px;
}

.container-refer{
  background-color: #ffffff;
}

.reference-std {
  width: 100%;
  font-size: 18px;
  margin: 2px 0 -6px 0;
  border-radius: 4px;
  display: inline-block;
  resize: horizontal;
}

.reference-color {
  width: 100%;
  font-size: 18px;
  margin: 2px 0 -6px 0;
  border-radius: 4px;
  display: inline-block;
  background: #1364bc; /* #2a7bcc; */
  resize: horizontal;
}

.reference {
  width: 100%;
  font-size: 18px;
  padding: 5px 10px;
  margin: 2px 0 -6px 0;
  border-radius: 4px;
  display: inline-block;
  background: #2a7bcc;
  resize: horizontal;
}

.reference-select {
  width: 100%;
  font-size: 18px;
  padding: 12px 10px;
  margin: 2px 0 3px 0;
  border-radius: 4px;
  background: #ffffff;
  resize: horizontal;
  border: none;
}

.section1 {
  margin-top:40px;
  text-align: center; 
}
.section11{
  color: #1364bc;
}

.section11:hover, .section11:active {
  color: #195daac7;
  text-decoration: none;
}

.section3 {
  margin-top:20px;
  text-align: center;
}

.section4 {
  margin-top:75px;
}

.section5 {
  margin-top:75px;
}

.section6 { 
  display: block;
  align-items: center;
  margin-top:75px;
  margin-left:auto;
  margin-right:auto;
}

.image-icon {
  text-align: center;
  vertical-align: middle;
}

.image-ordi {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-ordi{
  color: #333333;
  font-size: 16px;
  
}

text-ordi2 {
  color: #333333;
  font-size: 12px;
}

.btn-ref{
  width: 100%;
  font-size: 25px;
  height: 55px;
  padding-bottom: 2px;
  margin: 7px 0 3px 0;
  border-radius: 6px;
}

#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

.text-ref {
  color: #2a7bcc;
  font-weight: bold;
  font-size: 12px;
  margin: 10px 5px 20px;
}

.text-p {
  color: #505050;
  font-size: 12px;
  margin: 10px 5px 20px;
}

.text-image2 {
  margin-top: 45px;
  margin-bottom: 75px;
  font-size: 16.5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 70%;
}

.essai p {
  text-align: center; 
  color: red; 
  margin-top:-10px; 
  cursor: pointer;
}

.essai > p::after {
  content:" ▼";
  padding-left: 3px;
  font-size: 13px;
}

.formgratuit {
  padding: 5px 10px 5px;
  background-color: #1364bc;
}

.retrait-free {
  display:none;
}

.gratuite2 {
  width: 75%;
  margin: auto;
}

.gratuite2 input[type=email], .gratuite2 input[type=text] {
  width: 100%;
  font-size: 20px;
  border-radius: 4px;
  display: block;
  background: #ffffff;
}

.gratuite input[type=email], .gratuite input[type=text] {
  width: 100%;
  font-size: 20px;
  border-radius: 4px;
  display: block;
  background: #ffffff;
}

.gratuit {
padding: 10px;
}

.gratuit2 {
  width: 100%;
  margin-top: 0px;
  padding:5px;
}

.ajout-gratuit {
  margin-top: 10px;
  text-align: right;
  }

.b-gratuit {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  font-size: 18px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.b-gratuit:hover, .b-gratuit:active {
  background-color: rgb(54, 126, 56);
  text-decoration: none;
}

.vente-enregistre{
  padding: 15px 0px 5px;
  background-color: #c491a032;
}

.vente{
  padding: 15px 0px 15px;
  background-color: #c491a0;
}

.aide{
  padding: 15px 0px 15px;
  background-color: #c6636a; 
}

.aide-enregistre{
  padding: 15px 0px 5px;
  background-color: #c6636a52;
}

.aide2 {
  padding: 10px 0px 10px;
  background-color: #c6636a;
}
.amie{
  padding: 15px 0px 15px;
  background-color: #ef8b2e; 
}

.amie-enregistre{
  padding: 15px 0px 5px;
  background-color: #ef8b2e6c;
}

.amie2 {
  padding: 10px 0px 10px;
  background-color: #ef8b2e;
}

.vente input[type=email], .aide input[type=email],.amie input[type=email], .vente input[type=password], .vente input[type=text], .vente textarea, .aide textarea, .amie textarea {
  width: 100%;
  font-size: 20px;
  padding: 12px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.vente2{
  padding: 10px 0px 10px;
  background-color: #c491a0;
}

.vente2 input[type=email],.aide2 input[type=email],.amie2 input[type=email], .vente2 input[type=password], .vente2 input[type=text] {
  width: 100%;
  font-size: 20px;
  padding: 12px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.titre-vente {
  padding-top: 35px;
  color:rgb(54, 126, 56);
  font-size: 30px;
  font-weight: 500;
}

.titre-vente2 {
  color:rgb(54, 126, 56);
  font-size: 18px;
}

.cf-inscrire{
  padding: 15px 0px 5px;
  background-color: #c491a032;
}

.paypal-inscrire{
  padding: 15px 0px 15px;
  background-color: #c491a032;
}

.cf-inscrire2{
  padding: 10px 0px 10px;
  background-color: #c491a0;
}

.paypal-table select {
  width: 100%;
  font-size: 20px;
  color:rgba(51, 51, 51, 0.877);
  padding: 12px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}
.paypal-select {
  text-align: left;
}

.paypal-select select {
  width: 100px;
  font-size: 20px;
  color:rgba(51, 51, 51, 0.877);
  padding: 12px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.cf-inscrire input[type=email], .cf-inscrire input[type=password], .cf-inscrire input[type=text] {
  width: 100%;
  font-size: 20px;
  padding: 12px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.cf-inscrire2 input[type=email], .cf-inscrire2 input[type=password], .cf-inscrire2 input[type=text], .cf-inscrire2 textarea {
  width: 100%;
  font-size: 20px;
  padding: 12px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.titre-selection {
  color:#333;
  font-size: 30px;
  font-weight: 500;
}

.titre-second{
  font-size: 14px;
}
.titre-inscrire {
  padding-top: 30px;
  color:#333;
  font-size: 30px;
  font-weight: 500;
}

.titre2-inscrire {
  color:#333;
  font-size: 24px;
  font-weight: 500;
}

.b-inscrire {
  background-color: #a1bc40bd; /* Green */
  border: none;
  color: #333;
  font-size: 18px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.b-inscrire:hover, .b-inscrire:active {
  background-color: #6fa734;
  color: black;
  text-decoration: none;
}

.inscrire-vertical {
  padding-top:13px; 
}

.controls textarea {
  width: 100%;
  height: 150px;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 20px;
  resize: none;
}

.contact{
  padding-top:40px;
  font-size: 38px;
  font-weight: 500;
}

.contact-a{
  font-size: 20px;
  margin-top: -10px;
}

.controls {
  margin: 15px 0px;
  box-sizing: border-box;
}

.controls input[type=email], .controls input[type=password], .controls input[type=text] {
  width: 100%;
  font-size: 20px;
  max-width: 725px;
  padding: 12px;
  margin: 0px 0 0px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.controls textarea {
  width: 100%;
  max-width: 725px;
  height: 150px;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 20px;
  resize: none;
}

.title-button{
  font-size: 32px;
  font-weight: 500;
  padding-bottom: 10px;
}

.connect {
  margin: 15px 0px;
  box-sizing: border-box;
}
.connect input[type=email], .connect input[type=password], .connect input[type=text] {
  width: 100%;
  font-size: 20px;
  max-width: 500px;
  padding: 12px;
  margin: 0px 0 0px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  background: #ffffff;
  resize: vertical;
}

.titre{
  padding-left: 10px;  
  font-size: 28px;
  font-weight: 500;
  color:#1364bc;
  padding-top:30px; 
  padding-left:0px;
}

.soustitre{
  margin-top:-20px;
  margin-bottom:30px;
  padding-left: 10px;  
  font-size: 14px;
}

.titre2{
  padding-top:20px;
  padding-left: 10px;  
  font-size: 38px;
  font-weight: 500;
}

.soustitre2{
  margin-top:-20px;
  margin-bottom:20px;
  padding-left: 10px;  
  font-size: 22px;
}

.form9 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #9ab7e7;;
}

.form9 select {
  width: 100%;
  padding:12.5px;  
  color: #5f5f5f; 
  font-size: 20px; 
  border-radius: 4px;
}

.form9 input[type=email], .form9 input[type=text], .form9 input[type=date], .form9 input[type=time] {
  width: 100%;
  padding: 12.5px;
  font-size: 20px;
  border-radius: 4px;
  border-color: floralwhite;
  border-spacing: 0px ;
  background: #ffffff;
}
.souslabel{
  font-size: 13px;
  color: #313131;
  padding-left:15px;
  font-weight: 500;
}
.titrepub {
  font-size: 18px;
  color:#e9540f;
  font-weight: 500;
}
.divpub{
  text-align: center;
  margin-top:20px;
  margin-bottom:30px;
}
.texte-validation{
  font-size: 26px;
  font-weight: 500;
}