@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbold';
    src: url('../fonts/oswald-bold-webfont.eot');
    src: url('../fonts/oswald-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/oswald-bold-webfont.woff') format('woff'),
         url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('../fonts/oswald-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntubold';
    src: url('../fonts/ubuntu-bold-webfont.eot');
    src: url('../fonts/ubuntu-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-bold-webfont.woff') format('woff'),
         url('../fonts/ubuntu-bold-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-regular-webfont.eot');
    src: url('../fonts/ubuntu-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('../fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****** RESET CSS ******/
body,div,dl,dt,dd,ul,ol,li,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
html,body {margin:0;padding:0;height: auto !important;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/********************************************************** GENERAL ***/
body {
	font-size:14px;
	font-weight:normal;
	font-family: 'ubunturegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: justify;
	background:url(../gifs/fond.jpg) repeat;
}
h1 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
	border-bottom:1px solid #fff
}
a {
	text-decoration:underline;
	color:#fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	transition: all 300ms ease;
}
a:hover {
	text-decoration:none;
}

h2 {
margin-bottom : 15px;
margin-top:20px;
font-size:20px;
}

h3 {
margin-bottom : 10px;
font-size:18px;
}
#fil_ariane {
    left: 0;
    position: absolute;
    top: 140px;
	z-index:20;
	font-size:10px
}
#fil_ariane div{ display :inline-block; float:left }
#fil_ariane a {
	text-decoration:none;
	color:#fff
}
#fil_ariane a:hover{
	color:#f33
}
.clear_both {
	clear:both;
}
.imgRight {
	float:right;
	margin:0 0 10px 20px;
	border:3px solid #fff;
}
.imgLeft {
	float:left;
	margin:0 10px 10px 0;
	border:none;
}
#container {
	width:100%;
	position:relative;
	padding-top:197px;/*Hauteur a supprimer si utilisation du flexslider*/
}
/********************************************************** HEADER ***/
#header_frame {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:url(../gifs/bg-header-frame.jpg) repeat-x
}
#header {
	position:relative;
	width:960px;
	margin: 0 auto;
	padding-top:20px;
	height:169px; /*Hauteur a supprimer si utilisation du flexslider*/
}
#photos-header{
	background:url(../gifs/photos.jpg) repeat;
	position:relative;
	float:right;
	width:742px;
	height:135px; margin:0 0 35px;
	z-index:0
}
/* Logo */
#logo {
    background:url(../gifs/logo.jpg) no-repeat top center;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
	display:block;
    width: 230px;
	height:169px;
	position:absolute;
	left: 0;
	top: 0;
	z-index:1;
}
.nom-logo{position:absolute; top:100px; left:0 ; width:230px; font-size:28px; text-align:center; color:#333}
.baseline {
	width:235px;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 135px;
	z-index:1;
	line-height:14px;
	text-transform:uppercase;
	text-align:center;
	color:#333
}
/* Contact Header */
#contact_header {
	display:block;
	font-size:14px;
	text-decoration:none;
	position: absolute;
	right: 0;
	top: 95px;
	z-index:1;
	font-family: 'oswaldregular', Arial, Helvetica, sans-serif;
	text-align:right;
	color:#606060;
	font-size:16px;
	line-height:34px
}
.number{font-size:24px; color:#000}
#contact_header:hover {color:#000}
#contact_header:hover .number{color:#606060}

/* Top bar */
.top_bar {
	position:absolute;
	right:0;
	top:0;
	width:512px;
	z-index:15;
	border-bottom:1px solid #fff
}
.top_bar ul {
	float:right
}
.top_bar ul li {
	float:left;
}
.top_bar ul li a {
	color:#000;
	padding:0 18px;
	display:block;
	text-decoration:none;
	height:45px;
	line-height:45px;
	font-size:14px;
	font-family: 'oswaldregular', Arial, Helvetica, sans-serif;
	text-transform:uppercase
}
.top_bar ul li a:hover,.top_bar ul li a.selected {
	background:#fff;
	text-decoration:none;
}
/********************************************************** CONTENT ***/
#content {
	width:960px;
	position:relative;
	margin:0 auto 40px;
}
#colonne_gauche {
    display: block;
    float: left;
    width:217px;
	z-index:50;
	overflow:visible
}
#colonne_centre {
	float:right;
	width:693px;
	font-size:14px;
	position:relative;
	z-index:0
}
#colonne_centre p {
	margin-bottom:10px;
	text-align:justify;
	line-height:20px
}

