ul.menu_list li.niveau1.menu-4 {
			border-bottom: 5px solid #FFF !important;
			color:#FFF !important;
		}

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;
}


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 p.titre_page {
    margin: 0;
    padding: 0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: lighter;
}

.blog_date {
	color:#1160a2;		
	background: url(../img/public/blog_picto_date.png) center left no-repeat;
	width: calc(100% - 25px);
	padding: 5px 0 5px 25px;
	margin:-10px 0 25px 0;
}


/*********** PAGE ARTICLE ************/


p.bottom_real_title {position:relative; margin:0 0 40px 0; font-size:1.3em; font-weight: bold; text-align: center;}



/* LISTE DES ACTUALITES */

div#realisation_title_cadre {
	position:relative;
	background-image: url(../img/public/realisations-peinture-wendeco.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 300px 0 0px 0;
	display: table;
  width: 100%;
}

div#realisation_title {
	position:relative;
	margin: 75px auto;
	padding: 2% 5%;
  background: rgba(0, 0, 0, 0.5);
}
div#realisation_title h1 { color:#FFF; text-transform:uppercase;} 

.realisation_content_cadre {background: var(--cg_bleu); padding:15px 0; color:#FFF;}
.realisation_content p {margin:10px auto;}


.result_search {margin:0 0 30px 0;}
.result_search .recherche {font-style: italic; font-weight: bold;}


div#entete_liste {width:100%;padding:15px 0;margin:0 0 35px 0;overflow:hidden; /*background:#e8e9ea;border-radius:1em;*/}
div#entete_liste_top {position:relative; /*display: table;*/ margin:25px auto 0 auto;}
.entete_liste_item {float:left; padding:0 25px;}
div#entete_resultat {font-size:1.4em; display:table; padding:5px 10px 0 10px;}
div#entete_pagination {float:right; border-right:0;padding:3px 10px 0 10px;}

.realisation_filtre_delete {
	border: 1px solid #bebebe;
	padding: 9px 40px;
	border-radius: 1em;
	color: #999;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
	width: auto;
	font-size: 1em;
}
.realisation_filtre_delete.active, .realisation_filtre_delete:hover { color: #FFF;background:var(--cg_bleu);}
/* ASPECT DE LA LISTE DEROULANTE */


.custom-dropdown__select {
	font-size: inherit; /* inherit size from .custom-dropdown */
	padding: .5em; /* add some space*/
	margin: 0; /* remove default margins */
	width:100%;
}


.custom-dropdown__select--white {
	background-color: #fff;
	color: #444;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
			position: relative;
			display: inline-block;
			vertical-align: middle;
    }

    .custom-dropdown__select {
			padding: 9px 50px 9px 9px; /* accommodate with the pseudo elements for the dropdown arrow */
			border: 1px solid #bebebe;
			border-radius: 1em;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
			content: "";
			position: absolute;
			pointer-events: none;
    }
	.custom-dropdown::before {
			content: "\25B2";
			color: #FFF;
			font-size: 1em;
			top:13px;
			text-align:center;
    }
    .custom-dropdown::after { /*  Custom dropdown arrow */
			content: "\25BC";
			color: #FFF;
			height: 1em;
			font-size: 1em;
			line-height: 1;
			right: 11px;
			/*top: 50%; */
			top:26px;
			margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 38px;
		right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
			top:0;
			padding:2px 0 0 0;
      background-color: var(--cg_bleu);;
			border-top-right-radius:1em;
			border-bottom-right-radius:1em;
    }
	/*
    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }
	*/
    /* FF only temp fix */
    @-moz-document url-prefix() {
        /*.custom-dropdown__select              { padding-right: .9em }*/
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}



div#bottom_real_carre {
	background:url("../img/public/bottom_real_top.png") top center no-repeat,url("../img/public/bottom_real_fond.jpg") center no-repeat;
	padding:100px 0 50px 0;
}

.realisation_item {
	margin: 0 auto 6px auto;
	/*width: 100%;*/
	display: table;
	position: relative;
}

.realisation_img img { border-radius:0.3em;}

.realisation_item .realisation_bottom { display:none;}
.realisation_item:hover .realisation_bottom {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(123,165,179,0.7);
	color: #FFF;
	text-align: center;
	padding:0 10px;
	text-transform: uppercase;
	border-radius:0.3em;
}
.realisation_item:hover .realisation_nom {
	position: absolute;
	font-size: 1.4em;
	font-weight: bold;
	top: 50%;
	transform: translateY(-50%);
	width:calc(100% - 20px);
	text-align: center;
}
.realisation_item:hover .realisation_lieu {
  font-size: 1.2em;
	font-weight: normal;
}


.real_sstitre { text-align: center; margin:40px auto 0 auto !important;}

.bottom_lien_contact {text-transform: uppercase; margin: 25px auto 0 auto; display: table;}

/** GAUCHE **/

div#gauche_content {
	position:relative;
	margin:0;
	width:95%;
	padding:10px 0 30px 0;
}

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:#4b9d34;
}


