/* Bandeau de cookies */

#cookie-banner-message-consent,
#cookie-message-oppose,
#inform-and-consent,
#cookie-banner{
	display: none;
}

#cookie-banner-message-consent {
    background-color:rgba(224, 225, 253, 0.9);
	border-bottom: 1px solid #bdbde1; 
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    padding: 0.3em 0.85em;
}

#texte-banner {
	display: block;
	text-align: center;
}

#texte-banner p {
	margin: 0;
	color: #2a2a2a;
	line-height: 1.2;
	font-size: 80%;
	padding: 0.4em 0 0 0;
	text-align: center;
}

#lien-banner-desktop,
#lien-banner-tablet {
	text-align: center;
	padding: 0.35em 0;
}

#lien-banner-desktop a,
#lien-banner-tablet a {
	text-align: center;
	line-height: 1.2;
	background-color: #f05a29;
	border-color: #f05a29;
	text-transform: uppercase;
	font-weight: 700;
	color: white;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 0.3em 1em;
	font-size: 80%;
	letter-spacing: 0.02em;
}

/* Formulaire de gestion des cookies */

#formulaire-cookie {margin: 0.85em;}
.powermail_fields #qc2  {padding: 1.2em 0 0 0;}
.powermail_fields #qc1 p, .powermail_fields #qc2 p {margin: 0 0 0.6em 0;}

.powermail_fields input[type="radio"] {
	width: auto !important;
	border: 0 none !important;
	outline: 0 none !important;
	margin-right: 0.6em;
	display: inline;
}

.powermail_fields label.answer {float:none;text-align:right; margin: 0; width:auto;}
.powermail_fields input[type="radio"]:checked+span {font-weight: bold; text-transform:uppercase;}

.powermail_fields input[type="radio"]:checked+span.yes {color: #7577C0;}
.powermail_fields input[type="radio"]:checked+span.no {color: #E7511E;}

/* Responsive */

/* ----->>> 6.1 min-width 1025px, large screens <<<----- */
@media only screen and (min-width: 64.063em) {
	#formulaire-cookie {margin: 0;}
	#lien-banner-tablet {visibility:hidden; display:none;}
	#lien-banner-desktop {visibility:visible; display:block;}
	#close-banner{text-align:right; padding-top:0.15em}
}

/* ----- min-width 641px, medium screens ----- */
@media only screen and (max-width: 64em) {
	#cookie-banner-message-consent {position: inherit;}
	#lien-banner-desktop {visibility:hidden; display:none;}
	#lien-banner-tablet {visibility:visible; display: block; padding: 0.5em 0;}
	#lien-banner-tablet a {font-size: 85%;}
	#close-banner{text-align:right; padding-top:0.15em}
	#texte-banner p {padding:0; margin: 0;}
}

/* ----- max-width 640px, mobile-only styles, use when QAing mobile issues ----- */
@media only screen and (max-width: 40em) {
	#cookie-banner-message-consent {position: inherit;}
	#formulaire-cookie .powermail_fields {background-color: #FAFAFA; padding: 1.5em;}
	#lien-banner-desktop {visibility:hidden; display:none;}
	#lien-banner-tablet {visibility:visible; display: block;}
	#lien-banner-tablet a {font-size:80%;}
	#close-banner {text-align:center; padding-top: 0.4em;}
	#texte-banner p {text-align:center; margin-bottom:0.3em; font-size:80%;}
}