#colonne_centre ul {
	margin-bottom:10px;
}
#colonne_centre ul li {
	margin-left:30px;
	list-style-image:url(../gifs/puce.jpg);
	line-height:1.4em;
}
#contenu-index{position:relative; float:left; width:380px}
/* Bouton */
.bouton {
	background:#fff;
    color: #000;
    display: block;
    float: right;
    font-family: 'oswaldregular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.bouton:hover {
	background:#f33;
	color:#fff
}
/* Relance */
#relance {
	color:#fff;
	margin-top:20px;
	font-size:12px;
	text-decoration:none;
	border-top:1px solid #e7d5bd;
	padding-top:5px;
	position:relative; float:left;
	width:693px
}
.titre-relance{font-size:18px; color:#fff; position:relative; float:left; font-family:'ubunturegular',Arial, Helvetica, sans-serif; margin-right:10px}
#relance ul li {
	list-style:none;
	list-style-image:none; /* pour ie7 */
	position:relative;
	float:left;
	background:url(../gifs/puce.jpg) no-repeat left 0.5em;
	margin-left:22px
}
#relance ul{position:relative; float:left; margin-top:3px}
#relance a {
	text-decoration:none;
	color:#fff;
	display:block;
	float:none;
	padding-left:14px;
	line-height:18px
}
#relance a:hover {
	text-decoration:underline;
}

/**************************** Formulaire 1 **************************/
#formulaire_1 {
	font-size: 13px !important;
	width: 290px !important;
	float: left !important;
	padding-left:0px !important;
	margin-left:20px	
}

/* Parametres de la box votre message */
#formulaire_1 textarea {
	color: #000;
	border: solid 1px #000 !important;
	background-color: #D3D3D3 !important;
	width: 250px !important;
	height: 70px !important;
	padding:2px 5px
}

#formulaire_1 textarea:hover {
	background-color: #fff !important;
	color:#000 !important
}

/* Parametres des titres d'encart a compléter */
#formulaire_1 label {
	color: #000 !important;
	font-size: 13px !important;
	width: 250px !important;
	text-align:left;
}

/* couleur de l'étoile */
.required {
	color:#fff !important;
}

/* Parametres des autres box */
#formulaire_1 input {
	color: #000;
	border: solid 1px #000 !important;
	background-color: #D3D3D3 !important;
	width: 250px;
	height: 17px !important;
	padding:2px 5px
}

#formulaire_1 input:hover {
	background-color: #fff !important;
	color:#000 !important
}


/* Emplacement du bouton valider */
#formulaire_1.generateur .submit {
	margin-left:0px !important;
	padding:10px 0 10px 0px !important; 
}

/* Parametres d'apparence du bouton valider */
#formulaire_1 .submit input {
	background-color:#f33 !important;
	color: #fff !important;
	height: 25px !important;
    width: 263px;
	border: solid 2px #fff !important;
}

#formulaire_1 .submit input:hover{
	background-color:#fff !important;
	border: solid 2px #f33 !important;
	color:#000 !important
}

/* Text validant l'envoi du message */
div.valide {
	background:none !important;
	color:#fff !important;
	position:relative; float:left;
	width:300px
}

/* Text annonçant une erreur lors de l'envoi du message */
div.erreur, div.valide {
	font-weight:normal !important;
	margin-bottom:15px !important;
	padding:5px 10px !important;
}

#formulaire_1 .divGenerateur li input{
    text-align: left;
    width: 50px !important;
	float:left;
	margin-top:3px;
	border:none !important;
	background:none !important;
	display:inline-block;
	position:relative
}

#formulaire_1 .divGenerateur li label{
	display:block;
	height:26px;
	line-height:26px;
	width:420px !important
}

#formulaire_1 p.erreur{border:none}
#formulaire_1 p.erreur span.erreur{display:none !important}

