:root {
	--bs-nav-link-font-size: 16px;
}

.tableau-bord-famille-bloc-adulte, .tableau-bord-famille-bloc-enfant .row{
	padding-left:2px;
	padding-right:2px;
}

.container_page .row {
	margin-left: 0px;
	margin-right: 0px;
}

.container_page .row>* {
	padding-left: 0px;
	padding-right: 0px;
}

.invalid {
	border: 1px solid red;
}
.valid {
	border: 1px solid green;
}

.flash_info_contain .bloc_flash_info{
	width:32%;
	margin:auto;
	display:inline-block;
	vertical-align: top;
}
div.container_page,
table.container_page{
	width:98%;
	margin:auto;
	box-sizing: border-box;
}
div.container_center{
	width:100%;
	max-width: 1600px !important;
	margin: auto;
	border: 1px solid #b7c3cf;
	padding: 5px;
}
div.container_info{
	width:100%;
	box-sizing: border-box;
}
div.container_tableau{
	padding-left: 1%;
	padding-right: 1%;
	box-sizing: border-box;
}
div.container_texte, td.container_texte{
	padding-top: 1%; 
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
}

div.column1divparam label, 
div.column2divparam label{
	display:inline-block;
	width:46%;
	padding-right: 1%;
	vertical-align: top;
}

div.column1divparam div.column1divparam_date{
	width:calc(45% - 21px);
	display:inline-block;
}

div.column1divparam div.extgridparam{
	display:inline-block;
	width:calc(45% - 22px);
}

div.column1divparam img:first-child{
	padding-left:calc(2.5% - 10px);
	padding-right:calc(2.5% - 10px);
}
div.column2divparam img:first-child{
	padding-left:calc(5% - 10px);
	padding-right:calc(5% - 10px);
	vertical-align: top !important;
}

div.column2div30, div.column2div30resp {
	width:30%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	padding-bottom: 1%;
}

div.column2div70, div.column2div70resp {
	width:69%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	padding-bottom: 1%;
}

div.column2div20 {
	width:20%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
}
div.column2div25 {
	width:25%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
}

div.column2div50 {
	width:50%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
}

div.column2div80 {
	width:79%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
}


div.column2divcreafam20 {
	width:19%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0.8em;
}
div.column2divcreafam80 {
	width:79%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0.8em;
}

div.column2div, div.column2divline, div.column2divparam{
	width:49%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0.8em;
}

div.column2div_dossier_agent_opt{
	width:35%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0.8em;
}
div.column2div_dossier_agent_val{
	width:64%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0.8em;
}
div.column3div{
	width:33%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
}
div.column66pourcent{
	width:66%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
}
div.column1div, div.column1divparam{
	width:98%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0.8em;
}

div.column1divparam{
	vertical-align: top;
}

div.bloc2div{
	width:49%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-top:1%;
}
div.bloc1div{
	width:98%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-top:1%;
}
div.column1divline{
	width:100%;
}
div.column1divline > input, div.column1divline > label{
	width:49%;
}
div.column2div > label, div.column1divline > label, div.column2divline label, div.column2divcreafam20 label, div.column2divcreafam80 label{
	width:40%;
	display:inline-block;
} 
div.column1div > label{
	display:inline-block;
}

select, input[type=text], input[type=textbox], input[type=password] {
	width: 95%;
}
input[type=radio], input[type=checkbox] {
	min-width: 15px;
	min-height: 15px;
	margin: 0px 10px;
}

