/* ----- Global ----- */

/*fond solide*/
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, 
#tarteaucitron #tarteaucitronClosePanel, 
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle, 
#tarteaucitron #tarteaucitronInfo, 
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails{
    background-color: rgb(32, 79, 154) !important;
}

/* fond translucide */
#tarteaucitronAlertBig, 
#tarteaucitronAlertSmall, 
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, 
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    background-color: rgba(32, 79, 154, 0.8) !important;
}



/* ----- Bandeau ----- */

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
	font-size: 12px !important;
}

#tarteaucitronAlertBig {
	width: 100%;
}

/* titre */
#tarteaucitronAlertBig h2 {
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* texte */
#tarteaucitronText {
	width: 70%;
	max-width: 700px;
    display: inline-block;
    text-align: left;
    line-height: 1.3;
}

#tarteaucitronDisclaimerAlert {
	display: inline-block;
    padding: 10px 30px 5px;
}

.tarteaucitronAlertBig-text {
	color: white !important;
	margin-bottom: 10px !important;
	font-size: 12px !important;
}

/* liens */
#tarteaucitronDisclaimerAlert a.tarteaucitron-link {
	text-decoration: underline;
	font-size: 12px !important;
}

/* bouton accepter */
#tarteaucitronAcceptAllButton {
	width: 29%;
	display: inline-block;
	position: relative;
	top: -50px;
}

#tarteaucitronPersonalize {
	font-size: 12px !important;
	margin: 5px auto 30px;
	position: relative;
	transition: all .5s ease;
	text-align: center;
	padding: 10px !important;
	width: 180px;
	background-color: white !important;
}

#tarteaucitronPersonalize * {
	color: rgb(189, 40, 10) !important;
}

#tarteaucitronPersonalize:hover {
	background-color: #c6c6c6 !important;
}

#tarteaucitronAcceptAllButton span:first-child {
    font-size: 26px;
    position: absolute;
    left: 25px;
    color: white;
    top: 0;
}

#tarteaucitronAcceptAllButton span:nth-child(2) {
    color: white;
    font-size: 12px;
}

/* Barre d'avancement */
#tarteaucitronPercentage {
	background-color: rgba(189, 40, 10, 1) !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
	display: none !important;
}

/* croix pour fermer */
.rgpd-close {
  position: absolute;
  right: 5px;
  top: 7px;
  font-size: 20px !important; 
  cursor: pointer;
  color: white !important;
}

@media (max-width: 768px) {
	#tarteaucitronText {
		width: 100%;
	}
	#tarteaucitronAcceptAllButton {
		width: 100%;
		top: -10px;
	}
	#tarteaucitronDisclaimerAlert {
	    padding: 15px 30px;
	}
}

@media (max-width: 480px) {
	#tarteaucitronRoot .tarteaucitronAlertBig-text, #tarteaucitronRoot .tarteaucitronAlertBig-text * {
		font-size: 12px;
	}
	#tarteaucitronDisclaimerAlert {
	    padding: 15px 0;
	}
}



/* ----- Pop-up ----- */

/* cadre */
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border: 3px solid #204f9a !important;
    border-left: 9px solid #204f9a !important;
    border-top: 5px solid #204f9a !important;
}

/* header */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    width: 65% !important;
}

/* explications */
#tarteaucitronServices .explications {
	background: rgba(51, 51, 51, 0.07); 
	padding: 15px;
}

#tarteaucitronRoot #tarteaucitronServices .explications .about-cookies * {
	font-size: 18px !important;
}

#tarteaucitronServices .explications li {
	margin-bottom: 10px;
}

#tarteaucitronServices .explications a {
	font-size: 14px;
}

@media (max-width: 700px) {
	#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
	    float: left !important;
	    padding-top: 15px;
	}
	#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
	    width: 100% !important;
	}
}