/******************************************* datepicker ***************************************************/
body{
	font-family: 'Montserrat', sans-serif;
}

.ui-widget {
    font-family: "Raleway",sans-serif;
    font-size: 1em;
}

.ui-widget-header {
    background: #D50032;
    color: #fff;
}


.ui-state-hover{
    border: none !important;
    background: #D50032 !important;
    color: #fff !important;	
}

#ui-datepicker-div{
	width: auto !important;
}

.ui-datepicker-next span{
    background-image: url(../images/next-blanc.png) !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-prev span{
    background-image: url(../images/prev-blanc.png) !important;
    background-position: 0px 0px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #D50032;
    background: #D50032;
    font-weight: normal;
    color: #fff;
}

a.ui-state-default,span.ui-state-default {
    border-radius: 30px;
    text-align: center !important;
    padding: 10% !important;
    width: 40px;
    font-size: 15px;
    border: none !important;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}


/************************************ css formulaire commande *********************************************/
#breadcrumb-taxation{
	margin-top: 117px;
    padding-left: 35px !important;
}
#mandatory-field{
	display: block;
    color: #D50032;
    margin-top: 5px;
	font-size: 10px;
}
#a-partir{
	display: block;
    color: #FF6A14;
    margin-top: 20px;
	font-weight: bold;
}
.crit-black{
	color: #333F48;
	font-weight: bold;
}
.crit-orange{
	color: #FF6A14;
	font-weight: bold;
}
.mandatory-asterisk{
	color: #D50032;
}
.left-half-field,.right-half-field{
	padding: 0;
}
.left-half-field{
	padding-right: 15px;
}
.right-half-field{
	padding-left: 15px;
}
#Calendar_1{
	width: 16px;
	margin-right: 5px;
}
#Info_1{
	width: 25px;
	margin-right: 5px;
}
.button, #valider {
    height: 50px;
    max-width: 100%;
    margin: 25px auto 25px auto;
	display: block;
}
#content-fieldset{
	display: flex;
}
#rechercher {
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
input[type="text"].erreurInput, input[type="password"].erreurInput, input[type="email"].erreurInput, input[type="date"].erreurInput, input[type="number"].erreurInput, input[type="tel"].erreurInput, select.erreurInput,textarea.erreurInput{
	background-color:#FCE7EC;
	border-color:#D50032;
}
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="number"], input[type="tel"],textarea, select {
	outline: none;
	border: 0;
    border-bottom: solid 2px #A2A2A2;
    height: 50px;
    width: 100%;
	background-color:#FCFCFC;
}
input:hover{
	background-color:#ececec;
}
select:hover{
	background-color:#ececec;
}
textarea:hover{
	background-color:#ececec;
}
input:focus{
	border-bottom-color:#83b2df;
	transition: .5s cubic-bezier(.25,.8,.5,1);
}
select:focus{
	border-bottom-color:#83b2df;
	transition: .5s cubic-bezier(.25,.8,.5,1);
}
textarea:focus{
	border-bottom-color:#83b2df;
	transition: .5s cubic-bezier(.25,.8,.5,1);
}

textarea#message{
	height:200px;
	resize: vertical;
	max-height: 400px;
}

#posterEmploi{
    background-color: #EBEBEB;
    margin: 0px;
    padding: 0px
}

#step2{
	border: 1px solid #D2D2D2;
	padding: 10px;
}

legend{
	font-size: 16px;
	border: none;
	width: unset;
	margin-bottom: 0;
	padding: 0 5px;
	color: #707070;

}

div#entete{
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000012;
	text-align:center;
	padding-top: 1.5%;
    
}
img#logo{
    position: absolute;
    top: 25px;
    left: 916px;
    width: 177px;
    height: 50px;
    opacity: 1;
    z-index: 2;
}
div#backgroundForm{
    height: auto;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    opacity: 1;
    
}
.divForm{
	background: #FFFFFF 0% 0% no-repeat padding-box;
}
.divStep{
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 3%;
    background-color: white;
}
div#titreForm{
	padding-top: 4%;
	padding-bottom: 0%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}