div.compo2div{
	width:49%;
	display:inline-block;
	vertical-align:top;
	min-width:300px;
	margin-bottom:1%;
}
div.compo2div:nth-child(odd){
	margin-left:1%;
}
div.compo2div img{
	vertical-align:top;
}
div.compo2div div.compo2div_txt{
	display:inline-block;
	padding-left:1%;
	min-height:64px;
	width: calc(98% - 72px);
	vertical-align: top;
}
div.icofiche2div{
	width:20%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
div.icofiche2div img{
	width:100%;
	max-width:128px;
}
div.fiche2div{
	width:75%;
	display:inline-block;
	vertical-align:top;
}
div.error_inscription{
	vertical-align:top;
	width:98%;
	margin:auto;
}
div.error_inscription_div1 {
	vertical-align:top;
	min-width:30%;
}
div.error_inscription_div2 {
	margin-top : 20px;
}
div.error_inscription_div2 ul{
	margin-left:20%;
}

ul.listing_data{
	margin-left:5%;
}
ul.listing_data li:before{
	content: "- "
}
div.txt_center, td.txt_center {
	text-align: center;
}
div.txt_left {
	text-align: left;
}
div.txt_right {
	text-align:right;
}
div.txt_indent {
	text-indent: 1%;
}
div.clear {
	clear:both;
}
.TBcolorW {
	background-color: #FFFFFF;
}
div.only_on_rd, .displaynone {
	display:none;
}
div.modification_catalogue_col_libact{
	width:56%;
	display: inline-block;
	vertical-align:top;
}
div.modification_catalogue_col_lieu{
	width:22%;
	display: inline-block;
	vertical-align:top;
}
div.modification_catalogue_col_tarif{
	width:22%;
	display: inline-block;
	text-align:right;
	vertical-align:top;
}
div.portail_inline_col1{
	width:28%;
	margin:auto;
}
div.mdp_oublie_inline_col1{
	width:60%;
	margin:auto;
}
.btn_oublie_mot_passe {
	width:70%;
}
div.portail_inline_col2{
	width:70%;
}
div.portail_horizontal div.portail_inline_col1, div.portail_horizontal div.portail_inline_col2{
	display: inline-block;
}

div.row_old , div.thead , div.tbody  {
	display:block;
}
div.col_old  {
	display:inline-block;
}

/*------------------------------------*\
  $TabDiv
\*------------------------------------*/
.cal_inscription_board_col_tarif, .width5, .width7, .inscription_board_col_action, .inscription_board_col_lieu, 
.inscription_board_col_libact, .width35, .inscription_board_prestation .inscription_board_col_libact, .width45, 
.width50,.width55, .inscription_board_prestation, .inscription_board_col_insc , .inscription_board_col_tarif {
	display: inline-block;
	margin:0px;
}
.width5 {
	width:5%;
}
.width7 {
	width:7%;
}
div.inscription_board_col_insc {
	width : 5%;
}
div.inscription_board_col_libact {
	width:25%;
}
div.inscription_board_col_libact.no_lieu_board{
	width:42%;
}
div.inscription_board_col_libact.no_tarif_board{
	width:35%;
}
div.inscription_board_col_libact.no_calend_board{
	width:53%;
}
div.inscription_board_col_libact.no_tarif_board.no_lieu_board{
	width:52%;
}
div.inscription_board_col_libact.no_lieu_board.no_calend_board{
	width:70%;
}
div.inscription_board_col_libact.no_tarif_board.no_lieu_board.no_calend_board{
	width:80%;
}
div.inscription_board_col_action{
	width:15%;
}
div.inscription_board_col_tarif{
	width:10%;	
	display: inline-block;
	margin:0px;
}
.inscription_board_col_lieu {
	width:17%;
}
.inscription_board_col_calendrier {
	width : 28%;
	display:inline-block;
	text-align:left;
	margin:0px;
	table-layout:fixed;
}
div.tab_jour_calend_hebdo{
	display: inline-block;
	width: 14.28%;
}
div.inscription_board_prestation .inscription_board_col_libact {
	width:57%;
}
div.inscription_board_prestation .inscription_board_col_libact.no_tarif_board {
	width:67%;
}
div.inscription_board_prestation .inscription_board_col_libact.no_calend_board {
	width:85%;
}
div.inscription_board_prestation .inscription_board_col_libact.no_tarif_board.no_calend_board {
	width:95%;
}

.inscription_board_prestation {
	width:100%;
	margin: 2px 0px;
}

.entete_act_insc_board_suivante {
	display: none;
}

.width35 {
	width:35%;
}
.width45 {
	width:45%;
}
.width50 {
	width:50%;
}
.width55 {
	width:55%;
}
.width35bt {
	width:35% !important;
}
.img_logopdf {
	width: 24px;
}
div.inscription_activite{
	margin-bottom: 20px;
}
.inscription_activite div {
	vertical-align:top;
}



div.msg-board-overflow {
	max-height: 400px;
	overflow-y: auto;
}
div.message_board {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.dossierCol1, div.dossierCol2, div.dossierCol3 {
	width:calc(100% / 3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
}
div.msg-board-dossier img{
	height: 32px;
	vertical-align: middle;
}
div.msg-board-dossier{
	vertical-align:middle;
}

div.msg-board-dossier {
	vertical-align:middle;
	height:32px;
	text-align:center;
	cursor:pointer;
	width: 100%;
	padding: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.msg-board-overflow-none {
	overflow: hidden;
}
div.msg-board-numero, div.msg-board-date,div.msg-board-columns1,
div.msg-board-columns2, div.msg-board-columns3 {
	vertical-align:top;
}
div.msg-board-numero, div.msg-board-numero-titre {
	width:8% ;
	text-align: left;	
}
div.msg-board-date, div.msg-board-date-titre {
	width:8%;
}
div.tbody div.msg-board-numero, div.tbody div.msg-board-date,div.tbody div.msg-board-columns1,
div.tbody div.msg-board-columns2, div.tbody div.msg-board-columns3 {
	font-size:0.7em;
	vertical-align:top;
}
div.tbody div.msg-board-type-col1,div.tbody div.msg-board-libelle-col1,div.tbody div.msg-board-etat-col1,
div.tbody div.msg-board-type-col2,div.tbody div.msg-board-libelle-col2,div.tbody div.msg-board-etat-col2,
div.tbody div.msg-board-type-col3,div.tbody div.msg-board-libelle-col3,div.tbody div.msg-board-etat-col3 {
	font-size:0.8em;
	vertical-align:top;
}
div.msg-board-type-col1, div.msg-board-libelle-col1, div.msg-board-etat-col1 {
	width: 70%;
}
div.msg-board-type-col2, div.msg-board-libelle-col2, div.msg-board-etat-col2 {
	width: 36% ;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
}
div.msg-board-etat-col3 {
	width: 22%;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;	
}
div.msg-board-type-col3 {
	width: 24%;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;	
}
div.msg-board-libelle-col3 {
	width: 24%;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;	
}
div.msg-board-button {
	width: 10%;
}
div.msg-board-consult {
	vertical-align:top;
}

div.demande-board-overflow {
	max-height: 400px;
	overflow-y: auto;
}
div.message_board {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.dossierCol1, div.dossierCol2, div.dossierCol3 {
	width:calc(100% / 3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
}
div.demande-board-dossier img{
	height: 32px;
	vertical-align: middle;
}
div.demande-board-dossier{
	vertical-align:middle;
}

div.demande-board-dossier {
	vertical-align:middle;
	height:32px;
	text-align:center;
	cursor:pointer;
	width: 100%;
	padding: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.demande-board-overflow-none {
	overflow: hidden;
}
div.demande-board-numero, div.demande-board-date,div.demande-board-columns1,
div.demande-board-columns2, div.demande-board-columns3 {
	vertical-align:top;
}
div.demande-board-numero, div.demande-board-numero-titre {
	width:20% ;
	text-align: left;	
}
div.demande-board-date, div.demande-board-date-titre {
	width:10%;
}
div.demande-board-beneficiaire{
	width:40%;
}
div.tbody div.demande-board-numero, div.tbody div.demande-board-date,div.tbody div.demande-board-columns1,
div.tbody div.demande-board-columns2, div.tbody div.demande-board-columns3 {
	font-size:0.7em;
	vertical-align:top;
}
div.tbody div.demande-board-type-col1,div.tbody div.demande-board-libelle-col1,div.tbody div.demande-board-etat-col1,
div.tbody div.demande-board-type-col2,div.tbody div.demande-board-libelle-col2,div.tbody div.demande-board-etat-col2,
div.tbody div.demande-board-type-col3,div.tbody div.demande-board-libelle-col3,div.tbody div.demande-board-etat-col3 {
	font-size:0.8em;
	vertical-align:top;
}
div.demande-board-type-col1, div.demande-board-libelle-col1, div.demande-board-etat-col1 {
	width: 30%;
}
div.demande-board-type-col2, div.demande-board-libelle-col2, div.demande-board-etat-col2 {
	width: 40% ;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
}
div.demande-board-etat-col3 {
	width: 30%;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;	
}
div.demande-board-type-col3 {
	width: 30%;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;	
}
div.demande-board-libelle-col3, div.demande-board-beneficiaire-col3  {
	width: 30%;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;	
}
div.msg-board-button {
	width: 10%;
}
div.msg-board-consult {
	vertical-align:top;
}

div.consult-msg-disc-pictoF {
	width:10%;
	float:left;
}
div.consult-msg-disc-pictoA {
	width:10%;
	float:right;
}
div.consult-msg-disc-msg, div.consult-msg-disc-titre {
	width:85%;
}
div.consult-hidden {
	display: none; 
}
div.consult-col-date{
	width:20%;
	vertical-align: top;
}
div.consult-col-etat{
	width:50%;
	vertical-align: top;
}
div.consult-col-button {
	vertical-align: top;
	width:30%;
}
div.consult-col-attachment {
	vertical-align: top;
}
div.consult-col-textarea {
	width:100%;
}
div.consult-col-textarea textarea {
	width:97%;
	height:80px;
	margin-bottom: 5px;
	margin-left:1%;
	margin-right:1%;
}

div.quotient-col {
	width: 50%;
}
.column2div50 div.quotient-col {
	width: 80%;
}

.page_Fiche_QFV2 .column2div50 div.container_texte{
	padding-top: 2%; 
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
}

div.detailquotient-col1 {
	width : 40%;
}
div.detailquotient-col2 {
	width : 20%;
}
div.detailquotient-col3 {
	width : 70%;
}
div.quotient-hidden {
	display:none;
}


div.portail-width {
	margin:0 auto;
	width: 20%;
}

div.histo-activite,div.histo-action {
	width:30%;
	vertical-align: top;
}
div.histo-date, div.histo-heure {
	width:10%;
	vertical-align: top;
}
div.histo-mois {
	width:12%;
	vertical-align: top;
}

div.releve-date, div.releve-debit, div.releve-credit, div.releve-paiement {
	width:10%;
}
div.releve-libelle {
	width:55%;
}
div.releve-debit-hidden, div.releve-credit-hidden, div.releve-paiement-hidden {
	display:none;
}

div.facture-mois {
	margin-left: 5px;
}
div.facture-icon {
	width: 32px;
	margin-left: 5px;
}
div.facture-icon img {
	width: 32px;
}
div.facture-num{
	width:calc(10% - 37px);
}
div.facture-type {
	width:10%;
}
div.facture-regie{
	width:20%;
}
div.facture-periode {
	width:20%;
}
div.facture-etat {
	width:16%;
}
div.facture-reste {
	width:12%;
}
div.facture-montant{
	width:12%;
}


div.facture-num.nofacture-type.nofacture-reste,
div.facture-num.nofacture-reste{
	width:calc(12% - 37px);
}
div.facture-num.nofacture-type,
div.facture-num.nofacture-periode,
div.facture-num.nofacture-etat,
div.facture-num.nofacture-type.nofacture-periode,
div.facture-num.nofacture-periode.nofacture-etat,
div.facture-num.nofacture-type.nofacture-etat,
div.facture-num.nofacture-type.nofacture-etat.nofacture-reste,
div.facture-num.nofacture-etat.nofacture-reste,
div.facture-num.nofacture-type.nofacture-periode.nofacture-reste
{
	width:calc(15% - 37px);
}
div.facture-num.nofacture-periode.nofacture-reste,
div.facture-num.nofacture-periode.nofacture-etat.nofacture-reste{
	width:calc(16% - 37px);
}
div.facture-num.nofacture-type.nofacture-periode.nofacture-etat,
div.facture-num.nofacture-type.nofacture-periode.nofacture-etat.nofacture-reste{
	width:calc(20% - 37px);
}
div.facture-regie.nofacture-type
{
	width:25%;
}
div.facture-regie.nofacture-etat,
div.facture-regie.nofacture-reste
{
	width:30%;
}
div.facture-regie.nofacture-periode,
div.facture-regie.nofacture-type.nofacture-etat{
	width:35%;
}
div.facture-regie.nofacture-periode.nofacture-etat{
	width:41%;
}
div.facture-regie.nofacture-type.nofacture-periode,
div.facture-regie.nofacture-type.nofacture-periode.nofacture-etat,
div.facture-regie.nofacture-periode.nofacture-reste,
div.facture-regie.nofacture-type.nofacture-reste,
div.facture-regie.nofacture-etat.nofacture-reste
{
	width:40%;
}
div.facture-regie.nofacture-type.nofacture-etat.nofacture-reste,
div.facture-regie.nofacture-type.nofacture-periode.nofacture-reste{
	width:50%;
}
div.facture-regie.nofacture-periode.nofacture-etat.nofacture-reste{
	width:54%;
}
div.facture-regie.nofacture-type.nofacture-periode.nofacture-etat.nofacture-reste{
	width:60%;
}



div.facture-reste.nofacture-type.nofacture-etat{
	width:15%;
}
div.facture-reste.nofacture-periode.nofacture-etat{
	width:17%;
}
div.facture-reste.nofacture-type.nofacture-periode.nofacture-etat{
	width:20%;
}
div.facture-montant.nofacture-type
div.facture-montant.nofacture-periode,
div.facture-montant.nofacture-reste,
div.facture-montant.nofacture-type.nofacture-reste
{
	width:12%;
}
div.facture-montant.nofacture-etat
{
	width:13%;
}
div.facture-montant.nofacture-type.nofacture-etat,
div.facture-montant.nofacture-etat.nofacture-reste{
	width:15%;
}
div.facture-montant.nofacture-type.nofacture-periode,
div.facture-montant.nofacture-periode.nofacture-etat
{
	width:17%;
}
div.facture-montant.nofacture-periode.nofacture-reste
{
	width:18%;
}
div.facture-montant.nofacture-type.nofacture-periode.nofacture-reste{
	width:19%;
}
div.facture-montant.nofacture-type.nofacture-periode.nofacture-etat,
div.facture-montant.nofacture-type.nofacture-periode.nofacture-etat.nofacture-reste,
div.facture-montant.nofacture-periode.nofacture-etat.nofacture-reste
{
	width:20%;
}

div.facture-radio {
	width:15%;
}
div.facture-radio-lib {
	width:45%;
}
div.facture-hidden {
	display:none !important;
}
div.facture_body {
	padding-bottom: 1%;
	padding-top: 1%;
}

div.telepai-pdf {
	width:5%;
	flex-basis: 5%;
}
div.telepai-action, div.telepai-avoir {
	width:15%;
	flex-basis: 15%;
}
div.telepai-montant, div.telepai-reste {
	width:20%;
	flex-basis: 20%;
}
div.telepai-fact-col20 {
	width:20%;
	flex-basis: 20%;
}
div.telepai-fact-col35 {
	width:35%;
	flex-basis: 35%;
}
div.telepai-fact-col40 {
	width:40%;
	flex-basis: 40%;
}
div.telepai-fact-col55 {
	width:55%;
	flex-basis: 55%;
}
div.telepai-buttonbefore {
	width:75%;
}
div.telepai-button{
	width : 20%;
}

div.demandefichier {
	margin-left: 5%;
}
div.div-porte-docs {
	width:85%;
	margin:auto;
	table-layout:fixed;
}
div.porte-docs-label {
	width:25%;
	vertical-align: top;
}
div.porte-docs-action {
	width:60%;
}
div.porte-docs-hidden {
	display:none;
}

div.porte-docs-delete, div.porte-docs-logo {
	width: 2%;
	vertical-align: top;
}
div.porte-docs-date {
	width: 10%;
	vertical-align: top;
}
div.porte-docs-sujet {
	width: 20%;
	vertical-align: top;
}
div.porte-docs-sujet select {
	width:95%;
}
div.porte-docs-flux {
	width: 6%;
	vertical-align: top;
}
div.porte-docs-libelle {
	width: 18%;
	vertical-align: top;
}
div.porte-docs-typedoc {
	width: 5%;
	vertical-align: top;
}
div.porte-docs-createur {
	width:8%;
	vertical-align: top;
}
div.porte-docs-modificateur {
	width:11%;
	vertical-align: top;
}
div.porte-docs-datemodif {
	vertical-align: top;
}

div.blocButton {
	width :100%;
}

div.transport-lib {
	width:25%;
}
div.transport-aller {
	width:35%;
}
div.transport-retour {
	width:35%;
}
div.transport-aller select, div.transport-retour select {
	width:95%;
}
div.insc-act-etape2-presta-lib, div.insc-act-etape2-presta-tarif{
	width:48%;
}
div.insc-act-etape3-presta-compl-libWeb {
	width:70%;
}
div.insc-act-etape3-presta-compl-date {
	width:40%;
}
div.insc-act-etape3-presta-compl-libWeb-agent {
	width:40%;
}
div.insc-act-etape3-presta-compl-tarif, div.insc-act-etape3-presta-compl-service {
	width:10%;
}
div.insc-act-etape3-presta-compl-tarif-agent, div.insc-act-etape3-presta-compl-service-agent {
	width:10%;
}
div.insc-act-etape4-caption {
	vertical-align: top;
	margin-bottom: 15px;
}
div.insc-act-etape4-hidden {
	display:none;
}
div.insc-act-etape4-prestation {
	width:50%;
}
div.insc-act-etape4-nbconso {
	width:20%;
}
div.insc-act-etape4-prix {
	width:15%;
}
div.insc-act-etape4-total {
	width:15%;
}
div.insc-act-etape4-totaltab {
	width:85%;
}
div.formuleCal-lib {
	width:29%;
	flex: 0 0 29%;
}
div.formuleCal-col1{
	width:70%;
}
div.formuleCal-col2{
	width:35%;
}
div.formuleCal-col3{
	width:23.3333%;
}
div.formuleCal-col4{
	width:17.5%;
}
div.formuleCal-col5{
	width:14%;
}
div.formuleCal-col6{
	width:11.6666%;
}
div.formuleCal-col7{
	width:10%;
}
div.modif-insc-choix {
	width:25%;
}
div.modif-insc-select {
	width:50%;
}
div.modif-insc-tarif {
	width:20%;
}

div.fiche-insc {
	
}
div.fiche-insc-col1 {
	width:23%;
}
div.fiche-insc-col2 {
	width:65%;
}
div.fiche-insc-calEntete {
	width:50.19%;
	min-height: 22px;
}
div.fiche-insc-calEnteteJ, div.fiche-insc-calJ {
	width:6.89%;
}
div.fiche-insc-calEnteteJMulti, div.fiche-insc-calJMulti {
	width:5%;
}
div.fiche-insc-calEnteteJMultiCycle, div.fiche-insc-calJMultiCycle {
	width:14%;
}
div.fiche-insc-calJ {
	min-height: 22px;
}
div.fiche-insc-calJMulti {
	min-height: 22px;
}
div.docs-eng-piece1 {
	width:34%;
	vertical-align: top;
}
div.docs-eng-piece2 {
	width:30%;
	vertical-align: top;
}
div.docs-eng-piece21 {
	width:24%;
	vertical-align: top;
}
div.docs-eng-piece22 {
	width:20%;
	vertical-align: top;
}
div.docs-eng-piece_admin1 {
	width:45%;
	vertical-align: top;
}
div.docs-eng-piece_admin2 {
	width:45%;
	vertical-align: top;
}
div.docs-eng-file {
	width:29%;
	vertical-align: top;
	padding-left: auto;
	padding-right: auto;
}
div.docs-eng-file2 {
	width:18%;
	vertical-align: top;
	padding-left: auto;
	padding-right: auto;
}
div.docs-eng-file-agent {
	width:20%;
	vertical-align: top;
	padding-left: auto;
	padding-right: auto;
	margin-right:2%;
}
div.docs-eng-dnc {
	width:19%;
	vertical-align: top;
	text-align: center;
}
div.docs-eng-obl {
	width:10%;
	vertical-align: top;
	text-align: center;
}
div.docs-eng-lim {
	width:10%;
	vertical-align: top;
	text-align: center;
}
div.docs-eng-valide {
	width:8%;
	vertical-align: top;
}
div.docs-eng-button {
	width:17%;
}
div.docs-eng-buttonSingle {
	width:25%;
}
div.docs-eng-buttonSingle-agent {
	float:right;
}
div.docs-eng-hidden {
	display: none !important;
}
div.insc-cat-multi-voeux-parent {
	display: flex;
}
div.insc-cat-multi-voeux {
	order: 1;
}
div.insc-cat-activite88 {
	width:88%;
	flex: 1 0 88%;
}
div.insc-cat-activite76 {
	width:76%;
	flex: 1 0 76%;
}
div.insc-cat-activite64 {
	width:64%;
	flex: 1 0 64%;
}
div.insc-cat-activite60 {
	width:60%;
	flex: 1 0 60%;
}
div.insc-cat-activite58 {
	width:58%;
	flex: 1 0 58%;
}
div.insc-cat-activite53 {
	width:53%;
	flex: 1 0 53%;
}
div.insc-cat-activite50 {
	width:50%;
	flex: 1 0 50%;
}
div.insc-cat-activite46 {
	width:46%;
	flex: 1 0 46%;
}
div.insc-cat-activite44 {
	width:44%;
	flex: 1 0 44%;
}
div.insc-cat-activite42 {
	width:42%;
	flex: 1 0 42%;
}
div.insc-cat-activite40 {
	width:40%;
	flex: 1 0 40%;
}
div.insc-cat-activite38 {
	width:38%;
	flex: 1 0 38%;
}
div.insc-cat-activite36 {
	width:36%;
	flex: 1 0 36%;
}
div.insc-cat-activite35 {
	width:35%;
	flex: 1 0 35%;
}
div.insc-cat-activite34 {
	width:34%;
	flex: 1 0 34%;
}
div.insc-cat-activite32 {
	width:32%;
	flex: 1 0 32%;
}
div.insc-cat-activite30 {
	width:30%;
	flex: 1 0 30%;
}
div.insc-cat-activite28 {
	width:28%;
	flex: 1 0 28%;
}
div.insc-cat-activite26 {
	width:26%;
	flex: 1 0 26%;
}
div.insc-cat-activite25 {
	width:25%;
	flex: 1 0 25%;
}
div.insc-cat-activite24 {
	width:24%;
	flex: 1 0 24%;
}
div.insc-cat-activite20 {
	width:20%;
	flex: 1 0 20%;
}
div.insc-cat-activite16 {
	width:16%;
	flex: 1 0 16%;
}
div.insc-cat-activite14 {
	width:14%;
	flex: 1 0 14%;
}
div.insc-cat-activite12 {
	width:12%;
	flex: 1 0 12%;
}
div.insc-cat-lieu25 {
	width:25%;
	flex: 1 0 25%;
}
div.insc-cat-tarif25 {
	width:25%;
	flex: 1 0 25%;
}
div.insc-cat-lieu29 {
	width:29%;
	flex: 1 0 29%;
}
.entete_secondaire .insc-cat-periode30{
	text-align: center;
}

div.insc-cat-periode60, div.insc-cat-tarif60, div.insc-cat-lieu60 {
	width:60%;
	flex: 1 0 60%;
}
div.insc-cat-periode36, div.insc-cat-tarif36, div.insc-cat-lieu36 {
	width:36%;
	flex: 1 0 36%;
}
div.insc-cat-periode30, div.insc-cat-tarif30, div.insc-cat-lieu30 {
	width:30%;
	flex: 1 0 30%;
}
div.insc-cat-lieu22, div.insc-cat-tarif22, div.insc-cat-periode22, div.insc-cat-lib-tarif22 {
	width:22%;
	flex: 1 0 22%;
}
div.insc-cat-lieu23, div.insc-cat-tarif23, div.insc-cat-periode23, div.insc-cat-lib-tarif23 {
	width:23%;
	flex: 1 0 23%;
}
div.insc-cat-lieu24, div.insc-cat-tarif24, div.insc-cat-periode24, div.insc-cat-lib-tarif24 {
	width:24%;
	flex: 1 0 24%;
}
div.insc-cat-lieu25, div.insc-cat-tarif25, div.insc-cat-periode25, div.insc-cat-lib-tarif25 {
	width:25%;
	flex: 1 0 25%;
}
div.insc-cat-lieu26, div.insc-cat-tarif26, div.insc-cat-periode26, div.insc-cat-lib-tarif26 {
	width:26%;
	flex: 1 0 26%;
}
div.insc-cat-lieu27, div.insc-cat-tarif27, div.insc-cat-periode27, div.insc-cat-lib-tarif27 {
	width:27%;
	flex: 1 0 27%;
}
div.insc-cat-lieu28, div.insc-cat-tarif28, div.insc-cat-periode28, div.insc-cat-lib-tarif28 {
	width:28%;
	flex: 1 0 28%;
}
div.insc-cat-lieu29, div.insc-cat-tarif29, div.insc-cat-periode29, div.insc-cat-lib-tarif29 {
	width:29%;
	flex: 1 0 29%;
}
div.insc-cat-lieu46, div.insc-cat-tarif46, div.insc-cat-periode46, div.insc-cat-lib-tarif46 {
	width:46%;
	flex: 1 0 46%;
}
div.insc-cat-lieu21, div.insc-cat-tarif21, div.insc-cat-periode21, div.insc-cat-lib-tarif21 {
	width:21%;
	flex: 1 0 21%;
}
div.insc-cat-lieu20, div.insc-cat-tarif20, div.insc-cat-periode20, div.insc-cat-lib-tarif20 {
	width:20%;
	flex: 1 0 20%;
}
div.insc-cat-lieu19, div.insc-cat-tarif19, div.insc-cat-periode19, div.insc-cat-lib-tarif19 {
	width:19%;
	flex: 1 0 19%;
}
div.insc-cat-lieu18, div.insc-cat-tarif18, div.insc-cat-periode18, div.insc-cat-lib-tarif18 {
	width:18%;
	flex: 1 0 18%;
}
div.insc-cat-lieu17, div.insc-cat-tarif17, div.insc-cat-periode17, div.insc-cat-lib-tarif17 {
	width:17%;
	flex: 1 0 17%;
}
div.insc-cat-lieu16, div.insc-cat-tarif16, div.insc-cat-periode16, div.insc-cat-lib-tarif16 {
	width:16%;
	flex: 1 0 16%;
}
div.insc-cat-lieu15, div.insc-cat-tarif15, div.insc-cat-periode15, div.insc-cat-lib-tarif15 {
	width:15%;
	flex: 1 0 15%;
}
div.insc-cat-lieu14, div.insc-cat-tarif14, div.insc-cat-periode14, div.insc-cat-lib-tarif14 {
	width:14%;
	flex: 1 0 14%;
}
div.insc-cat-lieu13, div.insc-cat-tarif13, div.insc-cat-periode13, div.insc-cat-lib-tarif13 {
	width:13%;
	flex: 1 0 13%;
}
div.insc-cat-lieu12, div.insc-cat-tarif12, div.insc-cat-periode12, div.insc-cat-lib-tarif12 {
	width:12%;
	flex: 1 0 12%;
}
div.insc-cat-lieu10, div.insc-cat-tarif10, div.insc-cat-periode10, div.insc-cat-lib-tarif10 {
	width:10%;
	flex: 1 0 10%;
}
div.insc-cat-lieu8, div.insc-cat-tarif8, div.insc-cat-periode8, div.insc-cat-lib-tarif8 {
	width:8%;
	flex: 1 0 8%;
}
div.insc-cat-lieu7, div.insc-cat-tarif7, div.insc-cat-periode7, div.insc-cat-lib-tarif7 {
	width:7%;
	flex: 1 0 7%;
}
div.insc-cat-lieu6, div.insc-cat-tarif6, div.insc-cat-periode6, div.insc-cat-lib-tarif6 {
	width:6%;
	flex: 1 0 6%;
}
div.insc-cat-voeux {
	width:12%;
	flex: 1 0 12%;
}
div.insc-cat-voeux-agent {
	width:8%;
	flex: 1 0 8%;
}
div.insc-cat-hidden, div.insc-cat-voeux-hidden, div.insc-cat-calendrier-hidden {
	display: none;
}
div.recherche-act {
	width:25%;
}

div.baby-list-preinsc-act, div.baby-list-preinsc-etat {
	width:30%;
	text-align: center;
}
div.baby-list-preinsc-date, div.baby-accueil-modif-confirm-title {
	width:40%;
	text-align: center;
}
div.baby-list-preinsc-date-placement, div.baby-list-preinsc-date-validite {
	width:20%;
	text-align: center;
}
div.baby-bcalend-planning, div.baby-accueil-modif-confirm-select {
	width:60%;
}
div.baby-preinsc-souhait, div.baby-preinsc-souhait-datelib, div.baby-preinsc-souhait-date, div.baby-preinsc-nb-enf-lib, div.baby-preinsc-nb-enf {
	width:50%;
}
div.baby-bcalend-jour, div.baby-bcalend-present {
	width:20%;
}
div.baby-bcalend-jour-am, div.baby-bcalend-periode-am {
	width:10%;
}
.calend-babi .row {
	padding: 5px;
}
div.baby-bcalend-hdeb, div.baby-bcalend-hfin {
	width:18%;
}
div.baby-bcalend-act {
	width:24%;
}
div.baby-binsc-pdf {
	width:5%;
}
div.baby-binsc-contrat {
	width:25%;
}
div.baby-binsc-action {
	width:10%;
}
div.baby-binsc-etablissement, div.baby-binsc-periode {
	width:30%;
}
div.baby-liste-attest-pdf {
	width:10%;
}
div.baby-liste-attest-creche, div.baby-liste-attest-periode {
	width:45%;
}
div.baby-list-preinsc-hidden, div.baby-bcalend-hidden, div.baby-binsc-hidden, 
div.baby-liste-attest-hidden, div.baby-accueil-telep-hidden, div.baby-simulation-hidden {
	display:none;
}
div.baby-accueil-telep-check {
	width:10%	
}
div.baby-accueil-telep-numfact, div.baby-accueil-telep-date {
	width:20%;
}
div.baby-accueil-telep-montant, div.baby-accueil-telep-reste,div.baby-accueil-telep-restetotal {
	width:15%;
}
div.baby-accueil-telep-total, div.baby-accueil-telep-footer2{
	width:5%;
}
div.baby-accueil-telep-footer1 {
	width:95%;
}
div.baby-fiche-conge-nom, div.baby-fiche-conge-prenom {
	width:18%;
}
div.baby-fiche-conge-etablis{
	width:15%;
}
div.baby-fiche-conge-contrat {
	width:10%;
}
div.baby-fiche-conge-cgeheure, div.baby-fiche-conge-cgejour {
	width:19%;
}
div.baby-fiche-conge-hidden {
	display:none;
}
div.baby-simulation-jour, div.baby-simulation-present {
	width:20%;
}
div.baby-simulation-harr, div.baby-simulation-hdep {
	width:18%;
}
div.baby-simulation-act {
	width:24%;
}
div.container_openid {
	margin: 0 auto;
	text-align: center;
}
div.container_openid img{
	width: 100%;
}
div.container_openid div.openid_support {
	margin-top: 5px;
	text-align:center;
}
div.container_openid div.openid_description {
	margin-top: 5px;
	text-align: left;
}
table.table_data_simple{
	width:100%;
	margin:auto;
	table-layout:fixed;
	border-collapse:collapse;
}
div.creationfam {
	padding-top: 30px;
}

#form_demande .bloc_flash_info {
	 /*width: 100%;*/
}
div.column3x4div{
	display:inline-block;
	width:75%;
}
div.column4div{
	display:inline-block;
	width:25%;
}
.chp_transport_obligatoire{
	background-color: #e0e0e0;
}
.card-contact .card-body label{
	width: 100% !important;
}

div.contact_content div.column1div > select {
	width: 95%;
	display: block;
}
div.contact_btn  {
	height:50px;
	line-height: 50px;
}
div.contact_selected {
	background-color: #f2f2f2;
}
div.contact_list {
	width: 25%;
	height:100px;
	display: inline-block;
	vertical-align: top;
	margin-right: 35px;
}
div.contact_content {
	vertical-align: top;
	width: 98%;
	display: inline-block;
}
div.contact_fiche {
	width:49%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0.8em;
}
div.contact_fiche > label{
	width:40%;
	display:inline-block;
} 
div.contact_fiche > select{
	width:85%;
	display:inline-block;
} 
div.contact_fiche > input{
	width:100%;
	display:inline-block;
}
div.contact_display {
	display:flex;
	flex-direction: column;
}
div.contact_display div.column1div {
	margin-bottom: 0px;
}
div.contact_display_none {
	display:none;
}
div.contact_delete {
	margin-top: 25px;
	color: #FF0000;
	display:block;
}
div.contact_fiche_title {
	text-align: left;
}
div.contact_list_title {
	text-align: center;
}
div.contact_BO div.contact_list {
	width: 100%;
	margin-bottom: 20px;
}
div.contact_BO div.contact {
	width:90%;
}
div.contact_BO div.contact_btn  {
	width: 30%;
	min-width: 30%;
	display: inline-block;			
}
div.contact_BO div.contact_content {
	width: 100%;
}
div.contact_BO div.contact_fiche {
	width:95%;
	padding-left: 5%;
}
div.contact_BO div.contact_content div.column1div > label{
	width:40%;
	display:inline-block;
}
div.contact_BO div.contact_fiche > label{
	width:25%;
	display:inline-block;
	width:80%;
	height:35px;
	line-height: 35px;
	vertical-align: middle;
	text-indent:15px;
}
.description_opt_contact_visu{
	font-style: italic;
	font-weight: normal;
}
div.listpai_col_hidden {
	display: none;
}
div.listpai_col {
	width: 15%;
}
div.listpai_col_lib {
	width: 38%;
}
div.titre_calend{
	width:37%;
	display:inline-block;
	text-align:center;
}
div.calendusa_line_id, div.calendusa_line_info_id, div.calendusa_line_opt{
	width:98%;
	padding-left: 1%;
	padding-right: 1%;
}
div.calendusa_line_id_opt{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5%;
	width:94%;
}
div.calendusa_line_id_opt_a{
	text-align:right;
}
div.calendusa_line_action_mois_libelle {
	display: inline-block;
	width: 80%;
	text-align: right;
	margin-bottom: 15px;
}
div.calendusa_line_action_mois_check {
	display: inline-block;
	width: 10%;
	padding-left: 20px;
}
div.calendusa_line_opt_day{
	display:block;
}
div.calendusa_soustitre {
	font-weight: bold;
	width:70%;
	display:inline-block;
}
div.calendusa_line_week{
	
}
div.calendusa_line_day div{
	display:inline-block;
}
div.calendusa_bloc_line_info{
	display:inline-block;
	width:16%;
}
div.calendusa_bloc_week, div.calendusa_bloc_week_first,
div.calendusa_bloc_week_un_jour, div.calendusa_bloc_week_first_un_jour {
	display:inline-block;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.calendusa_bloc_centre{
	display:inline-block;
	width:58%;
}
div.calendusa_bloc_numsemaine{
	display:inline-block;
	width:42%;
}
div.calendusa_bloc_lieu{
	display:inline-block;
	width:42%;
}
div.calendusa_week_day{
	text-align:center;
	display:inline-block;
	width:14%;
	vertical-align: top;
}
div.calendusa_week_day_lineaire{
	text-align:center;
	display:inline-block;
}
div.calendusa_line_info_head, div.calendusa_line_info_data {
	width:99%;
	display: inline-block;
}
div.calendusa_line_info_presta, div.calendusa_line_info_presta_data{
	width:49%;
	padding-left:1%;
}
div.calendusa_line_info_presta.calendusa_no_tarif, div.calendusa_line_info_presta_data.calendusa_no_tarif{
	width:73%;
	padding-left:1%;
}
div.calendusa_line_info_presta.calendusa_no_action, div.calendusa_line_info_presta_data.calendusa_no_action{
	width:74%;
	padding-left:1%;
}
div.calendusa_line_info_presta.calendusa_no_tarif.calendusa_no_action, div.calendusa_line_info_presta_data.calendusa_no_tarif.calendusa_no_action{
	width:99%;
	padding-left:1%;
}
div.calendusa_line_id_opt_action {
	text-align: right;
	padding-right: 15%;
	font-weight: bold;
	margin-bottom: 15px;
	width: 85%;
}
div.calendusa_line_id_opt_action_check .list_option_ul li{
	list-style: none;
	margin-bottom: 10px;
}
div.calendusa_line_info_tarif, div.calendusa_line_info_tarif_data{
	width:25%;
	text-align:center;
	padding-right:1%;
	display: inline-block;
	vertical-align: baseline;
}
div.calendusa_line_info_action, div.calendusa_line_info_action_data {
	width:95%;
	padding-left:1%;
	text-align: right;
	display: inline-block;
}
div.calendusa_line_info div{
	display:inline-block;
}
div.calendusa_line_info {
	flex: auto;
	flex-basis: content;
}
div.calendusa_line_info div.calendusa_no_visible{
	visibility:hidden;
}
div.calendusa_line_info div.calendusa_no_display{
	display:none;
}
div.calendusa_head {
	height:45px;
	vertical-align:baseline;
	box-sizing: border-box;
}
div.calendusa_no_display{
	display:none;
}
div.calendusa_100{
	width:100%;
}
div.calendusa_50{
	width:50%;
}
div.calendusa_line_info{
	display:inline-block;
	width:60%;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.calendusa_line_head {
	width:100%;
	font-weight:bold;
}
div.calendusa_week_head{
	text-align:center;
	width:100%;
}
div.calendusa_line_head div{
	display:inline-block;
}
div.calendusa_week, div.calendusa_week_first, 
div.calendusa_week_un_jour, div.calendusa_week_first_un_jour {
	display:inline-block;
	width:40%;
	vertical-align: top;
}
div.calendusa_line_info .calendusa_no_display{
	display:none;
}
div.calendusa_line_info div {
	padding-left: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*height: auto;*/
}
div.calendusa_line_info_action input[type=checkbox],div.calendusa_line_info_action_data input[type=checkbox] ,div.calendusa_day_data input[type=checkbox], div.calendusa_line_info_tarif_data ,div.calendusa_day_data img{
	vertical-align:middle;
}
div.calendusa_line_info_data div{
	vertical-align:top;
}
div.calendusa_line_info_data, div.calendusa_line_info_data {
	height: 40.8px;
	box-sizing: border-box;
}
div.calendusa_day_data,div.calendusa_line_info_action_data, div.calendusa_line_info_tarif_data{
	line-height:40.8px;
}
div.calendusa_day_data{
	height:40.8px;
}
.calendusa_coche_semaine {
	vertical-align: top;
}
div.calend_semaine_entete, .calend_date_semaine {
	display:none;
}
div.list_event_hidden, div.list_event_hidden_obs {
	display: none;
}
div.list_event_date {
	width:10%;
	vertical-align: top;
	text-indent: 5px;
}
div.list_event_ref{
	width:10%;
	vertical-align: top;
}
div.list_event_type{
	width:35%;
	vertical-align: top;
}
div.list_event_obs {
	width:45%;
	vertical-align: top;
}
div.recurrence_table{
	width:100%;
}
div.recurrence_entete{
	width:49%;
	display:inline-block;
}
div.recurrence_body{
	width:49%;
	display:inline-block;
}
div.recurrence_entete_pc{
	display:inline-block;
}
div.recurrence_entete_tablette{
	display:none;
}
div.recurrence_jour{
	text-align:center;
	width:14%;
	display:inline-block;
}
div.recurrence_jour_entete{
	text-align:center;
	width:14%;
	display:inline-block;
}
div.recurrence_fond{
	padding:20px;
}
div.button_recurrence_left{
	width:25%;
	display:inline-block;
	float:left;
	margin-bottom:10px;
}
div.button_recurrence_center{
	width:40%;
	display:inline-block;
	margin-bottom:10px;
}
div.button_recurrence_rigth{
	width:25%;
	display:inline-block;
	float:right;
	padding-right:2.5%;
	margin-bottom:10px;
}
div.recur_button_cont{
	margin-left:50%;
	width:50%;
}
div.recurrence_coche{
	vertical-align:middle;
}
div.recur_service_tablette{
	line-height:20px;
}
div.recur_enreg_bas_left{
	width:25%;
	display:inline-block;
	float:left;
	margin-bottom:10px;
}
div.recur_enreg_bas_center{
	width:40%;
	display:inline-block;
	margin-bottom:10px;
}
div.recur_enreg_bas_right{
	width:25%;
	display:inline-block;
	float:right;
	padding-right:2.5%;
	margin-bottom:10px;
}
div.recur_bouton_ouverture{
	margin-left:55.5%;
	width:40%;
}
div.recur_button_retour{
	width:30%;
	float:right;
}
div.separateur{
	display:none;
}
label.recur_label_date{
	width:20%!important;
}

.radio_label{
	display: inline-block;
	width:40%;
	margin-left: 2%;
}

.menu_admin_btn .bt_messageboard_a{
	text-align:left !important;
}
.bt_messageboard_a{
	max-height:55px;
}
.bt_messageboard_a img{
	max-height:32px;
}
	
.menu_admin_btn{
	position: fixed;
	width:24%;
	margin-right:1%;
	right:0;
}
.container_page_admin{
	width:74%;
	margin-left:1%;
}

#calend_inscription_change_mois {
	display: flex;
	flex-direction: row;
}

#calend_inscription_change_mois .div_bt_messageboard_a,
#calend_inscription_change_mois .div_bt_messageboard_d {
	flex: 1 0 0;
}

/********************  CSS SPECIFIQUE AU STATISTIQUES  ***************/

.statistique {
	padding: 0% 4%;
	width: calc(98% - 8%);
	background-color: transparent;	
}
.statistique .titre {
	width:40%;
	display: inline-block;
}
.statistique .btn_charger, .statistique .btn_fermer_et_ouvretab {
	width:55%;
	display: inline-block;
}
.statistique .displaynone {
	display: none;
}
.reservations_famille .column1div > select{
	width: 60%;
}
.reservations_famille .column1div > label{
	width: 40%;
}
.reservations_famille .reservations_famille_body, .reservations_famille .reservations_famille_header {
	margin-bottom: 40px;
	padding: 1%;
}
.reservations_famille .reservations_famille_header {
	margin-bottom: 15px;
}


.openid_identifiant_error {
	color:#FF0000;
	margin: 20px 5px;
}


/********************  CSS SPECIFIQUE AU VALIDATION FORMULAIRES  ***************/

/* Personnalisation du champs si celui-ci est obligatoire et non renseigne dans les formulaires */

.form_champ_erreur{
	 /*border:1px solid red; */
}

/* Personnalisation du champs si celui-ci est modifie dans les formulaires */

.form_champ_modifie{
	background-color: white !important;
    border: 1px solid green;
}

/* Personnalisation de la valeure avant modification dans le suivi des demandes  */

.champ_avant_modif {
	/*color:red;*/
}

/* Personnalisation de la valeure apres modification dans le suivi des demandes  */
.champ_apres_modif {
	/*color:green;*/
}

/* Personnalisation du nom du champ modifie dans le suivi des demandes  */
.champ_modifie { 
	/*font-weight: bold;*/
}
.ariane_thread br {
	display: none;
}


#bloc_info_enfant div.fiche2div .column1div > label{
	width:35%;
}

#bloc_info_enfant div.fiche2div .column1div > select, #bloc_info_enfant div.fiche2div .column1div > input {
	width:60%;
}

#bloc_info_enfant div.fiche2div .column1div > input[type=checkbox], #bloc_info_enfant div.fiche2div .column1div > input[type=radio] {
	width:auto;
}

.bloc_assurance .column1div > select, .bloc_assurance .column1div > input {
	width:60%;
}

.bloc_assurance .column1div > input[type=checkbox],.bloc_assurance .column1div > input[type=radio] {
	width:auto;
}

.bloc_assurance .column1div > label {
	width: 35%;
}
.formulaire_caf  .column1div > select,.formulaire_caf .column1div > input ,.formulaire_caf .column1div > input[type=checkbox],.formulaire_caf .column1div > input[type=radio],.formulaire_caf .column1div > input[type=text]{
	width:60%;
}
div.column2div > label:only-child, div.column1divline > label:only-child, div.column2divline label:only-child, div.column2divcreafam20 label:only-child, div.column2divcreafam80 label:only-child {
	width: 100%;
}
div.col_lib_dossier_porte_document {
	vertical-align: top;
}
div.col_nom_fichier_porte_document {
	vertical-align: top;
}
div.col_type_fichier_porte_document {
	vertical-align: top;
}
div.col_consult_dossier_porte_document {
	/*width:20%;*/
}
div.col_date_demande_porte_document {
	vertical-align: top;	
	text-align: left;
}
div.col_sujet_porte_document {
	vertical-align: top;	
	text-align: left;
}
div.col_action_porte_document {
	vertical-align: top;	
	text-align: center;
}
div.col_type_flux_porte_document {
	text-align: center;
	vertical-align: top;	
}		
div.col_supp_dossier_porte_document {
	/*width:20%;*/
}		
.col_lib_porte_document_hidden, .col_nom_fichier_porte_document_hidden, .col_type_fichier_porte_document_hidden, .col_date_demande_porte_document_hidden, .col_sujet_demande_porte_document_hidden , .col_type_flux_porte_document_hidden {
	display:none !important;
}
.ckeditor_zone_modifiable{
	background:url(../image/pencil.png) no-repeat;
	background-color: white;
	padding-left:16px;
}

.ckeditor_zone_modifiable::before{
	background:url(../image/pencil.png);
}

div.cke_textarea_inline{
	border:1px solid transparent;
	margin-left: 8px;
}
div.cke_textarea_inline::before{
	content: "";
	display:inline-block;
	position: relative;
	height:16px;
	width:16px;
	background:url(../image/pencil.png);
	margin-left: -18px;
}
div.cke_textarea_inline:hover{
	border:1px dotted grey;
	cursor:pointer;
}
div.cke_textarea_inline.cke_focus{
	border:1px dotted green;
	cursor:inherit;
}

#patiente_libelle, #patiente_msg_etape, #patiente_msg_act, #msg_progression_maj_base {
    top: 60%;
    position: absolute;
    margin: auto;
    width: 98%;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px !important;
}
#patiente_msg_etape {
	top: calc(60% + 1em);
}
#patiente_msg_act {
	top: calc(60% + 2em);
}
#msg_progression_maj_base {
	top: calc(60% + 3em);
}

