ul.menu_list li.niveau1.menu-4 { border-bottom: 3px solid #2b8bb4;}
ul.menu_list li.menu-4 a { color: #2b8bb4;	}

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 ************/

.realisation_fiche_context .context_title {
    color: #FFF;
    font-size: 1.6em;
    font-weight: bold;
    text-transform: uppercase;
    float: none;
    margin: 0 0;
}

div#page_context .realisation_fiche_context .context_sstitle {
    color: #FFF;
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 8px 0 0 0;
	float: none;
}


div#blog_retour {position:relative; display: table; z-index:99;}
div#blog_retour a {margin:-20px 0 0 0; float:right; background:#999; color:#FFF; text-decoration:none; padding:8px 15px; border-bottom-left-radius: 0.3em; border-bottom-right-radius: 0.3em;}

div#blog_retour a:hover {background:#000;}

div#real_entete {position: relative; width:100%; background:#f9f9f9; border-bottom: 4px solid #2b8bb4; padding:35px 0 5px 0;overflow: hidden; margin:-38px 0 0 0;}
div#real_entete_cadre {margin:0 auto 0 auto; max-width:1400px;}

div#real_entete_content {padding:0 20px 15px 20px;}

div#real_entete_content {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.real_entete_item {
   flex: 0 0 auto;
 }
.real_entete_item {padding:10px 25px 10px 70px;}
.real_entete_annee {background:url("../img/public/real_picto_annee.png") center left no-repeat;}
.real_entete_budget {background:url("../img/public/real_picto_budget.png") center left no-repeat;}
.real_entete_surface {background:url("../img/public/real_picto_surface.png") center left no-repeat;}
.real_entete_mo {background:url("../img/public/real_picto_mo.png") center left no-repeat;}
.real_entete_architecte {background:url("../img/public/real_picto_architecte.png") center left no-repeat;}
.real_entete_nom { font-size:1.1em;}
.real_entete_valeur { font-size:1.3em; font-weight: bold;}
/*
.contenu_date, .blog_tag {
    font-size: 1em;
    font-style: italic;
    margin: 0;
    overflow: hidden;
    padding: 1% 0 1% 30px;
    position: relative;
}
.contenu_date {
	background: rgba(0, 0, 0, 0) url("../img/public/blog_picto_date.png") no-repeat scroll left center;
    margin: -30px 0 0 30px;
	 z-index:98;
   
}
*/
.contenu {position:relative;margin:-15px auto 30px auto;overflow:hidden;}

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



/* LISTE DES ACTUALITES */

h1.liste_titre {margin:40px auto;text-align: center;}

div#realisation_presentation {position:relative; margin:70px auto;}

div#realisation_presentation h2 {text-align: center;}

.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: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:#2b8bb4;}
/* 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: .5em; bottom: .5em;*/
		top:0;
		padding:2px 0 0 0;
        background-color: #2b8bb4;
		border-top-right-radius:1em;
		border-bottom-right-radius:1em;
        /*border-left: 1px solid rgba(0,0,0,.1);*/
    }
	/*
    .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(43,139,180,0.6);
    color: #FFF;
    text-align: center;
	padding:27% 10px 0 10px;
    text-transform: uppercase;
	border-radius:0.3em;
}
.realisation_item:hover .realisation_nom {
    font-size: 1.4em;
	font-weight: bold;
	margin:0 0 10px 0;
}
.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;}	
	
	div#real_entete_cadre {margin:0 0 0 2%;}
	
}

@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;}
}
@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#blog_retour {margin: 20px 0 0 0;}
	div#blog_retour a {padding: 5px 10px; font_size:0.9em;}
	
	div#real_entete {margin:-31px 0 0 0;}
	
}

@media screen and (max-width : 550px) {
	.realisation_item:hover .realisation_nom { font-size: 1.1em; margin:0 0 10px 0;}
	.realisation_item:hover .realisation_lieu {font-size: 0.8em;}
}
@media screen and (max-width : 480px) {
	div#liste_article .grid-sizer, div#liste_article .grid-item {
		width: 100%;
	}
}
@media screen and (max-width : 400px) {
	.realisation_item:hover .realisation_nom { font-size: 0.9em; margin:0 0 10px 0;}
}
@media screen and (max-width : 350px) {	
	.realisation_grid .grid-sizer, .realisation_grid .grid-item {width:100%}
	.realisation_item:hover .realisation_nom { font-size: 1.2em; margin:0 0 10px 0;}
	.realisation_item:hover .realisation_lieu {font-size: 0.9em;}
}