body {
   font-family: 'Helvetica', 'Arial', sans-serif;
}

#menu_formation span{
   font-weight: 600;
   font-size: 16px;
}

.table tr td, .table tr th {
   font-size: 92.30769%;
   padding: 5px;
   vertical-align: middle;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.ErrorMessage{
	background-color: #FAE7B2;
	color:#3B454C;
	padding:5px;
	font-weight: 600;
	text-align: center;
}

img{
	vertical-align: middle;
}



/**
 * Mise en forme des tableaux
 */


.table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%; 
}

.table tr th {
   border-bottom: 1px solid #a8adaf;
   font-weight: bold;
   padding: 10px;
   text-align: left; 
}

.table tr td, .table tr th {
   font-size: 92.30769%;
   padding: 5px;
   vertical-align: middle;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.table tr td td, .table tr th td, .table tr td th, .table tr th th {
   font-size: 100%; 
}

@media screen and (max-width: 599px) {
   .table tr td, .table tr th {
     	font-size: 107.69231%;
      word-break: break-all; 
   }
      
   .table tr td *, .table tr th * {
      word-break: break-all; 
   } 
}

.table tfoot .footnote-list {
   list-style: none;
   margin-bottom: 0; 
}

.table tfoot .footnote-list li {
   margin: 0; 
}

.table tfoot tr.separator td {
   height: 0;
   padding: 0; 
}

.table label {
   font-size: 100%; 
}




.table.striped tr.odd{
    background-color: #E3E5E6;
}

.table.striped tr:first-child {
    border-top: 1px solid #a8adaf; 
 }

.table.striped tr td, .table.striped tr th {
	border-bottom: 1px solid #a8adaf;
	border-right: 1px solid #a8adaf; 
}

.table.striped tr td:first-child, .table.striped tr th:first-child {
	border-left: 1px solid #a8adaf; 
}

.table.striped tr.odd, .table.striped tr.odd.open + tr {
	background-color: #e3e5e6; 
}

.table.striped tr.even, .table.striped tr.even.open + tr {
	background-color: #fff; 
}


table.dataTable tbody tr:hover > td {
   background-color: #ffa;
 }



/**
 * Mise en forme du formulaire
 */



label{
   color: #3B454C;
   display: inline-block;
   font-weight: bold;
   font-size: 92.3077%;
   margin-bottom: 3px;
}

form .required::after{
   content: "*";
   margin-left: 5px;
}

form input:focus, form select:focus {
   border-color: #000;
   outline: 1px solid #000;
}



.SaisieCP{
  width:50px;  
}

input[type="submit"], input[type="button"], input[type="reset"], .DatatablesButton {
   border: 1px solid #790A18;
   height: 32px;
   padding: 0px 30px 3px;
   vertical-align: middle;
   background: #F00 linear-gradient(to bottom, #F00 0%, #B01C2E 100%) no-repeat scroll 0% 0%;

   color: #FFF;
	display: inline-block;
	font: 99% arial,helvetica,clean,sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	margin: 0px;
}





/**
 * Mise en forme pour le détails des formations
 */


img[src="../includes/dhtmltree/imgs/dhxtree_skyblue/minus.gif"], img[src="../includes/dhtmltree/imgs/dhxtree_skyblue/plus.gif"]{
  /*display: none;*/
  visibility: hidden;
}

.standartTreeImage:first-child{
  display: none;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

.TitreFormation {
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 600;
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  color: #1a1a1a;
  margin-bottom: 16px;
}

.tinfo {
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.tinfo li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}

.tinfo li::before {
  content: '■';
  position: absolute;
  left: 0;
  color: #DE0000;
  font-size: 10px;
}

.tinfo li li::before {
  content: '●';
  color: #9b59b6;
}

.tinfohead {
  background: #f4f6f8;
  color: #2c3e50;
  font-size: 18px;
  font-weight: 600;
  padding: 14px 20px;
  text-shadow: none;
  border-bottom: 1px solid #e1e4e8;
}

.tinfobody {
  background: #ffffff;
  padding: 16px 20px;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.listesession {
  text-align: center;
  font-size: 14px;
  color: #555;
}

.tinfo th {
  background: #ecf0f1;
  padding: 10px;
  text-align: center;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #2c3e50;
}

.link {
  color: #DE0000;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.link:hover {
  color: #af0101;
  text-decoration: underline;
  cursor: pointer;
}