.page_content p a { border: none;} .page_content p a:hover { border: none;} .bloc_texte p a:hover { border: none;} @media (max-width:600px) { .chapo { display: none;} } /***** champs formulaire *****/ label { font: 400 14px/30px "Poppins"; display: block; margin: 0 0 10px 0;} label span { color: #ff0000;} select, input[type="text"], input[type="email"], input[type="date"], textarea { width: 100%; height: 56px; border: none; font: 400 14px/22px "Poppins"; letter-spacing: 0.4px; padding: 0 25px 4px 25px; background: #f1f1f1; border-radius: 0} select { -webkit-appearance: none; appearance: none; background: url("../images/arrow_select.svg") calc(100% - 25px) 50% no-repeat #f1f1f1; padding-bottom: 0;} textarea { min-height: 160px; padding: 20px 25px; 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: 2px 10px 2px 0;} input[type=radio] { -webkit-appearance: radio; -ms-appearance: radio; appearance: radio; -moz-appearance: radio; -o-appearance: radio; width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 2px 10px 2px 0;} input[type=submit] { border: none;} @media (max-width:600px) { select, input[type="text"], input[type="email"], input[type="date"], textarea { height: 50px; font-size: 12px;} } /***** confirmation formulaire *****/ .confirmation_form { text-align: center; background: #f0f0f0; padding: 40px; border-radius: 0} .confirmation_form p { margin: 5px 0 20px 0;} @media (max-width:700px) { .confirmation_form { padding: 30px;} } /***** RGPD *****/ #rgpdForm { font: 400 12px/24px "Poppins"; padding: 0; border: none; letter-spacing: 0.4px; border-radius: 0} #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: 400 12px/24px "Poppins"; letter-spacing: 0.4px;} #rgpdForm a { position: relative; color: #000; border-bottom: 1px solid #f1f1f1; padding-bottom: 2px;} #rgpdFormAcceptError { padding: 5px 0 0 30px; color: #e92229;} @media (min-width:1201px) { #rgpdForm a:hover { color:#f49640; border-color: #f49640;} } /* custom */ .rgpd { margin-top: 40px; margin-bottom: 40px; } form .grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px 30px; align-items: center; margin: 20px auto;} @media (max-width:1000px) { form .grid { grid-template-columns: 1fr; margin: 20px auto;} } /***** page contact *****/ #contact .bloc_contact { display: grid; grid-template-columns: 380px 1fr; grid-gap: 60px; margin-bottom: 100px; margin-top: 60px; position: relative; z-index: 90;} #contact .bloc_contact .coordonnees .photo img { display:block; height: 100%; width: 100%;} #contact .bloc_contact .coordonnees .titre, #contact .bloc_contact .coordonnees .sous_titre { color: #b3c43f;} #contact .bloc_contact .coordonnees .content { background: #2d2d2d; color: #fff; padding: 50px;} #contact .bloc_contact .coordonnees .tel, #contact .bloc_contact .coordonnees .mail { padding-left: 35px; color: #fff;} #contact .bloc_contact .coordonnees .tel { background:url("../images/tel_green.svg") 0 4px no-repeat;} #contact .bloc_contact .coordonnees .mail { background:url("../images/mail_green.svg") 0 6px no-repeat;} #contact .bloc_contact .coordonnees .link { margin-top: 10px;} #contact .bloc_contact .coordonnees p { margin-bottom: 10px;} #contact .bloc_contact .coordonnees p a { color: #fff;} #contact form .sous_titre { margin-bottom: 30px;} #contact form .link { cursor: pointer;} #contact form .btn_sub .link { border-radius: 0;} @media (max-width:1000px) { #contact .bloc_contact { grid-template-columns: 1fr; grid-gap: 40px; margin-bottom: 80px; margin-top: 50px; } #contact form .grid { grid-template-columns: 1fr; grid-gap: 10px; } } @media (max-width:600px) { #contact .bloc_contact { grid-gap: 50px; margin-top: 0;} #contact .bloc_contact .coordonnees { margin: 0 -7.5vw 0 -7.5vw;} #contact .bloc_contact .coordonnees .content { padding: 40px 7.5vw;} #contact form .sous_titre { margin-bottom: 20px;} #contact form label { margin-bottom: 10px;} } /**** uploads ****/ .uploads { background-color: #eee; padding: 20px; margin: 40px auto;} .uploads a { color: #e5611a;} .uploads b { font-size: 14px;} .uploads p { font-size: 12px;} /* formulaire : joindre un fichier ss*/ .js .input_file_container { display:inline-block; position:relative;} .js .input_file { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; cursor:pointer;} .js .input_file_trigger { cursor:pointer; margin:0; padding:0 20px; color:#fff; background:#888;} .js .input_file:hover + .input_file_trigger, .js .input_file:focus + .input_file_trigger, .js .input_file_trigger:hover, .js .input_file_trigger:focus { background: #e5611a; color: #fff;} .file_return { margin:0;} .file_return:not(:empty) { margin:10px 0 20px 0;} .js .file_return { font:400 16px/20px "Barlow";} .js .file_return:not(:empty):before { content:"Fichier sélectionné : "; font-style:normal; font-weight:normal; font-family:"poppins";} .input_file_trigger.error { background:#f12626;} @media (min-width:1201px) { .js .input_file_container:hover .input_file_trigger { background: #b3c43f; } } @media (max-width:600px) { .js .input_file_trigger { font-size: 14px; line-height: 48px; height: 50px;} } #jobs #rgpdForm { margin: 20px auto 40px;}