.loadding-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #162c35ed;
}
.cssload-box-loading {
  width: 49px;
  height: 49px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.cssload-box-loading:before {
  content: '';
  width: 49px;
  height: 5px;
  background: #000000;
  opacity: 0.1;
  position: absolute;
  top: 58px;
  left: 0;
  border-radius: 50%;
  animation: shadow 0.58s linear infinite;
  -o-animation: shadow 0.58s linear infinite;
  -ms-animation: shadow 0.58s linear infinite;
  -webkit-animation: shadow 0.58s linear infinite;
  -moz-animation: shadow 0.58s linear infinite;
}
.cssload-box-loading:after {
  content: '';
  width: 49px;
  height: 49px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  animation: cssload-animate 0.58s linear infinite;
  -o-animation: cssload-animate 0.58s linear infinite;
  -ms-animation: cssload-animate 0.58s linear infinite;
  -webkit-animation: cssload-animate 0.58s linear infinite;
  -moz-animation: cssload-animate 0.58s linear infinite;
}

#date_effet_deb {
    width: 100px;
}

.page_liste_inscriptions input, .page_liste_inscriptions select {
	width: 100%;
	max-width: calc(100% - 20px);
}

@keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@-o-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -o-transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }
  75% {
    -o-transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -o-transform: translateY(0) rotate(90deg);
  }
}
@-ms-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -ms-transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }
  75% {
    -ms-transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -ms-transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
  }
}
@-moz-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -moz-transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }
  75% {
    -moz-transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -moz-transform: translateY(0) rotate(90deg);
  }
}
@keyframes shadow {
  0%,
  100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}
