/*-------------------------------------*/
/*           BANDEAU COOKIE            */
/*-------------------------------------*/

/* Mention "" En poursuivant votre navigation, ... */
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
	font: 12px verdana !important;
    color: #fff !important;
}

/* Bouton "Ok, tout accepter", "Personnaliser" */
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize {
    font-size: 13px !important;
    margin-bottom: 3px !important;
    margin-left: 7px !important;
    padding: 2px 10px !important;
    margin-top: 5px !important;
    border-radius: 4px;
    font-size: 12px !important;
}

/* Couleur des boutons 'Valider' */
#tarteaucitronAlertBig #tarteaucitronCloseAlert, 
#tarteaucitronAlertBig #tarteaucitronPersonalize,
.tac_activate .tac_float .tarteaucitronAllow,
.rgpd_sa_modal #RGPD_SA_MODAL_BTN_ENABLE {
	background: #808080 !important;
    color: #ffffff !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
#tarteaucitronAlertBig #tarteaucitronPersonalize:hover,
.tac_activate .tac_float .tarteaucitronAllow:hover {
	background: white !important;
    color: #333 !important;
}

/* Padding des boutons du bandeau (J'accepte / Personnaliser) */
#tarteaucitronAlertBig #tarteaucitronCloseAlert, 
#tarteaucitronAlertBig #tarteaucitronPersonalize {
	padding: 4px 14px !important;
}


/* Arrière plan du bandeau */
#tarteaucitronAlertBig {
	background: rgba(51, 51, 51, 0.9) !important;
	padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Indicateur avancement du scroll */
#tarteaucitronPercentage {
	background: #0A0 !important;
	box-shadow: none !important;
	height: 3px !important;
}

/*-------------------------------------*/
/*           MODALE GENERALE           */
/*-------------------------------------*/

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {
    background: #ecedee !important;
    color: #666 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 8px 13px !important;
    vertical-align: middle !important;
    z-index: 999 !important;
    position: absolute !important;
    right: -14px !important;
    top: 3px !important;
    text-align: center !important;
    border-radius: 30px !important;
    width: auto !important;
}

#tarteaucitron [id*=tarteaucitronServices] .tarteaucitronLine.tarteaucitronMainLine {
	border-radius: 10px 10px 0px 0px !important; 
	background: #777777 !important;
    border-color: #777777 !important;
}

#tarteaucitron [id*=tarteaucitronServices] .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronAsk {
	    margin-right: 55px !important;
}

#tarteaucitron .tarteaucitronBorder {
	background: #ecedee !important;
    border-color: #ecedee !important;
	border-radius: 0px 0px 10px 10px; 
}

#tarteaucitron #tarteaucitronScrollbarParent {
	padding: 0px 40px !important;
}

#tarteaucitron [id*=tarteaucitronServices] .tarteaucitronLine {
	background: rgba(171, 171, 171, 0.1) !important;
}

#tarteaucitron [id*=tarteaucitronServicesTitle],
#tarteaucitron #tarteaucitronScrollbarChild {
	background: #ecedee !important;
}

#tarteaucitron [id*=tarteaucitronServicesTitle] .tarteaucitronTitle {
	background: #777777 !important;
}

/* Masquage du nombre de cookie déposé */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
	display: none;
}

.rgpd_frontend  {
	padding: 0px 15px;
}


/*-------------------------------------*/
/*         MODALE INDIVIDUELLE         */
/*-------------------------------------*/

/*-------------------------------------*/
/* Fenetre Modale */
.rgpd_sa_modal.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/*-------------------------------------*/
/* Contenu de la modale */

/* Nom du cookie */
#RGPD_SA_MODAL_COOKIE_NAME {
	font-weight: bold;
}

.rgpd_sa_modal .modal-content {
	position: relative;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    border-radius: 15px;
}

.rgpd_sa_modal .modal-content p {
	padding-top: 5px;
	font-size: 15px;
	text-align: center;
	color: #444;
}

/* Bouton "CLOSE" */
.rgpd_sa_modal .close {
	position: absolute;
    right: -10px;
    top: -10px;
    text-align: center;
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    
    background: white;
    min-width: 30px;
    min-height: 30px;
    border-radius: 15px;
}

.rgpd_sa_modal .close:hover,
.rgpd_sa_modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Boutons modale */
.rgpd_sa_modal .modal-footer {
	text-align: center;
}

.rgpd_sa_modal #RGPD_SA_MODAL_BTN_ENABLE, 
.rgpd_sa_modal #RGPD_SA_MODAL_BTN_MANAGE {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    
    cursor: pointer;
    border: none;
    padding: 10px 20px;
    border-radius: 15px;
    color: white;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 16px;
}

.rgpd_sa_modal #RGPD_SA_MODAL_BTN_ENABLE:hover,
.rgpd_sa_modal #RGPD_SA_MODAL_BTN_MANAGE:hover {
	opacity: 0.8;
}

.rgpd_sa_modal #RGPD_SA_MODAL_BTN_ENABLE {
	margin-right: 10px;
}

.rgpd_sa_modal #RGPD_SA_MODAL_BTN_MANAGE {
	background: #aaaaaa;
}


/*-------------------------------------*/
/*           DISABLED ICON             */
/*-------------------------------------*/
.rgpd_sa_disabled_map.rgpd_sa_disabled {
	display: table;
	cursor: pointer;
}

.rgpd_sa_disabled_map.rgpd_sa_disabled::before {
	content: "\f278";
    font-family: FontAwesome;
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    font-size: 70px;
    opacity: 0.5;
    padding-bottom: 20px;
}