fieldset{
	margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
	width:427px
}

#formulaire_1 #field_11{font-family: 'ubunturegular',Arial,Helvetica,sans-serif; font-size:13px}

legend{
	font-weight:bold;
	padding:0 10px
}

.divGenerateurRequired{
	color:#fff !important
}

#formulaire_1 p{
	margin:0 !important
}

#formulaire_1 #field_14{width:100px}

#coordonnees {
    float: right;
    padding: 0 0 0 10px;
    width: 340px;
}

#carte{width:322px}
#gmap_link{
	background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    display: block;
    float: right;
    font-family: 'oswaldregular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
	margin-top:10px
}
#gmap_link:hover{background:#f33; color:#fff}
#field_20-je-souhaite-recevoir-la-lettre-d-information {width: 10% !important; color: black !important; width: 75%;font-size: 14px !important;}
.noFloatingLabel {color: #2d2d2d !important;font-size: 14px;}

#newsletter_iframe {background: #333333 !important;height: 344px;margin: 0 !important;position: absolute;top: 0 !important; padding:0 10px}
#newsletter_iframe p, #newsletter_iframe label{color:#fff !important}
#newsletter_iframe label{width: 300px}
#newsletter_iframe #input_newsletter {
    float: left;
    margin: 2px 10px 0;
    position: relative;
    width: 150px;
}

#newsletter_iframe #form_newsletter{width:422px; margin-bottom:10px; position:relative; float:left}
div#fancy_outer {padding: 18px 18px 40px !important;}
#submit_newsletter{
	background: none repeat scroll 0 0 #fff;
    color: #000;
	border:none;
    display: block;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px 4px;
    text-decoration: none;
	margin-top:3px;
	font-family: 'oswaldregular',Arial,Helvetica,sans-serif;
	
    text-transform: uppercase;
}
/********************************************************** FOOTER ***/
#footer_frame {
	width: 100%;
	position:relative;
	float:left;
	z-index:1;
	background:#000;
}
/***** Footer Fixe *******/

#footer {
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
#footer p {
	display:block;
}
a#logo_footer {
	background:url(../gifs/logo-footer.jpg) no-repeat;
	width:161px;
	height:122px;
	display:block;
	margin:21px 110px 0 0;
	float:left;
	clear:left
}
a#logo_footer:hover {
	-webkit-opacity:.8;
	-moz-opacity:.8;
	opacity:.8;
}
#footer ul {
	float:left;
	margin-top:22px;
	margin-right:85px;
	padding-left:5px;
	border-left:1px solid #a9a9a9;
	text-align:left;
}
#footer ul+ul+ul { margin-right:0}
#footer ul li {
	list-style:none;
}
#footer ul li a {
	color:#a9a9a9;
	font-size:14px;
	text-decoration:none;
	line-height:24px
}
#footer ul li a:hover {
	color:#fff;
}
#footer ul li ul {
	border: 0;
    float: none;
    margin-top: 0;
    padding-left: 15px;
    width: auto;
}
#footer ul li ul li a {
	font-size:10px
}
a#box_ml {
    display: block!important;
}
a#box_ml:hover {
    color: #fff;
}
/********************************************************** REF ***/
.ref_close{
	position: fixed;
	right: -97.3%;
	bottom: 30px;
	color: #fff;
	display: block;
	text-decoration: none;
	width: 95.5%;
	-webkit-border-radius: 30px 0 0 0 / 30px 0 0 0;
	-moz-border-radius : 90px 0 0 0 / 90px 0 0 0;
	-ms-border-radius: 30px 0 0 0 / 30px 0 0 0;
	border-radius : 90px 0 0 0 / 90px 0 0 0;
	cursor: pointer;
	background-color: #0A5E7D;
	padding: 4px 2% 4px 2.5%;
	min-height: 28px;
	z-index:15
}
.ref_close .plus_ref{
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 6px;
	background: url(../gifs/plus_ref.png) no-repeat;
	bottom: 3px;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;}

