/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
@import url("dark-custom.css");
@import url("colors-custom.css");
@import url("fonts-custom.css");

body {font-size: 14px; line-height: 22px;}

/*-------------TITRE-------------*/

.sous-titre { display: block; font-size: 20px; margin-top: 10px;}

/*-------------DIVERS-------------*/
.button { background-color: #7a8294}
.button:hover {background-color: #222;}

.button.button-dark { background-color: #7a8294;}
.button.button-dark:hover { background-color: #222} 

.divider::after, .divider::before { background-color: #ddd;}


/*-------------HEADER-------------*/
#header { display: none}
#logo img { padding: 10px}
.menu-link { font-size: 16px; font-weight: 400}

/*-------------CONTENT-------------*/
#content p {line-height: 22px; text-align: justify;}

/*Formulaire*/
.form-widget { max-width: 1000px; margin-left: auto; margin-right: auto}
label {
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 1px;
    color: #010101;
}
.sm-form-control {
    padding: 5px 14px;
    font-size: 13px;
    border-width: 1px;
    background-color: #fff;
}
.input-group-text { background-color: #010101; color: #fff}
.form-widget .rgpd {
    font-size: 10px !important;
    color: #999;
    line-height: 11px !important;
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    max-width: none;
    text-align: justify;
}
.form-widget .rgpd a {color: #999 !important; border-bottom: 1px dotted}



/*pop/up*/
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.90;}
#page-home .mfp-fade.mfp-bg.mfp-ready {opacity: 0.9;}
.mfp-arrow { background-color: #000 !important}
.mfp-arrow-left::before, .mfp-arrow-right::before { content: normal}
.mfp-bottom-bar { display: none}

.mention-ajax-modal { position: relative; width:  1000px !important; margin: 0 auto;}
.mention-ajax-modal .modal-padding {background-color: #fff;}

.ajax-modal-title {padding: 5px 20px;;background-color: #000 !important;}
.ajax-modal-title h2 {font-size: 20px; font-weight: normal; letter-spacing: 2px; color: #fff;}

.mention-ajax-modal p { color: #000 !important}
.mention-ajax-modal a { color: #000 !important}
.mention-ajax-modal a:hover { border-bottom: 1px dotted}



/*-------------FOOTER-------------*/


/* ----------------------------------------------------------------
	Contenu Responsive 
-----------------------------------------------------------------*/
@media (min-width: 1600px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 1599.98px) {
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (min-width: 1200px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 1199.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/*HEADER*/
	/*CONTENT*/
	.mention-ajax-modal {width:  800px !important;}
	/*FOOTER*/
}

@media (min-width: 992px) {
	/*HEADER*/	
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	.mention-ajax-modal {width:  90% !important;}
	/*FOOTER*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 767.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (min-width: 576px) and (max-width: 767.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 575.98px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}