/* ===============================================
// ###############################################
// ### OLLOWEB - CSS PRESENTATION DEVIS ##########
// ###############################################
// ===============================================
// ### HISTORIQUE DE VERSION #####################
// ===============================================
// 26/01/2023 : Mise à jour des valeurs du thème
// ===============================================
// ###############################################
// ===============================================
*/
.page-formulaire {
	display: block;
	position: relative;
	float: none;	
	margin: auto;
	padding-left: 180px;
	padding-right: 180px;
	max-width: 1440px;
	transition: padding var(--theme_transition);
}
@media screen and (max-width: 1366px){
	.page-formulaire {
	padding-left: 160px;
	padding-right: 160px;
	}
}
@media screen and (max-width: 1280px){
	.page-formulaire {
	padding-left: 120px;
	padding-right: 120px;
	}
}
@media screen and (max-width: 1024px){
	.page-formulaire {
	padding-left: 80px;
	padding-right: 80px;
	}
}
@media screen and (max-width: 768px){
	.page-formulaire {
	padding-left: 60px;
	padding-right: 60px;
	}
}
@media screen and (max-width: 580px){
	.page-formulaire {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 15px;
	}
}
@media screen and (max-width: 360px){
	.page-formulaire {
	padding-left: 20px;
	padding-right: 20px;
	}
}
.formulaire-presentation {
	display: block;
	position: relative;
	float: none;		
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
.formulaire {
	display: block;
	position: relative;
	float: none;	
}
.formulaire-cadre {
	display: flex;
	position: relative;
	float: none;	
	flex-wrap: wrap;
}
.formulaire-colonne {
	display: block;
	position: relative;
	float: none;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	flex-grow: 1;	
}
.formulaire-elements {
	display: block;
	position: relative;
	float: none;
	padding: 0px;
	margin: 0px;
	border: none;	
}
.formulaire-element {
	display: block;
	position: relative;
	float: none;
	padding-top: 25px;
}
.formulaire-label {
	display: block;
	position: relative;
	float: none;		
	font-size: 17px;
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
@media screen and (max-width: 768px){
	.formulaire-label {
		font-size: 15px;
	}
}
.formulaire-label span {
	font-weight: normal;
}
.formulaire-champ {
	display: block;
	position: relative;
	float: none;	
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
	border:none;
	border-radius: 0px;
	box-sizing: border-box;
	transition: border 0.1s ease-in-out,padding 0.2s ease-in-out;
	background-color: rgba(255,255,255,0);
}
@media screen and (max-width: 768px){
	.formulaire-champ {
		font-size: 16px;
	}
}
.formulaire-champ:hover {
	padding-left: 5px;
}
.formulaire-champ:focus {
	padding-left: 5px;
	border-bottom: solid 3px rgb(var(--theme_formulaire_message_aide_couleur_contour));
}
.formulaire-texte {
	display: block;
	position: relative;
	float: none;	
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
	border:none;
	border-radius: 0px;
	box-sizing: border-box;
	height: auto;
	transition: border 0.1s ease-in-out,padding 0.2s ease-in-out;
}
@media screen and (max-width: 768px){
	.formulaire-texte {
		font-size: 16px;
	}
}
.formulaire-texte:hover {
	padding-left: 5px;
}
.formulaire-texte:focus {
	padding-left: 5px;
	border-bottom: solid 3px rgb(var(--theme_formulaire_message_aide_couleur_contour));
}
.formulaire-checkbox {
	display: flex;
	position: relative;
	float: none;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}
.formulaire-menu {
	display: block;
	position: relative;
	float: none;	
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
	border:none;
	border-radius: 0px;
	box-sizing: border-box;
	background-image: none;
	background-color: #fff;
	transition: border 0.1s ease-in-out,padding 0.2s ease-in-out;
}
@media screen and (max-width: 768px){
	.formulaire-menu {
		font-size: 16px;
	}
}
.formulaire-menu:hover {
	padding-left: 5px;
}
.formulaire-menu:focus {
	padding-left: 5px;
	border-bottom: solid 3px rgb(var(--theme_formulaire_message_aide_couleur_contour));
}
.formulaire-checkbox input {
	
}
.formulaire-checkbox label {
	display: block;
	position: relative;
	float: none;		
	font-size: 16px;
	font-weight: normal;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	padding-left: 3px;
}
@media screen and (max-width: 768px){
	.formulaire-checkbox label {
		font-size: 14px;
	}
}
.formulaire-ligne {
	border-top: solid 1px #000;
	
}
.formulaire-messages {
	display: flex;
	position: relative;
	float: none;
	flex-direction: column;
	padding-top:2px;
}
.formulaire-aide {
	display: none;
	position: relative;
	float: none;	
	font-size: 13px;
	color: rgb(var(--theme_formulaire_message_aide_couleur_contenu));
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	padding-top: 2px;
}
.formulaire-control {
	display: none;
	position: relative;
	float: none;	
	font-size: 13px;
	color: rgb(var(--theme_formulaire_message_control_couleur_contenu));
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	padding-top: 2px;
}
.formulaire-action {
	display: flex;
	position: relative;
	float: none;
	align-content: flex-start;
	justify-content: space-around;	
}
@media screen and (max-width: 580px){
	.formulaire-action {
	flex-direction: column;
	}
}
.formulaire-descriptif {
	display: block;
	position: relative;
	float: none;
	padding: 20px;	
	font-size: 13px;
	font-weight: normal;	
}
.formulaire-valider {
	display: block;
	position: relative;
	float: none;
	padding: 20px;		
}
.formulaire-bouton {
	display: block;
	position: relative;
	float: none;
	font-size: 16px;
	font-weight: normal;
	color: rgb(var(--theme_bouton_2_couleur_contenu));
	text-decoration: none;
	background-color: rgb(var(--theme_bouton_2_couleur_fond));
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 18px;
	padding-left: 18px;
	border-radius: var(--theme_bouton_2_arrondi);
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid rgb(var(--theme_bouton_2_couleur_fond));
	background-image: none;
	-webkit-appearance: none;
	transition: box-shadow var(--theme_transition);
}
@media screen and (max-width: 768px){
	.formulaire-bouton {
		font-size: 15px;
	}
}
.formulaire-bouton:hover {
box-shadow: 0px 0px 0px var(--theme_bouton_2_halo) rgba(var(--theme_bouton_2_couleur_fond),0.2);
}
.formulaire-securite {
	display: flex;
	position: relative;
	float: none;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	margin: 20px;
	border: solid 1px #ccc;
	border-radius: 6px;
}
.formulaire-vrai {
	border-bottom: none;
}
.formulaire-faux {
	border-bottom: solid 3px rgb(var(--theme_formulaire_message_control_couleur_contour));
}
.formulaire-confirmation {
	display: flex;
	position: relative;
	float: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.formulaire-confirmation-cadre {
	display:flex;
	position: relative;
	float: none;
	opacity: 0;
	align-items: center;
	border-radius: 200px;
	background-color: rgba(var(--theme_formulaire_message_aide_couleur_fond),0.1);
}
.formulaire-confirmation-cadre div:first-of-type {
	display:block;
	position: relative;
	float: none;
	opacity: 0;
	width: 20px;
	height: 20px;
	margin-left: 25px;
	border-radius: 20px;
	background-color: rgb(var(--theme_formulaire_message_aide_couleur_fond));
}
.formulaire-confirmation-cadre div:last-of-type {
	display: none;
	float: none;
	position: relative;
	opacity: 0;
	padding-left: 20px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 15px;
	color: #000;
}
.formulaire-confirmation-message p {
	padding: 0px;
	margin: 0px;
}
.formulaire-information p{
	/*display: none;*/
}
.formulaire-information-un p:nth-of-type(1) {
	display: inline-block;
}
.formulaire-information-deux p:nth-of-type(2){
	display: inline-block;
}
.formulaire-information-trois p:nth-of-type(3){
	display: inline-block;
}