@-o-keyframes shadow {
  0%,
  100% {
    -o-transform: scale(1, 1);
  }
  50% {
    -o-transform: scale(1.2, 1);
  }
}
@-ms-keyframes shadow {
  0%,
  100% {
    -ms-transform: scale(1, 1);
  }
  50% {
    -ms-transform: scale(1.2, 1);
  }
}
@-webkit-keyframes shadow {
  0%,
  100% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1);
  }
}
@-moz-keyframes shadow {
  0%,
  100% {
    -moz-transform: scale(1, 1);
  }
  50% {
    -moz-transform: scale(1.2, 1);
  }
}

.div_patienter {
	background-color:#666666;
	position:absolute;
	top: 0px;
	left: 0px;
	width:100px;
	height:100px;
	z-index:100;
	opacity : 0.2;
	filter : alpha(opacity=20);
}

.photo_id_charge {
	width: 108px !important;
	height: 132px !important;
}

#modif_fiche_demande .photo_id_charge {
	max-width: 100% !important;
	height: auto !important;
	width: 108px !important;
}

.bloc_photo_usager{
	text-align: center;
	width:50%;
}
/****************PANIER ***************/

.ligne_panier{
	font-weight: bold !important;
}

.ligne_act_param:hover{
	background-color: #e5efff;
}
.entete_col_param_ac{
	font-weight: bold;
}

.panier_ligne_inscription_fin_insc td{
	border-top :1px dotted grey;		
}

.panier_ligne_inscription td{
	font-weight: bold;
	border-top :1px dotted grey;
	border-bottom :1px dotted grey;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	color:#3d698c;
	background-color: #eaf2ff;
}

.panier_ligne_inscription_enfant{
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	font-style: italic;
	font-weight: bold;
	height:30px;
	vertical-align: middle;
	background-color: #f9fbff;
	padding-left:10px;
		
}
.panier_ligne_jour_resa_insc td{
	background-color: #f9fbff;	
}
.panier_ligne_jour_resa .col1{
	border-left :1px dotted grey;		
}

.panier_ligne_jour_resa .col5{
	border-right :1px dotted grey;		
}
.panier_ligne_entete_inscription_modif{
	text-decoration: underline;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	background-color: #f9fbff;	
}
.panier_ligne_jour_resa_insc{
	font-weight: normal;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	color:#3d698c;
}

.panier_ligne_jour_resa_insc .col1{
	border-left :1px dotted grey;
	font-style: italic;	
}
.panier_ligne_jour_resa_insc .col5{
	border-right :1px dotted grey;
	font-style: italic;	
}

.panier_ligne_enfant_resa_seule{
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	font-style: italic;
	font-weight: bold;
	height:30px;
	vertical-align: middle;
	background-color: #f9fff9;
	padding-left:10px;
}

.panier_ligne_jour_resa td{
	border:0px !important;
}

.panier_ligne_fin_bloc_inscription{
	border-top :1px dotted grey;				
}

.ligne_resa_simple .col1{
	border-left :1px dotted grey;							
}
.ligne_resa_simple td{
	background-color: #f9fff9;						
}

.ligne_resa_simple .col5{
	border-right :1px dotted grey;							
}
.ajout_ligne_insc .col1{
	border-left :1px dotted grey;							
}

.ajout_ligne_insc .col5{
	border-right :1px dotted grey;							
}
.ajout_ligne_insc td{
	background-color: #f9fbff;							
}
.fin_ligne_resa_seule {
	border-top :1px dotted grey;								
}


.panier_ligne_entete_resa_seule{
	font-weight: bold;
	border-top :1px dotted grey;
	border-bottom :1px dotted grey;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	color:#3d8c4c;
	background-color: #eafff1;	
}

.panier_ligne_inscription_differe td{
	font-weight: bold;
	border-top :1px dotted grey;
	border-bottom :1px dotted grey;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	color:#7c3d8c;
	background-color: #f9eaff;
}

.panier_ligne_inscription_enfant_differe{
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	font-style: italic;
	font-weight: bold;
	height:30px;
	vertical-align: middle;
	background-color: #fff9fe;
	padding-left:10px;
		
}
.panier_ligne_jour_resa_insc_differe td{
	background-color: #f9fbff;	
}
.panier_ligne_jour_resa_differe .col1{
	border-left :1px dotted grey;		
}

.panier_ligne_jour_resa_differe .col5{
	border-right :1px dotted grey;		
}
.panier_ligne_entete_inscription_modif_differe{
	text-decoration: underline;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	background-color: #fff9fe;	
}
.panier_ligne_jour_resa_insc_differe{
	font-weight: normal;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	color:#7c3d8c;
}

.panier_ligne_jour_resa_insc_differe .col1{
	border-left :1px dotted grey;
	font-style: italic;	
}
.panier_ligne_jour_resa_insc_differe .col5{
	border-right :1px dotted grey;
	font-style: italic;	
}

.panier_ligne_enfant_resa_seule_differe{
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	font-style: italic;
	font-weight: bold;
	height:30px;
	vertical-align: middle;
	background-color: #fff9f9;
	padding-left:10px;
}

.panier_ligne_jour_resa_differe td{
	border:0px !important;
}

.panier_ligne_fin_bloc_inscription_differe{
	border-top :1px dotted grey;				
}

.ligne_resa_simple_differe .col1{
	border-left :1px dotted grey;							
}
.ligne_resa_simple_differe td{
	background-color: #fff9f9;						
}

.ligne_resa_simple_differe .col5{
	border-right :1px dotted grey;							
}
.ajout_ligne_insc_differe .col1{
	border-left :1px dotted grey;							
}

.ajout_ligne_insc_differe .col5{
	border-right :1px dotted grey;							
}
.ajout_ligne_insc_differe td{
	background-color: #fef9ff;							
}
.fin_ligne_resa_seule_differe {
	border-top :1px dotted grey;								
}


.panier_ligne_entete_resa_seule_differe{
	font-weight: bold;
	border-top :1px dotted grey;
	border-bottom :1px dotted grey;
	border-left :1px dotted grey;
	border-right :1px dotted grey;
	color:#8c3d3d;
	background-color: #ffeaea;	
}

/**************** FIN PANIER ***************/

/********************** DEBUG **********************/
.debug_info{
	width: 500px;
	height: 100px;
	position:absolute;
	z-index:300;
	background-color: #f9fbff;	
	border:0px;
	opacity: 0.6;

}
.debug_info .col1{
	font-weight: bold;
}
.debug_info_donnees{
	width: 100%;
}
/********************** FIN DEBUG **********************/



/********************** SANITAIRE **********************/
div.sanitaire_lib {
	display: none; 
}

div.sanitaire_bloc{
	display:inline-block;
	vertical-align: top;
}

div.sanitaire_data_vaccin {
	padding-top: 2px;
	padding-bottom: 2px;
}
div.sanitaire_lib_vaccin {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fiche_sanitaire_valide{
	color :green;
}

.fiche_sanitaire_expire{
	color :red;
}

.fiche_sanitaire_non_saisie{
	color :red;
}
.fiche_sanitaire_transmise{
	color :orange;
}
/********************** FIN SANITAIRE **********************/



/************************* AJOUT MEDECIN  ***********/
.bloc_medecin{
	width:100% !important;
}

.bloc_medecin_titre, .bloc_medecin_soustitre, .bloc_medecin_liste{
	width: 80%; 
}

.bloc_medecin_ajout{
	width: 100%; 
}

.bloc_medecin_supprimer{
	width: 20%; 
	text-align: right;
}

.bloc_medecin_liste{
}

.bloc_medecin_civilite label{
	width:15% !important;
}

.bloc_medecin_civilite select{
	width:75% !important;
}
.bloc_medecin_nom label{
	width:15% !important;
}
.bloc_medecin_nom input{
	width:75% !important;
}
.bloc_medecin_prenom label{
	width:15% !important;
}

.bloc_medecin_prenom input{
	width:75% !important;
}
.bloc_medecin_tel label{
	width:15% !important;
}

.bloc_medecin_tel input{
	width:75% !important;
}
.bloc_medecin_libelle_ajout label{
	width:15% !important;
}
.bloc_medecin_libelle_ajout select{
	width:76% !important;
}

/************************* FIN  AJOUT MEDECIN  ***********/


.column1div .col_data{
	width:74%;
	display:inline-block;
}

.column1div .col_option{
	width:25%;
	display:inline-block;
}
.msg_erreur_action{
	text-align: center;
	font-style: italic;
}

/************************* AJOUT AMI  ***********/

#bloc_fiche_ami .column2div > label{
	width:35%;
}

#bloc_fiche_ami .column2div > select,#bloc_fiche_ami .column2div > input ,#bloc_fiche_ami .column2div > input[type=checkbox],#bloc_fiche_ami .column2div > input[type=radio],#bloc_fiche_ami .column2div > input[type=text] {
	width:60%;
}

#bloc_fiche_ami textArea {
	width:100%;
	height: 100px;
}

.jour_cal_ami {
	width: 11%;
	display: inline-block;
	text-align: center;
}
.ligne_cal_ami {
	height: 30px;
}

.div_titre_dispo_agrement {
	padding-top: 10px;
}

.ami_lib_age, .ami_lib_particularite, .ami_lib_commentaires {
	display:none;
}

.div_ami_commentaire_dispo textarea {
	width: 100%;
}

.ami_data_age, .ami_data_particularite, .ami_data_commentaires, .ami_data_supprimer, .ami_entete_age, 
.ami_entete_particularite, .ami_entete_commentaires, .ami_entete_supprimer {
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	margin:auto;
	margin-bottom:0.8em;
}