.rotate_plus{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contenu_ref{
	position: relative;
	float:right;
	display: block;
	width: 98%;
}

/************************************************************************* Encart plan **********************/

.encart_plan {
	background:#d3d3d3;
	position:relative; float:left;
	width:193px;
	height:279px;
	padding:12px; margin-top:40px;
	color:#000
}
#img-plan {
	position:relative; float:left;
	width:193px; height:140px;
	background:url(../gifs/img-plan.jpg) no-repeat;
	margin:10px 0 20px
}
.titre_plan {
	position:relative; float:left;
	font-size:18px;
	font-family: 'oswaldregular', Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000;
	width:193px;
	margin-bottom:10px;
	text-transform:uppercase
}
.encart_plan p {
	font-size:14px; line-height:24px;
}
.bouton_plan {
	background:#fff;
    color: #000;
    display: block;
    float: right;
    font-family: 'oswaldregular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.bouton_plan:hover {background:#f33;
	color:#fff}

#encart-photo-plan {
	background:#d3d3d3;
	position:relative; float:left;
	width:218px;
	height:422px; margin-top:40px;
	color:#000
}

#encart-photo-plan img{ padding:5px; position:relative; float:left; width:208px; height:412px}
/************************************************************************* Style du menu Vertical *****/
#menu_v{position:relative; float:left; z-index:50; overflow:visible}
#menu_v ul {
	display:block;
	height:auto;
	list-style:none;
	width:218px;
	background:#a9a9a9;
	padding:3px 0 0;
	z-index:50
}
#menu_v ul li {
	width:240px;
	z-index:50
}
#menu_v ul li a {
	display:block;
	height:25px;
	line-height:25px;
	color:#000;
	font-family: 'oswaldregular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:15px; padding:0 0 0 13px;
	text-decoration:none;
	background:url(../gifs/menuv-hover.jpg) no-repeat -30px center;
	z-index:50
}
/*#menu_v ul li.selected > a : sert a cibler le premier <a> du <li>*/
#menu_v ul li a:hover, #menu_v ul li a.selected, #menu_v ul li.selected > a{
    background:url(../gifs/menuv-hover.jpg) no-repeat 0 center;
	padding:0 0 0 35px;	
	z-index:50
}
#menu_v ul li.selected ul.dropdown{
    /*display: block !important*/
}
/* ici le code pour le sous menu */
#menu_v ul li ul {
	list-style:none;
	/*display:block!important;*/
	overflow:hidden;
}
#menu_v ul li ul li a { font-family:arial; text-transform:none; 
	height:auto;
	line-height:auto;
}
#menu_v ul ul li a:hover, #menu_v ul ul li a.selected, #menu_v ul ul li.selected > a{padding-left:15px;background-position-x: -30px}
/*******************************Encarts******************************************/

.encart_global {
	position:relative; float:right;
	width:265px;
	margin:10px 0 0
}
.encart {
	position:relative; float:left; width:265px; height:60px;
	text-decoration:none;
	font-family: 'oswaldregular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:18px
}
.famille{background:url(../gifs/bg-famille.jpg) no-repeat; margin-bottom:19px}
.immobilier{background:url(../gifs/bg-immobilier.jpg) no-repeat; margin-bottom:19px}
.appel{background:url(https://www.avocat-merle-bruno.com/gifs/bg-appel.jpg) no-repeat; margin-bottom:19px}
.penal{background:url(../gifs/bg-penal.jpg) no-repeat; margin-bottom:19px}
.encart:hover .titre {margin:16px 0 0 30px}
.encart .titre {
	position:relative; float:left;
	color:#000;
	margin:16px 0 0 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.encart .contenu {
}
.encart .lien {
}
#paquet_telecom_bandeau {
	position:relative !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	








































/***** Style responsive *****/	
#header #menu_v {
	display:none;	
}

@font-face {
  font-family: 'iconic';
  src: url('../fonts/iconic_34343192.eot');
  src: url('../fonts/iconic_34343192.eot#iefix') format('embedded-opentype'),
       url('../fonts/iconic_34343192.woff') format('woff'),
       url('../fonts/iconic_34343192.ttf') format('truetype'),
       url('../fonts/iconic_34343192.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.only-mobile{
	display:none;	
}

#listing_calendrier_2 ul li ul{
	margin-bottom:25px !important;	
}
  
  
  @media screen and (min-width:970px) { 
 #menu_v ul li {position: relative;}
  #menu_v ul li ul { position: absolute; left: 90%; top:0;
	list-style:none; width: 269px;
	display: none!important;
	overflow:hidden; height:auto; 
}
    #menu_v ul li:hover  ul {	display: block!important;}
  
  #menu_v ul li a{height:26px}
  #menu_v ul li ul li a:hover, #menu_v ul li ul li a.selected, #menu_v ul li ul li.selected > a{padding-left:10px;  color: #373737}
    #menu_v ul li ul:before{position: absolute;left:0; top:0; height: 100%; width: }
  
 }
@media screen and (max-width:970px) {



h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 25px;
	text-align: left;
}

	
div#fancy_overlay {
	background-color: #000;	
}

