@charset "utf-8";
/* Style pour la boite Sondage et les formulaires */

#slidebox {
	 height: 182px !important;
	/*right: -395px;*/
	width: 435px !important;
	background-color: #ecf0f1;
	bottom: 20px;
	min-height: 182px;
	position: fixed;
	right: -2000px;
	width: 100%;
	z-index: 105;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#slidebox a.open {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	float: left;
	height: 182px;
	margin-right: 20px;
	width: 45px;
}
#slidebox a {
	cursor: pointer;
}
#slidebox #contenu-texte {
	margin: 10px;
}
#slidebox #contenu-texte {
	margin: 10px 10%;
}
#slidebox #contenu-texte #texte {
	min-height: 80px;
}
#slidebox #contenu-texte #Repondre {
margin-right: 0 !important;
}
#slidebox #contenu-texte #Repondre {
	margin-right: 8% !important;
}

#slidebox h2 {
	color: #2c3e50 !important;
	font-family: oswaldbook,Helvetica,Helvetica Neue,Arial,sans-serif;
	font-size: 22px !important;
	margin: 10px 20px 10px 0;
}

#slidebox #contenu-texte #texte .titre-page {
	color: black;
}

.button.flecheDroite {
	background-image: url("/professionnels/images/fleche-droite-blanc-alpha80.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 29px;
}
.button {
	background-color: #2c3e50;
	border: 0 none;
	border-radius: 6px;
	color: #d7ebfb;
	display: inline-block;
	font-family: oswaldbook,Helvetica,Helvetica Neue,Arial,sans-serif;
	font-size: 1.2em;
	margin: 1.35em 0;
	padding: 10px 20px;
	text-decoration: none !important;
	/*text-transform: uppercase;*/
}

.button:hover{
	background-color: #2980b9;
	color: black;
	font-weight: bold;
}
	
#slidebox a.repondre-plus-tard {
	margin-left: 81px;
}
#slidebox a.repondre-plus-tard {
	color: black;
	text-decoration: underline;
}

/*** Formulaires ***/


.formulaire-depot input {
    line-height: normal;
}

.formulaire-depot input[type="text"], .formulaire-depot input[type="password"] {
    font-weight: 300;
    padding: 10px;
}

.formulaire-depot input[type="text"], .formulaire-depot input[type="password"], .formulaire-depot textarea, .formulaire-depot select {
    -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f2f2f2;
    border-color: -moz-use-text-color -moz-use-text-color #e1e1e1;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    border-bottom: 1px solid #000000;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    z-index: 1;
}

.formulaire-depot input[type="checkbox"], .formulaire-depot input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.formulaire-depot .radio-field input, .formulaire-depot .checkbox-field input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


.formulaire-depot.validation p {
    display: flex;
    width: 100%;
}

.formulaire-depot.validation p span.reponse {
    text-align: left;
    margin-left: 15px;
    font-weight: 600;
}


.formulaire-depot .radio-field label, .formulaire-depot .checkbox-field label {
    align-items: center;
    color: #363636;
    display: flex;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin-left: 3px;
    /*max-width: 60px;*/
    position: relative;
    transition: opacity 300ms ease 0s;
}

.formulaire-depot .radio-field label::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    border: 2px solid #565656;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 6px;
    position: relative;
    width: 16px;
}

.formulaire-depot .radio-field label::after {
    background-color: #3f47a6;
    border-radius: 50%;
    content: "";
    flex-shrink: 0;
    height: 6px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
}

.formulaire-depot .radio-field input:checked + label::after {
    opacity: 1;
}

.formulaire-depot select {
/*    background: #f2f2f2 url(../svg/arrow-select.svg) no-repeat scroll right 4px center;*/
    background-size: 7%;
    border-radius: 6px;
    font-weight: 300;
    padding: 10px 30px 10px 10px;
	border: solid 1px #000000;
}

.formulaire-depot input[type="text"]:disabled, .formulaire-depot input[type="password"]:disabled, .formulaire-depot textarea:disabled, .formulaire-depot select:disabled {
    opacity: 0.4;
}


.formulaire-depot .radio-field, .formulaire-depot .checkbox-field {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    max-width: 100%;
}

.formulaire-depot .legend, .formulaire-depot label, .formulaire-depot p {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 5px;
    max-width: 100%;
}

.formulaire-depot .radio-field input, .formulaire-depot .checkbox-field input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.formulaire-depot .checkbox-field label::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    border: 2px solid #3f47a6;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 6px;
    position: relative;
    transition: background-color 300ms ease 0s;
    width: 16px;
}

.formulaire-depot .checkbox-field label::after {
    background: #3f47a6 url(../images/00_icones/icon-checked-white.svg) no-repeat scroll center center / 11px 11px;
    border-radius: 3px;
    content: "";
    flex-shrink: 0;
    height: 16px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}



.formulaire-depot.validation .confirmation {
    max-width: 100%;
}

.formulaire-depot .checkbox-field input:checked + label::after {
    opacity: 1;
}


.formulaire-depot .btn.btn-primary.is-disabled,
.formulaire-depot .btn.btn-primary:disabled {
    background-color: #b1b1b1;
    pointer-events: none;
    color: #ffffff;
	border: none;
}

.formulaire-depot .btn.btn-primary {
	margin-right: 15px;
}

ul.nav-etapes.formulaire-depot {
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 10px 0;
}

ul.nav-etapes.formulaire-depot li {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 10px 0;
	width: auto;
}

ul.nav-etapes.formulaire-depot > li + li::before {
    color: #212121;
    content: "> ";
    padding: 10px;
}

.etape-active span {
    font-weight: bold;
    background-color: #f1c40f;
    padding: 10px;
    color: #212121;
}

.field.formulaire-depot {
    padding: 0 0 30px 0;
}

.field.formulaire-depot .informations-validation {
    padding-left: 30px;
	border-left: solid 3px #2c3e50;
}

.field.formulaire-depot form p {
    margin: 20px 0;
}

.field.formulaire-depot form {
    border-bottom: solid 1px #2c3e50;
    padding: 0 0 30px 0;
}

.field.formulaire-depot p.validation-courriel-champs-vide {
    margin: -15px 0 20px 0;
    font-size: 16px;
    font-style: italic;
}

.debut-contenu-depot {
	padding-top: 15px;
    background-color: #2c3e50;
/*
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
*/
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}

.debut-contenu-depot>div {
    background-color: #fff;
    box-shadow: 0 9px 6px 2px rgba(0,0,0,.11);
    margin-top: 20px;
}

.error-message {
    background-color: #dc2e2e;
    color: #fff;
    line-height: 0.875rem;
    margin-right: 5px;
    padding: 15px 10px;
    margin-top: 5%;
}
.error-message-explanation {
    color: #dc2e2e;
    display: block;
    font-weight: 500;
    margin-top: 5px;
    width: 100%;
}