.rgpd_sa_disabled_map.rgpd_sa_disabled::after {
	content: "Ce service est désactivé, cliquez pour l'activer";
    display: table-row;
    vertical-align: middle;
    text-align: center;
}

.rgpd_sa_disabled_map.rgpd_sa_disabled::hover {
	opacity: 0.8;
}


/*-------------------------------------*/
/*               GENERAL               */
/*-------------------------------------*/

/* Si le cookie est désactivé et qu'une classe est défini */
.rgpd_sa_disabled {
	opacity: 0.5;
    filter: grayscale(100%);
    /*blur(1px)*/;
}

*[class*="rgpd_sa_"] {
	transition: all .2s ease-in;
}

/* liste */
body #personnalData.rgpd_frontend ul li {
	list-style-type: disc;
    margin-left: 25px;
    margin-top: 10px;
}

body .rgpd_frontend ul {
	margin-bottom: 10px;
}


/* a */
body .rgpd_frontend a {
	text-decoration: underline;
}

body .rgpd_frontend a:hover {
	opacity: 0.9;
}

/* submenu */
body .rgpd_frontend .sub_menu_1 {
    font-size: 14px;
    color: #666666;
    margin-top: 7px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

body .rgpd_frontend .sub_menu_2 {
	font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

/* hightlight */
body .rgpd_frontend .highlight {
	font-weight: bold;
}

/*-------------------------------------*/
/*      BANDEAU XXX est désactivé      */
/*-------------------------------------*/

.tac_activate {
	background: rgba(51, 51, 51, 0.80) !important;
}


/*-------------------------------------*/
/*      PAGE DONNÉES PERSONNELLES      */
/*-------------------------------------*/

#personnalData {
	max-width: 900px;
	margin: auto;
}

/* Paragraph */
#personnalData  p {
	margin: 0px;
	text-align: justify;
}

.info_mention p {
	margin: 0px !important;
}

/* Titres */
body .rgpd_frontend h1 {
	font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
    text-transform: uppercase;
}

body .rgpd_frontend h2 {
	margin-top: 10px;
    margin-bottom: 10px;
    font-size: 25px;
    /*color: #555555;*/
}

body .rgpd_frontend .error {
	border-color: #f14343 !important;
}

/* Coordonnées Postales */
body .rgpd_frontend #postal_coord {
	display: block;
	margin-top: 7px;
	margin-left: 10px;
}

/* Tableau */

#personnalData table {
	width: 100%;
}

#personnalData table th {
	background: #EEE;
}

#personnalData table th, 
#personnalData table td {
	text-align: center;
    border: 1px solid #CCC;
    border-collapse: collapse;
    padding: 3px 10px;
    vertical-align: middle;
}


/*-------------------------------------*/
/*      PAGE CONTACT RT / DPO          */
/*-------------------------------------*/

#contactRT {
	max-width: 700px;
	min-height: 300px;
	margin: auto;
}

#contactRT p.center {
	text-align: center;
}

#contactRT label,
#contactRT input,
#contactRT textarea {
	display: block;
	width: 100%;
}

#contactRT select {
	position:relative;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	
	background: transparent;
	width: 100%;
	padding: 7px 5px;
	border-radius: 2px;
	line-height: 16px;
	border-color: #dfdfdf;
	
	cursor: pointer;
}
#contactRT .select {
	position: relative;
}

#contactRT .select:after {
    content: "\f078";
    font-family: FontAwesome;
    color: #666666;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: auto;
    pointer-events: none;
    box-sizing: border-box;  
}

#contactRT textarea {
	border-color: #dfdfdf;
	min-width: 100%;
	min-height: 200px;
	max-width: 100%;
}

#contactRT label {
	margin-top: 10px;
	margin-bottom: 5px;
}

#contactRT input,
#contactRT textarea {
	padding: 7px 5px;
	border: 1px solid #dfdfdf;
}

#contactRT input[type="submit"] {
	cursor: pointer;
}

#contactRT input[type="submit"]:hover {
	border-color: black;
}


#contactRT #sendToRT {
	width: 30%;
	margin: auto;
}

#contactRT .info_text,
.info_mention.info_text {
	text-align: center;
	font-size: 11px;
	font-style: italic;
}

.info_mention.info_text,
.info_mention.info_text p strong {
	font-size: 12px;
}

#contactRT.rgpd_frontend .sub_menu_1 {
	font-weight: bold;
}


/*-------------------------------------*/
/*                BLOCK                */
/*-------------------------------------*/
.rgpd_consent_checkbox {
	margin-top: 20px;
	margin-bottom: 20px;
}

.rgpd_consent_checkbox .rgpd_checkbox {
	padding: 3px 0px;
}

.rgpd_consent_checkbox .rgpd_checkbox label {
	margin-left: 1%;
	float: none !important;
	padding: 0px;
}

/* Supprime au cas où une bordure */
.rgpd_consent_checkbox .rgpd_checkbox.error {
	border: none !important;
}

.rgpd_consent_checkbox .rgpd_checkbox.error label {
	color: #ff0002;
}

.rgpd_consent_checkbox input,
.rgpd_consent_checkbox label {
	display: initial !important;
	vertical-align: middle !important;
}
.rgpd_consent_checkbox input:hover,
.rgpd_consent_checkbox label:hover {
	cursor: pointer;
}

.rgpd_consent_checkbox label:hover {
	opacity: 0.9;
}

.rgpd_consent_checkbox label:hover {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.recaptcha > div > div {
	margin: 10px auto;
}

.recaptcha.error > div > div {
	border: 1px solid red;
}