/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* MENU */
li.bloc-dark a.elementor-item {
    background-color: #000;
    color: #fff !important;
}
li.bloc-dark a.elementor-item:hover {
    background-color: #333791;
}

/* FONT */
.elementor-heading-title strong {
    color: #333791;
    font-weight: 800;
}

/* GLOBAL */
.no-margin p {
    margin: 0;
}
.fa-angle-down:before, .fa-angle-up:before {
    font-size: 18px;
}
ul {
    padding: 0;
}
li {
    list-style: "- ";
	list-style-position: inside;
}
.map iframe {
    width: 100%;
}

/* SLIDE ACCUEIL */

.trait-rouge-slide:after{
	content: "";
	background-image: url(images/trait-rouge-slide.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 616px;
	height: 641px;
	top: 0px;
	right: 0px;
}
.trait-rouge-slide h1:after{
	content: "";
	background-image: url(images/trait-rouge-slide.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 616px;
	height: 641px;
	top: 0px;
	right: 0px;
}

/* TABLE */
.elementor-widget-Table table tbody.tafe-table-body tr td {
    background-color: #F5F5F5;
	word-break: break-word;
}
table tbody.tafe-table-body tr td:first-child {
    color: #000;
    font-weight: 600;
}

/* PRENDRE RENDEZ-VOUS */
#select_choix .typecontrole {
    display: flex;
    flex-wrap: wrap;
}
#select_choix .typecontrole a {
    flex: 1;
    background: #f2f2f2;
    padding: 10px;
    text-align: center;
	margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #000;
	transition: all 0.5s;
	box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}
#select_choix .typecontrole a:hover {
    background: #eeeeee;
	box-shadow: none;
}
#select_choix .typecontrole a:before {
	content: "";
    width: 50px;
    height: 50px;
    position: relative;
    display: flex;
    margin-right: 10px;
        background-repeat: no-repeat;
}
#select_choix .typecontrole a:first-child:before {
    background-image: url(images/contre-visite.svg);
}
#select_choix .typecontrole a:last-child:before {
	background-image: url(images/controle-technique.svg);
}
.row.tab_rdv {
    display: flex;
    flex-wrap: nowrap;
}
.row.tab_rdv .col.jour {
    width: 20%;
	text-align: center;
}
.row.tab_rdv .col.jour div:first-child {
    text-transform: capitalize;
    margin: 10px;
    font-size: 14px;
    line-height: 14px;
}
.row.tab_rdv .col.jour .crenaux {
    display: flex;
    flex-wrap: wrap;
}
.row.tab_rdv .col.jour .crenaux a {
    background-color: #333791;
    margin: 3px;
    padding: 5px;
    color: #fff;
	width: 100%;
	transition: all 0.5s;
}
.row.tab_rdv .col.jour .crenaux a.contol_cache {
    background-color: #c36;
}
.row.tab_rdv .col.jour .crenaux .aff_rdv_model {
    margin: -8px 3px 5px 3px;
    width: 100%;
    border: #343891 2px solid;
    overflow: hidden;
    border-top: none;
}
.row.tab_rdv .col.jour .crenaux .aff_rdv_model a {
    display: block;
    background-color: #a2a2a2;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-top: 5px;
}
a.modif_rdv small {
  font-size: 11px;
}
a.modif_rdv {
  font-size: 14px;
}
a.modif_rdv.bold {
  font-weight: bold;
}
.row.tab_rdv .col.jour .crenaux a.indispo {
    background-color: #f8f8f8;
    color: #333791;
    cursor: not-allowed;
}
.row.tab_rdv .col.jour .crenaux a:hover {
    background-color: #10134c;
}
.row.tab_rdv .col.jour .crenaux a.indispo:hover {
    background-color: #ececec;
}

.message_last_rdv {
  color: #c36;
  font-weight: bold;
}
.navig {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.navig a {
    background: #fff;
    padding: 5px 10px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #333;
}
.titlesemaine {
    font-size: 18px;
    margin: 0 10px;
    text-align: center;
}
.formulaire_resa form.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
	margin-top: 20px;
}

.formulaire_resa form.wpcf7-form .elementor-col-50 {
    width: 50%;
	padding: 10px 20px 0 0;
}
.formulaire_resa form.wpcf7-form label {
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    color: #333791;
}
.formulaire_resa form.wpcf7-form span input.wpcf7-form-control.wpcf7-text.wpcf7-email, .formulaire_resa form.wpcf7-form select, .formulaire_resa form.wpcf7-form span input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #333791;
    padding: 5px;
}

.formulaire_resa form.wpcf7-form select {
    padding: 7px 5px;
}

