/*----------------------------------------------------------------*/
/*            					Général				              */
/*----------------------------------------------------------------*/

/*--------------------------------------------------------
  Boutons */
#tarteaucitronRoot button {
	outline: none;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/* Boutons "Accepter "*/
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
	background-color: #46d646 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed:not(.tarteaucitronMainLine) {
	border-left: none;
}

/* Bouton "Refuser" */
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
	background-color: #ce4747 !important;
	filter: grayscale(1);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied:not(.tarteaucitronMainLine) {
	border-left: none;
}

/*--------------------------------------------------------
  Fonts */
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitron .tarteaucitronH3,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies,
#tarteaucitron a,
#tarteaucitron button,
body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronCloseAlert, 
#tarteaucitronAlertBig #tarteaucitronPersonalize {
	font-family: "Roboto", "Arial" !important;
}

/*--------------------------------------------------------
  Arrière plan des modales */
#tarteaucitronRoot.openAlert {
	background-color: rgba(0, 0, 0, 0.9) !important;
	
}

#tarteaucitronRoot button#tarteaucitronBack {
	background-color: rgba(0, 0, 0, 0.8) !important;
	opacity: 1;
}



/*----------------------------------------------------------------*/
/*            Modale "Informations (tous les 13 mois)"            */
/*----------------------------------------------------------------*/

/*--------------------------------------------------------
  Arrière plan de la modale */
  
#tarteaucitronRoot.openAlert {
	width: 100%;
    height: 100%;
    z-index: 9999;
}

/*----------------------------------------------------------------*/
/* ---- VERSION 'AU MILIEU DE L'ECRAN'				              */
/*----------------------------------------------------------------*/

/*--------------------------------------------------------
 Modale "Informations (tous les 13 mois)" */
 
body #tarteaucitronRoot div#tarteaucitronAlertBig.tarteaucitronAlertBigTop {
    background: #ffffff;
    box-shadow: none !important;
    border-radius: 9px !important;
    padding: 80px 50px !important;
    max-width: 500px;
    min-width: 200px !important;
}


/*--------------------------------------------------------
 Contenu Modale "Informations (tous les 13 mois)" */
 
/* Suppression des icônes */
div#tarteaucitronAlertBig.tarteaucitronAlertBigTop:before {
	display: none;	
}

/* Texte de la modale */
body #tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronDisclaimerAlert {
	margin-top: 0px !important;
    margin-bottom: 15px !important;
    
	color: #000000;
}

/* Boutons */
#tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronCloseAlert, 
#tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronPersonalize {
    padding: 7px 15px;
    border-radius: 7px;
    background-color: #46d646 !important;
    font-size: 17px !important;
    line-height: 22px;
    margin: 10px 5px !important;
    outline: none;
    
    /* Animation */
    opacity: 1;
    filter: saturate(1);
    transition: opacity 0.5s ease, filter 0.5s ease;
}

/* Animation */
#tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronCloseAlert:hover, 
#tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronPersonalize:hover {
	opacity: 0.8;
	filter: saturate(1.1);
}

/* Boutons "Personnaliser" */
#tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronCloseAlert {
	background-color: #e4e4e4 !important;
}


@media screen and (max-width: 575px) {
	
	body #tarteaucitronRoot.tarteaucitronAlertBigTop div#tarteaucitronAlertBig {
		width: 90% !important;
		box-sizing: border-box;
	}
	
	span#tarteaucitronDisclaimerAlert {
		padding: 0px !important;	
	}
	
	body #tarteaucitronRoot div#tarteaucitronAlertBig.tarteaucitronAlertBigTop {
		padding: 50px 30px !important;
	}
}

/*----------------------------------------------------------------*/
/* ---- VERSION 'EN BAS DE L'ECRAN'				              */
/*----------------------------------------------------------------*/

#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
	padding: 25px 10px;
}

/* Boutons */
#tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert {
	background-color: #757575;
	color: #ffffff;
}

#tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPersonalize {
	background-color: white;
	color: #333333;
}

#tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert, 
#tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPersonalize {
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 14px !important;
    line-height: 16px;
    outline: none;
    
    /* Animation */
    opacity: 0.9;
    filter: brightness(0.96);
    transition: opacity 0.5s ease, filter 0.5s ease;
}

/* Animation */
#tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert:hover, 
#tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPersonalize:hover {
	opacity: 1;
	filter: brightness(1);
}



