:root {
  --blue: #a40044;
  --primary: #a40044;
}
p.website{display: none;}
p.choice{display: none;}
a {
  color: #36B8C2;
  text-decoration: none;
  background-color: transparent;
}
h2{
	color: #333;
	font-weight: 500;
}
a:hover {
  color: #247C82;
  text-decoration: none;/*text-decoration: underline;*/
}
.non_actif{
color: #ef358e;	
}
.btn-primary {
  color: #fff;
  background-color: #247C82;
  border-color: #247C82;
}

.btn-primary:hover {
  color: #fff;
  background-color: #36b7c1;
  border-color: #36b7c1;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #133F42;
  border-color: #133F42;
}

.text_dark{
	color: #333;
}

.bg-gradient-primary {
  background-color: #36B7C1;
  background-image: none;
  background-image: none;
  background-size: none;
}
.bg-white {
	background-color: #fff !important;
	
}
.topbar{background-image: url(../media/interfede_contacts_banner.png);
	background-repeat: no-repeat;
	background-position: center center;}


.btn-link {
  font-weight: 400;
  color: #a40044;
  text-decoration: none;
}

.btn-link:hover {
  color: #224abe;
  text-decoration: underline;
}

.text-primary {
  color: #2D999B !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #36B7C1 !important;
}


select option .text_gris{
	color: #906;
	background-color: #CF6;
}

.form_interfede_1{
	background-color: #d9e492;
	padding: 5px;
	color: #000000;
}
.form_interfede_2{
	background-color: #c3c983;
	padding: 5px;
	color: #000000;
}
.form_interfede_3{
	background-color: #a8ad71;
	padding: 5px;
	color: #000000;
}
.form_interfede_4{
	background-color: #969b65;
	padding: 5px;
}
.form_interfede_4 h4{
	color: #000000;
}


.form_interfede_10{
	background-color: #9cdbe0;
	padding: 5px;
	color: #000000;
}
.form_interfede_11{
	background-color: #8bc2c6;
	padding: 5px;
	color: #000000;
}

.form_interfede_12{
	background-color: #6FA5AC;
	padding: 5px;
	color: #000000;
}

