#espacePersoDetailSimulation h3 { text-align:center;}
#espacePersoDetailSimulation select, #espacePersoDetailSimulation input {}
#espacePersoVotreConseiller, #espacePersoVotreBanque { border:1px solid #0b8ad7; border-radius:6px; padding:10px; margin-bottom:10px;}
#espacePersoCompteContenuChoixModif { border:1px solid #0b8ad7; border-radius:6px; padding:10px; margin:10px 0;}
#espacePersoCompteContenuChoixModif h3, #espacePersoCompteContenu h3 { margin-top:0;}
#espacePersoCompteContenuChoixModif p { text-align:center; margin-top:10px;}

#votreProjet, #votreFinancement, #votreAssurance, #votreSituationFinanciere, #votreProfession {font-family:Arial;}

/* ---------- INDEX ESPACE PERSO --------------*/
.tableTousDevis tr  { background:#f9f9f9!important; cursor:pointer; }
.tableTousDevis tr:hover, .tableTousDevis tr.actif  { background:#fff!important; }
.tableTousDevis tr:hover td, .tableTousDevis tr.actif td { color:#0B8AD7!important;  }
.BanniereAssureurs{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/fond-banniere-assureurs.png) 0 0 no-repeat;width:160px;height:359px;text-align:center;padding-top:15px;line-height:18px;position:absolute;margin:2px 0 0 -180px}
.BanniereAssureurs p{font-size:15px;color:#fff;margin-bottom:150px}
.BanniereAssureurs .BoutonAssureurs{text-transform:uppercase;font-size:16px;color:#fff;margin:0 auto 0 auto;font-weight:bold}
.BanniereAssureurs span{text-transform:uppercase;font-size:18px;font-weight:bold}
.BanniereAssureurs:hover{text-decoration:none}
.BanniereAssureursOrdinateur{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/fond-pub-assureurs-ordinateur-portable.png) 0 0 no-repeat;width:1161px;height:180px;display:block;margin:30px auto}
.BanniereAssureursOrdinateur p{font-size:20px;color:#fff;padding-left:146px;padding-top:18px;line-height:23px}
.BanniereAssureursOrdinateur .BoutonAssureursOrdinateur{text-transform:uppercase;font-size:20px;color:#fff;font-weight:bold;margin:9px auto auto 970px;text-align:center;background:#ff7705;width:176px;height:66px;border-radius:9px;border:2px solid #fff;padding:10px}
.BanniereAssureursOrdinateur span{text-transform:uppercase;font-size:25px;font-weight:bold}
.BanniereAssureursOrdinateur:hover{text-decoration:none}
.BanniereAssureursOrdinateurMd{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/fond-pub-assureurs-md.png) 0 0 no-repeat;width:970px;height:150px;display:block;margin:30px auto}
.BanniereAssureursOrdinateurMd p{font-size:17px;color:#fff;padding-left:122px;padding-top:14px;line-height:20px}
.BanniereAssureursOrdinateurMd .BoutonAssureursOrdinateurMd{text-transform:uppercase;font-size:17px;color:#fff;font-weight:bold;margin:-4px auto auto 810px;text-align:center;background:#ff7705;width:148px;height:58px;border-radius:9px;border:2px solid #fff;padding:6px}
.BanniereAssureursOrdinateurMd span{text-transform:uppercase;font-size:20px;font-weight:bold}
.BanniereAssureursOrdinateurMd:hover{text-decoration:none}
.BanniereAssureursOrdinateurSm{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/fond-pub-assureurs-sm.png) 0 0 no-repeat;width:750px;height:120px;display:block;margin:30px auto;text-align:center}
.BanniereAssureursOrdinateurSm p{font-size:16px;color:#fff;padding-right:40px;padding-top:30px;line-height:20px}
.BanniereAssureursOrdinateurSm .BoutonAssureursOrdinateurSm{text-transform:uppercase;font-size:15px;color:#fff;font-weight:bold;margin:-51px auto auto 600px;background:#ff7705;width:130px;height:50px;border-radius:9px;border:2px solid #fff;padding:3px}
.BanniereAssureursOrdinateurSm span{text-transform:uppercase;font-size:19px;font-weight:bold}
.BanniereAssureursOrdinateurSm:hover{text-decoration:none}
.BanniereAssureursOrdinateurXs{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/fond-pub-assureurs-xs.png) 0 0 no-repeat;width:400px;height:250px;display:block;margin:30px auto;text-align:center}
.BanniereAssureursOrdinateurXs .TexteAssureurs{font-size:18px;color:#fff;line-height:40px;font-weight:bold;margin:0 auto 0 auto}
.BanniereAssureursOrdinateurXs .SlideAssureurs{margin:0 auto 0 6px}
.BanniereAssureursOrdinateurXs .BoutonAssureursOrdinateurXs{text-transform:uppercase;font-size:16px;color:#fff;font-weight:bold;margin:10px auto auto 135px;background:linear-gradient(#ff9e1b, #ff6e09);width:141px;height:53px;border-radius:9px;border:2px solid #fff;padding:2px}
.BanniereAssureursOrdinateurXs:hover{text-decoration:none}
.BanniereAssuLoyer{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/encart_loyer.jpg) 0 0 no-repeat;width:160px;height:360px;text-align:center;padding-top:15px;line-height:18px;position:absolute;margin:379px 0 0 -180px}
.BanniereAssuLoyer p{font-size:15px;color:#fff;margin-bottom:150px}
.BanniereAssuLoyer:hover{text-decoration:none}

.BanniereAssuLoyer:hover p{background:#ff6c00;background:-moz-linear-gradient(top, #ff6c00 1%, #ff4c00 100%);background:-webkit-linear-gradient(top, #ff6c00 1%, #ff4c00 100%);background:linear-gradient(to bottom, #ff6c00 1%, #ff4c00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c00', endColorstr='#ff4c00',GradientType=0 )}
p.BoutonAssuLoyer{position:absolute;background:-moz-linear-gradient(top, #0b8ad7 0%, #00315a 100%);background:-webkit-linear-gradient(top, #0b8ad7 0%, #00315a 100%);background:linear-gradient(to bottom, #0b8ad7 0%, #00315a 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8ad7', endColorstr='#00315a',GradientType=0 );margin-bottom:0px !important;bottom:18px;left:12px;padding:7px 30px;text-transform:uppercase;font-weight:bold;border-radius:8px;letter-spacing:1px;font-size:14px !important}

.ePAvertissement{border:1px solid #ff6c00;padding:10px 10px 5px 85px;margin:15px 0;border-radius:10px;background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/attention.jpg) 15px 10px no-repeat}
.ePAvertissement p{color:#ff6c00 !important;font-size:18px }
#tableauListe th { text-align:center; padding:5px!important; line-height:15px; vertical-align:middle;}
ul {list-style: none}
/*---------- FIN INDEX -------------*/


/* -------- PAGE NOUVEAU DEVIS ---------------*/
.tab .navNouveauDevis li.active a,.tab .navNouveauDevis li a.active, .tab .navNouveauDevis li.active a:focus, .tab .navNouveauDevis li.active a:hover, .tab .navNouveauDevis li a:hover {background:#ff6c00 none repeat scroll 0% 0%;color:#FFF!important;transition:background 0.2s linear 0s;border:1px solid #ff6c00; text-decoration: none!important}
.tab .navNouveauDevis li a{border-radius:6px;background:#fff;border:1px solid #0b8ad7;font-size:15px;padding:5px 10px !important; text-decoration: none}
#navModifierDevis{text-align:center !important}
ul.navNouveauDevis{margin:0 auto !important;display:block !important;width:100%;text-align:center !important;box-shadow:none !important;padding:10px 0 5px 0 !important}
ul.navNouveauDevis li{padding:0 !important;display:inline-block !important;margin:0 auto 5px auto !important}
.titreNouveauDevis { color:#0b8ad7;  font-weight:bold; text-align:center; margin-top:10px;}
#divErreur{border:1px solid #ff6c00 !important;text-align:center !important}
#divErreur p{color:#3d3d3d !important;}
#divErreur li{color:#ff6c00!important;background-image:none;padding:0;text-align:center;padding:5px 0}
#divErreur span{display:inline-block;margin:0 auto}

#divErreur img{position:relative;top:-2px}


/*------------- FIN NOUVEAU DEVIS --------------*/


/*---------- POP UP ESPACE PERSO --------------*/
#popUpPropal{width:100%;height:100%;position:fixed;z-index:10000;background-color:rgba(0,0,0,0.8)}
#popUpPropal .contentPop{position:relative;border-radius:5px;background:#fff;width:900px;margin:0 auto;display:block;margin-top:100px}
#popUpPropal .contentPop .textPop p{display:inline-block;font-size:22px}
#popUpPropal .contentPop .closePop{position:absolute;top:20px;left:20px;color:#8b8b8b;font-size:25px;cursor:pointer}
#popUpPropal .contentPop .closePop:hover{opacity:0.6}
#popUpPropal .popTitre{color:#0b8ad7;font-size:35px !important;font-weight:bold}
#popUpPropal .textPop{padding:55px 0 0 50px;width:55%;display:inline-block}
#popUpPropal .textPop p{padding:0px}
#popUpPropal .textPop .text{font-size:22px;color:#00304d;line-height:27px;margin-bottom:30px}
#popUpPropal .textPop a{margin-top:20px;cursor:pointer;font-size:20px;font-weight:bold;padding:12px 30px;background:#0b8ad7;border-radius:5px;color:#fff!important;transition:0.3s}
#popUpPropal .textPop a:hover{text-decoration:none;background:#0271b4}
#popUpPropal .respFond{position:relative;background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/popup_christophe.jpg) center no-repeat;height:555px;width:312px;display:inline-block;float:right;border-radius:0px 5px 5px 0px}
#popUpPropal .respFond .descThomas{padding-top:15px;border-top:solid 1px #595959;text-align:right;position:absolute;bottom:20px;left:-177px}
#popUpPropal .respFond .descThomas p:first-child{color:#000;font-size:16px;font-weight:bold;opacity:0.9;margin:0;padding-right:20px}
#popUpPropal .respFond .descThomas p:last-child{color:#737373;font-size:14px;opacity:0.9;padding-right:20px}
#popUpPropal .exclam{font-size:60px;text-align:center;display:block;color:#ff6c00;margin:20px 0}
#popUpPropal .thomasPop{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/thomas_pop.png) center no-repeat;height:250px;width:143px;background-size:contain;display:inline-block;position:absolute;bottom:0;left:40px}
/*------------ FIN POP UP ESPACE PERSO -------------*/

/*----------Vérification ESPACE PERSO --------------*/
#popUpVerification{width:100%;height:100%;position:fixed;z-index:10000;background-color:rgba(0,0,0,0.95) ;}
#popUpVerification .contentPop{position:relative;border-radius:5px;background:#fff;width:700px; height:auto;margin:0 auto;display:block;margin-top:20px; padding:10px;}
#popUpVerification .contentPop .textPop p{display:inline-block;font-size:17px}
#popUpVerification .contentPop .closePop{position:absolute;top:20px;left:20px;color:#8b8b8b;font-size:25px;cursor:pointer}
#popUpVerification .contentPop .closePop:hover{opacity:0.6}
#popUpVerification .popTitre{color:#0b8ad7;font-size:35px !important;font-weight:bold; }
#popUpVerification .textPop{padding:5px 0 0 5px;display:inline-block;text-align: center!important;}
#popUpVerification .textPop p{padding:0px}
#popUpVerification .textPop .text{font-size:17px;color:#00304d;line-height:27px;margin-bottom:5px}
#popUpVerification .textPop .text2{font-size:17px;color:#0271b4;line-height:27px;margin-bottom:5px; cursor: pointer;}
#popUpVerification .textPop button{margin-top:20px;cursor:pointer;font-size:18px;font-weight:bold;padding:12px 30px;background:#0b8ad7;border-radius:5px;color:#fff;transition:0.3s}
#popUpVerification .textPop button:hover{text-decoration:none;background:#0271b4}
#popUpVerification .respFond{position:relative;background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/popup_christophe.jpg) center no-repeat;height:555px;width:312px;display:inline-block;float:right;border-radius:0px 5px 5px 0px}
#popUpVerification .respFond .descThomas{padding-top:15px;border-top:solid 1px #595959;text-align:right;position:absolute;bottom:20px;left:-177px}
#popUpVerification .respFond .descThomas p:first-child{color:#000;font-size:16px;font-weight:bold;opacity:0.9;margin:0;padding-right:20px}
#popUpVerification .respFond .descThomas p:last-child{color:#737373;font-size:14px;opacity:0.9;padding-right:20px}
#popUpVerification .exclam{font-size:60px;text-align:center;display:block;color:#ff6c00;margin:20px 0}
#popUpVerification .thomasPop{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/thomas_pop.png) center no-repeat;height:250px;width:143px;background-size:contain;display:inline-block;position:absolute;bottom:0;left:40px}
#popUpVerification input[type=text], select {
    width: 50%;
    padding: 12px 20px;
   /* margin: 8px 0;*/
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  #popUpVerification #etapepre {cursor : pointer;}
/*------------ FIN POP UP ESPACE PERSO -------------*/

#navigationEspacePerso li a.active {
  border: 1px solid #ff6c00;
  background: #ff6c00;
  color: #fff!important;
  text-decoration: none;
}
#navigationEspacePerso li a {
  border-radius: 4px;
  padding: 5px;
  text-decoration: none;
}
#navigationEspacePerso li {
  display: inline-block;
  background: none;
  font-size: 15px;
  padding: 0 !important;
}
#navigationEspacePerso ul {
  box-shadow: none;
  text-align: center;
}
#navigationEspacePerso li a {
  background: none;
  border: 1px solid #0b8ad7;
  border-radius: 4px;
  padding: 5px;
}

th {
  background: #0B8AD7 none repeat scroll 0% 0% !important;
  color: #FFF !important;
  height: 30px;
  border: 1px solid #FFF !important;
  font-weight: bold !important;
  font-size: 15px;
}
.celluleVide {background: white!important}
.fade:not(.show) {
  opacity: 1!important;
}
.onglet {
  border: 2px solid #f5f7fd;
  text-align: left;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.table > tbody > tr > td {text-align: center!important}
.form-control, input {color: #212529}
/*--------- PAGE IDENDITIFACTION ESPACE PERSO -------------*/
#identificationFond1{background:#FAFAFA url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/espace-perso.jpg) bottom right no-repeat;border-radius:10px;border:1px solid #f0f0f0}
.RectangleIdentification p{color:#fff !important;font-size:18px;font-weight:bold;background:#FF6C00;padding:4px;border-radius:10px}
.RectangleIdentification:hover{text-decoration:none}
.espacePersoForm #erreursProjet{background:#f00;display:block;padding:2px 8px;border-radius:20px;color:#fff !important;margin:-25px 0 0 -8px;border:2px solid #FFFFFF;font-weight:bold;color:#FF0000;position:absolute;}
.espacePersoForm #erreursFinancement{background:#f00;display:block;padding:2px 8px;border-radius:20px;color:#fff !important;margin:-25px 0 0 -8px;border:2px solid #FFFFFF;font-weight:bold;color:#FF0000;position:absolute;}
.espacePersoForm #erreursSituation{background:#f00;display:block;padding:2px 8px;border-radius:20px;color:#fff !important;margin:-25px 0 0 -8px;border:2px solid #FFFFFF;font-weight:bold;color:#FF0000;position:absolute;}
.espacePersoForm #erreursProfession{background:#f00;display:block;padding:2px 8px;border-radius:20px;color:#fff !important;margin:-25px 0 0 -8px;border:2px solid #FFFFFF;font-weight:bold;color:#FF0000;position:absolute;}
.espacePersoForm #votreProjet,.espacePersoForm #votreFinancement,.espacePersoForm #pAssuranceEmprunteur,.espacePersoForm #pAssuranceCoEmprunteur,.espacePersoForm .unPret,.espacePersoForm .unCredit,.espacePersoForm #votreSituationFinanciere,.espacePersoForm #pProfessionEmprunteur,.espacePersoForm #pProfessionCoEmprunteur,.espacePersoForm #finProfessionRevenus,.espacePersoForm #divErreur,.espacePersoForm #creneauRappel,.espacePersoForm #espacePersoCompteContenu,.espacePersoForm #espacePersoCompteContenuChoixModif,.espacePersoForm #espacePersoModifMotDePasse,.espacePersoForm #espacePersoModifDeVotreEmail,.espacePersoForm #espacePersoRefusFinancement,.espacePersoForm #espacePersoParrainageContenu{border:1px solid #2898dc;border-radius:6px;padding:10px 15px;margin:10px auto}
.espacePersoForm #pEtatCivilCoemp{background:#f5f7f8;border:1px solid #ebebeb;border-radius:6px;padding:10px 15px}

/*--------- FIN IDENTIFICATION ESPACE PERSO --------------*/


@media screen and (min-width : 1535px) {
    .BanniereAssureursOrdinateur { display:none }
}

@media screen and (max-width : 1535px) {
	.BanniereAssureurs, .BanniereAssuLoyer { display:none }
}


@media only screen and (max-width : 1200px) {

/* PAGE IDENDITIFACTION ESPACE PERSO */
#identificationFond1 {background-position:250px 0  ;}
/* FIN IDENTIFICATION ESPACE PERSO */
ul.navNouveauDevis li{margin:20px auto 5px auto !important}

}

@media only screen and (max-width : 991px) {

/* POP UP ESPACE PERSO */
#popUpPropal{height:1000px}
#popUpPropal .contentPop{width:90%!important;margin-top:30px}
#popUpPropal .contentPop .textPop p{display:inline-block;font-size:16px}
#popUpPropal .popTitre{color:#0b8ad7;font-size:28px !important;font-weight:bold}
#popUpPropal .textPop{width:50%}
#popUpPropal .respFond .descThomas{bottom:7px;left:-177px}
#popUpPropal .textPop{padding:35px 0 0 50px}
/* FIN POP UP ESPACE PERSO */


/* PAGE IDENDITIFACTION ESPACE PERSO */
#identificationFond1 {background-position:170px bottom  ; background-size:90%;}
/* FIN IDENTIFICATION ESPACE PERSO */


}

@media only screen and (max-width : 767px) {
	#navigationEspacePerso li {margin: 10px 0}
	th, td {font-size: 0.8rem}
.table > :not(caption) > * > * {
	padding: .4rem .4rem!important;}
	.colonne-none {display: none}
	h1 {font-size: 30px!important}
	h2 {font-size: 22px}
/* POP UP ESPACE PERSO */
#popUpPropal .textPop{padding:15px 25px 30px 25px}
#popUpPropal .popTitre{color:#0b8ad7;font-size:25px !important;font-weight:bold}
#popUpPropal .contentPop{width:430px;margin-top:20px}
#popUpPropal .respFond{display:none}
#popUpPropal .textPop{width:100%}
	.ePAvertissement p {font-size: 16px; margin-bottom: 0}
	.ePAvertissement {padding: 10px; background:none;}
/* FIN POP UP ESPACE PERSO */


/* PAGE IDENDITIFACTION ESPACE PERSO */
#identificationFond1 { background:none; }
/* FIN IDENTIFICATION ESPACE PERSO */
}
@media only screen and (max-width : 991px) {
	#identificationFond1 { background:none; }
}
@media only screen and (max-width : 850px) and (orientation: landscape) {

/* POP UP ESPACE PERSO */
#popUpPropal .textPop{padding:15px 25px 30px 25px}
#popUpPropal .popTitre{color:#0b8ad7;font-size:25px !important;font-weight:bold}
#popUpPropal .contentPop{width:430px;margin-top:20px}
#popUpPropal .respFond{display:none}
#popUpPropal .textPop{width:100%}
/* FIN POP UP ESPACE PERSO */


/* PAGE IDENDITIFACTION ESPACE PERSO */
#identificationFond1 { background:none; }
/* FIN IDENTIFICATION ESPACE PERSO */

  #popUpVerification{width:100%;height:100%;position:fixed;z-index:10000;background-color:rgba(0,0,0,0.95); padding:10px;}
  #popUpVerification .contentPop{position:relative;border-radius:5px;background:#fff;width:100%; height:auto;display:block; padding:10px; }
  #popUpVerification .contentPop .textPop p{display:inline-block;font-size:18px;}
  #popUpVerification .contentPop .closePop{position:absolute;top:20px;left:20px;color:#8b8b8b;font-size:25px;cursor:pointer}
  #popUpVerification .contentPop .closePop:hover{opacity:0.6}
  #popUpVerification .popTitre{color:#0b8ad7;font-size:25px !important;font-weight:bold; }
  #popUpVerification .textPop{padding:5px 0 0 5px;display:inline-block;text-align: center!important; }
  #popUpVerification .textPop p{padding:0px; margin-bottom:10px!important;}
  #popUpVerification .textPop .text{font-size:16px!important;color:#00304d;line-height:27px; margin-bottom:none!important;}
  #popUpVerification .textPop .text2{font-size:16px!important;color:#0271b4;cursor: pointer; margin-bottom:none!important;}
  #popUpVerification .textPop button{margin-top:10px;cursor:pointer;font-size:18px;font-weight:bold;padding:12px 30px;background:#0b8ad7;border-radius:5px;color:#fff;transition:0.3s}
  #popUpVerification .textPop button:hover{text-decoration:none;background:#0271b4}
  #popUpVerification .respFond{position:relative;background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/popup_christophe.jpg) center no-repeat;height:555px;width:312px;display:inline-block;float:right;border-radius:0px 5px 5px 0px}
  #popUpVerification .respFond .descThomas{padding-top:15px;border-top:solid 1px #595959;text-align:right;position:absolute;bottom:20px;left:-177px}
  #popUpVerification .respFond .descThomas p:first-child{color:#000;font-size:16px;font-weight:bold;opacity:0.9;margin:0;padding-right:20px}
  #popUpVerification .respFond .descThomas p:last-child{color:#737373;font-size:14px;opacity:0.9;padding-right:20px}
  #popUpVerification .exclam{font-size:60px;text-align:center;display:block;color:#ff6c00;margin:20px 0}
  #popUpVerification .thomasPop{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/thomas_pop.png) center no-repeat;height:250px;width:143px;background-size:contain;display:inline-block;position:absolute;bottom:0;left:40px}
  #popUpVerification input[type=text], select {
      width: 50%;
      padding: 12px 20px;
     /* margin: 8px 0;*/
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }



}












@media only screen and (max-width : 730px) and (orientation: landscape) {

/* POP UP ESPACE PERSO */
#popUpPropal .textPop{padding:15px 25px 30px 25px; font-size:12px;}
#popUpPropal .popTitre{color:#0b8ad7;font-size:20px !important;font-weight:bold}
#popUpPropal .contentPop{width:430px;margin-top:20px}
#popUpPropal .respFond{display:none}
#popUpPropal .textPop{width:100%}
/* FIN POP UP ESPACE PERSO */


/* PAGE IDENDITIFACTION ESPACE PERSO */
#identificationFond1 { background:none; }
/* FIN IDENTIFICATION ESPACE PERSO */

  #popUpVerification{width:100%;height:100%;position:fixed;z-index:10000; padding:4px;}
  #popUpVerification .contentPop{position:relative;border-radius:5px;background:#fff;width:100%; height:auto;display:block; padding:4px; }
  #popUpVerification .contentPop .textPop p{display:inline-block;font-size:18px;}
  #popUpVerification .contentPop .closePop{position:absolute;top:20px;left:20px;color:#8b8b8b;font-size:25px;cursor:pointer}
  #popUpVerification .contentPop .closePop:hover{opacity:0.6}
  #popUpVerification .popTitre{color:#0b8ad7;font-size:18px !important;font-weight:bold; margin-bottom:10px!important; line-height:1; margin-top:5px; }
  #popUpVerification .textPop{padding:5px 0 0 5px;display:inline-block;text-align: center!important; }
  #popUpVerification .textPop p{padding:0px; margin-bottom:0px!important; margin-top:5px;}
  #popUpVerification .textPop .text{font-size:14px!important;color:#00304d;line-height:14px!important; margin-bottom:none!important;}
  #popUpVerification .textPop .text2{font-size:14px!important;color:#0271b4;cursor: pointer; margin-bottom:none!important;line-height:14px!important;}
  #popUpVerification .textPop button{margin-top:10px;cursor:pointer;font-size:18px;font-weight:bold;padding:12px 30px;background:#0b8ad7;border-radius:5px;color:#fff;transition:0.3s}
  #popUpVerification .textPop button:hover{text-decoration:none;background:#0271b4}
  #popUpVerification .respFond{position:relative;background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/popup_christophe.jpg) center no-repeat;height:555px;width:312px;display:inline-block;float:right;border-radius:0px 5px 5px 0px}
  #popUpVerification .respFond .descThomas{padding-top:15px;border-top:solid 1px #595959;text-align:right;position:absolute;bottom:20px;left:-177px}
  #popUpVerification .respFond .descThomas p:first-child{color:#000;font-size:16px;font-weight:bold;opacity:0.9;margin:0;padding-right:20px}
  #popUpVerification .respFond .descThomas p:last-child{color:#737373;font-size:14px;opacity:0.9;padding-right:20px}
  #popUpVerification .exclam{font-size:60px;text-align:center;display:block;color:#ff6c00;margin:20px 0}
  #popUpVerification .thomasPop{background:url(https://res.cloudinary.com/cyberpret/image/upload/cyber_upload/charte/thomas_pop.png) center no-repeat;height:250px;width:143px;background-size:contain;display:inline-block;position:absolute;bottom:0;left:40px}
  #popUpVerification input[type=text], select {
      width: 50%;
      padding: 12px 20px;
     /* margin: 8px 0;*/
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }



}