.ami_dispo_creneau_h, .ami_dispo_jour {
	display: inline-block;
	width: 12%;
	vertical-align: middle;
}
.ami_dispo_commentaire {
	display: inline-block;
	width: 84%;
	vertical-align: text-bottom;
}
.ami_dispo_commentaire textarea {
	width: 100%;
}
.ami_dispo_lib_cre, .ami_dispo_lib_jour {
	display:none;
}
.ami_dispo_data_cre, .ami_dispo_creneau, .ami_dispo_data_jour {
	display: inline-block;
	width: 100%;
	text-align: center;
	height: 30px;
}
.ami_dispo_img {
	width: 20px;
	height: 20px;
	padding: 2px;
	cursor: pointer;
}

.ami_act_entete_lib, .ami_act_entete_modif, .ami_act_entete_date, .ami_act_entete_enfant, .ami_act_entete_lieu, .ami_act_entete_animateur, 
.ami_act_lib, .ami_act_modif, .ami_act_date, .ami_act_enfant, .ami_act_lieu, .ami_act_animateur {
	display: inline-block;
	vertical-align: top;
}
.ami_act_resp_lib, .ami_act_resp_modif, .ami_act_resp_date, .ami_act_resp_enfant, .ami_act_resp_lieu, .ami_act_resp_animateur {
	display: none;
	vertical-align: top;
}
.ami_act_entete_lib, .ami_act_lib {
	width: 30%;
	flex: 1 0 30%;
}
.ami_act_entete_modif, .ami_act_modif {
	width: 10%;
	flex: 1 0 10%;
}
.ami_act_entete_date, .ami_act_date {
	width: 20%;
	flex: 1 0 20%;
}
.ami_act_entete_enfant, .ami_act_enfant {
	width: 20%;
	flex: 1 0 20%;
}
.ami_act_entete_lieu, .ami_act_entete_animateur, .ami_act_lieu, .ami_act_animateur {
	width: 20%;
	flex: 1 0 20%;
}
/************************* FIN  AJOUT AMI  ***********/


/************************* GESTION DOSSIERS ET PIECES  ***********/


#DossierPieces input[type="file"],
.bloc_piece_complet input[type="file"] {
	display: inline-block;
	opacity: 0;
	z-index: 99;
	margin-top: 10px;
	cursor:pointer;
	visibility:hidden !important;
}

.nouvelle_piece_ajoute{
	background-color:#28a333 !important;
	border-color: #217a29 !important;
}

.nouvelle_piece_remplacee{
	background-color:#e07a04 !important;
	border-color: #a35903 !important;
}

.nouvelle_piece_ajoute_erreur{
	background-color:#a22828 !important;
	border-color: #7a2020 !important;
}

.formulaire_en_cours{
	color:grey;
	padding-left:25px;
	font-style: italic;
}

.page_formulaire{
	background-color:#FFFFFF;
}

.icone_svg_compo_foyer{
	width:25px;
	height:25px;
	padding-left:10px;
	vertical-align:middle;
	fill: currentColor;
	color: grey;
	float:left;
}
.texte_compo_foyer{
	float:left;
	margin-left:2%;
}

.etat_1{
	color:black;
}
.etat_6, .etat_2{
	color:green;
}
.etat_16{
	color:black;
}
.etat_11, .etat_13, .etat_99{
	color:grey;
}
.etat_4, .etat_12, .etat_15{
	color:orange;
}

.etat_3, .etat_17, .etat_18{
	color:red;
}
.custom-file-upload, .custom-file-upload-erreur {
	position:relative;
	display: inline-block;
	cursor: pointer;
	width: 100%;
	padding-top:10px;
	padding-right:20px;
	vertical-align:middle;
	text-align:center;
	float:left;
}


.msg-board-coche, .msg-board-coche-archive{
	vertical-align:top;
	padding-top:2px;
	padding-left:5px;
}

.msg-board-coche-archive{
	margin-left:10px;
}

.demande-board-coche, .demande-board-coche-archive{
	vertical-align:top;
	padding-top:2px;
	padding-left:5px;
}

demande-board-coche-archive{
	margin-left:10px;
}

.calhebdo_ferme {
	background-color:red;
}

.admin_fiche_assurance_label{
	width:20%;
	display:inline-block;
	float:left;
}
.nouvelle_piece_ajoute{
	background-color:#28a333 !important;
	border-color: #217a29 !important;
	color: #FFFFFF !important;
	min-height: 40px;
}
.nouvelle_piece_remplacee{
	background-color:#e07a04 !important;
	border-color: #a35903 !important;
	color: #FFFFFF !important;
	min-height: 40px;
}
.nouvelle_piece_ajoute_erreur{
	min-height: 40px;
	color: #FFFFFF !important;
}


.bloc_abscence{
	color:#000000;
	max-height:15px;
	min-height:15px;
	font-size:10px;
	line-height:10px;
}

.module_dossier_piece .column1div{
	margin-bottom:0px !important;
}

.module_dossier_piece .column2div{
	margin-bottom: 2px !important;
    min-height: 20px;
}
.module_dossier_piece .column2div select, 
.module_dossier_piece .column2div input {
	box-sizing: border-box;
}
.module_dossier_piece .entete_secondaire{
	padding-left:0;
	padding-right:0;
	box-sizing:content-box;
}
.msg_dossier_en_cours_traitement{
	font-weight: normal;
}

.admin_param_mail_inscription select:disabled {
	background: #dddddd !important;
}

.entete_panier_cours{
	background : red;
	color: white;
	text-align:center;
	width:100% !important;
}

.column_recap_img_1 {
	display: inline-block;
	width: 74px;
	text-align: center;
	vertical-align: middle;
}
.column_recap_img_2 {
	display: inline-block;
	width: calc(95% - 74px);
	vertical-align: middle;
}

.modification_en_cours {
	color: orange;
}

a.demande_transmise {
	color: orange;
}
a.demande_invalide {
	color: red;
}
a.demande_valide {
	color: green;
}
a.demande_a_completer {
	color: orange;
}

.contenu_panier_col3_rd, .contenu_panier_col4_rd, .contenu_panier_col5_rd {
	display: none;
}

.action_dossier_piece_btn{
	width:350px;
}

.action_dossier_piece_btn_mini{
	width:160px;
}

.action_dossier_piece_btn img, .action_dossier_piece_btn_mini img{
	width:15px;
}



#div_resize {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #000;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');

  overflow-x: hidden;
  transition: 0.5s;
}

#div_image_resize {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

#div_resize a:hover, .overlay a:focus {
  color: #f1f1f1;
}

#div_resize .closebtn {
  position: absolute;
  right: 45px;
  font-size: 30px;
}


.TS_suivi_piece_action_impossible{
	font-style: italic;
	width:100%;
	padding-left:10%;
	padding-top:10px;
	padding-bottom:10px;
}

#tab_critere input[type=checkbox] {
		width: 100% !important;
}

.bloc_dossier_piece{
	margin-bottom:0em !important;
}

.compteur_heure_babi{
	padding-left : 5px;	
}

.compteur_heure_babi span{
	font-weight: bold;
	float:right;
	padding-right : 5px;
}

.compteur_msg_seuil{
	
}

.nb_transaction_attente {
	float:right;
	background-color: #DB4437;
	color:#FFFFFF;
	font-weight: bold;
	border-radius: 10px;
	width:40px;

	text-align:center;
}

.id_perso_pan {
	display: inline-block;
	width: 75% !important;
	vertical-align: top;
}
.id_perso_pan2 {
	display: inline-block;
	width: 25% !important;
	vertical-align: top;
}
.id_haut_tot, .id_haut_tot2 {
	width: 100%;
}
.titre_bandeau_demande_completer{
	background-color: red;
	color:white;
}

.icone_info_champ{
	width:20px;
	height:20px;
	cursor:help;
	
}

.lib_sstot_regie {
	padding: 10px 0px;
}

.lib_sstot_montant_regie {
	display: inline-block;
}

.lib_sstot_avoir_regie {
	display: inline-block;
	min-width: 220px;
}

.lib_sstot_montant_paie_regie {
	font-weight: bold;
	display: inline-block;
}

.lib_sstot_avoir_paie_regie {
	font-weight: bold;
	display: inline-block;
	min-width: 220px;
}

.lib_total_regie {
	font-weight: bold;
}

#alerte {
	text-align: center;
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	width:25%;
	position:fixed;top:25%;
	left:38%;
	z-index:9;
	background-color: #fff !important;
}
#alerte .titre {
	font-size: 25px;
}
#alerte .titre:before, #alerte .titre:after {
	display: none;
}

.oeil_mdp {
	height: 18px;
	vertical-align: text-bottom;
	margin-left: -20px;
}

#portail_motdepasse .oeil_mdp {
    height: 1.5rem;
    transform: translate(-50%, -1.5rem);
}

.liste_demande_BO .bloc_flash_info {
	width: 100% !important;
}

body li, body ul {
	list-style: disc inside;
}

.x-panel li, .x-panel ul, nav .menu ul, nav .menu li {
	list-style: none;
}


button#cookiesBtn {
	margin-left: 0px !important;
}

/* Consentement cookies */

#gdpr-cookie-message {
	position: fixed;
	right: 30px;
	bottom: 30px;
	max-width: 375px;
	background-color: #F3F1F1;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 6px 6px rgba(0,0,0,0.25);
	margin-left: 30px;
	z-index:200;
}
#gdpr-cookie-message .cookie_type_titre {
	color: #4e92c7;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
#gdpr-cookie-message #sous_titre_msg {
	color: #4e92c7;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
	color: black;
	font-size: 15px;
	line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
	margin-bottom: 0;
	text-align: right;
}
#gdpr-cookie-message li {
	width: 100%;
	margin-top:15px;
	display: inline-block;
}
#gdpr-cookie-message a {
	color:#4e92c7;
	text-decoration: none;
	font-size: 15px;
	padding-bottom: 2px;
	border-bottom: 1px dotted rgba(255,255,255,0.75);
	transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
	color: white;
	border-bottom-color: red;
	transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#cookiesBtn {
	border: none;
	background: #4e92c7;
	color: white;
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	padding: 7px;
	border-radius: 3px;
	margin-left: 15px;
	cursor: pointer;
	transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
	background: white;
	color: #4e92c7;
	transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
	background: white;
	color: #4e92c7;
}
#gdpr-cookie-message button:disabled {
	opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
	float: none;
	margin-top: 0;
	margin-right: 5px;
}

.tableau_bord{
	box-sizing: border-box;
	padding-left:85px;
	padding-top:10px;
}

.bloc_tableau_bord{
	float:right;
}

.entete_bloc_legende_tableau_bord{
	font-weight: bold;
	padding-bottom:5px;
}
.description_bloc_legende_tableau_bord .text_description{
	float:left;
	padding-left:10px;
	width: calc(100% - 18px);
}

.description_bloc_legende_tableau_bord .text_description_long{
	float:left;
	padding-left:10px;
	/* width: calc(100% - 18px); */
}

.description_bloc_legende_tableau_bord .demande_valide{
	width:8px;
	height:8px;
	display:block;	
	background-color: green;
	float:left;
	margin-top:5px;
}
.description_bloc_legende_tableau_bord .demande_transmise{
	width:8px;
	height:8px;
	display:block;	
	background-color: orange;
	float:left;
	margin-top:5px;	
}
.description_bloc_legende_tableau_bord .demande_invalide{
	width:8px;
	height:8px;
	display:block;	
	background-color: red;
	float:left;
	margin-top:5px;	
}
.description_bloc_legende_tableau_bord .etape_invalide{
	width:8px;
	height:8px;
	display:block;	
	background-color: #ff0000;
	float:left;
	margin-top:5px;	
}
.description_bloc_legende_tableau_bord .etape_valide{
	width:8px;
	height:8px;
	display:block;	
	background-color: #64a36e;
	float:left;
	margin-top:5px;	
}
.btn_dnc {
	background-color: white;
	color: rgb(31, 56, 100);
	font-size: 16px;
	cursor: pointer;
	margin: auto;
	width: fit-content;
	border-radius: 5px;
	border: 1px solid #5B71B8;
	border-bottom: 3px solid #5B71B8;
	font-weight: bold;
	text-align: center;
	padding: 6px 8px;
	display: flex;
	flex-direction: row;
}
.img_dnc {
	width: 1.625rem;
}
.text_dnc {
	margin: auto 5px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
	background: #fff;
	border: 1px solid #666;
	border-radius: 6px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
	color: #000;
	padding: 8px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-arrow-border {
	border-top-color: #666;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-arrow-background {
	border-top-color: #fff;
	top: -1px;
}

.bloc_btn_dnc{
	margin-top:15px;
	margin-left:20px;
	margin-bottom:15px;	
}

.bloc_erreur_injection_sql{
	background-color:red;
	color:white;
	text-align:center;
	margin-bottom:10px;
	height:25px;
	padding-top:5px;
	font-weight: bold;
}
.bloc_erreur_injection_sql a{
	background-color:red;
	color:yellow;
	text-align:center;
	font-weight: bold;
	text-decoration: underline;

}

.bloc_redirect_compte{
	border:1px solid #004b6e;
	float:right;
	background-color: #0372a6;
	color:#FFFFFF;
	font-weight: bold;
	border-radius: 10px;
	width:50%;
	margin:auto;
	text-align: center;
	
}

.popup_modif_url_preinsc_info {
	position:fixed;
	top: calc(50% - 200px);
	left: calc(50% - 350px);
	width:700px;
	z-index: 10;
}


input[type=password], input[type=textbox], input[type=text], select {
	max-width: calc(100% - 20px);
}

#div_log_pdo{
	width:350px;
	display:block;
	background-color:#d44 ;
	color:white;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 10px;
	padding-top: 10px;
	position:relative;
	z-index:5000;
	height:78px;
	font-size: 14px;
	margin-bottom:10px;
}
#div_log_pdo_detail{
	font-size: 14px;
	width:100%;
	display:none;
	background-color:#d44 ;
}

#div_log_pdo span{
	font-size: 10px;
	cursor:pointer;
	float:right;
	margin-right:10px;
}


#div_debug_info{
	width:350px;
	display:block;
	background-color:#4285F4 ;
	color:white;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 10px;
	padding-top: 10px;
	position:relative;
	z-index:5000;
	height:78px;
	font-size: 10px;
	margin-bottom:10px;
}

.div_debug_pdo_ico_temps{
	width:10px;
	height:10px;
	border-radius: 10px;
	float:left;
}

#div_debug_info hr{
	border:1px solid #FFFFFF;
}



#div_log_php{
	width:350px;
	display:block;
	background-color:#F4B400 ;
	color:white;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 10px;
	padding-top: 10px;
	position:relative;
	z-index:5000;
	height:78px;
	font-size: 14px;
	margin-bottom:10px;
}
#div_log_php_detail{
	font-size: 14px;
	width:100%;
	display:none;
	background-color:#F4B400 ;
}

#div_log_php span{
	font-size: 10px;
	cursor:pointer;
	float:right;
	margin-right:10px;
}

.log_back_office_menu_v2{
	margin-top:80px !important;
}

.refus_cookies{
	background-color:#FFFFFF ;
	width:50%;
	height:50%;
	position:absolute;
	z-index:99999;
	margin-left:25%;
	margin-right:25%;
	margin-top:10%;

}

.lib_adulte_hors_foyer{
	color:red;
}

.ligne_bo_pair{
	
}

.ligne_bo_impair{
	background-color: #ECECEC;
}
.infos_piece:empty {
	padding-top: 0px;
}

#DossierPieces div.docs-eng-file {
	padding-top: 0px;
}

#DossierPieces .ligne_piece .docs-eng-buttonSingle {
	padding-top: 0px;
	padding-bottom: 0px;
}