.form_interfede_form_admin_1{background-color: #f28ab8;padding: 5px;color: #000000;}
.form_interfede_form_admin_2{background-color: #d37aa5;padding: 5px;color: #000000;}
.form_interfede_form_admin_3{background-color: #aa6385;padding: 5px;color: #000000;}
.form_interfede_form_admin_4{background-color: #89516b;padding: 5px;color: #000000;}

.back_alert{
	background-color: #d282a3;
	color: #FFF;
	
	font-weight: bold;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	}
.back_ok{background-color: #ABCC29;color: #FFF;padding: 3px;}
.back_ok a:link{color: #FFF;}
.back_ok a:visited{color: #FFF;}
.back_ko{background-color: #E09085;color: #FFF;padding: 3px;}
.back_ko a:link{color: #FFF;}
.back_ko a:visited{color: #FFF;}

.text-secondary {
  color: #858796 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #60616f !important;
}

.bg-login-image {
	background-position: center;
	background-size: cover;
	background-image: url(../media/Logo_contacts_login.png);
}

.bg-register-image {
  background: url("https://source.unsplash.com/Mv9hjnEUHR4/600x800");
  background-position: center;
  background-size: cover;
}

.bg-password-image {
  background: url("https://source.unsplash.com/oWTW-jNGl9I/600x800");
  background-position: center;
  background-size: cover;
}


.espace_sup{
	padding-top: 1.6em;
	padding-left: 1em;
}

input::placeholder {
  color: #c3c3c3!important;
}

::placeholder {
  color: #c3c3c3!important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #c3c3c3!important;
}






.statuts_alert{
	background-color: #fce0eb;
}

.item_ok{
	background-color: #8bc2c6;
	color: #FFFFFF;
	padding: 2px;
}

.dropdown-header_interfede {
  display: block;
  
  padding: 0.3rem 1.2rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #3a3b45;
  white-space: nowrap;
}

.text-black-400 {color: #3a3b45 !important;}
.text-white-400 {color: #FFFFFF !important;}
.altern{width:100%;border-collapse:collapse;}
.altern tr:nth-child(odd){background: #FFFFFF;}
.altern tr:nth-child(even){background: #f5f5f5;}
.text_border_green {padding: 3px;border: 1px solid #d9e492;}
.text_border_green_mid {padding: 3px;border: 1px solid #c3c983;}
.text_back_green {padding: 3px;background-color: #d9e492;}


/*formation*/
.bg-login_formation-image {
	background-position: center;
	background-size: cover;
	background-image: url(../media/Logo_formation_login.png);
}








@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 13.33333px;
	right: 0;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 30px;
	transition: all 0.15s ease-out 0s;
	/*background: #cbd1d8;*/
	background: #FFFFFF;
	border: 1px solid #36B8C2;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
}
.option-input:hover {
  background: #247C82;
}
.option-input:checked {
  background: #FFFFFF;
}
.option-input:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #36B8C2;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

.card-body h6{
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
	color: #333;
	line-height: 0.6em;
}


#loading{
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
}
.object{
	width: 20px;
	height: 20px;
	
	float: left;
	margin-right: 20px;
	margin-top: 65px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}

#object_one {	
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
	background-color: #f28ab8;
	}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s; 
    animation-delay: 0.25s;
	background-color: #d9e491;
	}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
	background-color: #9cdbe0;
	}

	






@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}

@keyframes object_one {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}





@-webkit-keyframes object_two {
 

  75% { -webkit-transform: scale(0); }


}

@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}

@-webkit-keyframes object_three {

  75% { -webkit-transform: scale(0); }

}

@keyframes object_three {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  
}







.text_lit{
	font-size: 0.8em;
}


.table-responsive .table td {
  padding: 0.25rem;
  vertical-align: top;
  border-top: 1px solid #e3e6f0;
  min-height:70px
}



.back_green{background-color: #ABCC29;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: center;}
.back_green a:link{color: #FFFFFF;}
.back_green a:visited{color: #FFFFFF;}
.back_green_lit{background-color: #ABCC29;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 1px;text-align: center;}
.back_green_lit{color: #FFFFFF;}
.back_green_lit a:link{color: #FFFFFF;}
.back_green_lit a:visited{color: #FFFFFF;}

.back_white{background-color: #f7f7f7;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: center;}
.back_white a:link{color: #aaaaaa;}
.back_white a:visited{color: #aaaaaa;}
.back_white_lit{background-color: #f7f7f7;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 1px;text-align: center;}
.back_white_lit{color: #aaaaaa;}
.back_white_lit a:link{color: #aaaaaa;}
.back_white_lit a:visited{color: #aaaaaa;}

.back_white_com{background-color: #f7f7f7;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: left;}
.back_white_com a:link{color: #444444;}
.back_white_com a:visited{color: #444444;}
.back_white_com_lit{background-color: #f7f7f7;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 1px;text-align: center;}
.back_white_com_lit{color: #FFFFFF;}
.back_white_com_lit a:link{color: #444444;}
.back_white_com_lit a:visited{color: #444444;}


.back_yellow{background-color: #dfa928;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: center;}
.back_yellow a:link{color: #FFFFFF;}
.back_yellow a:visited{color: #FFFFFF;}
.back_yellow_lit{background-color: #dfa928;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 1px;text-align: center;}
.back_yellow_lit{color: #FFFFFF;}
.back_yellow_lit a:link{color: #FFFFFF;}
.back_yellow_lit a:visited{color: #FFFFFF;}


.back_blue{background-color: #29b6e5;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: center;}
.back_blue a:link{color: #FFFFFF;}
.back_blue a:visited{color: #FFFFFF;}

.back_orange{background-color: #e58900;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: center;}
.back_orange a:link{color: #FFFFFF;}
.back_orange a:visited{color: #FFFFFF;}

.back_blink {
  background-color: #dfa928;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: center; 
  animation: allblink 2s infinite;
}
.back_blink_lit {
  background-color: #dfa928;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 1px;text-align: center; 
  animation: allblink 2s infinite;
}

@keyframes allblink { 
0% { }
50% {background-color:#bc2179;} 
}
.back_blink a:link{color: #FFFFFF;}
.back_blink a:visited{color: #FFFFFF;}
.back_blink_lit a:link{color: #FFFFFF;}
.back_blink_lit a:visited{color: #FFFFFF;}

.back_red{background-color: #e82998;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 2px;text-align: center;}
.back_red a:link{color: #FFFFFF;}
.back_red a:visited{color: #FFFFFF;}

.back_red_lit{background-color: #e82998;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 1px;text-align: center;}
.back_red_lit{color: #FFFFFF;}
.back_red_lit a:link{color: #FFFFFF;}
.back_red_lit a:visited{color: #FFFFFF;}




.back_red .ui-tooltip, .arrow:after {background: #aaaaaa;border: 0px solid #dfa928 !important;}

.table-bordered tr.back_titr_form{
	background-color: #0ffeaf3 !important;
}







 /* .ui-tooltip, .arrow:after {
    background: #9edce1;
    border: 0px solid #9edce1;
  }
  */
  
  
  .ui-tooltip {
	padding: 10px 20px;
	color: #4c696b;
	border-radius: 0px;
	/*font: bold 10px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;*/
    
	font-size: 0.8em;
	box-shadow: 0 0 1px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 1px 1px 1px 1px white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
.text_lit{
	font-size: 0.7em;
}

/*
.header {
    position: fixed;
    left: auto;
    width: 100%;
    z-index: 1000;
    
}
*/
  
  
  
  
  /*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.table-fixed tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}





/*pour suivi 2*/
.header-fixed {
    width: 100% 
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 400px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
   
    float: left;
}
#simpl_form_select{width:12rem;}
#session_select{width:5rem;}