/***** champs formulaire *****/ 
label								{ font: 300 16px/30px "vag-rundschrift-d"; display: block; margin-bottom: 5px;}
label span							{ color: #d00243;}
select,
input[type="text"],
input[type="email"],
input[type="date"],
input[type="number"],
textarea 							{ width: 100%; height: 60px; border: 1px solid #ccc; font: 300 16px/22px "vag-rundschrift-d"; letter-spacing: 0.4px; padding: 0 25px; margin-bottom: 40px; border-radius: 5px;}
textarea							{ min-height: 160px; padding: 20px 25px; display: block; border-radius: 5px;}
input[type=checkbox], input[type=radio] 				{ -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:-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: #010101; box-shadow: 0 0 0px 1000px #ffffff inset; transition: background-color 5000s ease-in-out 0s;}


/***** confirmation formulaire *****/
.anchor 							{ position: absolute; left: 0; top: -140px;}
.confirmation_form			 		{ text-align: center; border: 1px solid #005e63; padding: 40px; background: #005e63; color: #ffffff; border-radius: 5px;}
.confirmation_form p			 	{ margin: 5px 0 20px 0;}

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


/***** RGPD *****/
#rgpdForm 							{ font: 300 14px/24px "vag-rundschrift-d"; border: none; letter-spacing: 0.6px; margin-bottom: 30px;}
#rgpdForm input[type=checkbox]		{ width: 18px; height: 18px; display: block; float: left; padding: 0; margin: 2px 0 0 0; -webkit-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox;}
#rgpdForm label						{ display: block; margin: 0; padding-left: 30px; font: 300 14px/24px "vag-rundschrift-d"; letter-spacing: 0.6px;}
#rgpdForm a							{ position: relative; border-bottom: 1px solid #6c6c6c40; padding-bottom: 2px; color: #6c6c6c;}
#rgpdFormAcceptError				{ padding: 5px 0 0 30px; color: #d00243;}

@media (min-width:1201px) {
    #rgpdForm a:hover 					{ border-bottom: 1px solid #00a2a9; color: #00a2a9;}
}


/***** page contact *****/
.contact_form .sous_titre       { margin-bottom: 60px;}
.content_form .sous_titre       { line-height: 30px;}
.content_form .sous_titre span  { font-size: 18px; color: #6c6c6c;}
.bloc_contact    				{ max-width: 800px; margin: 0 auto; position: relative;}
.grid              			    { display: grid; grid-template-columns: 1fr 1fr; grid-gap:40px 30px; margin-bottom: 30px;}
.grid .item_full				{ grid-column: span 2;}

.bloc_grid                      { display: grid; grid-template-columns:repeat(2,1fr); align-items: start; position: relative; margin: 160px 0 80px 0; grid-gap: 40px 80px;}
.bloc_grid .sous_titre 		    { margin-bottom: 40px;}
.bloc_grid .direction 			{ width: 36px; height: 36px; background: url(../images/direction.svg) center no-repeat; position: absolute; right: 0; top: 12px;}
.bloc_grid ul         			{ margin: 0; padding: 0;}
.bloc_grid ul li 				{ border-bottom: 1px solid #cccccc60; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.bloc_grid ul li span 			{ position: absolute; right: 0; top: 0;}
.bloc_grid ul li a    			{ color: #6c6c6c; border: none; padding-bottom: 0; line-height: 30px; position: relative; padding-left: 25px;}
.bloc_grid ul li.tel a:before   { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 16px; height: 15px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='15px'><path fill-rule='evenodd'  fill='rgb(0, 162, 169)' d='M3.630,6.431 C4.821,8.783 6.748,10.682 9.072,11.873 L10.886,10.059 C11.113,9.832 11.453,9.775 11.737,9.860 C12.672,10.172 13.664,10.342 14.684,10.342 C15.138,10.342 15.506,10.710 15.506,11.163 L15.506,14.055 C15.506,14.509 15.138,14.877 14.684,14.877 C6.918,14.877 0.626,8.585 0.626,0.818 C0.626,0.365 0.994,-0.003 1.448,-0.003 L4.339,-0.003 C4.792,-0.003 5.161,0.365 5.161,0.818 C5.161,1.839 5.331,2.831 5.643,3.766 C5.728,4.050 5.671,4.389 5.444,4.616 L3.630,6.431 Z'/></svg>");}
.bloc_grid ul li.email a        { border-bottom: 1px solid #01010100; padding-bottom: 2px;}
.bloc_grid ul li.email a:before { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 16px; height: 12px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='12px'><path fill-rule='evenodd'  fill='rgb(0, 162, 169)' d='M14.716,12.002 L1.291,12.002 C0.584,12.002 0.011,11.468 0.011,10.812 L0.011,3.299 L6.673,7.259 C7.084,7.480 7.546,7.588 8.008,7.588 C8.469,7.588 8.930,7.480 9.342,7.259 L15.996,3.303 L15.996,10.812 C15.996,11.468 15.423,12.002 14.716,12.002 ZM8.007,6.268 C7.790,6.268 7.572,6.215 7.378,6.112 L0.011,1.776 L0.011,1.180 C0.011,0.523 0.584,-0.009 1.291,-0.009 L14.716,-0.009 C15.423,-0.009 15.996,0.523 15.996,1.180 L15.996,1.781 L8.636,6.112 C8.442,6.215 8.225,6.268 8.007,6.268 Z'/></svg>");}
.bloc_grid ul li.footer_heures a:before { content: ''; position: absolute;  left: 0;  top: 50%;  transform: translate(0, -50%); width: 16px; height: 17px; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='17px'><path fill-rule='evenodd'  fill='rgb(0, 162, 169)' d='M7.1000,0.828 C3.582,0.828 -0.000,4.401 -0.000,8.808 C-0.000,13.215 3.582,16.788 7.1000,16.788 C12.418,16.788 15.1000,13.215 15.1000,8.808 C15.1000,4.401 12.418,0.828 7.1000,0.828 ZM11.458,10.326 L8.067,10.326 C8.055,10.326 8.045,10.323 8.033,10.322 C8.022,10.323 8.011,10.326 7.1000,10.326 C7.694,10.326 7.446,10.078 7.446,9.773 L7.446,4.140 C7.446,3.835 7.694,3.588 7.1000,3.588 C8.305,3.588 8.553,3.835 8.553,4.140 L8.553,9.221 L11.458,9.221 C11.764,9.221 12.011,9.469 12.011,9.773 C12.011,10.078 11.764,10.326 11.458,10.326 Z'/></svg>");}

.bloc_grid ul li i              { font-weight: 500;}

.bloc_grid .sous_titre          { line-height: 30px; font-size: 40px;}
.bloc_grid .sous_titre span     { font-size: 16px; display: block;}

.link-form                      { color: #ffffff; border-radius: 5px; background: #00a2a9; border: none; cursor: pointer; padding: 20px 40px;}

@media (min-width:1201px) {
    .bloc_grid .direction:hover 	{ opacity: 0.65;}
    .bloc_grid ul li.email a:hover 	{ border-bottom: 1px solid #00a2a9;}
    .link-form:hover                { background: #005e63; color: #ffffff;}
}

@media (max-width:800px) {
    .grid    		    { grid-template-columns: 1fr;}
    .bloc_grid    		{ margin: 80px 0; grid-template-columns: 1fr; grid-gap: 40px 0;}
    .grid .item_full    { grid-column: span 1;}
    .content_form .sous_titre span  { font-size: 16px;}
}
@media (max-width:600px) { 
    form .grid 					{ display: block;}
    form label 					{ margin-bottom: 10px;}
    form .btn_sub 				{ text-align: left;}
    .grid        				{ grid-gap: 15px;}
}

@media (max-width:600px) { 
    form label 					    { margin-bottom: 10px;}
    form .btn_sub 					{ text-align: left;}
    .grid .item                     { margin-bottom: 30px;}
}


/**** uploads ****/
.uploads                     { border: 1px solid #cccccc; border-radius: 5px; padding: 20px; margin-bottom: 40px;}
.uploads a                   { color: #00a2a9;}

.custom-file-input                             { color: transparent;display: block; margin-bottom: 10px;}
.custom-file-input::-webkit-file-upload-button { visibility: hidden;}

.custom-file-input::before                { content: "Choisir un fichier"; color: #ffffff; display: inline-block; background: #00a2a9; padding: 10px 22px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 300; border-radius: 5px; outline: none;  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);}
.custom-file-input:focus                  {	outline: none !important;}
.custom-file-input:active::before         { transform: scale(.9) translate(0px, 2px); box-shadow:  inset 4px 4px 5px 0px rgba(0, 0, 0, 0.20); }


/**** devis ****/
.form-content,
.form-content-typeBien,
#formSend               { display:none; margin-top: 40px;}
.showForm               { display: inline-block; color: #ffffff; border-radius: 5px; background: #00a2a9; border: none; padding: 20px 40px; cursor: pointer;}
.showForm.active        { background: #005e63; color: #ffffff;}
h4.sous_titre           { margin-top: 40px;}
h4.sous_titre span      { font-size: 18px;}
p.form_titre            { font-size: 18px; text-transform: uppercase; color: #00a2a9; margin-top: 40px;}

@media (min-width:1201px) {
    .showForm:hover         { background: #005e63; color: #ffffff;}
}

@media (max-width:600px) {
    .showForm         { display: block; margin: 5px 0;}
}

/**** map popup ****/
#map iframe 							{ width: 100%; height: 56vw; max-height: 500px; filter: grayscale(100%);}

.popup_info                				{ width: 100%; height: 100vh; position: fixed; right: 0; top: 0; z-index: 999; display: none;}
.popup_info ::-webkit-scrollbar 		{ display: none;}
.popup_info .infos.active  				{ top: 40%; opacity: 1;}
.popup_info .close_bg      				{ width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; z-index: 700; opacity: 0.85; cursor: url("../images/close.svg"), auto;}
.popup_info .infos 						{ max-width: 1000px; width: 90vw; background: #fff; position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%); text-align: left; overflow-y: scroll; border-radius: 5px; z-index: 800; box-shadow: 0 20px 50px 0 rgb(0 0 0 / 20%); opacity: 0;}
.popup_info .close_pop 					{ cursor: pointer; background: url("../images/close.svg") 50% no-repeat #00a2a9; background-size: 18px auto; width: 50px; height: 50px;  position: absolute; top: 15px; right: 15px; border-radius: 5px;}


@media (max-width:800px) {
    .popup_info .infos { padding: 20px 60px 60px 60px;}
    .popup_info .infos .grid {grid-template-columns: 1fr;}
    .popup_info .infos .grid .photo { text-align: center;}
    .popup_info .infos .grid .texte { text-align: center; padding-right: inherit;}
    .popup_info .infos.active { top:50%;}
}
@media (max-width:800px) {
    .popup_info .infos .grid .photo img { max-height: 250px;}
}

@media (min-width:1201px) {
    .popup_info .close_pop.link:hover { color: #00a2a9;}
}