:root {
	

  --shinyInput-background : #f6f6f6;
  --shinyInput-color : #777;
  --button-shadow-1: 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}

/** Offres emploi **/
.postJob{display:flex;flex-wrap:wrap;background-color:white;z-index: 0;position: relative;}
.postJob.athideUser{display: none;}
 .postJob .input_submit{ margin-right: 0;   margin-left: auto;}
.postJob>div[class^=table_form_] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 2em;
}


.myLine{display: flex;font-size: medium;justify-content: space-between; margin:0.5em; align-items: center;}
.myLine .first{display:flex;}
.myLine .first:before{content :'\e124'; font-family: 'gandg'; display: inline-block; margin-right: 1em;}
.listRecettes{margin:auto;text-align:left;width:100%;}
.listRecettes>div{display:block;}
.rname, .rdate{padding:1em}
.rdate{display:inline-flex;}
.buttonFlipPDF:not(:has([id^="textcontent"])), .buttonFlipPDF div[id^="textcontent"]{padding:1em;text; font-weight:bold;text-decoration : underline !important;}
.buttonFlipPDF a{text-decoration : underline !important;}
/*
.flexContForm{    display: flex; flex-wrap: wrap; justify-content: space-between;}
.shinyGroup, .loginFormConnect .line_form{ position: relative;  font-size:medium; margin: 0.5em 0; }
.shinyGroup .cell_1_form, .shinyGroup .cell_2_form:not(:has([type=radio])), .loginFormConnect .line_form .cell_1_form, .loginFormConnect .line_form .cell_2_form{display:block;}

.loginFormConnect .line_form, .shinyGroup.fullW{width:100%;text-align:left;position:relative;}
.shinyGroup.halfW{width:45%;display: inline-block;}
.loginFormConnect .line_form input, .loginFormConnect .line_form label, .shinyGroup input, .shinyGroup textarea, .shinyGroup label{font-size: var(--medium-text);}
.shinyGroup textarea{height: 10em;width: 100%; box-sizing: border-box;}
    

.shinyGroup input:not([type=radio]) , .shinyGroup textarea, .loginFormConnect .line_form input:not([type=radio]){ width: 100%; padding: 0.5em 0.5em; box-sizing: border-box; text-align: left; color: var(--shinyInput-color); border: 1px solid var(--shinyInput-color); transition: border-color 250ms; transition: box-shadow 0.3s ease-in-out; background-color: var(--shinyInput-background); letter-spacing : 0.1em;}
.shinyGroup input:focus, .shinyGroup textarea:focus, .loginFormConnect .line_form:focus{box-shadow: rgba(33, 35, 38, 0.6) 0px 10px 10px -10px;outline: none;border-color: #777;}
.shinyGroup input::placeholder , .shinyGroup textarea::placeholder, .loginFormConnect .line_form input::placeholder{ color: transparent;}

.shinyGroup input::-webkit-contacts-auto-fill-button, .shinyGroup textarea::-webkit-contacts-auto-fill-button, .loginFormConnect .line_form  input::-webkit-contacts-auto-fill-button{ visibility: hidden; pointer-events: none; position: absolute;}

.shinyLabel, .shinyGroup:not(:has([type=radio])) label, .loginFormConnect .line_form label{position: absolute;z-index:1; top: 0.75em; left: 0.5em; color: var(--shinyInput-color);  pointer-events: none; transform-origin: left bottom; transition: all 0.2s ease 0s;}
.loginFormConnect .line_form .cell_1_form:has(+ .cell_2_form input:focus) label{ padding:0.25em 0.5em; top: 1em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);} 
.loginFormConnect .line_form .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown)) label{ padding:0.25em 0.5em; top: 1em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);}
aa.loginFormConnect .line_form .cell_1_form:not(:has(+ .cell_2_form input:-webkit-autofill)) label{ padding:0.25em 0.5em; top: 1em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);}
.shinyGroup .cell_1_form{position:relative}
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label{ padding:0.25em 0.5em; top: 1em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);}
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:focus) label{ padding:0.25em 0.5em; top: 1em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);}
.shinyGroup .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill)) label{ apadding:0.25em 0.5em; atop: 1em; opacity:1; atransform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);}

.shinyGroup ul{text-align:left;display:inline-block;}
.shinyGroup li{display:flex;}
.shinyGroup li label{flex-grow : 1;}

.shinyGroup select{ width: 100%;box-sizing:border-box; padding: 0.5em; background: whitesmoke;font-size: var(--font-size-medium);}
div[class^=line_form] {
    width:100%;
}*/