#no-br {
    display: none;
}

/*header*/
#header {
	width:100%;
	height: 150px;
}

#contact_header {
	right:15px;
	top: 73px;
}
 
/*top bar*/
.top_bar {
	width: 425px;
}

.top_bar ul li a {
	padding: 0 10px;	
}

/*menu*/
.btn-nav {
    background: url(../gifs/btn-nav.png);
    height: 43px;
    left: 0;
    position: absolute;
    top: 0;
    width: 43px;
    z-index: 999;
}

#header #menu_v {
	background: #010101;
    float: none;
    height: 100%;
    position: fixed;
	display: block;
	top: 0;
	padding-top: 6px;
	width: 250px;
	left:-250px;
}

#menu_v ul {
	width: 250px;
	background:none;
}


#menu_v ul li {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

#menu_v ul li a {
	color:#FFF;	
}

#menu_v ul li.selected ul.dropdown{
    display: block !important
}

#menu_v ul li ul {
	display:block!important;
}


#photos-header {
	display:none;	
}

/*content*/
#content {
	width: 100%;
}

/*colnne center*/
#colonne_centre {
    float: none;
	width: 100%;
}

#colonne_centre {
	width: 95%;
	float: none;
	margin: auto;
}

#contenu-index {
	float: none;
    width: 100%;	
}

#fil_ariane {
	top: -19px;	
}

.encart_global {
    float: none;
    margin: 60px auto 25px;
    overflow: hidden;
    position: relative;
}

#relance {
	width:100%;
	margin-bottom: 25px;
}

.titre-relance {
	margin-top:10px;	
}

#relance ul {
	margin-top: 13px;	
}


/** colonne gauche **/
#colonne_gauche {
	float: none;
	width: 100%;
	clear: both;
	text-align: center;
	margin-top: 25px;
}


#colonne_gauche #menu_v {
	display:none;	
}

.encart_plan {
	display: inline-block;
	float:none;
	margin-top: 0;
	margin-right: 40px;
	vertical-align: top;
}

.container-encart-fb {
    display: inline-block;
}


/*footer*/
#footer {
	width: 100%;	
}

#footer ul{
	display:none;
}
#footer ul+ul+ul{
	border: none;
    display: inline-block;
    float: right;
    margin-right: 20px;
    margin-top: 80px;
}
#footer ul+ul+ul li+li{
	display:none;
}


/*** page contact ***/
#coordonnees {
	width: 50%;	
}

#formulaire_contact{
	max-width: 290px;
    overflow: hidden;
    width: 47%;
	float:left;
}

#formulaire_1 {
	margin-left: 0;
}

#formulaire_1 p.erreur {
	position:relative;	
}

.validation {
    bottom: 2px;
    display: block;
    height: 20px;
    position: absolute;
    right: 35px;
    width: 20px;
}
.validation img{
	max-width:100% !important;
	height:auto !important;	
}

div.valide {
    border: 1px solid #03b251;
    color: #54752f;
    width: 90%;
	padding: 5px 10px 10px !important;
}

/*** page plan ***/
#carte {
    max-width: 322px;
    width: 47%;
}

#encart-photo-plan {
	display:none;	
}

/*** page actualité ***/
.all_cat_actu {
   width: 98% !important;
}