table#tabSociete{
	width: 100%;
	    height: 100%;
	margin-bottom:0 !important;
}
span#commande{
    width: 100%;
    height: auto;
    text-align: left;
	font-size: 20px;
    letter-spacing: 0;
    color: #D50032;
    opacity: 1;
	font-weight: bold;
	line-height: 0;
	
}
h1, h2, h3
{
	width: 100%;
    height: auto;
    text-align: left;
	font-size: 20px;
    letter-spacing: 0;
    opacity: 1;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

div.clear{clear:both;}
.stepName{
    float: left;
}
.divTop{
	float: none;
	margin: 0 auto 0 auto;
	max-width: 1200px;
}
.divBot{
	float: none;
	margin: 0 auto;
	max-width: 1200px;
}
.stepNumber{
	font-size:72px;
	color:#D50032;
	line-height: 0.5;
}
.stepText{
	font-size:20px;
	color: #707070;
	padding-left: 2%;
}
.stepForm{
   
    width:67%;
    float: left;
}
.editButton{
    float: right;
	font-size:16px;
	color: #D50032;
}
.recap{
    height: auto;
    float: left;
    width: 70%;
}

.step{
    height: auto;
    width:auto;
}
.recap{
	line-height: 140%;
	color: #707070;
	width:100%;
}
fieldset { 
    border:none;
}

.pointer {cursor: pointer;}
input#dureeDeMission{
	width:20%;
}
select#typeDuree{
	width:79%;
}


.erreurMessageInput{
	color:#E5345B;
}
#resultatSociete{
	    padding: 0;
	max-height: 845px !important;
	margin-left: auto;
    margin-right: auto;
}
.ui-dialog {
	left:0 !important;
  position: fixed !important;
  padding:0 !important;
	border: none !important;
	right: 0px;
	margin: 0px auto;
	max-width: 1078px;
	min-width: 50%;
}
.ui-dialog-titlebar {
  display:none;
}
.ui-state-default .ui-icon {
    background-image: url("../images/ui-icons_444444_256x240.png");
}
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
	opacity:1 !important;
}
.ui-autocomplete-loading {
    background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
	transition:none !important;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
	height: 200px;
}

#circle-plus:after {
    -webkit-transition: border .4s ease;
    transition: border .4s ease;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: 0 solid transparent;
    border-top: .5rem solid #D50032;
    bottom: -.5rem;
    right: 1rem;
}

.checkbox_div {
	background-image:url("../images/checkbox.png");
    outline: 0;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    float: left;
    display: none;
    position: relative;
}

.label_radio{
	margin-right:14%;
}

.label_radio_contrat{
	margin-right:14%;
}

.checkbox_div.on {
	background-image:url("../images/checkbox_check.png");
}

#divButtonDialog {
    background-color: white;
    position: sticky;
    bottom: 0px;
	width:100%;
}

#titleDialog{
	margin-top: 50px;
	margin-bottom: 50px;
	color: #D50032;
	font-size: 20px;
}

#divTitleDialog{
	text-align: center;
}

.table-striped thead tr th{
	border:none;
}

.table-striped > thead {
    background-color: white;
}

.table-striped > tbody > tr > td{
	border:none;
}

.table-striped {
    border: none;
}

.table-striped > thead tr > th {
    border: none !important;
    color: #707070 !important;
	font-weight: bold;
}


.table > tbody > tr.active > td{
	background-color: #D50032;
	color: white;
}

.table-striped > thead tr > th:hover{
    background-color:white;
}


.table-striped > tbody tr:hover >td{
    background-color:#D50032;
	color: white;
}

#divTab{
    max-height: 315px;
    overflow: auto;
}

