div#droite.mentions{
	padding:0 2% 25px 2%;
}
div#droite.mentions h1 {margin:40px 0 0 0;}
div#droite.mentions h4{
	color:#bc1c27;
	margin:20px 0 10px 0;
}


div#mention_liens {width:100%; overflow:hidden;}

div#droite.mentions p {margin:8px 0 0 0;font-size:1em;}
div#droite.mentions p.align_center { text-align:center;}

.mention_btn {position:relative;text-align: center; float:left;width:29.333333%;margin:15px 1%;padding:1%;background:#292929;border-radius:0.2em;transition: background 0.5s;}
.mention_btn a {display:block;width:100%;color:#FFF;text-transform:uppercase;text-decoration: none;}
.mention_btn:hover, .mention_btn_on {background: #4daeda;transition: background 0.5s;}

div#droite.mentions li {margin:0 0 0 20px;font-size:0.9em;}

.mention_table {
    overflow-x: auto;
}
.mention_table table {
	overflow-x: auto;
	font-size:0.75em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #FFf;
	margin-block-end: 15px;
	padding: 0;
	margin: 15px 0 0 0;
	width: 98%;
	text-align: left;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	table-layout: fixed;
}
.mention_table table td {
	border: 1px solid #CCC;
	padding: 3px;
}



div#gauche_menu a {display:block;color:inherit;text-decoration:none !important;}

.gauche_niveau3 {
	position:relative;
	padding:3% 0 3% 10px;
	margin:0 0 5px 0;
	width:100%;
	font-size:1em;
	font-style:italic;
	color:#243746;
	background:#f6f6f6;
}
.gauche_niveau3 a {padding:0 9% 0 0; width:100%;}

.gauche_niveau3:hover, .niveau3_actif {
	color:#FFF;
	background:#bc1c27;
	text-decoration:none !important
}

@media screen and (max-width : 749px) {
	
}

@media screen and (max-width : 749px) {
	
	.mentions.container{
		max-width:90%;
		padding:0 5%;
	}
}