/* Cookies / CNIL */

#cookie-banner .msg {
	position: relative;
	float: left;
	width:	55%;
	font-size: 15px;
	line-height: 132%;
	color:		white;
}

#cookie-banner .buttons {
	position: absolute;
	right:	48px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
	font-size: 		15px;
	font-weight:	500;
	text-transform: uppercase;
}

#cookie-banner .buttons a {
	position: relative;
	display: inline-block;
	padding: 7px 7px;
	color: white;
	cursor: pointer;
	margin-left:	0.4em;	
}
#cookie-banner .buttons a:hover {
	opacity: 0.75;
}
#cookie-banner .buttons #cookie-config {
}
#cookie-banner .buttons a#cookie-ok {
	color: black;
	background-color:	white;
}
@media (max-width:639px) {
	#cookie-banner > div {
		padding: 26px 20px 20px 20px;	
	}

	#cookie-banner .msg {
		position: relative;
		float: none;
		clear: both;
		font-size: 16px;
		width:auto;
	}

	#cookie-banner .buttons {
		position: relative;
		padding-top: 20px;
		float: none;
		clear: both;
		font-size: 16px;
		right:auto;top:auto;
		-webkit-transform:	none;
		-ms-transform: none;
		transform: none;	
		text-align: center;
	}
	#cookie-banner .buttons a {
		margin-left:	0.2em;	
		margin-right:	0.2em;	
	}

}


/* Per site */

#main-wrapper {
	padding-bottom:		44px; /* to make sure cookie band does not overlap buttons*/
}

#cookie-banner {
	position:	fixed;
	right: 0;
	z-index: 100000;
	
	bottom:		0;
	left: 		210px;
	
	/*background-color: rgba(0, 0, 0, 0.5);*/
	/* box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.5) inset;*/
}

#cookie-banner .msg {
	width:		75%;
}

#cookie-banner > div {
	position:	relative;
	padding: 21px 48px;	
	overflow: hidden;
	/*background: left top repeat-x url(../res/bg-img/cookies-shadow.jpg);*/
	
	background-color: rgba(140,6,41, 0.9);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c0629+0,8c0629+12,8c0629+88,8c0629+100&0+0,1+12,1+88,0+100 */
}

@media (max-width: 991px) {	
	#cookie-banner { left: 0; /*top: 124px;*/ } 
	#cookie-banner .msg { width: 64%; }
}
@media (max-width: 639px) {	
	#cookie-banner .msg { width: 100%; }
}

#cookie-banner .msg, #cookie-banner .buttons a {
	color:		black;
}
#cookie-banner .msg {	
	color:		#E4C181;
}
/*#cookie-banner .msg:hover {
	color:		black;
}*/
#cookie-banner .buttons a {
	color:		#E4C181;
}
#cookie-banner .buttons a:hover {
	color:		black;
}
#cookie-banner .buttons a#cookie-ok {
	background-color:		#c70034;
	color:		#E4C181;
	-webkit-transition:	all 0.5s ease;
			transition:	all 0.5s ease;
}
#cookie-banner .buttons a#cookie-ok:hover {
	background-color:		white;
	color:		black;
}

/* Checkboxes in forms */
/*
input.mx-rgpd-checkbox {
	margin-top:			4px;
	width:				auto !important;
	vertical-align:		middle;
	box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.75) !important;
}
.mx-rgpd-checkbox-descr {
	margin-top:			4px;
	display:			inline-block;
	vertical-align:		middle;
	padding-left:		8px;
}
*/
.rf-cb-parent.mx-rgpd-checkbox-parent {
	width:				100% !important;
}
.mx-rgpd-checkbox-descr a {
	text-decoration:	underline;
	opacity:			0.8;
}
.mx-rgpd-checkbox-descr a:hover {
	text-decoration:	none;
	opacity:			1;
}