a.btn_planning {
  background-color: #333791;
  margin: 3px;
  padding: 5px;
  color: #fff;
  width: 100%;
  transition: all 0.5s;
  padding: 10px 15px;
  border: 2px solid #fff;
  margin-right: 10px;
}
a.btn_planning:hover {
  background-color: #333791;
  margin: 3px;
  padding: 5px;
  color: #fff;
  width: 100%;
  transition: all 0.5s;
  padding: 10px 15px;
  border: 2px solid #e12628;
  margin-right: 10px;
}
a.btn_planning:before {
  font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #FFFFFF;
    font-size: 16px;
    content: "\f064";
    margin: 0 10px 0 0;
}

/* CONTACT */
.contact-form .elementor-col-50 {
    width: 50%;
}
.contact-form .elementor-col-100 {
	width: 100%;
}
.contact-form form.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
}
.contact-form .elementor-col-50, .contact-form .elementor-col-100 {
    padding: 10px;
}
.contact-form label {
    width: 100%;
	/*padding: 10px;*/
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    color: #333791;
}
.contact-form input.wpcf7-form-control.wpcf7-text {
    background-color: transparent;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #333791;
    padding: 5px;
}
.contact-form textarea.wpcf7-form-control {
    border-radius: 0;
    background-color: transparent;
    margin-top: 10px;
    border-color: #333791;
	height: 150px;
}
.contact-form input[type="checkbox"], .formulaire_resa form.wpcf7-form input[type="checkbox"], input#elementor-login-remember-me {
    -webkit-appearance: none;
    width: 13px;
    height: 13px;
    border: 1px solid #333791;
	outline: none;
}
.contact-form input[type="checkbox"]:checked, .formulaire_resa form.wpcf7-form input[type="checkbox"]:checked, input#elementor-login-remember-me:checked {
    background-color: #333791;
    background-image: url(images/ok.svg);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}
.contact-form span.wpcf7-list-item {
    margin: 0 10px;
}
.contact-form input.wpcf7-form-control.wpcf7-submit, .formulaire_resa form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
    border-radius: 0;
    border: 2px solid #333791;
    background-color: #333791;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Montserrat';
    padding: 15px 30px;
    margin: 20px 0px;
}
.RGPD span.wpcf7-list-item.first.last {
    margin: 20px 0 0;
}
.contact-form .elementor-col-100 p {
    padding: 0 10px;
}

.formulaire_resa form.wpcf7-form {
  position: relative;
}
.wpcf7-response-output {
    position: absolute;
    background: #FFF;
    bottom: 78px;
    left: 140px;
}

.message_cv_important {
  color: #e10c27;
  padding-bottom: 10px;
}
.message_cv_important p {
  padding: 0;
  margin: 0;
  font-weight: bold;
}

.message_rdv {
  color: #e10c27;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: bold;
  border: 2px solid #e10c27;
  text-align: center;
  margin: 20px 0;
}

a.btn_retour {

}

a.btn_suppr_rdv {
    border-radius: 0;
    border: 2px solid #e10c27;
    background-color: #e10c27;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Montserrat';
    padding: 15px 30px;
    margin: 20px 0px;
    position: absolute;
    right: 20px;
}
a.btn_suppr_rdv:hover {
     border: 2px solid #333791;
  background-color: rgb(225 12 39 / 64%);
    color: #fff;

}
/* CAPTCHA */
.grecaptcha-badge {
    display: none !important;
}
/* connexion */
input#user, input#password {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #333791;
    padding: 5px;
	color: #333791;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
	box-shadow: none;
}
input#user:focus, input#password:focus, input#user:active, input#password:active, input#user:hover, input#password:hover {
    border-color: 1px solid #e10c27;
	box-shadow: none;
}
input#user::placeholder, input#password::placeholder {
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    color: #333791;
    opacity: 1;
}
form .elementor-form-fields-wrapper .elementor-remember-me label {
    font-size: 14px;
    color: #000;
    font-family: "Montserrat";
    font-weight: 400;
    margin: 10px 0;
}
form .elementor-form-fields-wrapper button.elementor-size-sm.elementor-button {
    border-radius: 0;
    background-color: #333791;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Montserrat';
    padding: 15px 30px;
    width: 100%;
    display: flex;
    justify-content: left;
	transition: all 0.5s;
}
form .elementor-form-fields-wrapper button.elementor-size-sm.elementor-button:hover {
     background: #e00d27;
}
form .elementor-form-fields-wrapper button.elementor-size-sm.elementor-button:after {
    content: ">";
    font-size: 20px;
    position: absolute;
    display: flex;
    color: #FFF;
    top: 0;
    right: 0;
    height: 100%;
    background: #e00d27;
    width: 10%;
    justify-content: center;
    align-items: center;
}
form .elementor-form-fields-wrapper a.elementor-lost-password {
    font-size: 12px;
    color: #343791;
    font-family: "Montserrat";
    font-weight: 400;
    opacity: 1;
    text-decoration: underline;
}


@media screen and (min-width: 320px) and (max-width: 520px) {
.elementor-widget-shortcode .elementor-widget-container {
    display: flex;
    flex-wrap: wrap;
}
}