@charset "utf-8";
/* CSS Document */

/* Reset safari formulaires */

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

.grayed {
    background-color: #D1D1D1;
    font-size: 0.7em;
}

.centre_fenetre{
	width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.paid_fac{
	display:table-row;
} 

.unpaid_fac{
	display:none;
}

.mini_tab {
    margin-bottom: 1em;
    border: solid 1px #f1f1f1;
}

.mini_tab td td{
	padding:0.2em;
}

.hide_renew{
	display:none;
}

.formulaire_renew{
	width:50%;
	float:left;
}

.formulaire_renew .form_p {
    width: 100%;
}

.instruction_renew {
    width: 40%;
    float: right;
    background-color: #ffffff;
    padding: 2em;
    margin-top: 1em;
}

tr:hover .erase{
	display:block;
}

.misenpause{
	visibility:hidden;
}

tr:hover td.mettreenpause .misenpause{
	visibility:visible;
}

.pause td{
	background-color: #6dd4d1!important;
}

.erase{
	cursor: pointer;
	display:none;
}

.gray td{
	background-color:#FFC3C4;
}


.connexion li a:link,
.connexion li a:visited{
	color:#FFF;
	font-size:300;
}

.connexion li a:hover{
	color:#FFF;
	text-decoration: none;
}


.new_nav {
    background-color: #222222;
    height: 10em;
	padding:1em;
	position:relative;
}

.new_nav .container{
	height:100%;
}

.new_nav .logo_h {
    float: left;
    height: 100%;
}

.new_nav .logo_h img{
	height:100%;
	width:auto;
}

.new_nav .nav_h {
    float: right;
    margin-top: 3.7em;
}

.new_nav .nav_h ul li{
	display:inline-block;
	margin-left:1em;
	font-size:1.2em;
	list-style-type: none;
	text-transform:uppercase;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
	position:relative;
	padding-bottom:1em;
}

.new_nav .nav_h ul li:hover ul{
	display:block;
}

.new_nav .nav_h ul li ul {
	display:none;
    position: absolute;
    left: 0;
    top: 2em;
    padding-inline-start: 0;
    width: max-content;
    background-color: #f86635;
    padding: 0.3em 0.7em;
    z-index: 99999;
}


.new_nav .nav_h ul li ul li {
    display: block;
    font-size: 0.6em;
    padding: 0.3em 0;
	margin:0;
}

.new_nav .nav_h li a:link,
.new_nav .nav_h li a:visited{
	color:#FFF;
}

.new_nav .nav_h li a:hover{
	color:#6dd4d1;
	text-decoration: none;
}

.new_nav .nav_h ul li ul li a:hover{
	color:#222222;
	text-decoration: none;
}

.navbar {
    border-radius: 0!important;
}

.slick_wrap img,
.wrap_images_membre img,
.wrap_slider img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);	
}

.responsive-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#image_preview {
    width: 100%;
    position: relative;
    background-color: #fafafa;
    border: solid 1px #e0e0e0;
    border-radius: 3px;
    max-width: 700px;
    box-sizing: border-box;
}

#image_preview img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

#message{
    position: absolute;
    padding: 0.8em;
}

#message p,
#message h6{
	padding:0;
	margin:0;
}

.label-file {
    cursor: pointer;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}

.input-file {
    display: none!important;
}

.bloc_photo{
	margin-bottom:1.5em;
	width:100%;
}

.image_approbation {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    font-size: 1.4em;
    background-color: #eaeaea;
    padding: 0.3em;
    width: 2em;
    text-align: center;
	z-index:1;
}

.result_upload {
    position: absolute;
    width: 3em;
    height: 3em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
	display:none;
}

.submit_photo {
    position: absolute;
    top: 0;
    left: -1.5em;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 1.4em;
}

.left_profil {
    float: left;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.right_profil {
    float: right;
    width: 67%;
	margin-top: 1em;
}

.ligned tr:nth-child(even) td{
	background-color:aliceblue;
}

#editor{
	height:400px;
}

.ql-toolbar.ql-snow {
    border: 1px solid #e6e6e6!important;
	margin-top:3em;
}

.ql-container.ql-snow {
    border: 1px solid #e6e6e6!important;
    background-color: #fafafa;
	border-top:none!important;
}

