/* MENU RESPONSIVE */
.menu_item_picto a.picto_menu_r:before,
.menu_item_picto a.picto_menu_r:after
{
	background: #062a78 !important;
}
.menu_item_picto a.picto_menu_r span
{
	background: #062a78 !important;

}

.menu_item_name {color:#062a78 !important;}


div#middle_content {overflow:hidden; margin:50px auto 0 auto;}

.mention_context_title .context_title {color:#FFF;}

div#content_left {
	position:relative;
	width:30%;
	max-width:380px;
	float:left;
}

div#content_right {
	position:relative;
	width:68%;
	margin:0;
	float:right;
}

div#titre {
    width: 100%;
    background-image: linear-gradient(#000,#252525);
    padding: 20px 1%;
    margin: 0 auto 40px auto;
}
div#titre h1 {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 10px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: lighter;
}

h2.bloc_sstitre2 {margin:-15px 0 0 0;}

div#mention {font-size:1.1em;text-align:justify;margin:0 auto 40px auto;}
div#mention h4 {font-size:1.2em;margin:25px auto 15px auto;text-transform:uppercase;}
div#mention h5 {font-size:1em;margin:15px auto;text-transform:uppercase;}
div#mention h6 {font-size:0.9em;margin:20px auto 10px auto;text-transform:uppercase;}

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

div#mention p {margin:5px 0 0 0;font-size:0.9em;}
div#mention 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#mention li {margin:0 0 0 20px;font-size:0.9em;}


/** GAUCHE **/

div#gauche_content {
	position:relative;
	margin:0;
	width:95%;
	padding:10px 0 30px 0;
	font-size: 0.9em;
}

div#gauche_menu {
	position:relative;
	margin:0;
	padding:0 0 0 5%;
	width:100%;
}

.gauche_right_content {
	position:relative;
	margin:0;
	padding:0 0 0 5%;
	width:100%;
}

div#gauche_menu_title {display:none;width:100%;color:#666;font-size:1.2em;font-style:italic;margin:0 0 10px 0;}


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

.gauche_ssmenu:hover {text-decoration:none;color:#00a6ff;}

.gauche_niveau1 {
	display:none;
}

.gauche_niveau2 {
	position:relative;
	padding:3% 0;
	margin:0 0 15px 0;
	width:100%;
	color:#ff7800;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
	background:url(../img/public/gauche_menu_sep.png) bottom center repeat-x;	
}


.gauche_niveau2:hover, .niveau2_actif {
	color:#1160a2;
}


.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 url(../img/public/gauche_menu_plus.png) center right no-repeat;
}
.gauche_niveau3 a {padding:0 9% 0 0; width:100%;}

.gauche_niveau3:hover, .niveau3_actif {
	color:#FFF;
	background:#dd8a03 url(../img/public/gauche_menu_hover.png) center right no-repeat;
}

@media screen and (max-width : 959px) {	
	
	div#content_left {width:100%;max-width:none;margin:0 0 15px 0;float:none;}
	div#content_right {width:100%;float:none;padding:0 0 30px 0;}	
	
}

@media screen and (max-width : 580px) {
	.mention_btn {float:none;width:90%;margin:15px auto;}
}