@charset "utf-8";
/* CSS Document STYLEs KARIM*/

*{padding:0; margin:0; box-sizing:border-box;}
body{color:#152936; font-family:'Inter Regular';}
img{max-width:100%; height:auto;}

.envelope-main-header{width:100%;}
.main-header{width:100%; max-width:1200px; display:flex; padding:10px 0; margin:0 auto;}
.header-logo{width:100%; max-width:294px; height:100px; 
 background: url("../img/logoANPDP-4.jpg")right center no-repeat;}
.header-titles{ max-width:100%;}
.flag{width:140px; max-width:148px; }
.envelope-main-nav{width:100%; background:#267959;}
.main-nav{width:100%; max-width:1200px; display:flex; margin:0 auto;}
.main-nav a{display:inline-block; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;
 padding: 0 10px;
 border-right:1px solid #ccc;}
 .main-nav a:hover{color:#139453}
/*.main-nav a:last-child{border-right:none;}*/






.formBlock {width:100%; max-width:1200px; padding: 40px !important; margin:20px auto 40px auto;
 background:url("../img/bg-container.png") right top no-repeat , linear-gradient(#e7f2f8,#f5f8fb); border-radius:10px;}

.forms-title-extern{width:100%; max-width:900px; margin:0 auto 20px auto;}

.forms-title h3{width:100%; max-width:900px; font-family:'Inter Medium'; 
 font-size:16px; font-weight:normal; padding:20px 8px 0 10px; border-radius:6px 6px 0 0; margin:10px auto 30px auto;}
.forms-title p{font-family:'Inter Medium'; font-size:15px; padding-top:5px;}



.container-forms{width:100%; max-width:900px; display:flex; justify-content:space-between; padding:10px; 
 border-radius:0 0 6px 6px; margin:0px auto 20px auto;}
.forms-left{width:100%; max-width:380px;}
.forms-right{width:100%; max-width:380px;}

.forms-item{width:100%; height:78px; display:flex; flex-direction:column; justify-content:flex-end; position:relative;
margin-bottom:5px;}

.champ{display:block; width:100%; max-width:280px; height:34px; font-family:'Inter Regular'; 
font-size:14px; padding:0 10px; border:1px solid #c0cdd6; border-radius:4px; margin:4px 0 0 0;}

.forms-item label{font-family:'Inter Medium'; font-size:14px!important; font-weight:normal!important; margin-bottom:0!important;}
.forms-item h5{font-family:'Inter Medium'; font-size:14px; font-weight: normal;}

.item-minilargeur{display:inline-block; width:100%; max-width:280px;}



*[role="red-star"]{display:inline-block; width:12px; height:12px; position:absolute; left:284px; bottom:12px; 
 background: url("../img/red-star.png")center center no-repeat;}





/*myTable = MES AJOUTS AU DATATABLE*/
.myTable{width:100%; max-width:1200px; background:rgba(255,255,255,0.8); border:1px; border-color:#EEF5F9; border-style:solid;}
.myTable td{border-right:1px solid #dcdbd6; border-bottom:1px solid #dcdbd6;}
.myTable td:last-child{border-right:none; border-bottom:none!important;}
.myTable thead th{color:#1f66b0; font-family:'Rubik Medium'; font-size:14px!important; 
 font-weight:normal!important; border-right:1px solid #dcdbd6!important;}
.myTable thead th:last-child{border-right:none!important;}
.myTable tbody td{color:#575755;}
.myTable tfoot th{color:#1f66b0; font-family:'Rubik Medium'; font-size:15px; 
 font-weight:normal!important;}
.myTable tfoot th{border-right:1px solid #dcdbd6!important;}
.myTable tfoot th:last-child{border-right:none!important;}
.myTable .sorting{color:#1f66b0; font-family:'Rubik Medium'; font-size:14px!important; 
 font-weight:normal;}





.saut-05{margin:05px auto!important;}
.saut-10{margin:10px auto!important;}
.saut-20{margin:20px auto!important;}
.saut-30{margin:30px auto!important;}
.saut-40{margin:40px auto!important;}
.saut-50{margin:50px auto!important;}
.saut-60{margin:60px 0!important;}
.saut-haut-05{margin-top:05px!important;}.saut-bas-05{margin-bottom:05px!important;}
.saut-haut-10{margin-top:10px!important;}.saut-bas-10{margin-bottom:10px!important;}
.saut-haut-20{margin-top:20px!important;}.saut-bas-20{margin-bottom:20px!important;}
.saut-haut-30{margin-top:30px!important;}.saut-bas-30{margin-bottom:30px!important;}
.saut-haut-40{margin-top:40px!important;}.saut-bas-40{margin-bottom:40px!important;}
.saut-haut-50{margin-top:50px!important;}.saut-bas-50{margin-bottom:50px!important;}
.saut-haut-60{margin-top:60px!important;}.saut-bas-60{margin-bottom:60px!important;}






h1,h2,h3,h4,h5,h6{font-family:'Inter Medium'; font-weight:normal}


.p-small{font-size:12px!important;}

.c-red{color:#CC2B2E!important;}
.c-green{color:#0D9C2B!important;}
.c-blue{color:#0D78D0!important;}

.table {
  background-color: white;
}
.Title {
  background-color: #267959;
  padding: 20px;
  border-radius: 5px;
  color:#fff;
}
.Ref { padding: 5px 20px 5px 5px; margin:20px 0; position:relative; border:solid 2px; background-color: #fff; border-radius: 5px;}
.RefTitle {padding-right:20px;padding-left:5px;position:relative;border-right:solid 2px}

@font-face {
  font-family:'Inter Regular';
  font-style:normal;
  src: url("myfonts/Inter-Regular.woff2?v=3.19") format("woff2"),
       url("myfonts/Inter-Regular.woff?v=3.19") format("woff");
  font-display:swap;
}
@font-face {
  font-family:'Inter Medium';
  font-style:normal;
  src: url("myfonts/Inter-Medium.woff2?v=3.19") format("woff2"),
       url("myfonts/Inter-Medium.woff?v=3.19") format("woff");
  font-display:swap;
}
.error-field {
	border: 1px solid #d96557;
}

.send-button {
	cursor: pointer;
	background: #3cb73c;
	border: #36a536 1px solid;
	color: #FFF;
	font-size: 1em;
	width: 100px;
}