@media (max-width: 640px) {
	.ui-dialog{
		height:100% !important;
		width:100% !important;
		top:0px !important;
		left:0px !important;
		margin-left: 0 !important;
	}

	.ui-datepicker-multi .ui-datepicker-group {
    		display: contents;
	}

	.ui-datepicker .ui-datepicker-header {
    		float: left;
    		margin-top: 5%;
	}

	.ui-datepicker-header{
		background: white !important;
    		color: black !important;
    		border: 0 !important;
    		font-size: 20px !important;
    		font-weight: normal !important;
	}

	.ui-datepicker-title{
		margin-left: 25px !important;
	}

	.sticky-weekdays {
	    display: table;
	    width: 100%;
	    table-layout: fixed;
	    position: sticky;
	    text-align: center;
	    background-color: rgb(255, 255, 255);
            z-index: 15;
	    top: -2px;
    	    border-bottom: 1px solid #DADADA;
	}

	.sticky-weekdaysrow {
    		display: table-row;
                font-size: 15px;
	}

	span.sticky-weekday {
    		display: table-cell;
    		padding: 8px 0px;
	}

	#validerDate {
    		position: sticky;
    		bottom: 0;
	}

	.ui-datepicker-next{
		display:none;
	}

	.ui-datepicker-inline{
		display: block;
    		overflow: auto;
    		z-index: 14;
    		position: fixed !important;
   		height: 100% !important;
    		top: 0px !important;
    		left: 0px !important;
    		margin-left: 0px !important;
    		width: 100% !important;
                padding: 0 !important;
	}

	
	#ui-datepicker-div{
                position: fixed !important;
		height:100% !important;
		width:100% !important;
		top:0px !important;
		left:0px !important;
		margin-left: 0 !important;
                overflow: auto;
	}
	.ui-datepicker-calendar>thead{
		display:none;
	}

	#datepicker-header{
		font-size: 30px;
    		color: #DF2438;
                text-align: center;
	}

	
	.hide-mobile{
		display:none;
	}
	
	#divButtonDialog{
		position:fixed;
	}
	
	#divTab{
    max-height: 73%;
		  
	}
	
	#brDialog{
		display:block;
	}
	
	#resultatSociete{
		width: auto;
    	height: 100% !important;
		
	}
	
	.ui-widget{
		font-size: 74% !important;
	}
	
	.button-dialog{
		margin: 0px auto 0px auto;
		border-radius: 0px;
		width:100%;
	}
	
	select#typeDuree{
		width:100%;
		margin-top:5%;
	}
	
	/*
	.divTop{
		margin-top: 10px;
	}*/

	.label_radio_contrat{
		display: block !important;
	}
	
	input#dureeDeMission{
		width:100%;
	}
	.step{
		border:none;
	}
	.stepName{
		width:100%;
	}
	div#backgroundForm,div#divTitreForm,div.right-divTop,div.left-content {
  		margin-left: 2%;
  		margin-right: 2%;
	}
	#titreForm{
		box-shadow: 0px 3px 6px #00000029;
	}
	.fieldsetForm{
		width:100%;
		padding-top: 5%;
	}
	.divStep{
		box-shadow: 0px 5px 6px #00000029;
		padding-bottom: 7%;
	}
	div#entete{
		padding-top: 5.5%;
	}
	
}

.cont-breadcrumb {
    padding-left: 0 !important;
    font-size: 13px;
}
	
.crit-button{
	color: #fff;
	background-color: #D50032 !important;;
	border-radius: 40px !important;
	letter-spacing: 2px;
    border: solid 2px #D50032 !important;
    text-transform: uppercase;
	font-weight: bold !important;
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

.crit-button:hover{
	color: #D50032 !important;
    background-color: #D5003200 !important;
    border: solid 2px #D50032 !important;
}
#step1Name{
	float: left;
}
#step1{
	float: right;
}

.offre-image-mobile{
	display: none;
}

#left{
    padding-left: 270px;
}

#right{
    padding-right: 270px;
}

.right-divTop{
	float: none;
    margin: 0 auto 0 auto;
    max-width: 1200px;
}

.right-title{
	padding-top: 2%;
    /*padding-bottom: 2%;*/
    text-align: center;
}

#objectif{
	/*margin-top: 30px;*/
}

#objectif ul,#taux-contribution ul {
	list-style: none; /* Remove default bullets */
	padding: 15px 15px 0 15px !important;
	margin-bottom: 0;
}

#objectif ul li::before,#taux-contribution ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #FF6A14; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#titre-formule{
	display:block;
	font-weight: bold;
	padding-top: 20px;
    margin-bottom: 20px;
}

#taux-contribution{
	padding: 15px 20px;
	background-color: #d2d2d285;
}

#taux-separation{
	margin-top: 25px;
}
#formule-taux-contribution{
	display: inline;
}

#alternative{
	margin-top: 50px;
}

.ul-label{
	font-weight: bold;
}


#formule-content{
	padding-bottom: 20px;
}

@media (max-width: 992px) {
	.offre-image-desktop{
		display: none;
	}
	.offre-image-mobile{
		margin: 0 auto;
		display: block;
	}
	#step1Name{
		width: 100%;
	}
	.divTop{
		margin: 30px auto 0 auto;
	}
	#breadcrumb-taxation{
		margin-top: 15px;
	}
}

@media (max-width: 1200px) {
	.left-half-field,.right-half-field{
		padding: 0;
	}
	.right-title{
		padding-top: 0 !important;
	}
	.right-divTop{
		margin-top: 0 !important;
	}
	#content-fieldset {
		display: unset;
	}
	#rechercher {
		margin: 0 auto;
		position: unset;
		top: unset; 
		transform: unset; 
	}
}

@media (max-width: 1670px) {
	#left{
		padding-left: 1.07142857em;
	}

	#right{
		padding-right: 1.07142857em;
	}
}