.bloc_profil {
    background-color: #fffc;
}

.bloc_photo {
    margin-bottom: 1.5em;
}

.bloc_profil {
    border: solid 1px #e6e6e6;
    padding: 2em;
    margin-bottom: 1.5em;
    color: #656565;
	width:100%;
	box-sizing: border-box;
	font-size:13px;
}

.bloc_profil ul{
	margin-bottom:0;
	padding-left:0;
}

.bloc_profil li {
	cursor:pointer;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 300;
	list-style: none;
}

.bloc_user li{
	cursor:initial;
}

.right_profil .bloc_profil{
	padding:2.5em;
}

.bloc_profil h3 {
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 0.3em;
    border-bottom: solid 1px #656565;
    margin-bottom: 01em;
    text-transform: uppercase;
	margin-top:0;
	
}

.bloc_profil h4 {
    font-weight: 600;
    padding: 1.2em 0;
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 0;
    color: #6dd4d1;
}

.bloc_profil a:link,
.bloc_profil a:visited{
	color:#656565;
}

.bloc_facture li {
    padding-bottom: 0.3em;
    padding: 0.5em 0.8em;
    background-color: #f1f1f1;
    margin-bottom: 0.7em;
    position: relative;
}

.bloc_facture li i {
    position: absolute;
    top: 50%;
    right: 0.9em;
    font-size: 1.3em;
    transform: translateY(-50%);
}

.bloc_facture li:hover{
	background-color:#6DD4D1;
	color:#FFF;
}

.bloc_user ul {
    padding-bottom: 1em;
    font-weight: 500;
    font-size: 1em;
    line-height: 1.15em;
}

.bloc_user .small {
    font-size: 0.9em;
    padding-top: 0.4em;
}

.click{
	cursor:pointer;
}

.fenetre_wrap {
    position: fixed;
    width: 80%;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    max-height: 80vh;
    overflow-y: scroll;
    max-width: 1140px;
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    display: none;
    z-index: 99999999999999999999999999999999999999999999999999999;
    min-height: 45vh;
    background-color: #FFF;
}

.fenetre{
	width:100%;
}

.fenetre .bloc_profil {
    background-color: #efefef;
	margin:0;
	width:100%;
}

.close{
	cursor:pointer;
	position:absolute;
	top:0.5em;
	right:0.5em;
}

.small_act{
	font-size:0.65em!important;
	font-weight:300;
}

h3 .small_act{
	padding-left:1em;
}



.facture_container{
	background-color:#FFF;
	padding:4em;
	position:relative;
}

.facture_container .print {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: 0.8rem;
}

.facture_container .ligne_double {
    border-bottom: solid 1px #d2d2d2;
    border-top: solid 1px #d2d2d2;
    padding: 1px 0;
	margin-bottom:1.5em;
	overflow:hidden;
	font-size:1.2em;
}

.facture_container .ligne_simple {
    border-top: solid 1px #d2d2d2;
    padding-top: 1px;
    margin-top: 10em;
    text-align: center;
    font-size: 1.3em;
    color: #afafaf;
    font-weight: 300;
}

.facture_container .ligne_simple img{
	max-width:100px;
	margin:0 auto;
}

.facture_container ul{
	margin-bottom:6em;
	font-size: 0.8rem;
}

.facture_container ul li {
    font-size: 1.5em;
    cursor: inherit;
    line-height: 1.2em;
}

.facture_container ul li:first-child{
	font-weight:600;
}


.facture .facture_aqepa {
    width: 90%;
    margin: 0 auto;
	font-family: inherit;
	font-size: 0.8rem;
    font-weight: 300;
}

.facture .facture_aqepa td {
    padding: 0.25em;
    border: none;
    font-size: 1.6em;
}

.facture .facture_aqepa tbody tr:first-child td{
	padding-top:1em;
}

.facture .facture_aqepa td:first-child {
    width: 85%;
}
.facture .facture_aqepa thead td {
    border-bottom: solid 1px #000000;
    font-weight: 600;
}

.facture .facture_aqepa td:last-child {
    width: 15%;
}

.facture .soustotal td{
	padding-top:4em;
}

.facture .facture_aqepa .avant_derniere td {
    padding-top: 2em;
}