/*----------------------------------------------------------------*/
/*           			 Modale "Gestion"    				      */
/*----------------------------------------------------------------*/


div#tarteaucitronServices {
	box-shadow: none !important;
	border-radius: 9px 0px 9px 9px !important;
	border: 9px solid white !important;
    background: white;
}

/* Header */
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronInfo {
	background: #ffffff !important;
	border-color: #ffffff !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
	padding: 20px 16px !important;
	padding-bottom: 20px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronName {
	display: none;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronAsk {
	margin: auto;
    float: none;
    width: 100%;
    text-align: center;
}

#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitronRoot .tarteaucitronH2 {
	color: #000000 !important;
}

#tarteaucitronRoot .tarteaucitronH1 {
	text-transform: uppercase;
    font-weight: bold;
    color: #333333 !important;
    margin: 0px !important;
}

#tarteaucitronRoot .tarteaucitronH2 {
	margin: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
	margin-right: 15px !important;
}

#tarteaucitron #tarteaucitronInfo {
	margin: 0px !important;
    text-align: center !important;
    font-size: 14px !important;
    width: 100%;
    max-width: none !important;
    padding-bottom: 30px !important;
    color: #828282 !important;
    font-weight: 400;
}

/* Contenu */
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
	background: #7d7d7d !important;
	margin-top: 40px !important;
}

/* bodure de chaque service */
#tarteaucitron .tarteaucitronBorder {
	border-color: #fff !important;
	padding: 10px 20px !important;
}

/* Fond de chaque service */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine) {
	background: white !important;
	
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

/* Inter ligne */
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
	background: white !important;
}

/* On masque "En savoir plus" */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName > a:first-of-type {
	display: none !important;
}


/* Bouton "fermer" */
#tarteaucitron #tarteaucitronClosePanel {
	border-radius: 9px 9px 0px 0px !important;
	background: white !important;
    color: black !important;
    z-index: 1;
    
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}


.tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed:not(.tarteaucitronMainLine),
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied:not(.tarteaucitronMainLine),
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine) {
	border-bottom: 4px solid #cecfcf !important;
}


/* Responsive */
@media screen and (max-width: 575px) {
	
	#tarteaucitron .tarteaucitronBorder {
		padding: 10px 15px 10px 0px !important;
	}
	
	#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
		margin: 0px !important;
	}
	
	#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronAsk button {
		margin-bottom: 15px !important;
	}
	
	/* On centre le contenu des lignes */
	#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
		padding-left: 0px !important;	
	}
	
	body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
		text-align: center !important;
	}
	
	#tarteaucitron #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine) {
		justify-content: center;
	}
	
	#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
		text-align: center !important;
	    margin-left: 0px !important;
	    margin-bottom: 10px;
	    width: 100% !important;
	}
	
	#tarteaucitron .tarteaucitronH3 {
		text-align: center;
	}
	
}



/*----------------------------------------------------------------*/
/*         				MODALE "Par service"				      */
/*----------------------------------------------------------------*/

/*-------------------------------------*/
/* 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;
    border: 3px solid #aaaaaa;
}

.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;
    color: #aaaaaa;
}

.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é      */
/*-------------------------------------*/

body .tac_activate {
	background: rgba(51, 51, 51, 0.70);
	border-radius: 2px;
}


body .tac_activate .tac_float .tarteaucitronAllow {
	background-color: #ffffff;
	color: #333333;
	margin-left: 10px;
	
	/* Animation */
    opacity: 0.9;
    filter: brightness(0.96);
    transition: opacity 0.5s ease, filter 0.5s ease;
}

body .tac_activate .tac_float .tarteaucitronAllow:hover {
	/* Animation */
	opacity: 1;
	filter: brightness(1);
}



/* Media RGPD CKEDITOR Style */
/*-------------------------------------*/
/*      Media RGPD CKEDITOR			    */
/*-------------------------------------*/

.editor.rgpd_media[data-responsive="1"] {
	position: relative;
    padding-bottom: 56.25%;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 0;
    overflow: hidden;
}

.editor.rgpd_media[data-responsive="1"] iframe,
.editor.rgpd_media[data-responsive="1"] .tac_activate {
	position: absolute;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*-------------------------------------*/
/*      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;
}



/*-------------------------------------*/
/*          CHECKBOX 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;
}