.recherche_actu label {
	padding-left: 1% !important;	
}
.recherche_actu input#input_recherche_actu {
	width: 45% !important;	
}

.container_actualite {
    overflow: hidden;
}

.container_actualite > div+div+div.colonne_journal{
	float:right !important;
}

.bloc_listing_actu img{
	margin: 15px 0;
}

#listing_calendrier_2 {
	width:95% !important;
	float:none !important;	
	overflow:hidden;
	margin-bottom: 25px;
}
	
.image_actu a img{
	width:100% !important;
	height:auto !important;
}
	
}



@media screen and (max-width:599px) {
.only-mobile{
	display:block;	
	top: 240px;
	left: 0;
    margin: auto;
    right: 0;
    text-align: center;
	position: absolute;
}

#container {
	padding-top: 335px;
}

.imgRight, .imgLeft {
	display:none;	
}

/*Header*/
#header{
	height: 300px;
	background: #d3d3d3;
	border-bottom:1px solid #FFF;	
}

#logo {
    margin: auto;
    right: 0;
	left:0;
    top: 50px;
}

#contact_header {
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
	line-height: 15px;
	display:none;
}
.only-mobile #contact_header {
	display:block;
}


/*top bar*/
.top_bar {
    width: 100%;
}

.top_bar ul li a {
	text-transform:none;
	height: 43px;
}

.top_bar li a {
	display: block;
	height: 40px;
	overflow: hidden;
	padding: 10px;
	width: 50px;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
}
.top_bar li a:hover,
.top_bar li a.selected{
	color: #000;
}
.top_bar li a:hover:before,
.top_bar li a.selected:before{
	color: #000;
}
.top_bar li a:before{
	font-family: 'iconic';
	display: block;
	font-size:1.9em;
	text-align: center;
	margin-bottom:10px;
	color:#474747;
}
.top_bar li+li a:before{
	font-size:1.8em;
}
.top_bar li a:before{
	content:'a';
}
.top_bar li+li a:before{
	content:'z';
}
.top_bar li+li+li a:before{
	content:'e';
}
.top_bar li+li+li+li a:before{
	content:'r';
}
.top_bar li+li+li+li+li a:before{
	content:'t';
}


/*content*/

#fil_ariane {
    top: -28px;
}

/*Colone gauche*/
.encart_plan {
    display: block;
    margin: 0 auto 20px;
}

.container-encart-fb {
    display: block;
}

/*Footer*/
#footer {
   height: 210px;
   background: #000;
   border-bottom:1px solid #fff;
   border-top:1px solid #fff;
}

a#logo_footer {
    clear: none;
    float: none;
    margin: 10px auto;
	background: url(../gifs/logo-footer.jpg) top right no-repeat;
	width: 142px;
}

#footer ul+ul+ul {
    display: block;
    float: none;
    margin-right: 0px;
    margin-top: 35px;
	padding: 0;
    text-align: center;
}

/*page contact*/
#coordonnees {
    padding: 0;
    width: 100%;
	 margin-bottom: 20px;
}

#formulaire_contact {
    float: none;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

#formulaire_1, #formulaire_1 textarea, #formulaire_1 input {
    width: 100% !important;
}
.validation {
	right:5px;	
}


/*page plan*/
#carte {
    clear: both;
    max-width: 100%;
    width: 100%;
}

/*page actu*/
.all_cat_actu {
    width: 96% !important;
	min-height: 70px !important;
}

.recherche_actu label {
	float:none;	
}

.recherche_actu input#input_recherche_actu {
	width: 77% !important;	
	margin: 11px 0 0 5px !important;
}

#recherche_actu_submit {
	margin-top:7px !important;	
	margin-right: 10px;
	margin-left:0 !important;
	float:left !important;
	float:right !important;
}

.bloc_listing_actu img {
	display:none;	
}

.colonne_journal {
	width: 100% !important;	
}

.bloc_listing_actu {
	width: 99% !important;	
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
}

#listing_calendrier_2 {
	width: 100% !important;	
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;	
}

#listing_calendrier_2 ul li {
	margin-left: 15px;
}

.image_actu {
	display:none;
}	

  
  
  
     
     
}