.facture .facture_aqepa .derniere td {
    border-top: solid 1px #d2d2d2;
}

.sortable::after{
	content: "\25bc";
    font-size: 0.7em;
    padding-left: 3px;
    line-height: 0.7em;
	cursor:pointer;
}


.bloc_profil table thead td,
.bloc_profil table thead th {
    border-bottom: solid 1px #c1c1c1;
    padding: 0.3em 0.8em;
    font-weight: 600;
}

.bloc_profil table tbody td{
	padding:0.3em 0.8em;
}

.form_fac h5 {
    padding: 0.5em 1em;
    background-color: #c1c1c1;
    color: #FFF;
    margin: 0;
    font-size: 0.9em;
    font-weight: 300;
}

.elements_facture{
	padding: 0.5em;
	background-color:#FFF;
	min-height:500px;
	position:relative;
}

.elements_facture .float_left {
    width: 70%;
    float: left;
    min-height: 400px;
}

.elements_facture .float_right {
    width: 28%;
    float: right;
    padding: 1em;
    border: solid 1px #cacaca;
}
.creer_facture .form_p{
	width:100%;
}

.creer_facture_hide .show_new_facture{
	display:none;
}

.bloc_profil .elements_facture li {
    margin-bottom:0.6em;
}

.elements_facture .montant{
	position:absolute;
	bottom:0.5em;
	left:0.5em;
	font-weight:600;
	font-size:1.2em;
}




.separation {
    padding: 1.2em;
}

.form_p .inline_b{
	display: inline-block;
	width:47%;
	margin:0;
	margin-right:2%;
/*	float:left;*/
	position:relative;
}

.cont_field .inline_b:nth-child(2) {
    /* float: right; */
    margin-left: 1.5%;
    margin-right: 0;
}

.aligntop{
	vertical-align:top;
}

.alignbottom{
	vertical-align:bottom;
}

.cont_field .inline_b:only-child{
	float:left;
}

.inline_b td{
	padding: 0 0.5em 0.5em 0;
	vertical-align:top;
}



.form_p .quarter{
	display: inline-block;
	width:22%;
}

.form_p input[type="text"],
.form_p input[type="password"],
.form_p input[type="email"],
.form_p input[type="tel"],
.form_p input[type="date"],
.form_p input[type="url"],
.form_p input[type="time"],
.form_p input[type="number"],
.form_p select,
.form_p textarea{
	padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    background-color: #fafafa;
    border: solid 1px #e0e0e0;
	border-radius:3px;
	line-height:normal;
}


.form_p .cont_field {
    margin-bottom: 1em;
}

.form_p h4 {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    color: #888888;
}

.form_p{
	width:70%;
}

.row .form_p {
    width: 100%;
    margin: 0 auto;
    font-size: 1em;
    background-color: #eeeeee;
    padding: 2em;
}

.form_p .general{
	margin-top:2em;
}

.row .titre{
    padding: 0.5em 1em;
    font-size: 1.6em;
    background-color: #5e5e5e;
    color: #FFF;
	font-family: 'Oswald', sans-serif;
}

.black_titre {
    width: 100%;
    height: 5em;
    background-color: #222;
	border-top:solid 1px #FFF;
}

.general {
    position: relative;
    padding: 0.4em 1.3em;
    border: none;
    outline: 0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.1em;
    cursor: pointer;
    margin-top: 1em;
    background-color: #6dd4d1;
    width:fit-content;
}

.general:hover{
	background-color:#929292;
}

.clear{
	clear: both;
    height: 0;
    overflow: hidden;
}

.menu_gestion ul{
	padding:0;
	margin-bottom:2em;
}

.menu_gestion li{
	display:inline-block;
	list-style: none;
	margin-right:1em;
	padding:0.5em 1em;
	background-color:#6dd4d1;
	color:#FFF;
	cursor: pointer;
	box-sizing:border-box;
}

.menu_gestion li.b_select{
	background-color: #F86635;
}

.stat_gestion {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 2em;
    text-align: center;
}

.stat_gestion .item {
    margin-right: 1em;
    background-color: #eaeaea;
    justify-content: space-between;
    width: 15%;
}

.stat_gestion .item .titre {
    font-size: 1em;
    color: #FFF;
    text-transform: uppercase;
    background-color: #bfbfbf;
    padding: 0.5em 1em;
    line-height: 1.1em;
}

