/***** champs formulaire *****/ 
label								{ display: block; margin-bottom: 5px;}
label span							{ color: #ba0000;}
select,
input[type="text"],
input[type="email"],
input[type="date"],
input[type="number"],
textarea 							{ width:100%; border:1px solid #dfdfdf; padding:0 0 0 15px; height:60px; font: 400 15px/30px "Rubik"; color:#202628; margin-bottom: 10px; letter-spacing: 0.4px; display:block; background: #ffffff60; border-radius: 0; }
textarea							{ min-height: 160px; padding:20px 0 0 15px; display: block; }
/*input[type=checkbox] 				{ -webkit-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 0;}*/
input[type=submit]                  { border: none; cursor: pointer; transition: all 400ms ease-in-out;} 


input::placeholder      { color:#00000040; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus 		{ border: 1px solid #010101; -webkit-text-fill-color: #000000; box-shadow: 0 0 0px 1000px #ffffff inset; transition: background-color 5000s ease-in-out 0s;}

/***** Class *****/
.showForm     { cursor: pointer;}
.form-content { display: none;}
.formOption   { display: none;}
#optionDevis  { display: inline-block;}
.btn-showForm { margin-top: 40px; margin-bottom: 40px;}

@media (max-width:700px) {
    .showForm              { width: 100%;}
    .showForm:nth-child(1) { margin-bottom: 10px;}
}

/***** confirmation formulaire *****/

.content_form > div:nth-child(1) > a { margin-top: 20px; }
.confirmation_form			 		{ padding:40px; margin-top: 40px;  background:#00427f; border:1px solid #00427f; color: #ffffff; text-transform: uppercase; border-radius:0; text-align:center;}
.confirmation_form p			 	{ margin:5px 0 20px 0;}

@media (max-width:600px) {
    .confirmation_form			 		{ padding:30px 20px;}
}


/***** RGPD *****/
#rgpdForm 							{ padding:20px; border:1px solid #cccccc30; background: #cccccc30; font: normal 14px/24px "Rubik"; letter-spacing:0.4px; margin:20px 0; border-radius:0;}
#rgpdForm input[type=checkbox]		{ width:18px; height:18px; display:block; float:left; padding:0; margin:5px 0 0 0; -webkit-appearance:checkbox; -ms-appearance:checkbox; appearance:checkbox; -moz-appearance:checkbox; -o-appearance:checkbox;}
#rgpdForm label						{ display:block; margin:0; padding: 0 0 0 30px; float:none; font: normal 12px/24px "Rubik"; letter-spacing:0.4px;}
#rgpdForm a							{ position:relative; color:#ce202a;}
#rgpdFormAcceptError				{ padding:5px 0 0 30px; color:#ce202a;}

/* CONTACT */
#contact .titre-form                                   { color: #ffffff; padding: 10px 0; background: #d1a930; position: relative; font-size: 20px;}
#contact .titre-form:before                            { content: ''; left: -40px; top: 0; width: calc(100% + 80px); height:100%; position: absolute;  background: #d1a930; z-index: -1;}
#contact .bloc_contact                                 { position:relative; display:grid; grid-gap:0; grid-template-columns:1fr; width: 100%; max-width: 80%; margin: 80px auto 0 auto;}
#contact .contact_form:before                          { content: ''; left: -40px; top: 0; width: calc(100% + 80px); height: calc(100% + 40px); position: absolute;  background: #cccccc30; z-index: -2;}
/*#contact .bloc_contact .grid              			   { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#contact .bloc_contact .grid .item                     { position: relative;}
#contact .bloc_contact .grid .item .sous_titre         { margin-bottom: 0;}
#contact .bloc_contact .grid .item_full				   { grid-column: span 2; position: relative;}
#contact .bloc_contact .grid .item_download			   { grid-column: span 2; position: relative;}

#contact .bloc_contact .grid .item_download label      { margin:0;}
#contact .bloc_contact .grid .item_download p          { margin:0;}*/

#contact .item h6.sous_titre     { margin-top:40px;}

#contact .grid-adresse                  { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px 40px; margin-bottom: 60px;}
#contact .grid-adresse .item_full       { grid-column: span 2;}
#contact .grid-adresse .item_full.small { font-size: 12px;}

#contact .grid-facturation-pro,
#contact .grid-facturation-prive        { display: none;}


/* DEVIS */
#devis .titre-form                                   { color: #ffffff; padding: 10px 0; background: #d1a930; position: relative; font-size: 20px; margin-bottom: 30px;}
#devis .titre-form:before                            { content: ''; left: -40px; top: 0; width: calc(100% + 80px); height:100%; position: absolute;  background: #d1a930; z-index: -1;}
#devis .bloc_contact                                 { position:relative; display:grid; grid-gap:0; grid-template-columns:1fr; width: 100%; max-width: 80%; margin: 80px auto 0 auto;}
#devis .contact_form:before                          { content: ''; left: -40px; top: 0; width: calc(100% + 80px); height: calc(100% + 40px); position: absolute;  background: #cccccc30; z-index: -2;}
/*#devis .bloc_contact .grid              			 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#devis .bloc_contact .grid .item                     { position: relative;}
#devis .bloc_contact .grid .item .sous_titre         { margin-bottom: 0;}
#devis .bloc_contact .grid .item_full				 { grid-column: span 2; position: relative;}
#devis .bloc_contact .grid .item_download			 { grid-column: span 2; position: relative;}

#devis .bloc_contact .grid .item_download label      { margin:0;}
#devis .bloc_contact .grid .item_download p          { margin:0;}*/

/* JOB */
#job .titre-form                                   { color: #ffffff; padding: 10px 0; background: #d1a930; position: relative; font-size: 20px;}
#job .titre-form:before                            { content: ''; left: -40px; top: 0; width: calc(100% + 80px); height:100%; position: absolute;  background: #d1a930; z-index: -1;}
#job .bloc_contact                                 { position:relative; display:grid; grid-gap:0; grid-template-columns:1fr; width: 100%; max-width: 80%; margin: 0 auto;}
#job .contact_form:before                          { content: ''; left: -40px; top: 0; width: calc(100% + 80px); height: calc(100% + 40px); position: absolute;  background: #cccccc30; z-index: -2;}
#job .bloc_contact .grid              			   { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#job .bloc_contact .grid .item                     { position: relative;}
#job .bloc_contact .grid .item .sous_titre         { margin-bottom: 0;}
#job .bloc_contact .grid .item_full				   { grid-column: span 2; position: relative;}
#job .bloc_contact .grid .item_download			   { grid-column: span 2; position: relative;}

#job .bloc_contact .grid .item_download label      { margin:0;}
#job .bloc_contact .grid .item_download p          { margin:0;}

/* SELECT */

.input-file-container     { position: relative;width: 100%; }  
.input-file-trigger       { display: block; padding: 14px 25px 14px 30px; background: url("../images/picto-download.svg") 10px 50% #00427f no-repeat ; border-radius: 0; color: #fff; font: 500 16px/24px Rubik; transition: all .4s; cursor: pointer;}  
.input-file               { position: absolute; top: 0; left: 0; width: 100%; padding: 14px 0; opacity: 0; z-index: -1; }  
       
.input-file:hover + .input-file-trigger,  
.input-file:focus + .input-file-trigger,  
.input-file-trigger:hover,  
.input-file-trigger:focus { background: url("../images/picto-download.svg") 10px 50% #d1a930 no-repeat ; color: #fff; }  
       
.file-return                    { margin: 0; }  
.file-return:not(:empty)        { margin: 1em 0; }  
.file-return                    { font-style: italic; font-size: .9em; font-weight: bold; }  
.file-return:not(:empty):before { content: "Selected file: "; font-style: normal; font-weight: normal; }  

.input-file-trigger.error { background: #ce202a;}


/* custom select */
.select2                                                                            { width: 100%!important; margin-bottom: 20px;}
.select2-container--default .select2-selection--single 								{ border: 1px solid #dfdfdf; border-radius: 5px; height: 53px; background: url("../images/arrow-select.svg") right+20px center no-repeat #fff;}
.select2-container .select2-selection--single .select2-selection__rendered 			{ line-height: 25px; padding: 14px 25px;}
.select2-container--default .select2-selection--single .select2-selection__arrow 	{ display: none;}
.select2-dropdown 																	{ border-color: #dfdfdf; border-radius: 5px; overflow: hidden;}
.select2-dropdown b, .select2-dropdown strong 										{ font-size: 14px;}
.select2-container--default .select2-results__option      					        { background: #ffffff; color: #000000; transition: all 400ms ease-in-out;}
.select2-container--default .select2-results__option:hover    					    { background: #f4f3f1; color: #068bc8; transition: all 400ms ease-in-out;}
.select2-container--default .select2-results__option--selected    					{ background: #f4f3f1; color: #068bc8;}
.select2-container--default .select2-search--dropdown .select2-search__field 		{ border-color: #f4f3f1;}
.select2-search                                                                     { display: none;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #f4f3f1; color: #068bc8;}

@media (max-width:700px) {

.select2-container--default .select2-selection--single 								{ border-radius: 5px; height: 48px;}
.select2-container .select2-selection--single .select2-selection__rendered 			{ line-height: 20px; padding: 14px 20px;}
.select2-dropdown 																	{ border-radius: 5px;}
}