.gauche_niveau3 {
	position:relative;
	padding:3% 0 3% 10px;
	margin:0 0 5px 0;
	width:100%;
	font-size:1em;
	font-style:italic;
	/*color:#4b9d34;*/
	background:#f6f6f6 url(../img/public/gauche_menu_plus.png) center right no-repeat;
	border-radius: 0.3em;
}
.gauche_niveau3 a {padding:0 9% 0 0; width:100%;}

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


/****************************** RECHERCHE ACTUS ************************************/
div#gauche_recherche {
	margin:30px auto 0 auto;
	width:100%;
	overflow:hidden;
}
p.search_titre {
	font-size:1.2em;
	margin:0 0 5px 0;
}
.search_input {
	border:1px solid #CCC;
	overflow:hidden;
	background:#FFF;
}
div#gauche_recherche input.search_value {
	border: 0 none;
    color: #999;
    font-family: inherit;
    font-size: 1em;
	width:calc(84% - 10px);
	padding:3px 0 0 10px;
	height:29px;
	float:left;
}
div#gauche_recherche input.search_submit {
	height:33px;
	width:33px;
	float:right;
	background:url(../img/public/gauche_search_btn.png) center no-repeat;
	border: 0 none;
	cursor:pointer;
}

p.annuler-search {
	margin:10px 0 0 0;
}

.delete_search {
	background:url(../img/public/delete_search.png) left center no-repeat;
	height:30px;
	line-height:30px;
	padding:0 0 0 35px;
	color:#C00;
}
.delete_search a {text-decoration:none; color:inherit;}

@media screen and (max-width : 1100px) {	
	.realisation_grid .grid-sizer, .realisation_grid .grid-item {width:33.333333%;}
	/*
	.custom-dropdown__select { padding: 5px 28px 5px 5px; font-size:0.8em;}
	.custom-dropdown::before {width:28px;}
	.custom-dropdown::before {font-size:0.8em;}
	.custom-dropdown::after {font-size:0.8em;right: 8px; top:21px;}
	.custom-dropdown--white::before {padding:0 0 0 0;}
	
	.realisation_filtre_delete {padding: 5px 30px;font-size:0.8em;}*/
	.entete_liste_item { padding: 0 15px; margin:0 0 15px 0;}
	
}

@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;border-bottom:15px solid #1160a2;}	
	
}

@media screen and (max-width : 850px) {	
	.realisation_grid .grid-sizer, .realisation_grid .grid-item {width:50%}
}
@media screen and (max-width : 800px) {
	.entete_liste_item { padding: 0 8px;}
	div#realisation_title {margin: 0 auto;}
}
@media screen and (max-width : 750px) {
	div#titre h1, div#titre p.titre_page {font-size: 1.6em; text-align:center;}
	
	div#liste_article .grid-sizer, div#liste_article .grid-item {
		width: 50%;
	}
	
}
@media screen and (max-width : 650px) {
	
	div#entete_liste_top {display: table;}
	.realisation_grid .grid-sizer, .realisation_grid .grid-item {
		width: 100%;
	}
	div#entete_liste {margin:0 0 15px 0;}
	
}

@media screen and (max-width : 550px) {
	.realisation_item:hover .realisation_nom { font-size: 1.1em;}
	.realisation_item:hover .realisation_lieu {font-size: 0.8em;}
}
@media screen and (max-width : 400px) {
	.realisation_item:hover .realisation_nom { font-size: 0.9em;}
}
@media screen and (max-width : 350px) {	
	.realisation_item:hover .realisation_nom { font-size: 1.2em;}
	.realisation_item:hover .realisation_lieu {font-size: 0.9em;}
}