.id_haut_ico {
	margin-right: 5px;
}

.ico_famille{
	max-width: 64px;
}
.ico_usager{
	max-width: 34px !important;
}

#crea_adulte_message_erreur_second_resp{
	font-style: italic;
	color:red;
}

/*  Barre de progression pour les demandes */

.barre_progression{
	width:100%;
	text-align: center;
	display:inline-block;
	margin: 25px 0px;
}
.barre_progression hr{
	border: 1px dashed lightgray;
}

.barre_progression .bp_etape{
	min-height: 50px;
	padding-bottom: 10px;
	float:left;
	margin-top:-30px;
	color:black;	
}

.bp_etape .bp_div_arrondi{
	width:40px;
	height:40px;
	border-radius: 50%;
	margin:auto;
}

.bp_etape .bp_logo_etape{
	width:25px;
	height:25px;
	margin-top:5px;
	
}


.bp_etape .bp_desc_etape{
	color:grey;
	font-style: italic;
	font-size: 12px;
	padding-top:5px;
	overflow: hidden;
    text-overflow: ellipsis;
}

/************ Couleur des etapes **********/
.barre_progression .bp_etape_cours .bp_div_arrondi{
	border :1px solid #f57e00;
	background-color: #ff9b6e;
}
.barre_progression .bp_etape_effectue .bp_div_arrondi{
	border :1px solid #16ba31;
	background-color: #64a36e;
}
.barre_progression .bp_etape_prochaine .bp_div_arrondi{
	border :1px solid #5e5e5e;
	background-color: #adadad;
}


.barre_progression .bp_etape img {
	filter: invert(1);
}
.barre_progression .bp_etape_cours .bp_desc_etape {
	color:#000000;
	font-weight: bolder;
}


/******************************************/



.barre_progression .bp_taille_1 {
	max-width:100% ;
	width:100% !important;
}
.barre_progression .bp_taille_2 {
	max-width:50% ;
	width:50% !important;
}
.barre_progression .bp_taille_3 {
	max-width:33%;
	width:33%;
}
.barre_progression .bp_taille_4 {
	max-width:25%;
	width:25%;
}
.barre_progression .bp_taille_5 {
	max-width:20%;
	width:20%;
}
.barre_progression .bp_taille_6 {
	max-width:16%;
	width:16%;
}
.barre_progression .bp_taille_7 {
	max-width:14%;
	width:14%;
}
.barre_progression .bp_taille_8 {
	max-width:12%;
	width:12%;
}
.barre_progression .bp_taille_9 {
	max-width:11%;
	width:11%;
}
.barre_progression .bp_taille_10 {
	max-width:10%;
	width:10%;
}
.barre_progression .bp_taille_11 {
	max-width:9%;
	width:9%;
}

.bloc_preview_document{
	width:100px;
	height:100px;
	text-align: center;
	float:left;
}

.bloc_preview_document_ico{
	cursor:pointer;
}
.bloc_preview_document_ico img{
	width:80px;
	height:80px;
}

.bloc_preview_document_content{
	width:45%;
	position:absolute;
	z-index: 9999;
	min-height:800px;
	height:1200px;
	display:none;
	background-color: #545454;
}

.doc_preview_img{
	width:100%;
	height:1200px;
	background-color: #545454;
}
.doc_preview_img img{
	margin:auto;
}
.doc_preview_entete img{
	float:right;
	margin-right:20px;
	cursor:pointer;
	padding-top:5px;
}
.doc_preview_entete {
	width:100%;
	height:50px;
	background-color: #323639;
}


.btn_fermer_preview{
	text-align:center;
	width:100%;
	font-weight: bold;
	color:#fff;
	cursor:pointer;
    margin: 5px 0px !important;
}

#menu_raccourci {
  position: fixed;
  right: 0;
  top: 50%;
  width: 200px;
  margin-top: -2.5em;
  float:left;
  margin-right : -10px;
  cursor:pointer;
  background-color: #F4B400;
}

#menu_raccourci img {
	margin-top:10px;
	float:left;
}

#menu_raccourci .txt_menu {
	margin-top:20px;
	padding-left:10px;
}

.total_impaye{
	color: red;
	width:100%;
	text-align: center;
}

#bloc_info_saisi_revenu{
	font-style: italic;
	color:red;
	margin-top:10px;	
}
.demande_liste_attente{
	color:red;
	text-align: center;
}

.TD2_portail {
	text-align: center;
}

.TD2_portail a {
	width: calc(85% - 10px);
	padding: 3px 8px;
	margin-top: 6px;
	margin-bottom: 6px;
	box-sizing: border-box;
	display: inline-block;
}

.TD2_portail#portail_identifiant, .TD2_portail#portail_motdepasse{
	padding-bottom: 20px;
}

.usager_demande_cours, .photo_demande_cours, .infovar_demande_cours, .contact_demande_cours, 
.caf_demande_cours, .assurance_demande_cours, .sanitaire_demande_cours, .msg_dossier_en_cours_traitement {
	font-style: italic;
	padding: 10px 0px;
}

.doc_hors_connexion {
	position: absolute;
	right: 15%;
	padding: 10px;
	background-color: #eee;
	text-align: center;
}

.doc_hors_connexion_contenu {
	margin: 20px;

}

.mfc-button {
	width: 185px;
	height: 48px;
	background-color: transparent;
	background-image: url(dnc/bouton_mes_justificatifs.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	cursor:pointer;
}

.mfc-button:hover {
	background-image: url(dnc/bouton_mes_justificatifs_hover.png);
	cursor:pointer;

}

.confirm_sej_act, .confirm_sej_act_val {
	width: 40%;
	display: inline-block;
	box-sizing: border-box;
}

.confirm_sej_act_sans_tarif, .confirm_sej_act_val_sans_tarif {
	width: 60%;
	display: inline-block;
	box-sizing: border-box;
}

.confirm_sej_tarif, .confirm_sej_etat, .confirm_sej_tarif_val, .confirm_sej_etat_val {
	width: 20%;
	display: inline-block;
	box-sizing: border-box;
}
.confirm_sej_confirm, .confirm_sej_refus, .confirm_sej_confirm_val, .confirm_sej_refus_val {
	width: 10%;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}

.confirm_sej_act_resp, .confirm_sej_tarif_resp, .confirm_sej_etat_resp, .confirm_sej_confirm_resp, .confirm_sej_refus_resp {
	display: none;
	box-sizing: border-box;
}

.confirm_sej_act_resp, .confirm_sej_tarif_resp, .confirm_sej_etat_resp, .confirm_sej_confirm_resp, .confirm_sej_refus_resp {
	margin-bottom: 10px;
}

div.no_display_responsive {
	visibility: hidden;
}

/* CSS LIES TELESERVICE DEVIS */
.titre_info_devis{
	cursor:pointer;
}
.aucun_devis{
	color:red;
}
.aucun_choix_devis{
	color:orange;
}
.choix_devis{
	color:green;
}

.bloc_inscriptions_devis{
	width:100%;
}
.titre_info_devis:hover{
	text-decoration: underline;
}

.liste_act_titre_devis{
	width:100%;
	padding-top:30px;
	padding-bottom:10px;
}
.liste_act_titre_devis{
	font-weight: bold;
}


/*! IconCaptcha v3.0.1  */
.iconcaptcha-holder {
	position: relative;
	max-width: 330px;
	min-height: 50px;
	width: 99%;
	height: auto;   
	font-family: inherit;
	text-shadow: none;
	line-height: 1;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.iconcaptcha-holder a {
	text-decoration: none;
}
.iconcaptcha-holder.iconcaptcha-init {
	-webkit-transition: background 150ms linear;
	-o-transition: background 150ms linear;
	transition: background 150ms linear;
}
.iconcaptcha-holder.iconcaptcha-init:hover {
	-webkit-transition: background 150ms linear;
	-o-transition: background 150ms linear;
	transition: background 150ms linear;
}
.iconcaptcha-holder.iconcaptcha-init:hover .iconcaptcha-modal__body-circle {
	opacity: 0.75;
	-webkit-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body {
	cursor: pointer;
}
.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-circle {
	width: 20px;
	height: 20px;
	border: 4px solid #52b3d9;
	position: absolute;
	top: 17px;
	left: 19px;
}
.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-circle--speed {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-success .iconcaptcha-modal__body-title {
	font-size: 15px;
	font-weight: bold;
	top: 19px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-right: 20px;
	padding-left: 60px;
}
.iconcaptcha-holder .iconcaptcha-modal {
	width: 100%;
	display: block;
}
.iconcaptcha-holder .iconcaptcha-modal__header {
	height: auto;
	padding: 0 10px;
	display: block;
}
.iconcaptcha-holder .iconcaptcha-modal__header span {
	padding: 6px 0;
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	cursor: default;
}
.iconcaptcha-holder .iconcaptcha-modal__header span::-moz-selection {
	background: none !important;
}
.iconcaptcha-holder .iconcaptcha-modal__header span::selection {
	background: none !important;
}
.iconcaptcha-holder .iconcaptcha-modal__header span::-moz-selection {
	background: none !important;
}
.iconcaptcha-holder .iconcaptcha-modal__body {
	display: block;
	overflow: hidden;
	position: relative;
	height: 50px;
	min-height: 50px;
	padding: 2px 4px;
	text-align: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-sizing: initial;
	box-sizing: initial;
}
.iconcaptcha-holder .iconcaptcha-modal__body-title {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 8px;
}
.iconcaptcha-holder .iconcaptcha-modal__body-subtitle {
	font-size: 12px;
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 35px;
}
.iconcaptcha-holder .iconcaptcha-modal__body-icons {
	position: relative;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 1;
}
.iconcaptcha-holder .iconcaptcha-modal__body-selection {
	position: absolute;
	left: 0;
	top: 2px;
	bottom: 0;
	right: 0;
	margin: 2px 4px;
	z-index: 999;
	cursor: none;
	height: 50px;
}
.iconcaptcha-holder .iconcaptcha-modal__body-selection > i {
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background: #52b3d9;
	position: absolute;
	display: none;
}
.iconcaptcha-holder .iconcaptcha-modal__body-info {
	position: absolute;
	right: 6px;
	bottom: 4px;
	font-size: 9px;
}
.iconcaptcha-holder .iconcaptcha-modal__body-info:hover {
	text-decoration: underline;
}
.iconcaptcha-holder .iconcaptcha-modal__body-icons,
.iconcaptcha-holder .iconcaptcha-modal__body-selection {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}
.iconcaptcha-holder .iconcaptcha-modal__body .captcha-loader {
	margin: auto;
	position: absolute;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	border: 6px solid #52b3d9;
	z-index: 10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: captcha-breathing 2s infinite ease-in-out;
	animation: captcha-breathing 2s infinite ease-in-out;
}
.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity > div:not(.captcha-loader) {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=15);
	-moz-opacity: 0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
	cursor: default;
	pointer-events: none;
}
.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity > div:not(.captcha-loader):after,
.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity > div:not(.captcha-loader):hover:after {
	content: none;
}
.iconcaptcha-holder .iconcaptcha-modal__body-checkmark {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 13px;
	left: 15px;
	background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 98.5 98.5' version='1.1' viewBox='0 0 98.5 98.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='checkmark' d='M81.7,17.8C73.5,9.3,62,4,49.2,4 C24.3,4,4,24.3,4,49.2s20.3,45.2,45.2,45.2s45.2-20.3,45.2-45.2c0-8.6-2.4-16.6-6.5-23.4l0,0L45.6,68.2L24.7,47.3' fill='none' stroke-miterlimit='10' stroke-width='8' stroke='none'/%3E%3C/svg%3E ");
}
.iconcaptcha-holder .iconcaptcha-modal__footer {
	display: block !important;
	font-size: 9px;
	padding: 3px;
	cursor: default;
	text-align: center;
}
.iconcaptcha-holder .iconcaptcha-modal__footer > span a {
	text-decoration: none;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
	text-align: center;
}
.iconcaptcha-holder .iconcaptcha-modal__footer > span a:hover {
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}
.iconcaptcha-holder .iconcaptcha-modal__footer--hide {
	visibility: hidden;
}
.iconcaptcha-holder .iconcaptcha-modal__fields {
	display: none;
	visibility: hidden;
}
.iconcaptcha-holder .iconcaptcha-modal__fields input[type="text"] {
	display: none;
	visibility: hidden;
}
.iconcaptcha-holder.iconcaptcha-theme-light {
	background: #fafafa;
	border: 1px solid #d8d8d8;
}
.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__header {
	border-bottom: 2px solid #d8d8d8;
}
.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__body-subtitle {
	color: #9e9e9e;
}
.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer {
	color: #a7a7a7;
	border-top: 2px solid #d8d8d8;
	padding-top: 6px;
	padding-bottom: 5px;
}
.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer > span a {
	color: #448aff;
	text-transform: uppercase;
	font-weight: bold;
}
.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer > span a:hover {
	color: #74a8ff;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light {
	background: #fff;
	border: 1px solid #d8d8d8;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header {
	border-color: #b1b1b1;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-subtitle {
	color: #b1b1b1;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer {
	color: #a7a7a7;
	border-top: 1px solid #d8d8d8;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer > span a {
	color: #448aff;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer > span a:hover {
	color: #74a8ff;
}
.iconcaptcha-holder.iconcaptcha-theme-dark {
	background: #4c4c4c;
	border: 1px solid #404040;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header {
	border-bottom: 2px solid #404040;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header span {
	color: #dadada;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__body-subtitle {
	color: #b1b1b1;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer {
	color: #a7a7a7;
	border-top: 2px solid #404040;
	padding-top: 6px;
	padding-bottom: 5px;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer > span a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer > span a:hover {
	color: #f0f0f0;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark {
	background: #4c4c4c;
	border: 1px solid #404040;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header {
	border-color: #404040;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span {
	color: #dadada;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-subtitle {
	color: #b1b1b1;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer {
	color: #a7a7a7;
	border-top: 1px solid #404040;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer > span a {
	color: #fff;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer > span a:hover {
	color: #f0f0f0;
}
.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-init:hover,
.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init:hover {
	background: #f1f1f1;
}
.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-init .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init .iconcaptcha-modal__body-title {
	color: #464646;
}
.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__header span,
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header span {
	color: #1d1d1d;
}
.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__body-info a,
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-info a {
	color: #afafaf;
}
.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg,
.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg {
	stroke: #5bd25b;
}
.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-success .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-success .iconcaptcha-modal__body-title {
	color: #5bd25b;
}
.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-error .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-error .iconcaptcha-modal__body-title {
	color: #ef5858;
}
.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-init:hover,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init:hover {
	background: #454545;
}
.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-init .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init .iconcaptcha-modal__body-title {
	color: #dadada;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header span,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span {
	color: #dadada;
}
.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__body-info a,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-info a {
	color: #b1b1b1;
}
.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg {
	stroke: #93d293;
}
.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-success .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-success .iconcaptcha-modal__body-title {
	color: #93d293;
}
.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-error .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-error .iconcaptcha-modal__body-title {
	color: #ef5858;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark {
	border-radius: 0;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init .iconcaptcha-modal__body-title {
	text-transform: uppercase;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header span,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span {
	font-weight: 500;
	font-size: 11px;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-title,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-title {
	font-weight: 500;
	text-transform: none;
}
.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer,
.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer {
	padding: 5px;
}
.iconcaptcha-holder.iconcaptcha-success,
.iconcaptcha-holder.iconcaptcha-error {
	cursor: default;
}
.iconcaptcha-holder * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
}
.iconcaptcha-holder *::-moz-selection {
	background: none !important;
}
.iconcaptcha-holder *::selection {
	background: none !important;
}
.iconcaptcha-holder *::-moz-selection {
	background: none !important;
}
@-webkit-keyframes captcha-breathing {
	0%,
	100% {
		-webkit-transform: scale(1) translateZ(0);
		transform: scale(1) translateZ(0);
		border-color: #52b3d9;
	}
	25% {
		-webkit-transform: scale(0.8) translateZ(0);
		transform: scale(0.8) translateZ(0);
		border-color: #41a2c7;
	}
	50% {
		-webkit-transform: scale(1) translateZ(0);
		transform: scale(1) translateZ(0);
		border-color: #52b3d9;
	}
	75% {
		-webkit-transform: scale(0.8) translateZ(0);
		transform: scale(0.8) translateZ(0);
		border-color: #41a2c7;
	}
}
@keyframes captcha-breathing {
	0%,
	100% {
		-webkit-transform: scale(1) translateZ(0);
		transform: scale(1) translateZ(0);
		border-color: #52b3d9;
	}
	25% {
		-webkit-transform: scale(0.8) translateZ(0);
		transform: scale(0.8) translateZ(0);
		border-color: #41a2c7;
	}
	50% {
		-webkit-transform: scale(1) translateZ(0);
		transform: scale(1) translateZ(0);
		border-color: #52b3d9;
	}
	75% {
		-webkit-transform: scale(0.8) translateZ(0);
		transform: scale(0.8) translateZ(0);
		border-color: #41a2c7;
	}
}


.ligne_entete_panier_detail{
	background-color: #ccd6fc;

}

.ligne_entete_lignepanier_detail{
	background-color: #d7defc;

}
.ligne_entete_lignepanier{
	background-color: #e8ecfa;

}

.mode_connexion_ico{
	height:50px;
}

.bloc_compte{
	width:100%;
}

.bloc_info_detail_compte{
	width:85%;
}
.bloc_ico_detail_compte{
	width:15%;
}
.ico_detail_compte{
	height:30px;
}


.ico_preinsc_creche_valide, .ico_preinsc_creche_cours, .ico_preinsc_creche_invalide, .ico_preinsc_creche_aucune{
	height:30px !important;
	width:30px !important;
	padding:0!important;
}

.ico_preinsc_creche_cours{
	filter: invert(63%) sepia(52%) saturate(5588%) hue-rotate(1deg) brightness(104%) contrast(104%);
}
.ico_preinsc_creche_valide{
	filter: invert(58%) sepia(43%) saturate(359%) hue-rotate(78deg) brightness(91%) contrast(90%);
}
.ico_preinsc_creche_invalide, .ico_preinsc_creche_aucune{
	filter: invert(23%) sepia(86%) saturate(5280%) hue-rotate(355deg) brightness(103%) contrast(137%);
}

.ico_etape_valide, .ico_etape_cours, .ico_etape_invalide, .ico_etape_aucune{
	height:30px !important;
	width:30px !important;
	padding:0 !important;
}

.ico_etape_cours{
	filter: invert(63%) sepia(52%) saturate(5588%) hue-rotate(1deg) brightness(104%) contrast(104%);
}
.ico_etape_valide{
	filter: invert(58%) sepia(43%) saturate(359%) hue-rotate(78deg) brightness(91%) contrast(90%);
}
.ico_etape_invalide, .ico_etape_aucune{
	filter: invert(23%) sepia(86%) saturate(5280%) hue-rotate(355deg) brightness(103%) contrast(137%);
}


.bloc_outil_compte_bo {
	z-index:102;
	position:fixed;
	top:10%;
	left:25%;
	width:50%;
	background-color: white;
	min-height: 650px;
	border: 1px dotted grey;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

.bloc_option_desc {
	height:100px;
}

.bloc_outil_compte_bo #titre_outils{
	text-align: center;
	background-color: #006399;
	width : 100%;
	color:#FFFFFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

.bloc_outil_compte_bo .liste_options {
	width: 100%;
	padding-left:15px;
	padding-top:20px;
}

.bloc_outil_compte_bo .liste_options .bloc_option{
	width:200px;
	height:250px;
	margin-left:20px;
	margin-bottom:20px;
	display: block;
	border : 1px solid grey;
	float:left;
	text-align:center;
	padding-top:50px;
	border-radius: 10px;
	background-color: #edf1f3;
	cursor: pointer;
}

.bloc_outil_compte_bo .liste_options .bloc_option:hover{
	background-color: #d8edf9;
	box-shadow: 10px 5px 5px grey;
}

.bloc_outil_compte_bo .bloc_option img{
	width:100px;
	height:100px;
}
.bloc_outil_compte_bo .bloc_option .bloc_option_desc{
	margin-top:40px;
	font-weight: bold;
	margin-left:5px;
	margin-right:5px;
}

.info_validite_ok {
	color:green 
}

.info_validite_ko {
	color:red !important;
}
.info_validite_alerte {
	color:orange;
}

.bloc_compte{
	box-shadow: 2px 1px 1px grey;
	border-radius: 10px;	
	min-height: 70px;
	padding-bottom:2px;
	padding-top:2px;

}


.bloc_foyer{
	background-color: #edf1f3;
}
.bloc_compte .bloc_ico_bloc_detail_compte img{
	padding-top:25px;
}

.btn_outil_gest_cpt{
	float:right;
	margin-right:10px;
	cursor:pointer;
}

.liste_options .option_disa img{
	-webkit-filter: grayscale(100%); /* Pour les navigateurs Chrome, Safari, Opera */
	filter: grayscale(100%); /* Firefox */	
}

.bloc_option_info{
	font-style: italic;
	font-size:12px;
	margin-top : 20px;
}

.description_options_compte_perso{
	font-style: italic;
	font-size:12px;
	margin-top : 60px !important;
	border : 1px dotted grey;
	border-radius : 10px;
	margin-left : 10px !important;
	margin-right : 10px;
	padding-left:5px;
	padding-top : 5px;
}

.liste_options .option_disa{
	background-color: #ededed !important;
}

.liste_options .option_disa :hover{
	background-color: #ededed !important;
}


.bloc_etape_2{
	height:550px;
}
.bloc_etape_2 .bloc_traitement{
	height:500px;
}

.bloc_liste_compte_outil{
	width:90%;
	border-radius: 10px;
	border: 1px dotted grey;
	height : 250px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-left: 5%;
}

.liste_choix_selection_outil{
	width:100%;
}

.bloc_choix_selection_outil{
	list-style: none;
	width: 45%; 
	margin-left: 2%;
	margin-top: 2%;
	float: left;
	font-size:12px;
}

#progressbar{
	width: 400px;
	height:25px;
	border-radius: 1px;
	border:1px solid grey;
	margin : auto;
}
.liste_choix_selection_outil .bloc_compte{
	width: 350px;
}

#outil_ico_choix_titre{
	width:60px;
	display:block;
	float:left;
}
#outil_ico_choix_titre img{
	width:50px !important;
}

#outil_lib_choix_titre{
	width:600px;
	display:block;
	float:left;

}

.detail_board {
	margin: 10px 0px;
}

.bloc_info_compte_perso{
	font-size:12px;
	font-style: italic;
	color:white;
	background-color:#006399 ;
	border-top-right-radius: 10px;
	width:40%;
	height:15px;
	padding-top: 5px;
	padding-left: 5px;
}

#tab_btn_histo .div_bt_messageboard_a, #tab_btn_histo .div_bt_messageboard_d {
	display: table-cell;
}

#tab_btn_histo .bt_messageboard_a, #tab_btn_histo .bt_messageboard_d {
	max-height: 100%;
}

#tab_btn_histo .bt_messageboard_a img, #tab_btn_histo .bt_messageboard_d img {
	margin-right: 0px !important;
}