/**************/
.shinyGroup{position:relative; transform: translate(0);}
.flexContForm{    display: flex; flex-wrap: wrap; justify-content: space-between;}
.shinyGroup, .loginFormConnect .line_form{ position: relative;  font-size:medium; margin: 1.5em 0 0.5em 0; /** creer de l'espace pour pour le label qui remonte et a l'ombre sur le hover**/}
.shinyGroup .cell_1_form, .shinyGroup .cell_2_form:not(:has([type=radio])), .loginFormConnect .line_form .cell_1_form, .loginFormConnect .line_form .cell_2_form{display:block;position:relative;}

.loginFormConnect .line_form, .shinyGroup.fullW{width:100%;text-align:left;}
.shinyGroup.halfW{width:45%;display: inline-block;}
.loginFormConnect .line_form input, .loginFormConnect .line_form label, .shinyGroup input, .shinyGroup textarea, .shinyGroup label{font-size: var(--medium-text);}
.shinyGroup textarea{height: 10em;width: 100%; box-sizing: border-box;}
    

.shinyGroup input:not([type=radio]) , .shinyGroup textarea{ width: 100%; padding: 0.5em 0.5em; box-sizing: border-box; text-align: left; color: var(--shinyInput-color); border: 1px solid var(--shinyInput-color); transition: border-color 250ms; transition: box-shadow 0.3s ease-in-out; background-color: var(--shinyInput-background); letter-spacing : 0.1em;}
.shinyGroup input:focus, .shinyGroup textarea:focus, .loginFormConnect .line_form:focus{box-shadow: rgba(33, 35, 38, 0.6) 0px 10px 10px -10px;outline: none;border-color: #777;}

.shinyGroup .cell_2_form{position:relative;z-index:0;}
  /* Hide Safari's autofill button*/
.shinyGroup input::-webkit-contacts-auto-fill-button, .shinyGroup textarea::-webkit-contacts-auto-fill-button, .loginFormConnect .line_form  input::-webkit-contacts-auto-fill-button{ visibility: hidden; pointer-events: none; position: absolute;}
.shinyLabel, .shinyGroup:not(:has([type=radio])) label, .loginFormConnect .line_form label{position: aabsolute; z-index:1;top: 0.25em; left: 0.5em; color: var(--shinyInput-color);  pointer-events: none; transform-origin: left center; transition: all 0.2s ease 0s;}


/** Le cell_1_form =>  Quand on click dans le input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus), 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:focus){position:absolute; padding:0.25em 0.5em; top: 0.75em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);z-index:1;z-index:2;}

/** Le label =>  Quand on click dans le input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label, 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:focus) label{}

/** le cell_1_form => quand il y a quelque chose dans l'input **/
.shinyGroup .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill)){ position:absolute;padding:0.25em 0.5em; top: 0.75em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);z-index:1;}

/** le cell_1_form => quand il n'y a rien dans l'input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill){position:absolute;padding:0.25em 0.5em; z-index: 2;transition: 0.3s ease-in-out;pointer-events: none;}


/** le label => quand il y a quelque chose dans l'input **/
.shinyGroup .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill)) label{ }

/** Le label => quand  il y a quelque chose dans l'input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:not(:placeholder-shown)) label, 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:not(:placeholder-shown)) label,
.shinyGroup .cell_1_form:has(+ .cell_2_form input:-webkit-autofill) label{ }

.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label{z-index:1 !important;}

.shinyGroup ul{text-align:left;display:inline-block;}
.shinyGroup li{display:flex;}
.shinyGroup li label{flex-grow : 1;}

.shinyGroup select{ width: 100%;box-sizing:border-box; padding: 0.5em; background: whitesmoke;font-size: var(--font-size-medium);}
div[class^=line_form] {
    width:100%;
}

/**************/
.icofaq { 
    transition: all 0.5s ease 0s;
    cursor: pointer;
    position: relative;
    top: 0;
    right: 0;
}

.icofaq.active:before {
    rotate: 90deg;
}

.icofaq:before {
    position: absolute;
    top: 0;
    right: 1em;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}
b:after, strong:after, .strong:after {
    content: '';
    position: absolute;
    height: 0.2em;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    background-color: var(--principal-color);
    bottom: 0em;
    left: 0;
    z-index: -1;
}
b:hover:after, strong:hover:after, .strong:hover:after {
    height: 1em;
}
@media 	screen and (max-width : 468px) {
	.p1080 .bcont{width:100%;}

}