.stat_gestion .item p {
    font-size: 1.4em;
    padding: 1em;
}

.align_c{
	text-align:center;
}

.align_r{
	text-align:right;
}

.drop_file_zone h6{
	font-size:1em;
	text-align:center;
}

.drop_file_zone .general{
	margin-top:0;
	font-size:0.9em;
}

.drop_file_zone {
    background-color: #EEE; 
    border: #999 5px dashed;
    width: 100%; 
    padding: 1em;
	margin-top:1em;
	position:relative;
}
.drag_upload_file {
  width:50%;
  margin:0 auto;
}
.drag_upload_file p {
  text-align: center;
}
.drag_upload_file #selectfile_membre,
.drag_upload_file #selectfile_admin{
  display: none;
}

.result_image{
	margin-top:1em;
}

.sucess, .error{
	font-weight:400;
}

.success{
	   color: #01b100;
}

.error{
	color: #e22a2a;
}

.lire_consentement{
	margin:0.3em 0 0.65em;
	border-top:solid 1px #cacaca;
	font-size:0.9em;
}

.field table tbody tr td {
    padding: 0 0.5em 0.2em 0;
    /*border: solid 1px #000000;*/
    vertical-align: top;
    line-height: 1.2em;
}

.field table tbody tr td input[type=radio] {
    margin: 0;
    line-height: normal;
    margin-top: 0.05em;
}

.field table tbody tr td input[type=checkbox]{
    margin: 0;
    line-height: normal;
    margin-top: 0.1em;
}

.first_no_margin > :first-child {
	margin-top:0;
}
.fenetre .paragraphe-lead{
	margin:0;
	padding:2em;
}

.loginform {
    width: 50%;
    min-width: 300px;
    padding: 2em;
    border: solid 1px #cacaca;
    margin-top: 2em;
}

.wrap_fichiers_admin{
	margin-top:1em;
}

.wrap_fichiers_admin table{
	font-size:0.9em;
	width:100%;
}
.bloc_profil .wrap_fichiers_admin table td {
    padding: 0.2em 0.4em;
}

.wrap_images_membre li {
    padding: 1em 0.5em;
    display: inline-block;
    box-sizing: border-box;
    cursor: default;
    color: #000000;
    font-weight: 400;
}

.wrap_images_membre img {
    width: auto;
    max-width: 100%;
    height: 115px;
    margin: 0 auto;
    border: solid 1px #000000;
}

.wrap_images_membre .image_approbation {
    top: 0.7em;
    right: 0.4em;
    background-color: #000000;
}

.show_eraser{
	position:relative;
}

.showed_eraser {
    position: absolute;
    top: -0.2em;
    left: 0.5em;
}

.result_image {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: -1em;
    left: 0;
    background-color: #FFF;
    padding: 1em;
	text-align:center;
}

.result_image li{
	cursor:pointer;
}

.result_inscript{
	font-size:2em;
	font-weight:600;
}

.titre .general {
    margin-top: 0;
    font-size: 0.9em;
}

.leger_encadre {
    padding: 0.2em 0.4em;
    border: solid 1px #000000;
	border-top:none;
}

.wrap_images_membre input {
    width: 100%;
    padding: 0;
    border: 0;
    color: #000000;
    font-weight: 400;
}