#bt_print_service {
	text-align: center;
}

#bt_enreg_service, #bt_duplicate_service {
	text-align: left;
	padding-left: 25%;
}

#bt_quitenreg_service, #bt_quit_service {
	text-align: left;
	padding-left: 15%;
}

.div_piece_libelle {
	display: block;
}

.div_piece_description {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #666;
}

.bloc_liste_usa_insc_multi{
	width:100%;
}

.bloc_usa_insc_multi{
	width:220px;
	height:160px;
	float:left;
	border : 1px solid grey;
	margin-left:10px;
	margin-top:5px;
	list-style-type: none;

}

.bloc_usa_rattachement_compte{
	width:450px;
	height:250px;
	float:left;
	border : 1px solid grey;
	margin-left:10px;
	margin-top:5px;
	list-style-type: none;
}
.bloc_usa_rattachement_compte label{
	display:inline !important;
	margin-left:10px;

}
.bloc_usa_rattachement_compte input{
	margin-left:10px;
}
.bloc_usa_rattachement_compte .info_usager_insc_multi{
	margin-top:10px;
}
.bloc_usa_tableau_bord{
	min-width:300px;
	max-width:300px;
	min-height:100px;
	float:left;
	border : 1px solid grey;
	margin-left:10px;
	margin-top:5px;
	list-style-type: none;
	margin-bottom:10px
}

.bloc_usa_tableau_bord .icone_usager{
	height:45px;
	width:45px;
	padding-left:5px;
}


.lib_erreur_insc_multi{
	background-color: #DB4437;
	color:white;
}

.bloc_tunnel_insc{
	height:40px;
}
.bloc_info_usa_petit{
	height:40px;
}
.bloc_info_usa{
	height:70px;
}
.bloc_info_usa .column2div70{
	text-align:center;
}
.bloc_info_usa_petit .column2div70{
	text-align:center;
}

.bloc_info_usa img{
	padding-left:5px;
	padding-top:5px;
	height:55px;
}
.bloc_info_usa_petit img{
	padding-left:5px;
	padding-top:5px;
	height:55px;
}

.bloc_etape{
	width:100%; 
	height:15px;
}

.bloc_etape .bloc_tunnel_insc_etape{
	float:left;
	color:black;
}

.bloc_tunnel_insc_etape .bloc_tunnel_insc_div_arrondi{
	width:20px;
	height:20px;
	border-radius: 50%;
	margin:auto;
}

.bloc_tunnel_insc_etape .bloc_tunnel_insc_logo_etape{
	width:15px;
	height:15px;
	margin-top:2px;

}

/************ Couleur des etapes **********/
.bp_etape_cours .bloc_tunnel_insc_div_arrondi{
	border :1px solid #5e5e5e;
	background-color: #ff9b6e;
}
.bp_etape_effectue .bloc_tunnel_insc_div_arrondi{
	border :1px solid #5e5e5e;
	background-color: #64a36e;
}
.bp_etape_prochaine .bloc_tunnel_insc_div_arrondi{
	border :1px solid #5e5e5e;
	background-color: #ff9b6e;
}
.bloc_etape .bloc_tunnel_insc_etape img {
	filter: invert(1);
	margin-left: 2px;
}

.bloc_possibilite_insc{
	position: relative;
	text-align:center;
	margin-top:15px !important;
}

.bloc_possibilite_insc .tooltip {
	display: inline-block;
}

.bloc_action_insc{
	bottom:0px;
	position: absolute;
	width: 100%;
	text-align: center;
}

.legende_etape_insc{
	float:left;
}

.titre_legende{
	text-decoration: underline;
}

.titre_detail_etape{
	text-decoration: underline;
}

.liste_voeux_insc_multi{
	list-style-type: none;
	width:100%;
}
.liste_voeux_insc_multi li{
	float:left;
	margin-right: 10px;
	display: inline-block
}

#titre_bloc_detail_insc_multi{
	margin-bottom: 10px;
	font-weight: bold;
	text-decoration: underline;
}

div.recur_bouton_ouverture:empty {
    display: none;
}

.span_liste_attente_notif {
	padding: 5px 0px;
	display: inline-block;
}

.span_liste_attente_notif input {
	vertical-align: middle;
}

.span_liste_attente_notif label {
	display: inline-block;
	vertical-align: middle;
}

.suivi_black{
	color:#000000;
}
.suivi_red{
	color:red;
}
.suivi_grey{
	color:grey;
}
.suivi_purple{
	color:#FF00FF;
}
.suivi_green{
	color:green;
}
.suivi_blue{
	color:blue;
}
.suivi_purple{
	color:purple;
}
.suivi_magenta{
	color:magenta;
}
.suivi_orange{
	color:orange;
}
.suivi_pink{
	color:#a83269;
}
.page_scolaire_board .column1div {
	margin: auto 1%;
}
.libelle_presentation {
	margin: 30px 0px;
}

.libelle_dossier_piece {
	padding-left: 5px;
}
.description_dossier_piece {
	padding-left: 5px;
	padding-top: 10px;
}

#ini_condition {
	border: 1px solid #333;
	overflow-y: scroll;
	width: 100%;
	height: 300px;
	padding: 5px;
	box-sizing: border-box;
}

.zone_validation_mail {
	max-width: 30%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #FFFFFF;
	border:1px solid lightgrey;
	padding:10px;
	z-index:8888;
}

.zone_validation_mail_titre {
	background-color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

#GridListeFam .x-grid3-col-0 {
	overflow: visible !important;
    white-space: normal !important;
}

#GridListeFam .x-grid3-col-0 .soustitre {
    overflow: hidden !important;
    white-space: nowrap !important;
	margin-left: 30px;
}

.mode_connexion_user{
	padding-left:5px;
}

.code_2fa {
	width: 100px !important;
	margin: 5px;
	text-align: center;
}

.bloc_info_droit_modif{
	text-align: center;
	background-color: red;
	color:#FFFFFF;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
	padding-bottom:8px;
}

/* style pour un footer toujours en bas */
html, body, .height_footer {
	min-height: 100%;
}

.html_iframe, .body_iframe {
	min-height: auto;
	height: auto;
}

body {
	background-attachment: fixed !important;
}

.conditions_container .ZoneB,
.container_portail_de_fond,
.carto_sco_gene .ZoneB,
.connexion_admin .ZoneB,
.FormPairingSSO, 
.connexion_admin_bs, 
.connexion_admin_bs .ZoneB {
    display: flex;
    flex-direction: column;
}

.conditions_container .menuhaut, .conditions_container #MessagePercbas,
.container_portail_de_fond .menuhaut, .container_portail_de_fond #MessagePercbas, 
.FormPairingSSO .menuhaut, .FormPairingSSO #MessagePercbas, 
.connexion_admin .menuhaut, .connexion_admin #MessagePercbas, .connexion_admin_bs .menuhaut, .connexion_admin_bs #MessagePercbas {
	flex: 0 1 auto;
}

.conditions_container .fiche_cond_glob,
.container_portail_de_fond .ZoneZ, 
.FormPairingSSO .ZoneZ, 
.connexion_admin .form_connexion_admin,
.connexion_admin_bs .form_connexion_admin {
	flex: 1 1 auto;
}

.pave_connexion_admin {
	margin-top: 60px !important;
}

.FormPairingSSO .ZoneY {
	margin: 0px auto;
	max-width: 600px;
}

.bloc_info_etape{
	float:left;
	margin-left:2%;
	vertical-align: middle;
}

.bloc_info_etape_img{
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}

.bloc_info_etape_desc{
	float:right;
	padding-top:5px;
	padding-left:10px;
}

.ico_valide , .ico_invalide , .ico_transmise {
	float:left;
}
.ico_valide_tableau_bord , .ico_invalide_tableau_bord , .ico_transmise_tableau_bord {
	float:left;
}


.ico_valide img, .ico_invalide img, .ico_transmise img{
	height:25px;
	width:25px;  
}



.bloc_icone :first-of-type{
	margin-left:15px;
}

.bloc_tunnel_insc_logo_etape{
	height:25px;
	width:25px; 
	float:left;	
	margin-left:auto;
}

.bloc_tableau_bord_ts{
	height:30px;
	width:30px; 
	float:left;	
	margin-left:auto;
}

.ico_valide img , .ico_valide_tableau_bord img{
	filter: invert(58%) sepia(43%) saturate(359%) hue-rotate(78deg) brightness(91%) contrast(90%);
}
.ico_invalide img , .ico_invalide_tableau_bord img {
	filter: invert(23%) sepia(86%) saturate(5280%) hue-rotate(355deg) brightness(103%) contrast(137%);
}
.ico_transmise img , .ico_transmise_tableau_bord img{
	filter: invert(63%) sepia(52%) saturate(5588%) hue-rotate(1deg) brightness(104%) contrast(104%);
}

.ico_inscription_wait, .ico_inscription_valide, .ico_inscription_invalide{
	cursor: help;
	height:20px;
}

.ico_inscription_wait{
	filter: invert(63%) sepia(52%) saturate(5588%) hue-rotate(1deg) brightness(104%) contrast(104%);
}
.ico_inscription_valide{
	filter: invert(58%) sepia(43%) saturate(359%) hue-rotate(78deg) brightness(91%) contrast(90%);
}
.ico_inscription_invalide{
	filter: invert(23%) sepia(86%) saturate(5280%) hue-rotate(355deg) brightness(103%) contrast(137%);
}

.info_usager_insc_multi{
	font-weight:bold;
	padding-top:5px;
}
/* fin style pour un footer toujours en bas */

#bs_menu_rapide_recherche{
	padding-left:30px;
	background: url('data:image/svg+xml,<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%23d4d4d4"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" stroke="%23bfbfbf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>') no-repeat;
	background-size: 20px;
	background-position-y: 8px;
	border:1px solid #D3D3D3 !important;
	width:97%;
}

#tableau_bord_famille{
	scroll-margin-top: 70px;
}

.cke_dialog_body input[type=password], .cke_dialog_body input[type=textbox], .cke_dialog_body input[type=text], .cke_dialog_body select {
	max-width: inherit;
}

.btn_double_auth{
	background-color: #64a36e;
	color:#FFFFFF;
	text-align: center;
	height:20px;
	border-radius: 10px;
	cursor:pointer;
	border:1px solid #4e8056 !important;
}
.btn_double_auth:hover{
	background-color: #3cc259;
	border:1px solid #2f9645 !important;
	color:#FFFFFF;
	text-align: center;
	height:20px;
	border-radius: 10px;
	cursor:pointer;
}

.nav-item {
	list-style-type: none;
	margin-top:10px;
}


.bloc_recap_insc_fratrie{
  width: 60%;
  max-width: 60%;
  height:60%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
  z-index:8888;
}

.bloc_recap_insc_fratrie_titre{
	width:100%;
}

.bloc_recap_insc_fratrie_detail{
	width:100%;
	min-height:85%;
	background-color: #FFFFFF;
}
.bloc_recap_insc_fratrie_btns{
	width:100%;
	background-color: #FFFFFF;
}

.detail_ligne_inscription{
	width:70%;
	float:left;
	padding-left:60px;
	margin-top:10px;
}

.detail_ligne_inscription_prest{
	width:70%;
	float:left;
	padding-left:80px;
	margin-top:10px;
}
.detail_ligne_inscription_status{
	width:20%;
	float:left;
}

.icone_close_recap {
	height:30px;
	float:right;
	cursor:pointer;
	filter: invert(15%) sepia(96%) saturate(6628%) hue-rotate(350deg) brightness(121%) contrast(141%);
}

.bloc_btn{
	width:100%;
	display: flex;
}

.calendusa_fratrie_btns{
	border-bottom: 1px solid #FFFFFF!important;
}
.calendusa_fratrie_actions{
    border: 1px solid #000 !important;
    margin-bottom: 5px;
    background-color: #fff;
}
.calendusa_fratrie_actions input{
	
}

.calendusa_fratrie_actions .bloc_btn {
	flex-direction: column;
}

.calendusa_fratrie_actions .btn_calend_fratrie_phone_l,
.calendusa_fratrie_actions .btn_calend_fratrie_phone_r{
	width: 100%;
	text-align: left;
	margin: 5px;
}

.btn_calend_fratrie_phone_l img, .btn_calend_fratrie_phone_r img{
	
}
.btn_calend_fratrie_phone_r{
	text-align:right;
	margin-top:5px;
	width: 50%;
	margin-right:10px;
	margin-bottom:5px;
	cursor:pointer;
}
.btn_calend_fratrie_phone_l{
	margin-top:5px;
	margin-left:10px;
	margin-left:5px;
	width: 50%;
	cursor:pointer;
}
.btn_calend_fratrie_phone_r img, .btn_calend_fratrie_phone_r img{
	margin-bottom:20px !important;
}

#cartographie_pe_map {
    width: 100%;
    height: 500px;
}

#cartographie_pe_liste_choix:empty {
	border: 0px solid #fff;
}

#cartographie_pe_liste_choix .cartographie_pe_colonne{
    display: inline-block;
    margin:0px;
    vertical-align: top;
    line-height: 32px;
    min-height: 32px;
}
#cartographie_pe_liste_choix .cartographie_pe_entete{
    line-height: normal;
}
#cartographie_pe_liste_choix .cartographie_pe_entete_suivante{
    line-height: normal;
    display: none;
}
#cartographie_pe_liste_choix .cartographie_pe_valeur{
    line-height: 32px;
}

#cartographie_pe_liste_choix .cartographie_pe_icon{
    width: 5%;
    text-align: center;
}
#cartographie_pe_liste_choix .cartographie_pe_icon img{
    width: 90%;
    text-align: center;
}
#cartographie_pe_liste_choix .cartographie_pe_libelle{
    width: calc(75% - 200px);
}
#cartographie_pe_liste_choix .cartographie_pe_distance{
    width: 20%;
}
#cartographie_pe_liste_choix .cartographie_pe_info{
    width: 50px;
}
#cartographie_pe_liste_choix .cartographie_pe_supprimer{
    width: 50px;
}
#cartographie_pe_liste_choix .cartographie_pe_monter{
    width: 50px;
}
#cartographie_pe_liste_choix .cartographie_pe_descendre{
    width: 50px;
}
#cartographie_pe_liste_choix .cartographie_pe_select_choix{
    background-color: #fff633;
}
#cartographie_pe_adresse{
    width:90%;
}

#cartographie_pe .cartographie_pe_champ_info{
    margin-bottom: 5px;
}

#cartographie_pe .votre_adresse_cartographie_pe{
    padding-bottom: 5px;
	display: inline-block;
    margin-right: 20px;
}

#cartographie_pe .legende_cartographie_pe{
    padding-bottom: 5px;
	display: inline-block;
    margin-right: 20px;
}
#cartographie_pe .img_legende_cartographie_pe{
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
}
.bloc_alerte_info_bo{
	width:100%;
	background-color:red;
	color:white;
	font-size:18px;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
}

.liste_attente_param_pe .soustitre{
	vertical-align: top;
}

.liste_attente_param_pe .type_accueil_carto {
	visibility: hidden;
}

svg, .card-header img{
	height:25px;
}

.row_old  .insc-cat-voeux-hidden , .row_old  .insc-cat-hidden , .row_old  .insc-cat-voeux-hidden , .row_old  .insc-cat-voeux-hidden {
	display:none !important;
}

div.baby-list-preinsc-hidden, div.baby-bcalend-hidden, div.baby-binsc-hidden, div.baby-liste-attest-hidden, div.baby-accueil-telep-hidden, div.baby-simulation-hidden {
	display: none;
}

.preview-container{
    width: 100%;
    background-color: #212832;
    height: 150%;
    z-index: 998;
    position: absolute;
    top: 0;
    left: 0;
	display:none;
	opacity:0.98;
}

#bloc_btn{
  
}

.btn-transparent-dark {
    --bs-btn-color: rgba(33, 40, 50, .5);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: rgba(33, 40, 50, .5);
    --bs-btn-hover-bg: rgba(33, 40, 50, .1);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 11, 14, 17;
    --bs-btn-active-color: rgba(33, 40, 50, .5);
    --bs-btn-active-bg: rgba(33, 40, 50, .2);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: rgba(33, 40, 50, .35);
    --bs-btn-disabled-bg: rgba(33, 40, 50, .1);
    --bs-btn-disabled-border-color: transparent;
    color: #21283280 !important;
}
.btn-icon {
    padding: 0;
    justify-content: center;
    overflow: hidden;
    border-radius: 100%;
    flex-shrink: 0;
    height: calc(2.625rem + 2px) !important;
    width: calc(2.625rem + 2px) !important;
}
.btn_preview {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#preview_page_frame{
    margin: auto;
	display: block;
	padding-top:20px;
	padding-bottom:20px;
	opacity:1 !important;
	overflow-x: hidden;
}


/*************** Mode preview *************/
.frame-mode-preview{
	width:inherit;
	min-height:600px;
	background-color: #FFFFFF;
	border: 6px solid #FFFFFF;
}
#bloc_preview_content{
    width: 90% !important;
	max-width: 90% !important;
}
.preview-desktop{
    width: 100% !important;
    --bs-modal-width: 100% !important;
	margin: auto;
	max-width: 100% !important;
}

.preview-tablet{
    width: 820px !important;
	height: 1180px !important;
}
.preview-tablet-r{
    width: 1180px !important;
	height: 850px !important;
}

.preview-mobile {
    width: 360px !important;
    height: 740px !important;
}
.preview-mobile-r {
    width: 740px !important;
	height: 660px !important;
}

.insc-cat-voeux   img{
	width:32px;
	height:32px;
}

.txt_center img, .txt_center input{
	margin: auto;
	margin-left:auto; 
	margin-right:auto;
}

.inscription_valide{
	background-color:green;
	color:#FFF;
	border-radius : 10px;
}

.inscription_cours{
	background-color:orange;
	color:#FFF;
	border-radius : 10px;
}

#menu_complet_kiosque a, #menu_complet_kiosque a:active,
#menu_complet_kiosque a:hover, #menu_complet_kiosque a:focus {
	font-size: var(--bs-nav-link-font-size) !important;
}

.nav-link, .nav-link:active, .nav-link:hover, .nav-link:focus {
	font-size: var(--bs-nav-link-font-size) !important;
}


/********** MENU FIXE BOOTSTRAP ************/

.sidebar {
	width: 350px !important;
}

.main_content{
	width:calc(100% - 350px)!important;
}

.navbar-toggler-fixed, .offcanvas-header-fixed{
	display:none !important;
}

.button-close-menu{
	text-align: right;
}



@media (max-width: 1000px) {
	.sidebar{
		display:none;
		width:100% !important;
		overflow-y: auto;
		margin-bottom:20px;
	}
	.main_content{
		width:100% !important;
	}
	
	.navbar-toggler-fixed, .offcanvas-header-fixed{
		display:inherit !important;
	}	
}



.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	background-color: #f7f7f7;
	border-radius: 10px;
}
.ui-datepicker-today{
	background-color: #76b82f;
	
	font-weight: bolder;
	border-radius: 50%;
	padding-left:5px;
	width:35px;
}
.ui-state-active{

	border-radius: 50%;
	border:1px solid #76b82f;;
}

.ui-datepicker-today a{
	color:#ffffff !important;
}

.ui-datepicker-calendar a{
	color : #162c35;
}
.ui-datepicker-calendar a:hover{
	background-color: #ECECEC;

	border-radius: 50%;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 50%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

#portail_identifiant, #portail_motdepasse {
	margin-bottom: 15px;
}

#portail_identifiant input, #portail_motdepasse input {
	width: 100%;
	max-width: 100%;
}

#portail_motdepasse {
	text-align: right !important;
}

#bloc-gs-debug {
	background-color: #fff;
}

.ligne_piece {
	width: 100%;
}

.div_desc_alloc {
	display: none;
	position: fixed;
	width: 600px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -300px;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #666;
	text-align: left;
}

.bloc_recherche {
	input[type=password], input[type=textbox], input[type=text], select {
		max-width: 100%;
		width: 100%;
	}

	.col-sm {
		padding: 3px;
	}
}

.bloc_contenu_fo .column1div label {
	width: 20%;
    display: inline-block;
}

.bloc_contenu_fo .column1div input[type=checkbox] + label,
.bloc_contenu_fo .column1div input[type=radio] + label{
	width: auto;
    display: inline-block;
}

.class_form_fiche_famille {
	display: flex;
    flex-direction: column;
    height: 100%;
}

.bloc_contenu_fo {
	flex-grow: 1;
}

.custom-file-upload.tooltip {
	z-index: 1;
}

.ligne_act_catalogue_sans_calhebdo,
.ligne_act_prestation_sans_calhebdo {
	display: flex;
}

.ligne_act_catalogue_sans_calhebdo.presence_calhebdo,
.ligne_act_prestation_sans_calhebdo.presence_calhebdo {
	width: 70%;
}

.lib_jour_hebdo_ligne {
	width: calc(100% / 7);
	display: inline-block;
	vertical-align: top;
}

.entete_cal_hebdo_jours, .lib_service_calhebdo, .lib_presta_calhebdo {
	display: none;
}

.lib_titre_calhebdo_ligne {
	text-align: center;
}

.ligne_lib_colonne {
	width: 70%;
}

.ligne_lib_colonne_calend {
	width: 30%;
}

.div_calend_serv div {
	padding: 0px !important;
}

.entete_cal_hebdo_jours_modif {
	display: table-row;
}

.entete_cal_hebdo_jours .lib_titre_calhebdo, .entete_cal_hebdo_jours_modif .lib_titre_calhebdo {
	display: none;
}

.row > input[type=radio], .row > input[type=checkbox] {
	width: auto;
}

input[type=radio] + label, input[type=checkbox] + label {
	max-width: 80%;
}


.card2 {
    background-color: #FFF;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
	max-width: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card2 img {
	width : -webkit-fill-available;
}

.card2 .card2-titre {
    position: absolute;
    top: 5%;
    font-size: 25px;
}

.card2 .card2-sous-titre {
    position: absolute;
    color: grey;
    top: 15%;
}

.card2 .card2-description{
    position: absolute;
    bottom: 0px;
    color: #000;
}

.card-link:hover img {
    filter: brightness(80%);
}

.ecran_param input, .ecran_param select{
	width:80%;
}

.card-link{
	cursor:pointer;
}

#bloc_info_enfant div.fiche2div .column1div > label[for=mois_prev_filter] {
	width: 98%;
}
@media (max-width: 700px) {
	.modal-footer{
		padding-bottom:80px !important;
	}
}
.btn-inscription {
    height: 20px; 
    min-height: 30px; 
    line-height: 0px !important; 
    padding: 0; 
}

.leaflet-top.leaflet-right .leaflet-control-layers-overlays label {
	width: 100%;
	display: block;
}

.param_motif_pe .soustitre{
	margin-bottom: 10px;
}

.param_motif_pe input[type=checkbox] + label {
	width: calc(100% - 30px);
}

.liste_attente_param_pe {
	border-collapse: collapse;
}

.liste_attente_param_pe tr:hover {
	background-color: #eee;
}

.ico_inscription_valide.tooltip {
	padding: 0px;
}

#calend_inscription_change_mois .div_bt_messageboard_d {
	visibility: hidden;
}

.bloc_calendrier_fratrie {
    margin-top: 12px;
}