.wrap_images_membre input::placeholder {
	font-style: italic;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.image_membre{
	position:relative;
}

.wrap_slider {
    position: relative;
    width: 100%;
    background-color: #000000;
    /*height: 600px;*/
    overflow: hidden;
}

.controle{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	color:#ed1c24;
	font-size:10em;
	cursor:pointer;
	opacity: 0.6;
	z-index:9999999;
	outline:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent;	
}

.precedente_i{
	left:1%;	
}

.prochaine_i{
	right:1%;	
}

.control_next,
.control_prev{
	position:absolute;
	top:45%;
	transform:translateY(-50%);
	color:#FFF;
	font-size:10em;
	cursor:pointer;
	opacity: 0.6;
	z-index:9999999;
	outline:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.control_prev{
	left:1%;
}

.control_prev:hover, .control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

.control_next{
	right:1%;
}

.top_location .control_prev,
.top_location .control_next,
.slider_petit .control_prev,
.slider_petit .control_next{
	font-size:5em;
}

.slider {
    position: absolute;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
}

.slider ul {
  position: relative;
  margin: 0;
  padding: 0;
}

.slider ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  display:none;
}

.slider ul li:first-child {
  display:block;
}

.slider ul li .meta {
    position: absolute;
    bottom: 20%;
    left: 0;
    padding: 2em;
    color: #FFF;
}


.slick_wrap{
	position:relative;
	background-color:#000000;
	padding:0 0;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    background-color: transparent;
    color: #FFF;
    border: none;
    width: 1em;
    height: 1em;
    text-align: center;
    font-size: 3em;
    line-height: 0;
	outline:0;
	
}

.slick-prev{
	left: 0.2em;	
}

.slick-next{
	right: 0.2em;	
}

.slick_item{
	position:relative;
}

.slick_item{
	opacity:0.3;
	transition-timing-function: ease-in;
	transition: 0.50s;
}

.slick_item img{
	width:auto;
	height:340px;
}

.slick_item {
    height: 340px!important;
    

}

.slick_item img {
  margin: 0;
  padding: 0;
  display: block;
  height: 340px;
}

.slick-current{
	opacity:1;
	transition-timing-function: ease-out;
	transition: 0.50s;
}


.slick_item .meta {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    color: #FFF;
    font-size: 1.3em;
}

.slick_item .meta h4{
	font-size:1em;	
	padding:0;
	margin:0;
    text-transform: uppercase;
}

.slick_item .meta h6{
	font-size:0.7em;
	padding:0;
	margin:0;
    text-transform: uppercase;
}

.slick_slide_act{
	font-size:2em;
/*	position:absolute;
	top:50%;
	transform:translateY(-50%);*/
}

.slick_slide_act .slick-arrow {
    transform: translateY(-100%);
}

.slick_slide_act .slick_item .meta {
    bottom: 5%;
}

.logo_facture{
	width:200px;
	margin-bottom:1em;
}

.logo_facture img{
	width:100%;	
	height:auto;
}

.item_r {
    padding-bottom: 2em;
    padding-right: 2em;
}

.item_r img{
	width:100%;
	height:auto;
}

.item_r .paragraphe-lead ul {
    margin-bottom: 1.5em;
    padding-inline-start: 0;
}

.item_r .paragraphe-lead li{
	list-style-type: none;
}

.item_r .paragraphe-lead h5{
	margin:0 0 0.2em 0;
}

.margintoptwo{
	margin-top:6em;
}

.margintoptwo a{
	padding:1em 2em;
	background-color:#6DD4D1;
}

.margintoptwo a:link,
.margintoptwo a:visited,
.margintoptwo a:hover{
	color:#FFF;
	text-decoration: none;
}

.margintoptwo a:hover{
	background-color:#929292;
}

.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    margin: inherit!important;
    padding: inherit!important;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

@media only screen and (max-width: 1200px) {
	
.new_nav {
    height: 8em;
}
	
.new_nav .nav_h {
    font-size: 0.8em;
}
	
}

@media only screen and (max-width: 1000px) {
	
.new_nav .logo_h {
    float: none;
    height: 7em;
    padding-bottom: 1em;
}
	
.new_nav {
    height: auto;
}
	
.slick_item {
    height: 260px!important;
}
	
#menu-primary{
	padding-inline-start:0;
}
	
.new_nav .nav_h {
    float: left;
    margin-top: 0;
}
	
.new_nav .nav_h ul li {
    margin-left: 0;
    margin-right: 1em;
	padding-bottom:0;
}
	
}


@media only screen and (max-width: 700px) {
	
.new_nav .nav_h {
    font-size: 0.6em;
}
	
.new_nav .logo_h {
    height: 6em;
}
    

.slick_item img{
	height:200px;
}

.slick_item {
    height: 200px!important;
}


	
}

@media only screen and (max-width: 600px) {

.left_profil, .right_profil {
    float: none;
    width: 100%;
}
	
}

@media only screen and (max-width: 500px) {
	
.new_nav .nav_h {
    font-size: 0.5em;
}
	
.new_nav .logo_h {
    height: 6em;
}
	
.container {
    padding-right: 10px;
    padding-left: 10px;
}
	
}