/* @override
	http://www.versionbeta3.com/css/style.css
	http://versionbeta3.com/css/style.css
	http://jose.dupond.versionbeta5.com/css/style.css
	http://esperandza.catherine.versionbeta5.com/css/style.css
	http://catherine.doussinaud.versionbeta5.com/css/style.css */

/* ==========================================================================
   ADAPTIMMO MODULO 14 RESPONSIVE (Based on HTML5 Boilerplate)
   ========================================================================== */

html,button,input,select,textarea { color: #222; }
body { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }



::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }



/*
    // ========================================== \\
   ||                                              ||
   ||                I. GENERAL                    ||
   ||                                              ||
    \\ ========================================== //
*/



html {background: #969696;}
body {background-color:#fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#272626;}
.bg-header {background: url(/images/bg-home-header.jpg) no-repeat center center ; height: 100%; position: relative; width: 100%; position: fixed;
 -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
#global {position: absolute; top: 0; overflow: hidden; width: 100%;}
#global-content {position: relative; width: 100%;}
.content-container {width: 940px; margin: 0 auto; padding: 0 15px;}

/* 1.1 Fontes
----------------------------------------------------------------------------------------------------*/



/*-- Roboto --*/

@font-face {
    font-family: 'RobotoRegular';
    src: url('webfonts/Roboto-Regular-webfont.eot');
    src: url('webfonts/Roboto-Regular-webfont.woff') format('woff'),
    		 url('webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('webfonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*-- Fira Sans --*/


/*@font-face {
    font-family: 'FiraLight';
    src: url('webfonts/firasansot-light-webfont.eot');
    src: url('webfonts/firasansot-light-webfont.woff') format('woff'),
    		 url('webfonts/firasansot-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/firasansot-light-webfont.ttf') format('truetype'),
         url('webfonts/firasansot-light-webfont.svg#FiraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}

@font-face {
    font-family: 'FiraMedium';
    src: url('webfonts/firasansot-medium-webfont.eot');
    src: url('webfonts/firasansot-medium-webfont.woff') format('woff'),
    		 url('webfonts/firasansot-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/firasansot-medium-webfont.ttf') format('truetype'),
         url('webfonts/firasansot-medium-webfont.svg#FiraMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}*/



/* 1.2 Hierarchie de titres
----------------------------------------------------------------------------------------------------*/

/* Reset des titres pour le ref */
h1,h2,h3,h4,h5,h6 {font-size:100%; font: inherit; margin: inherit; }

.heading1 {color: #2a272b;
	font-size: 1.75em;
	line-height: 1.231em;
	font-weight: bold;
}
.heading2 {color: #E31F3B;
	font-size: 1.35em;
	line-height: 1.231em;
	font-weight: bold;
}
.heading3 {color:#656565; font: 1em/1.6em ; letter-spacing: .1em; }
.heading4 {color: #595756;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
}
.heading5 {color: #E31F3B;
	font-size: 1.1em;
	line-height: 1.231em;
	margin: 1em 0;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
.heading6 {color: #42403f;
	line-height: 1.231em;
	text-transform: uppercase; margin-bottom: 20pxfont-weight: bold;
	font-weight: bold;
	font-size: 1.1em;
}

/* Citation */
.heading7 {color: #9a9a9a;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.heading7.right {
	width: 34%; float: right;
		padding: 2%;
	border-left-style: solid;
	border-left-color: #e3e3e3;
}

.heading7.left {
	width: 34%; float: left;
		padding: 2%;
	border-left-style: solid;
	border-left-color: #e3e3e3;
}


.txt-grey { color: grey; }

.smaller {font-size: 95%;}
p {color: #42403f;
	font-size: 14px;
	line-height: 1.8em;
	margin: 0.7em 0 1em 0;
}
menu, ol, ul {padding: 0 0 0 20px;}
.page-container li {
	list-style-type: none;
	list-style-image: url(/images/puce-li.png);
	line-height: 1.8em;
	font-size: 14px;
}

.recrutement .page-container li {
	list-style-image: url(/images/puce-li-2.png);
	list-style-type: none;
}

/* Style Img */

.ill-contenu-right {
	float: right; margin: 0 0 20px 20px; width: 30%;
}

.ill-contenu-right img {width: 100%;}

/* Style Liste numéric */
.page-container ol.numbers {counter-reset: chiffre; padding: 0;
} /* on initialise et nomme un compteur */
.page-container ol.numbers li {
    counter-increment: chiffre; /* on incrémente le compteur à chaque nouveau li */
    margin-bottom: 10px;
    list-style-image: inherit; font-size: 0.8em;
}
.page-container ol.numbers li:before {
    content: counter(chiffre); /* on affiche le compteur */
	margin-right: 8px;
    vertical-align: top;
    background: #b5b5b5;
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-size: 0.8em;
    color: white;
	padding: 5px 10px;
	width: 20px;
	height: 20px;
}

.ref-page-arbo-content .heading5 { color: #53779C; margin-bottom: 10px;}

.smaller {font-size: 0.7em ;}

.span-clear {display: block; }

/* forcer l'aspect link sur un lien */
a.link-style {color: #E31F3B !important;}

/* 1.3 Jquery UI
----------------------------------------------------------------------------------------------------*/

/* Dialog */
#DialogFriend, #DialogFriendAnnonce, #DialogFriendSelection, #DialogVideo, #DialogDetailContact {width: 500px; }
#DialogCalc {width:700px; font-size: 1em;}
#DialogAlertOk, #DialogAlertErr, #DialogFriendOk, #DialogFriendErr {width:400px;}

/* Assombrissement */
.ui-widget-overlay {background: #000 !important; opacity: 0.7 !important;}
.ui-dialog {padding: 1%; background: #fff !important;  border-radius: 0 !important; box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.ui-widget-content {border:none !important; color:#42403f;}
.ui-dialog .form-critere {margin-bottom: 5px; font-size:12px;}

/* Header de la box */
.ui-widget-header {background:none; border:none !important;}
.ui-dialog-title {
	font: 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.ui-dialog-titlebar {padding-bottom: 10px !important; margin-bottom: 5px !important; border-bottom: 1px solid rgba(101, 101, 101, 0.3) !important; border-radius: 0 !important; color:#42403f !important; font: 0.75em/1em ; text-transform: uppercase; letter-spacing: .15em;}
.ui-dialog-content {font-size: .8em;}

/* Footer de la box */
.ui-dialog-buttonpane{ background-image: none !important; background-color: transparent !important;}


/* 1.4 Couleurs
----------------------------------------------------------------------------------------------------*/

.black-color {color: #000;}
.grey1-color {color: #272626;}
.grey2-color {color: #42403f;}
.grey3-color {color: #656565;}
.grey4-color {color: #999797;}
.white-color {color: #fff;}
.orange-color {color: #E31F3B;}



/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 15px 20px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	height: 100%;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
	padding: 15px 20px;

}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	padding: 15px 20px;

}
/* Transitions delay */

.transit1{
animation-delay:100ms;
-moz-animation-delay:100ms; /* Firefox */
-webkit-animation-delay:100ms; /* Safari and Chrome */
-o-animation-delay:100ms; /* Opera */

}

.transit2{
animation-delay:200ms;
-moz-animation-delay:200ms; /* Firefox */
-webkit-animation-delay:200ms; /* Safari and Chrome */
-o-animation-delay:200ms; /* Opera */

}

.transit3{
animation-delay:300ms;
-moz-animation-delay:300ms; /* Firefox */
-webkit-animation-delay:300ms; /* Safari and Chrome */
-o-animation-delay:300ms; /* Opera */

}

.transit4{
animation-delay:400ms;
-moz-animation-delay:400ms; /* Firefox */
-webkit-animation-delay:400ms; /* Safari and Chrome */
-o-animation-delay:400ms; /* Opera */

}

.transit5{
animation-delay:500ms;
-moz-animation-delay:500ms; /* Firefox */
-webkit-animation-delay:500ms; /* Safari and Chrome */
-o-animation-delay:500ms; /* Opera */

}

.transit6{
animation-delay:600ms;
-moz-animation-delay:600ms; /* Firefox */
-webkit-animation-delay:600ms; /* Safari and Chrome */
-o-animation-delay:600ms; /* Opera */

}

.transit7{
animation-delay:700ms;
-moz-animation-delay:700ms; /* Firefox */
-webkit-animation-delay:700ms; /* Safari and Chrome */
-o-animation-delay:700ms; /* Opera */

}








/*
    // ========================================== \\
   ||                                              ||
   ||               II. HEADER                     ||
   ||                                              ||
    \\ ========================================== //
*/



/* ==========================================================================
   2.1 HEADER - PARTIE BLANCHE DU HEADER
   ========================================================================== */


.header-top {background: url(/images/bg-white-85.png) repeat; height: 70px;}
.ill-attentat-paris {position: absolute; right: 0; top: 70px;}

.header-logo-container {height: 200px;position: relative;}



#header-logo {width: 335px; height: 158px; float: left; margin-top: 29px;}
#header-logo a {display: block; width: 335px; height: 158px; background-repeat: no-repeat;
  background-image: url(/images/logo.png);
  background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x);
  background-image: image-set("/images/logo.png" 1x, "/images/logo@2x.png" 2x);
  background-size: 335px 158px;
}


.home #header-logo {width: 386px; height: 181px; float: left; margin-top: 40px; margin-left: 25px;
}
.home #header-logo a {display: block; width: 386px; height: 181px; background-repeat: no-repeat;
  background-image: url(/images/logo.png);
  background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x);
  background-image: image-set("/images/logo.png" 1x, "/images/logo@2x.png" 2x);
  background-size: inherit;

}


#header-slogan {position: absolute; right: 8%; color: #E31F3B;
	font-size: 1.7em;
	line-height: 1em;
	letter-spacing: 0;
	top: 125px;
	font-weight: bold;
}

#header-slogan-alt {
color: #E31F3B;
	font-size: 1.75em;
	line-height: 1em;
	top: 125px;
	font-weight: bold;

	margin: 50px 25px 20px 0; float: right;
	letter-spacing: 1px;
}


.header-content{text-align: left; display: inline-block; *display:inline; *zoom:1;}

/*-- Ref --*/

.header-ref-h1 {height: 20px; line-height: 18px; padding-top: 4px; margin-left: 2
0px; color: #fff; font-size: 10px; font-weight: bold; text-align: right; white-space: nowrap; overflow:hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 8 */
  filter: alpha(opacity=20); /* IE 5-7 */
  -moz-opacity: 0.2; /* Netscape */
  -khtml-opacity: 0.2; /* Safari 1.x */
  opacity: 0.2; /* Good browsers */}
.header-ref-h1 h1 {font-size: 10px; margin:0;}
/* AffTableau Défilant  */

.header-ref-h1 ul {display:block; width:100%; height:100%; list-style: none; padding:0; margin:0; overflow: hidden; position: relative;}
.header-ref-h1 ul li {display:block; position:absolute; top:0; left:0; height:100%; white-space: nowrap; width: 100%;}

.header-ref-h2 {height:57px; position:absolute; top:22px; left:330px; color:#fff; overflow:hidden;}
.header-ref-h2 h2 {font-size: 10px; margin:0;}
.home .header-ref-h2 {height:60px; top:150px; left:10px;}

/*-- Icones reseeaux sociaux --*/

.header-top .social-menu {display: inline-block;}
.social-menu ul {list-style-type: none; padding: 0; margin: 0;}
.social-menu li {float: left; margin-left: 8px;}
.social-menu ul li:first-child { margin-left: 0; }
.social-menu li a {width: 34px; height: 34px; background-repeat: no-repeat; display: inline-block;
  background-image: url(/images/social-circle.png);
  background-image: -webkit-image-set(url(/images/social-circle.png) 1x, url(/images/social-circle@2x.png) 2x);
  background-image: image-set("/images/social-circle.png" 1x, "/images/social-circle@2x.png" 2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.social-menu li a.fb-link {background-position: 0 0;}
.social-menu li a.fb-link:hover {background-position: 0 -34px;}
.social-menu li a.twitter-link {background-position: -34px 0;}
.social-menu li a.twitter-link:hover {background-position: -34px -34px;}
.social-menu li a.google-link {background-position: -68px 0;}
.social-menu li a.google-link:hover {background-position: -68px -34px;}
.social-menu li a.rss-link {background-position: -102px 0;}
.social-menu li a.rss-link:hover {background-position: -102px -34px;}
.social-menu li a.linkedin-link {background-position: -136px 0;}
.social-menu li a.linkedin-link:hover {background-position: -136px -34px;}
.social-menu li a.viadeo-link {background-position: -170px 0;}
.social-menu li a.viadeo-link:hover {background-position: -170px -34px;}

.social-menu li.social-menu-title {
	font-size: 1.2em; line-height:34px ;
	padding-right: 30px;
}

/*-- Langues --*/

.main-lang-container {display: inline-block; margin: 0 20px 0 30px; float: right; margin: 6px 0 0 30px;}
.main-lang-container ul {list-style: none; margin:0; padding:0; color: #999797;}
.main-lang-container ul li {display:inline-block; zoom: 1; *display: inline; }
.main-lang-container ul li a {font: 0.75em ; text-transform: uppercase; text-decoration: none; color: #999797; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.main-lang-container ul li a:hover, .main-lang-container ul li a:active {color: #E31F3B; }


/* 2.1.1 Menu blanc
----------------------------------------------------------------------------------------------------*/

.header-menu {
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 20px;

}
.header-menu ul {margin:0; padding: 0; text-align: center;  }
.header-menu li {display: inline-block;  zoom: 1; *display: inline; margin: 0px; line-height: 18px; }


.header-menu li a:link, .header-menu li a:visited {color: #373737; text-decoration: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.header-menu li a:hover, .header-menu li a:active {text-decoration: none;
	color: #000000;
}
.header-menu a {
	padding: 0 5px;
	display: block; text-align: center;
}

.header-menu li.current a{}


.header-menu li a span.effect{
display: inline-block; *display:inline; *zoom:1; height: 3px; bottom: 0;
width: 3%;  -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.header-menu li a:hover span.effect{
background: #bbada0; width: 60%; }

.header-menu li.current a span.effect,
.header-menu li.current a:hover span.effect{
background: #E31F3B; width: 100%; }




/* Ma sélection */
.header-maselection-nb { width:20px; height: 20px; font-size:11px;  text-align: center; color:#fff; background-color: #E31F3B; line-height: 20px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
          display: inline-block; *display:inline; *zoom:1;
	margin-bottom: -2px;
}
.maselection a:link .header-maselection-nb, .maselection a:visited .header-maselection-nb {color:#fff; text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.maselection a:hover .header-maselection-nb, .maselection a:active .header-maselection-nb {color:#fff; text-decoration: none; background-color: #d70009;}

.header-menu a.select-link { padding-right: 0 !important;
}


/*-- Menu Responsive --*/

#nav .block {z-index: 2; position: relative}
#nav .close-btn {display: none; }
.nav-btn {display: none; width: 44px; height: 29px; position: absolute; z-index:10; top: 33px; right: 20px; padding: 0; border: 0; outline: none; overflow: hidden;  white-space: nowrap;  text-indent: 100%;
  background: transparent left center no-repeat;
  background-image: url(/images/ico-menu.png);
  background-image: -webkit-image-set(url(/images/ico-menu.png) 1x, url(/images/ico-menu@2x.png) 2x);
  background-image: image-set("/images/ico-menu.png" 1x, "/images/ico-menu@2x.png" 2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.close-btn {display: block; width: 45px; height: 45px; margin: 0; padding: 0 !important; border: 0; outline: none; overflow: hidden;  white-space: nowrap;  text-indent: 100%;
  background: transparent left center no-repeat;
  background-image: url(/images/ico-close-menu.png);
  background-image: -webkit-image-set(url(/images/ico-close-menu.png) 1x, url(/images/ico-close-menu@2x.png) 2x);
  background-image: image-set("/images/ico-close-menu.png" 1x, "/images/ico-close-menu@2x.png" 2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* ==========================================================================
   2.2 HEADER - PARTIE ORANGE DU HEADER
   ========================================================================== */


.header-bottom {background: url(/images/bg-orange-90.png) repeat; height: 76px;}

/*--  Menu secondaire (orange) --*/

.alt-menu {font: 1.25em/1px ; float: right;
margin-top: 10px; text-align: right; display: inline-block; *display:inline; *zoom:1; width: 58%;
}
.alt-menu nav { }
.alt-menu ul {margin: 0; padding: 0; color: #fff; display: inline-block;}




.alt-menu li { display: inline-block; *display:inline; *zoom:1; height: 46px;
	line-height: 14px; width: 31%;
}
.alt-menu li a {display: inline-block; *display:inline; *zoom:1; padding: 0 1%; vertical-align: top; text-align: left; }

.alt-menu li a:link, .alt-menu li a:visited{color: #46433d; text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



.alt-menu li a:hover, .alt-menu li a:active,
.alt-menu li.current a{text-decoration: none;
	background-repeat: repeat;
	color: #E31F3B;
}

.alt-menu li a:hover span,
.alt-menu li.current span{
color: #46433d;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.sep-alt-menu {margin-top: 5px;
	margin-right: 4px;
	margin-left: 4px;
	height: 18px !important;
}

.alt-menu li.sep-alt-menu {margin: 0; font: 1em ; display: none;
}





/* Pictos */
a .alt-menu-pic {width: 51px; height: 51px;
	background-repeat: no-repeat; display: block;
  background-image: url(/images/alt-menu-pic.png);
	float: left;
	-webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
	margin-right: 5px;
	margin-top: -8px;
}



.alt-menu-txt { float: left; width: 60%;
	font-weight: bold;
	font-size: 22px;
	color: #000000;
}


.alt-menu-txt span {
	line-height: 1;
	font-size: 0.8em;
	color: #42403f;
}


.alt-menu .item-1 a .alt-menu-pic {background-position: -2px -3px
}
.alt-menu .item-1 a:hover .alt-menu-pic,
.alt-menu .item-1.current .alt-menu-pic{background-position: -2px -55px;}
.alt-menu .item-2 a .alt-menu-pic {background-position: -96px -3px;}
.alt-menu .item-2 a:hover .alt-menu-pic,
.alt-menu .item-2.current .alt-menu-pic{background-position: -96px -55px;}
.alt-menu .item-3 a .alt-menu-pic {background-position: -190px -3px;}
.alt-menu .item-3 a:hover .alt-menu-pic,
.alt-menu .item-3.current .alt-menu-pic {background-position: -190px -55px;}





/*--  Menu deroulant --*/

.sf-menu ul {position: absolute; top:-999em; z-index: 100000; width: 100%;
}
.sf-menu .item-1 ul {width:240px;}


.sf-menu ul li {display: block; width: 100%; text-align: center; height: auto;}
.sf-menu li:hover {visibility: inherit; }
.sf-menu li {position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -10px; top: 60px; z-index: 100000; background: url(/images/bg-white-85.png) repeat; box-shadow: 0 0 8px rgba(0,0,0,.3);}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 180px; top: 0;}

.sf-menu li.sfHover li a:link,
.sf-menu li.sfHover li a:visited {background: none; color: #4e4e4e; border-bottom: 1px solid rgb(227, 227, 227); display: block; height: 25px; vertical-align: middle; padding: 8px; line-height: 25px;
	font-size: 0.9em ;
}
.sf-menu li.sfHover li a:hover {background: #FFF;
	background-repeat: repeat:
	color: #E31F3B;
	color: #e61d2d;
}
.sf-menu li.sfHover li.last a {border-bottom: none;}



/*
    // ========================================== \\
   ||                                              ||
   ||               III. SIDEBAR                   ||
   ||                                              ||
    \\ ========================================== //
*/



.illustration-aside {width: 100%; position: relative;}
.illustration-aside img {width: 100%;}


/* 3.1 Bulle en savoir pus : page standard
----------------------------------------------------------------------------------------------------*/

a.bulle-en-savoir-plus {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent no-repeat 0 0;
  background-image: url(/img_fr/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-en-savoir-plus.png) 1x, url(/img_fr/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-en-savoir-plus.png" 1x, "/img_fr/bulle-en-savoir-plus@2x.png" 2x);
}
a.bulle-en-savoir-plus:hover, a.bulle-en-savoir-plus:active { background: transparent no-repeat 0 -86px;
  background-image: url(/img_fr/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-en-savoir-plus.png) 1x, url(/img_fr/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-en-savoir-plus.png" 1x, "/img_fr/bulle-en-savoir-plus@2x.png" 2x);
}

.uk a.bulle-en-savoir-plus {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent no-repeat 0 0;
  background-image: url(/img_uk/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_uk/bulle-en-savoir-plus.png) 1x, url(/img_uk/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_uk/bulle-en-savoir-plus.png" 1x, "/img_uk/bulle-en-savoir-plus@2x.png" 2x);
}
.uk a.bulle-en-savoir-plus:hover, a.bulle-en-savoir-plus:active { background: transparent no-repeat 0 -86px;
  background-image: url(/img_uk/bulle-en-savoir-plus.png);
  background-image: -webkit-image-set(url(/img_uk/bulle-en-savoir-plus.png) 1x, url(/img_uk/bulle-en-savoir-plus@2x.png) 2x);
  background-image: image-set("/img_uk/bulle-en-savoir-plus.png" 1x, "/img_uk/bulle-en-savoir-plus@2x.png" 2x);
}


/* 3.2 Page minisite
----------------------------------------------------------------------------------------------------*/

.minisite .illustration-aside img {width: auto; max-width: 100%;}
a.bulle-me-contacter {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent no-repeat 0 0;
  background-image: url(/img_fr/bulle-me-contacter.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-me-contacter.png) 1x, url(/img_fr/bulle-me-contacter@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-me-contacter.png" 1x, "/img_fr/bulle-me-contacter@2x.png" 2x);
}
a.bulle-me-contacter:hover, a.bulle-me-contacter:active { background: transparent no-repeat 0 -86px;
  background-image: url(/img_fr/bulle-me-contacter.png);
  background-image: -webkit-image-set(url(/img_fr/bulle-me-contacter.png) 1x, url(/img_fr/bulle-me-contacter@2x.png) 2x);
  background-image: image-set("/img_fr/bulle-me-contacter.png" 1x, "/img_fr/bulle-me-contacter@2x.png" 2x);
}

.agent-photo {overflow:hidden;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
width:200px;
height:200px;
text-align: center;
margin: 0px auto;
background-size: cover;
background-position: center;
}


.agent-slogan {margin-top: 10px;}
.agent-slogan ul {margin-top: 0; padding-left: 0;}
.agent-slogan li {list-style: none; font-size: 0.9em;}

.agent-slogan .heading3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}



.agent-slogan .heading3 {font: 1.1em }

.agent-slogan a.agent-link {
	color: #fff; padding: 5%; display: inline-block; white-space: nowrap;
	  -webkit-transition: all 0.2s ease-out;
	     -moz-transition: all 0.2s ease-out;
	       -o-transition: all 0.2s ease-out;
	          transition: all 0.2s ease-out;
	   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		background-color: #e61d2d;
	font-size: 0.9em;
	text-decoration: none;
	line-height: 1em;
}

.agent-slogan a:hover.agent-link {
	background-color: #46433d;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               IV. CONTENT                    ||
   ||                                              ||
    \\ ========================================== //
*/



/* ==========================================================================
   4.1 CONTENEUR CENTRAL
   ========================================================================== */


#main-container {margin: 0 auto; padding: 235px 0 30px; background:#2b3742; }
.page-container {
	width: 94%; background: url(/images/bg-white-85.png) repeat; padding: 30px 3% 50px; min-height: 621px; margin-bottom: 20px;
}



.full-page {width: 100%;}
.leftside-page {width: 57%; float: left; margin-top: 10px;}
.rightside-page {width: 40%; float: right; padding-left: 1%; padding-right: 0; margin-top: 10px;}


/* 4.1.1 Home
----------------------------------------------------------------------------------------------------*/

/*-- Widgets home --*/

.home-widgets {margin: 70px 0 75px;}
.home-widgets-item:before { content: ""; display: block; padding-top: 100%;}
.home-widgets ul {margin:0; padding: 0; text-align: center;}
.home-widgets ul .clearfix {display: none;}
.home-widgets ul li.home-widgets-item {display: inline-block; *display:inline; *zoom:1;position: relative; width: 26%; list-style-type: none; height: 26%; * width: 244px; *height: 244px;
}


.home-widgets ul li.home-widget-item-2 {margin: 0 8%;}

/*-- cercles --*/
.home-widgets-item-content {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(16, 16, 16, 0.65); padding: 60px 30px 10px; text-align: center; vertical-align: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease;
	-moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	background:url('../images/bg-black-50.png')\9 /* Hack IE8 and below */
}
a:hover .home-widgets-item-content {background-color: #E31F3B; }

/* Vitesse animation */

.home-widget-item-1{
	animation-delay: 0.2s ;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s ;
}

.home-widget-item-2{
	animation-delay: 0.6s ;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s ;
}

.home-widget-item-3{
	animation-delay: 1s ;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s ;
}


/* Pictos */
a .home-widgets-pic {width: 90px; height: 60px; background-color: transparent; background-repeat: no-repeat; display: inline-block;
  background-image: url(/images/ico-home-widgets.png);
  background-image: -webkit-image-set(url(/images/ico-home-widgets.png) 1x, url(/images/ico-home-widgets@2x.png) 2x);
  background-image: image-set("/images/ico-home-widgets.png" 1x, "/images/ico-home-widgets@2x.png" 2x); -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;}
.home-widget-item-1 a .home-widgets-pic {background-position: 0 0;}
.home-widget-item-1 a:hover .home-widgets-pic {background-position: 0 -60px;}
.home-widget-item-2 a .home-widgets-pic {background-position: -90px 0;}
.home-widget-item-2 a:hover .home-widgets-pic {background-position: -90px -60px;}
.home-widget-item-3 a .home-widgets-pic {background-position: -270px 0;}
.home-widget-item-3 a:hover .home-widgets-pic {background-position: -270px -60px;}

/*.home-widget-item-4 a .home-widgets-pic {background-position: -180px 0;}
.home-widget-item-4 a:hover .home-widgets-pic {background-position: -180px -60px;}*/


/* Textes */
.home-widgets-txt {
	line-height: 50px;
	color: #fff; height: 50px;
	padding-bottom: 17%;
	letter-spacing: 1px;
	font-size: 1.5em;
}
.home-widgets-txt div {display: inline-block; vertical-align: middle; line-height: 1em;
	font-weight: bold;
}
.home-widgets-txt div span{display: block; vertical-align: middle; font: 0.9em/1em ; font-weight: normal;
}

a:hover .home-widgets-txt {color:#fff; text-decoration: none;}

/*-- Biens vedettes home --*/


.bien-vedette {width: 100%; text-align: center; padding: 30px 0 0; background: url(/images/bg-white-91.png) repeat; margin-bottom: 30px;
}

.bien-vedette-onglet-title { margin-top: -40px;
}
.bien-vedette-onglet-title span {
	background-color: #E31F3B; color: #FFF;
	font-size: 21px;
	padding: 8px 20px 5px;
}

.bien-vedette-onglet-title strong {
	font-size: 28px;
	font-variant: small-caps;
	font-weight: bold;
	text-transform: capitalize;
}


.bien-vedette .heading1 { margin-bottom: 2%; text-align: center; margin-bottom: 30px; display: inline-block; width: 65%; padding: 0 2%;}
.bien-vedette .line-side {background-color: #cfd3d3; height: 1px; width: 15%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; margin-top: 17px;}
a.home-vignette-container {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 22%; margin: 0 1%; position: relative; margin-bottom: 26px;}
.home-vignette {background-color: rgba(74,74,74,1); width: 100%; height: 100%;}
.home-vignette img {width: 100%; height: auto;}
.home-vignette img.no-flap {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.bien-vedette a:hover img {opacity: 0.3 !important
}
.infos-bien {position: absolute; text-transform: uppercase; font-size: .9em; line-height: 2em; top: 40px; width: 100%;}
a .infos-bien {display: none;}
a:hover .infos-bien {display: block; color: #fff; text-decoration: none;}


/*- Texte présentation home -*/

.presentation-home {width: 100%; text-align: left; padding: 3%; background: url(/images/bg-white-91.png) repeat; margin-bottom: 30px;
}


/*-- Recrutement home --*/

.home-recrutement {height: 338px; position: relative; width: 100%; z-index: 0; margin-top: -22px;
background: url(/images/bg-home-recrutement.jpg) no-repeat top right;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.home-recrutement .zone-txt {width: 40%; margin: 4.7em 0 0 2%;}
.zone-txt .heading3 {text-shadow: 1px 1px 0px rgba(255,255,255,0.7);
  filter: dropshadow(color=#ffffff, offx=1, offy=1); }

/*-- Slide agence home --*/

.home-slide-agence {background-color: #e2ddd5; min-height: 325px; text-align: center;}
.home-slider {position: relative;}
.home-slider-container {display: inline-block; width: 87%; text-align: center;}

.home-slider-container .large-flap-container {overflow: hidden; width: 87%; min-height: 260px; margin: 0 auto; position: relative;}
.home-slide1 {background: transparent url(/images/home-slide1.png) no-repeat center left; width: 100%; height: 325px;}
.home-slide2 {background: transparent url(/images/home-slide2.png) no-repeat center left; width: 100%; height: 325px;}
.home-slide3 {background: transparent url(/images/home-slide3.png) no-repeat center left; width: 100%; height: 325px;}

.home-slide-text {display: block; width: 60%; margin: 70px 0 0 5%; float: right;}
.home-slide-text .heading1 {margin:0px 0 15px 0; padding: 0 !important;font-size: 1.1em;}
.home-slide-text p {margin:0px 0 15px 0; padding: 0 !important;}



.home-slide-prev, .home-slide-next {width: 5%; display: inline-block; height: 45px; vertical-align: top; margin-top: 110px; position: absolute; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.home-slide-prev {left: 2%;}
.home-slide-next {right: 1%;}
.home-slide-prev span, .home-slide-next span {width: 24px; height: 45px; background-color: transparent; background-repeat: no-repeat; display: block;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.home-slide-prev span {background-position: 0 -338px;}
.home-slide-prev span:hover {background-position: 0 -383px;}
.home-slide-next span {background-position: -25px -338px;}
.home-slide-next span:hover {background-position: -25px -383px;}

a.home-slide-link:link, a.home-slide-link:visited, a.home-slide-link:hover, a.home-slide-link:active {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/*-- Slide de news home (ss image) --*/

.home-slide-text .submit-classique {
	font-size: .7em!important
}

.home-slide-news { width: 100%; height: 300px;}
.home-slide-news-img {width: 210px; height: 210px; float: left; margin-top: 20px;}
.home-slide-news-img img {width: 100%; height: auto; min-height: 210px; border-radius: 50%; -webkit-border-radius: 50%;}


/* 4.1.2 Contact
----------------------------------------------------------------------------------------------------*/

.coordonnees {border: 1px solid rgba(101, 101, 101, 0.3); padding-top: 30px; padding-bottom: 20px;}
.coordonnees span {width: 14px; height: 18px; display: inline-block; margin-right: 6px; vertical-align: bottom;
  background-image: url(/images/ico-adresse.png);
  background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x);
  background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x);
}
.coordonnees span.ico-tel {background-position: 0 -18px;}
.coordonnees span.ico-fax {background-position: -14px -18px;}



/* ==========================================================================
   4.2 MODE LISTE
   ========================================================================== */


/* 4.2.1  Alerte E-mail
----------------------------------------------------------------------------------------------------*/

.liste-create-alert {padding-right: 3%; position: relative; z-index: 5;}
.liste-create-alert-img { background-repeat: no-repeat; width: 72px; height: 67px; display: inline-block; float: left; position: absolute; left: 0; top: 5px;
  background-image: url(/images/bulle-alerte-mail.png);
  background-image: -webkit-image-set(url(/images/bulle-alerte-mail.png) 1x, url(/images/bulle-alerte-mail@2x.png) 2x);
  background-image: image-set("/images/bulle-alerte-mail.png" 1x, "/images/bulle-alerte-mail@2x.png" 2x);
}
.liste-create-alert-content {background-color: #42403f; width: 90%; float: right; color:#c9c9c9; display: inline-block; padding: 1% 2%; margin-top: 40px;}
.liste-create-alert-content-title {width: 50%; display: inline-block;
	font-size: 0.8em;
	line-height: 1;
}
.liste-create-alert-content .heading1 {color: #fff; display: block; font-size: 1.5em;
}
.liste-create-alert-content-input {width: 48%; margin-left: 1%; display: inline-block; position: relative; top: -6px;}
input.input-text-alerte-mail {height: 37px; border: 1px solid #c0c1c2; width: 84%; padding: 0 5px;}
input.submit-classique.form-submit-alerte-mail {height: 39px !important; width: 10%; margin-left: 1%; padding: 0 !important; text-align: center; vertical-align: top;}


/* 4.2.2  Liste container top : nb liens, tri et mode affichage
----------------------------------------------------------------------------------------------------*/

.liste-container {width: 94%; background: url(/images/bg-white-91.png) repeat; padding: 66px 3% 10px; position: relative; margin-top: -25px; z-index: 0;}
.liste-container hr {width: 20%}

/* Nombre de biens */
.liste-display-all-nb {float: left; margin-right: 1%;}
.liste-display-all-nb.heading1 {font-size: 1.4em;
	color: #4b4b4a;
}

/* Tri */
.filters-container {margin: -25px 0 10px 0; height: 34px;}
.filters-content {
	font-size: 13px;
	line-height: 1.231;
	letter-spacing: .1em;}

.filters-content .liste-filter-title {
	font-size: 14px;
	line-height: 1.231;
	letter-spacing: 0;
	font-weight: bold;
	color: #636262;
}

.filters-content ul {margin: 0; padding: 0; list-style: none; text-align: right; }
.filters-content li {display: inline-block; *display:inline; zoom:1;  }
.filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited {display: block; margin-left: 16px;  padding: 10px 12px 8px; background: #42403f; cursor: pointer; color: #cdcdcd; text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.filters-content li:hover span.sort-liste, .filters-content li span.sort-liste.active-sort, .filters-content li:active span.sort-liste, .filters-content li:hover span.sort-liste a, .filters-content li:active.sort-liste a, li.mode-affichage:hover, li.mode-affichage:active, li.mode-affichage.active-mode { color:#fff; background: #E31F3B; }



/* DATA TOOLTIP */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 105%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -55px;
	padding: 7px;
	width: 100px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 105%;
	left: 50%;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}



/* Mode d affichage */
.select-mode-affichage {margin-bottom: 20px;}
.select-mode-affichage ul {margin: 0; padding: 0;}
.select-mode-affichage p, .select-mode-affichage ul {display: inline; font-size: 14px;
letter-spacing: 0;
font-weight: bold;
color: #636262;}
li.mode-affichage {display: inline-block; margin-left: 16px;  padding: 7px 12px 8px; width: 23px; background: #42403f; cursor: pointer; color:#cdcdcd; text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.select-mode-affichage li span.mode-img-infos, .select-mode-affichage li span.mode-img, .select-mode-affichage li span.mode-map {display: inline-block; width: 21px; height: 15px; background-repeat: no-repeat;
  background-image: url(/images/btn-mode-liste.png);
  background-image: -webkit-image-set(url(/images/btn-mode-liste.png) 1x, url(/images/btn-mode-liste@2x.png) 2x);
  background-image: image-set("/images/btn-mode-liste.png" 1x, "/images/btn-mode-liste@2x.png" 2x);}
.mode-img-infos {background-position: -9px -13px}
.mode-img {background-position: -9px 2px;}
.mode-map {background-position: -9px -29px;}


/* 4.2.3  Liste container top : Liste de biens
----------------------------------------------------------------------------------------------------*/

.liste-display-all {position: relative; text-align: center; min-height:400px;}


/* ON AJOUTE LA CLASS MODE-2 A LA LISTE QUI AFFICHE LE PLUS D INFOS */

.liste-bien-container {display: inline-block; width: 48%; vertical-align: top; *display: inline; zoom:1; height: 291px; margin-bottom: 30px; position: relative; overflow: hidden;}
.liste-bien-container.mode-2 {width: 100%; text-align: left; background-color: #fff; padding: 10px 1%; margin-bottom: 0;}
.liste-bien-container:nth-child(odd) {margin-right: 3%;}
.liste-bien-container.mode-2:nth-child(odd) {margin-right: 0;}
/* Emulation du odd/even sur IE7/8 (de merde) */
.lt-ie9 .liste-bien-container:first-child,
.lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container,
.lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container,
.lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container,
.lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container{ margin-right: 3%; }
.bg-liste-mode-2, .bg-liste-minisite {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 0% top; height: 10px; width: 100%; margin-bottom: 9px;}

.liste-navpage-container {
	position: relative;
	    padding-top: 22px;
}


/* 4.2.4  Affichage des images
----------------------------------------------------------------------------------------------------*/

.liste-bien-photo {width: 100%; height: 100%; }
.liste-bien-photo.mode-2 {display: inline-block; width: 48%; vertical-align: top; overflow: hidden;}
.liste-bien-photo img {width: 100%; height: auto;}
.liste-bien-photo img.anti-cheat {position: absolute; z-index: 960; width: 100%; height: 100%;}
.liste-bien-photo-frame {width: 100%; height: 100%; }
.liste-bien-photo-frame a {display: block; width: 100%; height: 100%; position: relative;}


/* 4.2.5  Affichage des infos textuelles
----------------------------------------------------------------------------------------------------*/

.liste-bien-description {position: absolute; width: 100%; bottom: 1px; left:0; background-color: rgba(0,0,0,0.5); }
.liste-bien-description.mode-2 {position: relative; width: 48%; display: inline-block; background-color: transparent; padding: 1% 1% 1% 2%;}



.liste-bien-title {padding: 12px 20px 12px; text-align: left; color: #fff;}
.liste-bien-type {
	font-size: 0.95em;
	line-height: 1;
	text-transform: uppercase; letter-spacing: .1em; }
.liste-bien-ville {
	font-size: 0.85em;
	line-height: 1;
	text-transform: capitalize;}
.liste-bien-type, .liste-bien-ville {width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.liste-bien-price {
	font-size: 0.95em;
	line-height: 1;
	padding: 4px 8px; position: absolute; bottom: 15px; right: 20px; background-color: #E31F3B; color: #fff;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
}

/* Informations specifique au mode 2 */
.liste-bien-offre {
	font-size: 0.75em;
	line-height: 1;
	text-transform: uppercase; color: #999797; margin-top: 3.5%;}
.liste-bien-offre span {background-color: #5a5a5a; color: #fff; padding: 0 2px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
  filter: dropshadow(color=#000000, offx=1, offy=1);
}
.liste-bien-title.mode-2 {color: #000; padding: 5.5% 0 3.5%;}
.liste-bien-title.mode-2 .liste-bien-ville {
	line-height: 1;
	color: #272727; width: 100%;
	font-weight: bold;
	font-size: 1.3em;
}
.liste-bien-title.mode-2 .liste-bien-type {
	font-size: 0.9em;
	line-height: 1;
	color: #999797; margin-top: 4px; width: 100%;}
.liste-bien-title.mode-2 .liste-bien-price {
	font-size: 1.1em;
	line-height: 1;
	color: #E31F3B; background-color: transparent; position: relative; bottom: 0; right: 0; margin-top: 3.5%; padding: 0;
 text-shadow: 0px 0px 0px rgba(0,0,0,0.0);
  filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.extrait-desc {
	font-size: 0.8em;
	line-height: 1.5;
	color: #42403f; height: 75px;  text-overflow: ellipsis; overflow: hidden; }
.liste-bien-description.mode-2 hr {margin: 1px 0 3.5% 0; width: 30%;}
.liste-bien-description.mode-2 ul {padding: 0;}
.liste-bien-description.mode-2 li {list-style-type: none; display: inline-block; margin-right: 5px;}
.liste-bien-description.mode-2 li a:link.submit-classique, .liste-bien-description.mode-2 li a:visited.submit-classique {padding: 11px 11px 0; display: block;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
  filter: dropshadow(color=#000000, offx=1, offy=1);
	font-size: 0.71em;
}
.liste-bien-description.mode-2 li a:hover.submit-classique, .liste-bien-description.mode-2 li a:active.submit-classique {color: #fff; text-decoration: none;
}

/*--  Btn Visite Virtuelle --*/
.btn-visite-virtuelle {padding: 9px 8px 10px 30px; display: inline-block; *display:inline; *zoom:1;
	font-size: 0.71em;
	background: url(../images/ico-visite-virtuelle.png) 5px center no-repeat #fff;
	color: #E31F3B;
	text-transform: uppercase;
	border: 1px solid #fff;
	font-weight: bold;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
}

.btn-visite-virtuelle:hover {
	color: #E31F3B;
	text-transform: uppercase;
	border: 1px solid #E31F3B;
	font-weight: bold;
}

.detail .btn-visite-virtuelle {
	position: absolute; z-index: 980; margin-top: -55px;
	left: 47%; cursor: pointer;
}

/*-- Btn video --*/

.btn-video {padding: 9px 8px 10px 30px; display: inline-block; *display:inline; *zoom:1;
	font-size: 0.71em;
	background: url(../images/ico-video.png) 5px center no-repeat #fff;
	color: #E31F3B;
	text-transform: uppercase;
	border: 1px solid #fff;
	font-weight: bold;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
}

.btn-video:hover {
	color: #E31F3B;
	text-transform: uppercase;
	border: 1px solid #E31F3B;
	font-weight: bold;
}

.detail .btn-video {
	position: absolute; z-index: 980; margin-top: -55px;
	left: 47%; cursor: pointer;
}



/*--  Ribbons --*/

.liste-bien-ribbon {position: absolute; top: -1px; left: -2px;}
.mode-2 .liste-bien-ribbon {position: absolute; top: 9px; left: 6px;}
.liste-bien-ribbon a {display:block; height:100%; /* ribbon cliquable */}
.detail-photo-container .liste-bien-ribbon {position: absolute; top:0px; left:0px;
}

.fr .liste-bien-ribbon {background: transparent no-repeat; width: 120px; height: 90px;
  background-image: url(/img_fr/bg-ribbons-all.png);
  background-image: -webkit-image-set(url(/img_fr/bg-ribbons-all.png) 1x, url(/img_fr/bg-ribbons-all@2x.png) 2x);
  background-image: image-set("/img_fr/bg-ribbons-all.png" 1x, "/img_fr/bg-ribbons-all@2x.png" 2x);
}
.uk .liste-bien-ribbon {background: transparent url(/img_uk/bg-ribbons-all.png) no-repeat; width: 129px; height: 32px;
  background-image: url(/img_uk/bg-ribbons-all.png);
  background-image: -webkit-image-set(url(/img_uk/bg-ribbons-all.png) 1x, url(/img_uk/bg-ribbons-all@2x.png) 2x);
  background-image: image-set("/img_uk/bg-ribbons-all.png" 1x, "/img_uk/bg-ribbons-all@2x.png" 2x);
}

.ribbon-nouveau {background-position: 0 -90px !important;}
.ribbon-exclu {background-position: 0 -180px !important;}
.ribbon-vendu {background-position: 0 -271px !important;}
.ribbon-baisse {background-position: 0 -360px !important;}
.ribbon-sousoffre {background-position: 0 -450px !important;}
.ribbon-compromis {background-position: 0 -542px !important;}


/* 4.2.6  Google map : page liste
----------------------------------------------------------------------------------------------------*/

#IfGGMap {border: none; margin-bottom: 40px;}
#GGMap {width: 100% !important;}

/* Bulle avec marker */
.ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #E31F3B;}

.gg-map-marker{display: none;}


/* 4.2.7  Bouton de biens similaires en bas de mode liste
----------------------------------------------------------------------------------------------------*/
.link-similaires {text-align: left; padding:5% 1%;}

.link-similaires a {
text-transform: uppercase;
font: 0.9em 'LatoBold', Arial, sans-serif; text-decoration: none;
color: #4f504f !important;
}

.link-similaires a:hover {text-decoration: underline;}
Et décaler la numérotation des deux parties suivantes


/* 4.2.8  Navigation page
----------------------------------------------------------------------------------------------------*/

.liste-navpage-container {border-top: #d7d7d7 1px solid; padding-top: 20px; margin: 0; color: #999797; font: 0.9em/1 ; position: relative; letter-spacing: .1em;}
.liste-navpage-prev {position: absolute; top:20px; left:0; width:26px; height: 26px; }
.liste-navpage-prev span {display: block; height: 100%; }
.liste-navpage-next {position: absolute; top:20px; right:0; width:26px; height: 26px;  }
.liste-navpage-next span {display: block; height: 100%; }
.liste-navpage-trail {margin:0 8%; width: 77%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.liste-navpage-container .PageTri {padding-right: 20px; }
.liste-navpage-container .PagePre, .liste-navpage-container .PagePre:hover, .liste-navpage-container .PageSui, .liste-navpage-container .PageSui:hover { background-repeat: no-repeat; background-color: transparent; width: 12px; height: 22px;
  background-image: url(/images/bg-navpage-button.png);
  background-image: -webkit-image-set(url(/images/bg-navpage-button.png) 1x, url(/images/bg-navpage-button@2x.png) 2x);
  background-image: image-set("/images/bg-navpage-button.png" 1x, "/images/bg-navpage-button@2x.png" 2x);
}
.liste-navpage-container .PagePre {background-position: -33px -2px; cursor: pointer;}
.liste-navpage-container .PagePre:hover {background-position: -75px -2px;}
.liste-navpage-container .PageSui {background-position: -53px -2px; cursor: pointer;}
.liste-navpage-container .PageSui:hover {background-position: -96px -2px;}
.liste-navpage-container .PageCli {color:#999797;}
.liste-navpage-container .PageCli:hover {color: #E31F3B; text-decoration: none;}

/* Page en cours */
.liste-navpage-container font b {display:inline-block; *display:inline; zoom: 1; width:26px; height:28px; line-height: 28px; text-align: center; background: #f1f1f1;}
.nav-page-position {margin-right:40px; }

/* Mention inter-agence */
.mention-inter-agence, #MentionInterAgence {font-size: 0.7em ; color: #999797; margin-top: 20px;}


/* 4.2.9 Page : Ma selection
----------------------------------------------------------------------------------------------------*/

#ListeAnnonce .page-masque {text-align: left;}
.selection-actions {position:absolute; top:0; right:0; }
.buttons .SelectionOff span {color:#888; background-position: 0 -120px; }
.SelectionOff a:link {color: #fff !important; }


/* 4.2.10  Loading
----------------------------------------------------------------------------------------------------*/

/* Ajax */
.LoadListe {z-index:999;
  filter: alpha(opacity=20); /* internet explorer */
  -khtml-opacity: 0.2;      /* khtml, old safari */
  -moz-opacity: 0.2;       /* mozilla, netscape */
  opacity: 0.2;           /* fx, safari, opera */
}
#LoadingAjax {background: transparent url(/images/loading.gif) no-repeat 50% 100%; height:300px; position:absolute; top:100px; left:0px; width:100%;}




/* ==========================================================================
  4.3 MODE DETAILS
   ========================================================================== */


.content-container.content-container-detail {position: inherit;}


/* 4.3.1  Navigation du haut de page
----------------------------------------------------------------------------------------------------*/

.detail-actions {
	font-size: 17px;
	line-height: 1;
	overflow: hidden; margin-bottom: 20px;}
.detail-topnav ul {margin: 0; padding: 0; list-style: none; text-align: right; }
ul.buttons hr { width: 17%; margin-top: 16px; float: left; }
.detail-topnav li {display: inline-block; *display:inline; zoom:1; margin-left: 13px;
	padding: 1% 1.5%;
	line-height: 1em;
}
.detail-topnav li:first-child {float:left; margin-left: 0; text-transform: uppercase;}
.detail-topnav li.ico-back {padding-left:20px; background: transparent no-repeat -1px -44px; color: #E31F3B;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);
}
.detail-topnav li.ico-back:hover {padding-left:20px; background: transparent no-repeat -7px -44px; color: #d70009;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);
}
li.ico-back-clear {display: none;}
.detail-topnav li, .detail-topnav li a:link, .detail-topnav li a:visited {background: #42403f; cursor: pointer; color: #fff; text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
    filter: dropshadow(color=#000000, offx=1, offy=1);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.detail-topnav li:hover, .detail-topnav li:active, .detail-topnav li:hover a, .detail-topnav li:active a {color: #fff; background: #E31F3B;}
li.contact-agence {  }


/* 4.3.2  Partie top avec slide
----------------------------------------------------------------------------------------------------*/

.detail-photo-frame {background: #eee; padding: 12px; }
.detail-photo-img img {display:block; width:574px; height:370px; }
.detail-photo-nav {z-index:100; position:relative; }

.photo-prev, .photo-next{ width:37px; height:37px; position: absolute; bottom:160px; }
.photo-prev {left:-16px; background: transparent url(/images/slider-controls.png) no-repeat 0 0; }
.photo-prev:hover {background: transparent url(/images/slider-controls.png) no-repeat 0 -39px; }
.photo-next {right:-16px; background: transparent url(/images/slider-controls.png) no-repeat -39px 0; }
.photo-next:hover {background: transparent url(/images/slider-controls.png) no-repeat -39px -39px; }

.detail-photo-pagination { margin-top:20px; }
.detail-photo-pagination ul { margin:0; padding:0; list-style: none; }
.detail-photo-pagination ul li { float:left; margin-right: 12px; }
.detail-photo-pagination ul li img { width:100px; height:72px; padding:3px; background:#e0e0e0; }

/*-- Colone de droite apparait et disparait --*/

.detail-bien-context {height: 100%; width: 28%; position: absolute; right:0; /* penser a bien modifier cette valeur dans fr_detail */ bottom: 0; background: transparent url(/images/bg-white-75.png) repeat 0 0; z-index: 965; cursor: pointer; }
.detail-bien-context.no-flap{ display: block; }

/* Header de la colonne */
.detail-bien-context-header {padding:80px 0 0 0; text-align: left;}
.detail-bien-context-header > div {padding-left: 30px; color:#000; font-size: 1.45em;
	font-weight: bold;
}
.detail-bien-context-header > div:first-child {color:#42403f; font-size: 1em ; letter-spacing: .1em; }
.detail-bien-context-header > div.link a {
	line-height: 1.3em;
	display: inline-block; *display:inline; zoom:1; margin-top: 20px; color: #fff; text-decoration: none; padding: 4px 10px 3px 30px; background: #E31F3B no-repeat 1px -21px; cursor: pointer;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);
 text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
filter: dropshadow(color=#000000, offx=1, offy=1);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
	font-size: 0.7em;
}
.detail-bien-context-header > div.link a:hover { color: #fff; text-decoration: none; background: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x) 1px -21px no-repeat #d70009;
}

/* Cadre blanc */
.detail-bien-context-infos{ background: #fff; position: absolute; top: 63%; right: 20px; width: 107%; height: 210px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); text-align: left; z-index: 999; }
.detail-bien-context-infos-content{ position:relative; height: 100%; width: 100%;}

/* Fleches */
.detail-bien-context-open {display: none; width: 7px; height: 10px; position: absolute; top: 87px; margin-top: -3px; left: 12px; background: transparent no-repeat -1px -95px;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);}
.detail-bien-context-close{ width: 7px; height: 10px; position: absolute; top: 87px; margin-top: -3px; left: 12px; background: transparent no-repeat -17px -95px;
  background-image: url(/images/all-arrows.png);
  background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x);
  background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);}

/* Infos du cadre blanc */
.detail-bien-context-infos .detail-bien-context-title {position: absolute; top: 52px; left: 35px; color: #999797; font: 0.9em/1.1em ; letter-spacing: .1em; text-transform: uppercase; display: inline-block; max-width: 210px;}
.ope-2 .detail-bien-context-infos .detail-bien-context-title {top: 32px;}
.detail-bien-context-infos .ville {font-size: 1.2em ; color: #272727; text-transform: capitalize;
	font-weight: bold;
}
.detail-bien-context-infos .prix {position: absolute; top: 120px; left: 35px; font-size: 1.25em ; color: #E31F3B; max-width: 210px;
	font-weight: bold;
}
.ope-2 .detail-bien-context-infos .prix {top: 80px;}
.detail-bien-context-infos .type, .detail-bien-context-infos .ville, .detail-bien-context-infos .prix .price-all, .detail-bien-context-infos .prix .price-loc {width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.detail-bien-context-infos .prix .price-loc {
	font-size: 0.65em;
	line-height: 1;
	color: #989696;}
.detail-bien-context-infos .ref {position: absolute; bottom: 19px; left: 35px; color: #4f565c; font:0.75em/1.231 ; border-top: #d7d7d7 1px solid; padding-top: 15px; display: inline-block; *display:inline; zoom:1; }


/*  4.3.3  Description du bien
----------------------------------------------------------------------------------------------------*/

.detail-bien-infos { background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0; margin-bottom: 20px;}

/*-- Texte et proprietes en liste --*/

.detail-bien-desc {padding-bottom: 30px; font: 15px/1.46 ; color: #42403f; border-bottom: #d7d7d7 1px solid; }
.detail-bien-desc-content {padding: 35px 300px 0 0;}
.detail-bien-desc-content > p {margin-top: 0; text-align: justify;}
.detail-bien-desc-content > p:first-child:first-letter {font-size: 3.3em; line-height: 80%; float: left; padding-right: .1em; }
.detail-annotation { font-style: italic; font-size:11px; color:#bbb; }
.detail-bien-specs { float: right; width: 32%; padding: 35px 0 0 14%; background: transparent url(/images/shadow-full-verticale.png) no-repeat 35px 100%; }
.detail-bien-specs ul { margin: 0; padding: 0; list-style: none; }
.detail-bien-specs li {border-top: #d7d7d7 1px solid; margin-top: 16px; padding-top: 15px; font: 16px/1 ; color:#42403f; text-transform: uppercase; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.detail-bien-specs li:first-child { border-top:none; margin-top:0; padding-top: 0; }
.detail-bien-specs li span.spec-bien {width: 80px; display: inline-block; *display: inline; zoom:1;
	font-size: 11px;
	line-height: 16px;
	color: #898787;}
.detail-bien-specs li.prix {color: #E31F3B;font-size:.8em;}


.detail-bien-specs li.prix-location span.charges_mens, .detail-bien-specs li.prix-location span.cout_charges_mens, .detail-bien-specs li.prix-location span.cout_honoraires_loc, .detail-bien-specs li.prix-location span.cout_depot_garantie {
    width: auto;
}

.detail-bien-specs-btn-wrapper { padding-bottom: 26px;  }
  .detail-bien-specs-btn:link,
  .detail-bien-specs-btn:visited {
    background-color: #E5242E;
    padding: 6px;
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 0.9em;
  }
   .detail-bien-specs-btn:hover,
  .detail-bien-specs-btn:active {  }

li.contact-agence a:link, li.contact-agence a:visited { background-color: #E5242E; color: white; }
li.contact-agence { background-color: #E5242E; }

/*-- Partie basse : DPE et formulaire --*/

.detail-bien-desc-suppl {padding: 0;}

.detail-bien-dpe, .detail-bien-contact {float:left; padding: 35px 0; }
.detail-bien-dpe { width: 45%; }
.detail-bien-contact { width: 52%; border-left: #d7d7d7 1px solid; padding: 35px 0 0 2%; }
.detail-bien-dpe-title,
.detail-bien-contact-title{ margin-bottom: 18px; }
.detail-bien-dpe-title > div,
.detail-bien-contact-title > div,
.titre-onglet > div {
	font-size: 22px;
	line-height: 1;
	color: #000;
	font-weight: normal;
	font-style: normal;
}
.detail-bien-dpe-title > div:first-child,
.detail-bien-contact-title > div:first-child,
.titre-onglet > div:first-child {
	color: #E31F3B;
	font-size: 24px;
	font-weight: bold;
}

/* Modal */
.detail-contact-modal { padding-top: 20px; }
.detail-contact-modal img.logo-agence { padding-top: 10px; max-width: 100%; }
.detail-contact-modal .heading3 { margin-bottom: 5px; }

/* DPE */
.TitreDpe { font-size:13px; font-weight:bold; padding-top:25px; padding-bottom:15px; }
.NrjGrad, .GesGrad {float:left; width:47% !important; height: auto; margin-right: 2%; border:1px solid #f5f5f5; position: relative;}
.GesGrad {margin-right: 0;}
.DpeImage { z-index:100; width:100%; height:auto; position:relative; }
.DpeImage img {width: 100%; height: auto;}
.DpeNote { color: #fff; width: 94%; height: 39px; z-index:200; font-size: 12px; font-weight: bold; text-align: right; position: absolute; padding: 12% 9% 0px 0px; font-family:Arial, Helvetica, sans-serif; top: 0; background: transparent url(/images/DpeCursor.gif) no-repeat top right;}

.detail-dialog-contact {}
.detail-dialog-contact ul {}
.detail-dialog-contact li {display: inline-block; *display:inline; zoom:1; margin-bottom: 6px; }
.detail-dialog-contact li label {display: inline-block; width: 65px; *display:inline; zoom:1;
	font-size: 11px;
	line-height: 1;
	color: #6E767E; text-transform: uppercase; }

/* Inactif */
.detail-photo-container-inactif{ background:#eee; height:70px; padding:30px 20px 0 140px; color:#666; }
.detail-inactif-title{ font-size:13px; text-transform: uppercase; margin-bottom: 5px; color:#666; font-weight: bold; }

/* Neuf */
.detail-bien-lots { float:left; padding: 35px 35px 0 0; width: 40%; }
.detail-bien-lots table { font-size: .8em; }
.detail-bien-lots table th {
	text-transform: uppercase; }


/* 4.3.4  Google map avec POI
----------------------------------------------------------------------------------------------------*/

.detail-bien-poi {margin-top: 20px;}
.titre-onglet {
	line-height: 1;
	color: #000;
	font-size: 25px;
	font-weight: bold;
}
.poi-col {display: inline-block; width: 18%; margin: 2% 2% 2% 0; vertical-align: top;}
.poi-col:last-child {margin-right: 0;}
.poi-col-title {width: 100%; text-transform: uppercase; border-bottom: 1px solid #d7d7d7; color: #42403f; margin-bottom: 10px; padding-bottom: 6px;}
.poi-col li {list-style: none; line-height: 2.0em;}
.poi-col label {color: #42403f; text-transform: uppercase; margin-bottom: 2px; cursor: pointer; padding-bottom: 4px;
	font: 10px 'RobotoRegular', Arial, Helvetica, sans-serif;
}
label.poi-label-all { font-size: .85em; line-height: 2.3em;}

/*-- POI --*/

.poi-item {padding-left: 20px !important; background-repeat: no-repeat; background-position: 0px 4px;}
.poi-hopital {background-image: url(/images/poi-icons/hopital.png);}
.poi-medecin {background-image: url(/images/poi-icons/medecin.png);}
.poi-dentiste {background-image: url(/images/poi-icons/dentiste.png);}
.poi-pharmacie {background-image: url(/images/poi-icons/pharmacie.png);}
.poi-hypermarche {background-image: url(/images/poi-icons/cart.png);}
.poi-boucherie {background-image: url(/images/poi-icons/boucherie.png);}
.poi-boulangerie {background-image: url(/images/poi-icons/boulangerie.png);}
.poi-creche {background-image: url(/images/poi-icons/creche.png);}
.poi-ecole {background-image: url(/images/poi-icons/ecole.png);}
.poi-lycee {background-image: url(/images/poi-icons/lycee.png);}
.poi-univ {background-image: url(/images/poi-icons/universite.png);}
.poi-cafe {background-image: url(/images/poi-icons/cafe.png);}
.poi-resto {background-image: url(/images/poi-icons/resto.png);}
.poi-culture {background-image: url(/images/poi-icons/culture.png);}
.poi-sport {background-image: url(/images/poi-icons/sport.png);}
.poi-parkings {background-image: url(/images/poi-icons/parking.png);}
.poi-stations {background-image: url(/images/poi-icons/station.png);}
.poi-transports {background-image: url(/images/poi-icons/transport.png);}
.poi-commissariats {background-image: url(/images/poi-icons/commissariat.png);}
.poi-postes {background-image: url(/images/poi-icons/poste.png);}
.poi-banques {background-image: url(/images/poi-icons/banque.png);}

#GGMapPoi {margin-bottom: 20px}


/*  4.3.5 Mini liste
----------------------------------------------------------------------------------------------------*/

.ref .liste-container {margin-top: 25px; padding-top: 10px; font-size: 14px;}

.bloc-lib-critere-liste{ display: none; }

.ref .bloc-lib-critere-liste { display: block; padding: 20px 0; font-size: 0.8em  !important; text-transform: uppercase; }
.ref .bloc-lib-critere-liste-new-search { float: left;  }
.ref .bloc-lib-critere-liste-new-search a {color: #fff; text-decoration: none; background: #E31F3B; padding: 8px 12px; display: block; }
.ref .bloc-lib-critere-liste-new-search a:hover { color: #fff; background: #d70009; }

.ref .bloc-lib-critere-liste-label { float:left; }
.ref .bloc-lib-critere-liste-label span {color: #fff; display: inline-block; *display:inline; *zoom:1; padding: 8px 12px; background: #42403f; margin-left: 10px;}
.ref .bloc-lib-critere-liste:before, .ref .bloc-lib-critere-liste:after {content: " "; display: table; }
.ref .bloc-lib-critere-liste:after {clear: both; }
.ref .bloc-lib-critere-liste {*zoom: 1; }
.ref .liste-bien-container {/*height: inherit; padding: 0;*/ }

.ref .liste-bien-description{/*width: 100%; padding: 0%;*/}

.ref .liste-bien-title {  }
.ref .extrait-desc {
	font-size: 0.9em;
	line-height: 18px;
	color: #42403f; height: inherit;  }

.ref .liste-bien-price {margin-top: 5px !important;}



/*  4.3.6 Outils Financiers
----------------------------------------------------------------------------------------------------*/

.calc-container span {padding:0 !important; /* Supprimer le padding sur le span hardcodé dans Libimmo */}
.calc-leftcol {float:left; width:67%; }
.calc-rightcol {float:right; width: 29%; }
#DialogCalc .heading3 {margin-bottom: 10px;}
.white-form .calc-leftcol .input-text  {height: 18px; line-height: 1.9em;}
.calc-rightcol .resultats {background: rgba(255,255,255,1); padding: 0 3px; color: #E31F3B; border: 1px solid rgba(223,221,219,1); line-height: 3em; text-align: left; outline: none;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  -webkit-box-shadow: inset 0px 0px 0px 0px;
          box-shadow: inset 0px 0px 0px 0px;
}
.calc-container span>span {font-size:22px; text-align: center; }
.calc-container .form-rubrique {width: inherit;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/* ==========================================================================
   4.4 ADAPT SLIDESHOW JQUERY
   ========================================================================== */


.detail-photo-container {}
.detail-photo-container .slideshow {}


/* 4.4.1  Slide
----------------------------------------------------------------------------------------------------*/

.detail-photo-container .large-flap-frame {width: 100%; position: relative; background: #fff url(/images/loading.gif) no-repeat 50% 50%;  }
.detail-photo-container .large-flap-container {overflow:hidden; width:100%; height: 595px; /* Dimension des images voir numage.txt */ position: relative; text-align: center;}
.detail-photo-container .anti-cheat {overflow:hidden; width:100%; height:595px; position: absolute; top:0; left:0; display: block; z-index: 960; }
.detail-photo-container .anti-cheat img {height: 100%; width:100%; display: block; }
.detail-photo-container .empty-slideshow {background: #e0e0e0 url(/images/vide_detail_grande.jpg) no-repeat 50% 50%; }
.detail-photo-container .large-flap-container div.diapo {width:100%; height: 595px; text-align: center; cursor: pointer; }
.detail-photo-container .large-flap-container div.is-flap {display:none; overflow:hidden; }
.detail-photo-container .large-flap-container div.is-flap img {height: 100%; width: auto;}
.large-flap-controls-content{ margin-left:40%; }
.large-flap-controls .play, .large-flap-controls .stop { float:left; width: 20px; height:20px; margin:0 5px; cursor:pointer; }
.large-flap-controls .play {background: transparent url(/images/slider-controls.png) no-repeat -18px -78px; }
.large-flap-controls .play.slideshow-control-active { background: transparent url(/images/slider-controls.png) no-repeat -1px -78px; }
.large-flap-controls .stop {background: transparent url(/images/slider-controls.png) no-repeat -56px -78px; }
.large-flap-controls .stop.slideshow-control-active { background: transparent url(/images/slider-controls.png) no-repeat -39px -78px; }
.large-flap-controls .video {float:left; margin-left: 10px; cursor: pointer; }
.large-flap-controls .visite {float:left; margin-left: 5px; vertical-align: middle; }
.large-flap-controls .visite a:hover{ background: none; }
.large-flap-controls .position{ float:left; line-height: 20px; margin:0 5px 0 10px; color:#aaa; font-style: italic; font-size: 11px; }
.large-flap-controls .position .pos-flap,
.large-flap-controls .position .nb-flap { color: #999; font-weight: bold; }
.large-flap-nav{ z-index:970; position:relative;
  filter: alpha(opacity=0); /* internet explorer */
  -khtml-opacity: 0;      /* khtml, old safari */
  -moz-opacity: 0;       /* mozilla, netscape */
  opacity: 0;           /* fx, safari, opera */
}

/*-- BOUTON prev et next survol de l image --*/

.large-flap-nav .previous, .large-flap-nav .next {width: 63px; height: 57px; position: absolute; margin-top: 26%; cursor: pointer;}
.large-flap-nav .previous img, .large-flap-nav .next img {width: 100%; height: 100%; display: block;}
.large-flap-nav .previous {left: 41px; background: transparent no-repeat 0 0;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.large-flap-nav .previous:hover {background: transparent no-repeat 0 -57px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.large-flap-nav .next {right: 41px; background: transparent no-repeat -57px 0;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.large-flap-nav .next:hover {background: transparent no-repeat -57px -57px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.no-flap {display: none; }
.controls { display: block; }

/*-- Loading --*/

.slideshow-loaded.detail-photo-container .large-flap-container div.is-flap{ display: block; }
.slideshow-loaded.detail-photo-container .large-flap-frame{ background-image: none; }

/*-- Thumbs --*/

.thumbs-flap-wrapper {padding: 18px 7%; background-color: #fff; position: relative; }
.thumbs-flap-container {font-size: 0; /* inline-block margin cancel */  }
.thumbs-flap-container .is-flap{ display: inline-block; *display:inline; zoom:1; background: #fff; text-align: center; cursor: pointer; position:relative; overflow:hidden; margin-right: 18px; /*width: 17%;*/}
.thumbs-flap-container .is-flap:first-child{ margin-left: 0; }
.thumbs-flap-container .last-thumbs {margin-right: 0; }
.thumbs-flap-container .is-flap img {background: #fff; height: auto; width: 100%; max-width: 156px; }
.thumbs-flap-container .thumbs-active img{
  filter: alpha(opacity=50); /* internet explorer */
  -khtml-opacity: 0.5;      /* khtml, old safari */
  -moz-opacity: 0.5;       /* mozilla, netscape */
  opacity: 0.5;           /* fx, safari, opera */ }
.thumbs-control-prev,
.thumbs-control-next {position: absolute; top: 56px; width: 12px; height: 22px; background: transparent no-repeat; cursor: pointer;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
  filter: alpha(opacity=40); /* internet explorer */
  -khtml-opacity: 0.4;      /* khtml, old safari */
  -moz-opacity: 0.4;       /* mozilla, netscape */
  opacity: 0.4;           /* fx, safari, opera */
}
.thumbs-control-prev {left: 20px; background-position: 0 -317px; }
.thumbs-control-next {right: 20px; background-position: -12px -317px; }

/* JScrollPane */
.scrollpane {outline: none;  width: 100% !important; }
.scrollpane > div { position: relative; white-space: nowrap; overflow: hidden;  width: 100% !important;}
.scrollpane .jspPane { position: absolute; width: 100% !important; }
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 16px; height: 100%;}
.jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; display: none;}
.jspVerticalBar *,
.jspHorizontalBar *{ margin: 0; padding: 0;  }
.jspCap{display: none;}
.jspHorizontalBar .jspCap{  float: left; }
.jspTrack{background: #fff; position: relative;}
.jspDrag  {background: #fff; position: relative;top: 0;  left: 0;  cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag  {float: left; height: 100%;}
.jspArrow{  background: #50506d; text-indent: -20000px;display: block;cursor: pointer; }
.jspArrow.jspDisabled{cursor: default;  background: #80808d;  }
.jspVerticalBar .jspArrow{  height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{  outline: none;  }
.jspCorner{ background: #eeeef4;float: left;height: 100%;}

 /* Captions */
.detail-photo-container .caption { background-color:#000; color:#fff; text-align: left; }
.detail-photo-container .large-caption{ position:absolute; left:0; top:376px; height:70px; padding:15px; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.detail-photo-container .thumbs-caption { position:absolute;  top:3px; left:3px; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.detail-photo-container .caption-title{ font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }


/* 4.4.2  Diaporama Overlay BIG - Lightbox
----------------------------------------------------------------------------------------------------*/

.big-flap-box { position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:980; background:#fff; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.big-flap-container { position:absolute; display:none; top:50%; left:50%; width:1px; height:1px; z-index:990; overflow:hidden; background:#282828 url(/images/loading.gif) no-repeat 50% 50%; border:#eee 10px solid; }
.big-flap-container .anti-cheat { width: 100%; height: 100%; }
.big-flap-container .previous, .big-flap-container .next {width: 36px; height: 63px; position: absolute; top: 50%; margin-top: -33px; /* Centrage vertical */ cursor: pointer; z-index: 9999; background: transparent no-repeat;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.big-flap-container .previous {left: 10px; background-position: 0 -114px; }
.big-flap-container .previous:hover {background-position: 0 -177px; }
.big-flap-container .next {right: 10px; background-position: -36px -114px; }
.big-flap-container .next:hover {background-position: -36px -177px; }
.big-flap-container .pagination {z-index: 9999; }
.close-big {width: 24px; height: 24px; position:absolute; top: 5px; right: 5px; cursor: pointer; z-index: 9999; background: transparent no-repeat 0 -240px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.close-big:hover {cursor: pointer; background: transparent no-repeat -24px -240px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}

/* Pagination */
.detail-photo-container .pagination {width: 100%; padding-top: 12px; height: 25px; background:#fff; text-align:center; position:absolute; /* Placement de la pagination */ left:0; bottom: 0; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.detail-photo-container .pagination .pagination-page {display: inline-block; margin-right: 3px; width: 12px; height: 13px; overflow: hidden; cursor: pointer; background: transparent no-repeat 0 -268px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.detail-photo-container .pagination .pagination-page-active {background: transparent 0 -281px;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}



/* ==========================================================================
  4.5 REFERENCEMENT
   ========================================================================== */

/* 4.5.1 Référencement global
----------------------------------------------------------------------------------------------------*/

/* Pages de ref */
.ref-intro {background:#efefef; padding:5px 20px 10px; margin-bottom: 10px; }
.ref-leftcol {float:left; width:230px; margin-right: 20px; }
.ref-rightcol {float:left; width:320px; }
.ref-plan-liste li {*display:inline; *zoom:1; line-height: 1.5; }
.ref-plan-bloc {margin-bottom:15px; padding-bottom:10px; border-bottom: #444f59 1px solid; }





/* Detail Ville (R200) */
.detail-bien-localite-r200 a:link,
.detail-bien-localite-r200 a:visited {display:inline-block; *display:inline; *zoom:1; padding:3px 5px 3px 24px; border:#ddd 1px solid; font: bold 10px/1.231 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#444;   background: #eee url(/images/bt-detailville.gif) no-repeat 0 50%; }
.detail-bien-localite-r200 a:hover,
.detail-bien-localite-r200 a:active { }

/* Plan */
.ref-plan-moteur{ float: right; margin: 0 0 20px 20px; }

/* Pied Ref */
.pied-ref{ font-size: 0.75em; color: #3e4449;}
.pied-ref a:link, .pied-ref a:visited{ color:#8a8a8a; text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}
.pied-ref a:hover, .pied-ref a:active{ color:#fff; text-decoration: none; }
.home #pied-ref-content{ padding: 0 0 7px 0; margin:0 0 7px 0; border-bottom: 1px solid #565555; }

/* Pied Ref Villes */
.pied-ref-villes{ padding: 7px 0 0 0; margin:7px 0 0 0; border-top: 1px solid #565555; }
.pied-ref-villes ul{ list-style: none; margin:0; padding:0; }
.pied-ref-villes li{ display: inline-block; *display: inline; *zoom:1; width: 228px; /* Width fixe pour un affichage en colonne */ font-size: 0.85em; }

/* Module de marquee */
.pied-ref-defil-title h1, .pied-ref-defil-title li, .pied-ref-defil-title .ref-more, .pied-ref-defil-title { color: #8a8a8a; text-align: justify;}
.pied-ref-defil-title li { list-style: none; }
.pied-ref-defil-title .ref-more { cursor: pointer; }
.pied-ref-defil-text { float:left; width: 60%; margin-right: 2%; color:#878a8d; font-size:11px; }
.pied-ref-defil-text ul { margin:0; padding: 0; list-style: none; }
.pied-ref-defil-text ul li { margin:.5em 0; padding-right: 20px; text-align: justify; }
.pied-ref-defil-images { float:left; width: 37%; color:#575c60; padding-top: 10px;}
.pied-ref-defil-images ul { margin:0; padding:0; list-style: none; /* Styles pour le jQuery marquee */ height: 210px; width: 100%; overflow:hidden; position: relative; }
.pied-ref-defil-images ul li { margin:0; /* Styles pour le jQuery marquee */ position: absolute; top:999em; left:0; display: block; height:100%; width: 100%; overflow:hidden; }
.marquee-photo { width:80px; height:80px; float:left; }
.marquee-content{ margin-left: 90px;
	font-size: 11px;
	line-height: 1.231;
	font-style: normal;
	color:#878a8d; }
.marquee-content-title { font-size: 11px; font-weight: bold; color:#878a8d; }
.marquee-content-price { color:#d2d2d2; font-weight: bold;}
.marquee-content-desc { font-size:11px; }
.marquee .no-flap { display:block; }
.marquee .no-flap img { width:80px; height:auto; }

/* Module de Région */
.region-last-annonces{}
.region-last-annonces ul{ margin: 0; padding: 0; list-style: none;}
.region-last-annonces ul li{ padding:0; background: none; }
.region-main-photo{ float:right; width:170px; height: auto; margin-left: 20px; }
.region-annonces-container{ vertical-align:top; width: 45%; display:inline-block; *display:inline; *zoom:1; background:#f2f2f2; margin: 0 2% 10px 0; padding:5px; font-size:11px; min-height:70px; border: 1px solid #ddd;}
.region-annonces-container .no-flap{ display: block; }
.region-annonces-container .no-flap img{ width:70px; height:auto; }
.region-annonces-container .region-annonces-photo{ width: 30%; height: auto; float:left; }
.region-annonces-container .region-annonces-photo img {width: 100%; height: auto;}
.region-annonces-container .region-annonces-content {margin-left: 33%;
	font-size: 1em;
	line-height: 1.231;
}
.region-annonces-container .region-annonces-content-title{ font-weight: bold; text-transform: uppercase; color: #E31F3B;}
.region-annonces-container .region-annonces-content-price{ color:#000; }
.region-annonces-container .region-annonces-content-desc{ color:#42403f; padding: 3px 8px 3px 0; font-size: 10px; }
.region-annonces-container .region-annonces-content-desc a{ white-space: nowrap; }
#region-tabs .ui-tabs-panel{ padding:0; }
#region-tabs .ui-tabs-nav li{
	font-size: 10px;
	line-height: 1.231;
	font-weight: bold;
	text-transform:uppercase; }

/* Annuaire */
.pied-ref-backlinks{ margin-top:7px; padding-top:7px; border-top-width: 1px; border-top-style: solid; font-size: 0.85em;}
.pied-ref-backlinks ul{ list-style: none; margin: 0; padding:0; }
.pied-ref-backlinks li{ display: inline-block; *display: inline; *zoom:1; margin:0 0 0 5px; padding:0 0 0 15px; }
.pied-ref-backlinks li:first-child{ margin-left: 0; padding: 0; background: none; }
.annuaire-intro{ background:#eee; padding: 10px 20px; margin-bottom: 20px; font-size: 11px; color:#555; text-align: justify; }
.annuaire-intro p{ margin:.5em 0; }
.annuaire-inscription-button{ float:right; margin: 6px 0 20px 20px; display:block; }
.annuaire-nb{ padding:1px 3px;
	font-size: 11px;
	line-height: 1.231;
	font-weight: bold;
	color: #999; text-transform: uppercase; margin-left: 5px;}
.annuaire-fil-arianne{
	font-size: 11px;
	line-height: 1.231;
	text-transform:uppercase; margin:5px 0 15px; border-bottom: #eee 1px solid; padding-bottom: 5px; color:#aaa; }
.annuaire-categories{}
.annuaire-categories > table{ float: none; }
.annuaire-categories h2, .ref-categories{ color:#656565; font: 1em/1.6em ; letter-spacing: .1em; margin: 1.5em 0 .5em; }
.annuaire-categories ul{ list-style: none; }
.annuaire-categories ul li{ background: none; border-bottom: #eee 1px solid; margin-bottom: 7px; padding: 0 0 7px 0; }
.annuaire-categories p{ font-size:11px; margin:.25em 0; border-left:#eee 6px solid; padding-left: 10px;  }
.annuaire-categories .annuaire_site_url{ border:none; padding:0; color:#999; }
.annuaire-forminsc{ margin-top: 20px; }
.annuaire-forminsc .legend{ color:#888;
	font-size: 11px;
	line-height: 1.231;
	font-style: normal;
}
.nbchar{ padding:1px 3px; background:#cbcbcb;
	font-size: 10px;
	line-height: 1.231;
	font-weight: bold;
	color:#fff; border-radius: 2px;  }
#selectAnnuaire{ border:#dadada 1px solid; width:100%; }
#backlink{ height:50px; }
.error{ background: #FDDFDE; border:#FBC7C6 1px solid; padding:10px 20px; }
.success{ background: #D1EED1; border:#BFE7BF 1px solid; padding:10px 20px; }

/* Page Contact R9 (Nuage d annonces) */
.contact-nuage-annonce{ margin-top: 40px; }
.contact-nuage-annonce .heading6{ margin-top: 40px; }
.ClassAnnonceNuage{ padding:0 0 5px 0 !important; margin:.5em 0; border-bottom: #eee 1px solid; font-size: 11px;
	color: #6c6c6c;
	line-height: 1.8em;
}
#TitreLocalisation{ padding:20px !important; background:#e5e5e5; margin-top: 20px; text-align: center; }
#TitreLocalisation a{ display: inline-block; vertical-align:top; margin-bottom: 10px; }
img.PhotoNuage{ display: block; max-width: 104px; height:auto; border:#fff 3px solid !important; }

/* Elargir recherche */
.detail-elargir-recherche {font-size: 0.85em; margin-top: 29px; width: 94%; background: url(/images/bg-white-91.png) repeat; padding: 30px 3% 50px;}
.detail-elargir-recherche > div { }
.detail-elargir-recherche a:link,
.detail-elargir-recherche a:visited {font-size: 1em; }
.detail-elargir-recherche a:hover,
.detail-elargir-recherche a:active{text-decoration: none; }
.ref-elargir-annonces strong {font-size: 0.85em;}
.ref-elargir-annonces ul{ margin:0 0 0 12px; padding:0; list-style: none; }
.ref-elargir-annonces ul li{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: #ccc 1px solid; }

/* Ref-naturel */
.ref-plan-liste .Listeliensmotscles {font-size: 0.8em;}

/* Listing ville */
.liste-navpage-container .PagePre a, .liste-navpage-container .PagePre a:hover, .liste-navpage-container .PageSui a, .liste-navpage-container .PageSui a:hover {background-color: transparent; width: 12px; height: 22px; display: inline-block; text-decoration: none;}

/* Listing Similaire */
.ClassAnnonceSimilaire { padding:0 0 5px 0 !important; margin:.5em 0; border-bottom: #ccc 1px solid; font-size: 0.75em; }

/* Listing Expression */
.ville_expression { padding:0 !important; }

/* Listing Photo */
.ref-listing-photo-container {}
.ref-listing-photo-container ul{ padding:0; }
.ref-listing-photo-container ul li { padding:0; background: none; float:left; margin:0 10px 10px 0; list-style-image: none; list-style-type: none;}

/* Pages de ref  list en colonnes*/

.ref-col ul
{
		-moz-column-count:2;
	-webkit-column-count:2;
			  column-count:2;
		  -moz-column-gap:5%; /* Firefox */
	  -webkit-column-gap:5%; /* Safari and Chrome */
	  			 column-gap:5%;
}


/* 4.5.2 Réf Page Arbo
----------------------------------------------------------------------------------------------------*/

/*-- Generalites --*/

.pied-ref-arbo{ display:none; visibility: hidden; /* Desactivation du Ref Page Arbo sur toutes les langues sauf le français */}
.fr .pied-ref-arbo{ display: block; visibility: visible; }
.pied-ref-arbo ul{ list-style: none; margin: 7px 0 0 0; padding: 7px 0 0 0; border-top:#565555 1px solid; }
.pied-ref-arbo li{ display: inline-block; width:228px; font-size: 0.85em; }
.ref-page-arbo-article{ margin-bottom: 20px; }
.ref-page-arbo-article h3 {margin-bottom: 10px;}
.ref-page-arbo-article p{ text-align: justify; }
.ref-page-arbo-image {margin: 12px 0 10px; width: 99%; height: auto; border: 3px solid #FFF; box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.32); overflow: hidden; }
.ref-page-arbo-image img {width: 100%; height: auto;}

/*-- Menu fleches --*/

.ref-page-arbo-menu .sf-menu {margin:0; padding:0; background-image: none; text-align: left; }
.ref-page-arbo-menu .sf-menu .ref-page-arbo-menu-liste {position: relative; display: inline-block; margin-right: 1%; }
.ref-page-arbo-menu .sf-menu li {display: inline-block; background: #E31F3B; text-transform: uppercase; font-weight: bold; padding:0 10px; margin: 0 6px 8px 0; line-height: 26px; }
.ref-page-arbo-menu .sf-menu .fleche {width: 0; height: 0; border: 13px solid rgba(0, 0, 0, 0); border-left: 7px solid #E31F3B; display: inline-block; position: absolute; top: 0; right: -14px; }
.ref-page-arbo-menu .sf-menu li a:link, .ref-page-arbo-menu ul.sf-menu li a:visited { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4); display: block; }
.ref-page-arbo-menu .sf-menu li:hover ul, .ref-page-arbo-menu .sf-menu li.sfHover ul { left: 0; top: 26px;  /* match top ul list item height */ z-index: 99; background-color: #E31F3B; box-shadow: 0 0 8px rgba(0,0,0,.5); margin:0; padding:4px 0; }
.ref-page-arbo-menu .sf-menu ul {width:220px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.ref-page-arbo-menu .sf-menu ul li {width: 200px; padding:0 10px 4px; text-align: left; background:none; line-height: 1.231; }
.ref-page-arbo-menu .sf-menu li.sfHover li a:link, .ref-page-arbo-menu .sf-menu li.sfHover li a:visited {background: none; padding-bottom:6px; color:#444; border-left:none; border-top:none; border-right:none; border-bottom: #ccc 1px solid; display: block; text-shadow: none; }
.ref-page-arbo-menu .sf-menu li.sfHover li a:hover, .ref-page-arbo-menu .sf-menu li.sfHover li a:active {color:#E31F3B; }
.ref-page-arbo-menu .sf-menu li a:hover, .ref-page-arbo-menu ul.sf-menu li a:active {background: #E31F3B; text-decoration: none; }

/*-- Bien vedette - Slide --*/

.home-vedette {float: left; width: 100%; height: 204px; overflow: hidden; }
.home-vedette-title {margin-bottom: 10px; }
.home-vedette-title a:link, .home-vedette-title a:visited{ color: #2a3845; }
.home-vedette-title a:hover {color: #294e6b; }
.home-vedette .no-flap {display: block; height: auto; width: 100%; }
.home-slider-vedette {width: 85%; height: 160px; /* Width + Height pour le slide */ position:relative; padding: 0 7%;}
.home-slider-vedette-container {width: 100%; height: 160px; }
.home-vedette .large-flap-container {overflow:hidden; width: 100%; height: 160px; }
.home-slide-vedette {width: 100%; height: 160px; overflow: hidden; }

/* Boutons prev et next */
.home-vedette .home-slide-prev, .home-vedette .home-slide-next {position: absolute; top: 65px; width: 12px; margin:0; height: 22px; background: transparent no-repeat; cursor: pointer;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
.home-vedette .home-slide-prev {left: 0; background-position: 0 -295px;}
.home-vedette .home-slide-prev:hover {left: 0; background-position: 0 -317px;}
.home-vedette .home-slide-next {right: 0; background-position: -12px -295px;}
.home-vedette .home-slide-next:hover {right: 0; background-position: -12px -317px;}

/* Vignettes */
.stamp {float: left; width: 29%; height: 154px; overflow: hidden; border: 3px solid #505050; margin: 0px 1.5%; }
.stamp a  {text-decoration: none !important;}
.stamp-photo {height: 20px; }
.stamp-photo img {width: 100%; }
.stamp-texte-container {position: relative; z-index: 20; margin-top: 73px; height: 43px; padding: 10px; background-color: #42403f; color: #FFF; font-size: 0.7em; }
.stamp-prix {color: #E31F3B; font-weight: bold; font-size: 1.1em; }

/* Partenaires */
.pied-ref-partners ul { margin: 0; padding: 0 0 10px 0; border-top-width: 1px; border-top-style: solid; }
.pied-ref-partners li { display:inline-block; margin: 0 10px 0 0; padding-right: 14px; line-height:1.5; color: #8a8a8a; font-size: 0.85em; }
.pied-ref-partners li:first-child, .pied-ref-partners li:last-child { background-image:none; }


/* 4.5.3 Réf Page Ville
----------------------------------------------------------------------------------------------------*/

/* Generalites */
.ref-page-ville .leftside-page, .ref-page-ville .rightside-page {width: 48%; margin-top: 10px;}
.ref-page-ville .leftside-page {padding-right: 2%;}
.ref-page-ville .rightside-page {padding-right: 0;}
.fil-ariane ul {padding: 0;}
.fil-ariane li {list-style: none; display: inline-block;}
.bloc-left {background-color: #fff; border: 1px solid #ccc; padding: 10px 2%; width: 97%; margin-top: 20px;}
.bloc-left .heading6 {margin: 0; color: #E31F3B;}
.bloc-left ul {margin: 5px 0 0;}
.infos-ville, .ref-side-biens, .others {background-color: #fff; padding: 10px 2%; width: 96%; margin-bottom: 20px;}
.infos-ville .heading3 {text-transform: uppercase;}

/* Réf Side biens */
.ref-side-biens {border: 1px solid #ccc; margin-top: 20px;}
.ref-side-biens-nb { font: 20px/1.231 'AllerBold', sans-serif; color: #A0A0A0; letter-spacing: -1px; }
.ref-side-biens-nb a:link, .ref-side-biens-nb a:visited {  }
.ref-side-biens-nb a:hover, .ref-side-biens-nb a:active { color: #d70009; background: none; }
.ref-side-biens-ville { font: 18px/25px 'AllerRegular', arial, sans-serif; color: #9b9b9b; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #e6e8e9; }
.ref-side-biens .large-flap-container { overflow: hidden; width: 100%; height: 510px; margin-bottom: 20px; cursor: pointer; position: relative; text-align: center; }

.home-panes {width: 100%;}
.ref-thumbs { width: 96%; height: 100px; text-align: left; padding: 7px 2% 7px; margin-bottom: 10px; overflow: hidden; background-color: #eee;}
.ref-thumbs-img-frame {width: 35%; height: 100px; float: left; overflow: hidden;}
.ref-thumbs-img-frame img { width: 100%; height: auto;}
.ref-thumbs-content { margin-left: 38%; color: #000; }
.ref-thumbs-text { font-size: 0.8em; color: #656565; margin: 18px 0 0; }
.ref-thumbs-price { font-weight: bold; color: #E31F3B; font-size: 1em; }
.ref-thumbs-price a:link, .ref-thumbs-price a:visited { color: #E31F3B; text-decoration: none; background: none; }
.ref-thumbs-price a:hover, .ref-thumbs-price a:active { color: #d70009; text-decoration: none; background: none; }

/* Villes autour de */
.others {border: 1px solid #ccc;}
.others ul { padding: 0; margin: 10px 0 0; }
.others ul li { background: #eee; margin-bottom: 4px; list-style: none;}
.others ul li:hover { background: #42403f; }
.others ul li a { display: inline-block; *display: inline; zoom: 1; width: 100%; padding: 5px; }
.others li a:link, .others li a:visited { color: #A0A0A0; }
.others li a:hover, .others li a:active { text-decoration: none; color: #fff;}
.page-content .others ul li { margin-bottom: 0; }


/* 4.5.4 Module de News
----------------------------------------------------------------------------------------------------*/

.news-liste-container {margin-bottom: 15px; border-bottom: #ccc 1px solid; padding-bottom:15px; }
.news-liste-title {color: #E31F3B;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: .1em; text-transform: uppercase; margin: 1em 0;
	font-weight: bold;
}
.news-liste-content {margin-top: 10px; }
.news-liste-date {
	line-height: 1.5em;
	color: #777;
	font-size: 0.85em;
	font-style: italic;
}
.news-liste-date time, .news-liste-date span { font-family: "Helvetica Neue", Helvetica, serif; color:#999; text-transform: uppercase; font-style: normal; }
.news-liste-photo { width: 29%; float: left; display: inline; overflow: hidden; margin: 0 4% 10px 0; }
.news-liste-photo .grd_photo_news{ width:160px; height:120px; }
.news-liste-desc { }
.news-liste-text p { padding: 0 0 10px 0; margin: 0; text-align: justify; }
.news-liste-desc a {font-size: 0.8em;}
.news-liste-file a:link, .news-liste-file a:visited {font-size: 0.8em; color: #E31F3B; text-transform: uppercase; background:none;}
.news-liste-file a:hover, .news-liste-file a:active {color: #d70009;}
.news-liste-attached .thumbs-flap-container .is-flap {margin-top: 10px;}
.news-liste-attached { margin-top: 10px; }
.news-liste-attached p { margin-top: 5px; }
.news-liste-attached ul { list-style:none; margin:0; }
.news-liste-attached ul li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:10px; padding:0; overflow:hidden; background:none; }
.news-liste-attached .mini_photo_news { width:80px; max-width:80px; height:auto; max-height:80px; }
.news-liste-file { display:inline-block; *display:inline; *zoom:1; margin-top:5px; font-weight:bold; padding:6px 36px 6px 8px; }

/* Perso News */
.news-liste-container .large-flap-container {overflow: hidden; width: 100%; height: auto; min-height: 227px;/* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; }
.news-liste-container .thumbs-flap-container {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0; }
.news-liste-photo img.photo-large{ width: 100% !important; max-width: 100% !important; height: auto !important; }
.news-liste-attached img.photo-thumbs{ width:100px !important; max-width: 100px !important; max-height:78px !important; }

/*-- Tableaux --*/

table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; font: 0.8em/1 ; color:#42403f;}
.table {width: 100%; margin-bottom: 20px;}
.table th, .table td {padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ccc;}
.table th {font-weight: bold;}
.table thead th {vertical-align: bottom;}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {border-top: 0;}
.table tbody + tbody {border-top: 2px solid #444F59;}
.table-condensed th, .table-condensed td {padding: 4px 5px;}
.table-bordered {border: 1px solid #444F59; border-collapse: separate; *border-collapse: collapse; border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.table-bordered th, .table-bordered td {border-left: 1px solid #444F59;}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {border-top: 0;}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
     -moz-border-radius: 0 0 0 4px;
          border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
      -moz-border-radius-bottomright: 4px;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
       -moz-border-radius-topleft: 4px;
}
.table tbody tr:nth-child(odd) td, .table tbody tr:nth-child(odd) th {background-color: #fff;}

 .liste.ref .white-form.miniliste-deroulant {
	display: block;
	margin: 20px 0 20px 0;
 }

.liste.ref .input-medium {
    width: 47%;
    display: inline-block;
    height: 40px;
}
.liste.ref .liste-display-all {
    text-align: left;
}

/* 4.5.5 Mini liste
----------------------------------------------------------------------------------------------------*/
.miniliste-deroulant .custom-select-container {
	float: left;
	width: 100%;
}

.miniliste-deroulant .custom-select-choice {
	height: 40px;
	line-height: 38px;
	text-align: left;
	    color: #898989;
}

.miniliste-deroulant .custom-select-list {
	width: 99%;
}

.miniliste-deroulant.white-form .custom-select-list {
	background: #eee;
	text-align: left;
}

.miniliste-deroulant.white-form .custom-select-list .custom-select-list-selected {
	background: #fbfbfb;
}

.miniliste-deroulant .css-deroulant ul span {
	width: 85%;
}

.css-deroulant {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	z-index: 999;
	width: 51%;
    top: -1px;
}

.css-deroulant ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	position: relative;
	cursor: pointer;
}

.css-deroulant ul span {
	height: 39px;
    line-height: 38px;
	position: relative;
	background: url('/images/bg-form-sprite.png') no-repeat #fff;
	background-position: 100% -155px;
	border-left: 1px solid #DADADA;
	color: #898989;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 35px 0 15px;
}

.css-deroulant li {
	float: left;
	margin: auto;
	width: 100%;
}

.css-deroulant li ul {
	position: absolute;
	left: 0;
	top: 39px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
	background-image: none;
	    -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px;
    -moz-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px;
    box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px;
}

.css-deroulant li a {
	display: block;
	width: 100%;
	color: #898989;
	text-decoration: none;
	    padding: 8px 35px 8px 15px;
}

.css-deroulant li a:hover {
	color: #686868;
	background: transparent;
}

.css-deroulant ul li ul {
	display: none;
}

.css-deroulant ul li:hover ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
}

.css-deroulant li:hover ul li {
	float: none;
	background: #fff;
}

.css-deroulant li:hover ul li:hover {
	background: #eeeeee;
}

.form-idville {
	display: inline-block;
    background-color: #ffffff;
    padding: 8px 8px;
    color: black;
    line-height: 1.6em;
    border: solid #e4e2e1 1px;
}

.form-idville span span {
	    background-color: #E31F3B;
    color: white;
    padding: 4px 6px;
    margin-right: 7px;
    cursor: pointer;
        font-size: 0.8em;
}



/* ==========================================================================
  4.6 MODULE DE GGMAP
   ========================================================================== */


/* .DivBubble{ max-height: 180px; overflow-y:scroll; }
.ggmap-list-item{ font-size: 12px; margin-bottom: 15px; }
.ggmap-list-item-pict{ float:left; cursor: pointer; }
.ggmap-list-item-pict img{ width: 50px; max-height: 38px; }
.ggmap-list-item-content{ margin-left: 80px; }
.ggmap-list-item-title{ text-transform: uppercase; font-weight:bold; border-bottom: #ddd 1px solid; margin-bottom: 3px; padding-bottom: 3px; }
.ggmap-list-item-coords{ font-size: 11px; }
.ggmap-coords-title{ font-weight:bold; }
.ggmap-coords-tel{}
.ggmap-coords-link{ color:#cf1b57; }
.ggmap-coords-link:hover{ color:#cf1b57; text-decoration: underline; cursor: pointer; }
.gg-map-marker { display:none; }
 */




/* ==========================================================================
  4.7 SVG MAP
   ========================================================================== */

/* Pour la page liste */
.rech-map {}
.rech-map-content {position: relative;}



/* Bouton dom tom */
.domtom-display {position: absolute; bottom: 0; left: 50px; padding: 5px 10px 3px; text-transform: uppercase; color: #8d8d8d;
	z-index: 1; cursor: pointer;
 -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
	font-size: 0.8em;
}
.domtom-display:hover {color: #949494; background: rgb(255, 255, 255);
}

path {cursor:pointer; }
shape {cursor:pointer; }
.svg-map-france {width:100%; height: 250px; background: transparent url(/images/loading.gif) no-repeat 50% 50%; }
.svg-map-domtom-container {position: absolute; top: 50%; left: 50%; margin: -120px 0 0 -100px; width: 150px; height: 150px; padding: 20px; background-image: url(/images/bg-black-50.png); box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.svg-map-domtom, .svg-map-idf {width: 150px; height: 150px; /* Width et Height en dur obligatoire :( */}
.svg-map-domtom {overflow: visible !important;}

/* Info Custom */
.svg-custom-info {z-index:50; position: absolute; display: none; top:0; left:50%; margin-left: -100px; width: 150px; height: 150px; padding: 20px; background-image: url(/images/bg-black-50.png); box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.svg-info {position: absolute; display: none; background: #292929; color: white; font-size: smaller; text-align:center; padding: 3px 6px; z-index:50;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.svg-info-close {width: 26px; height: 26px;  position: absolute; top: -10px; right: -14px; background: transparent url(/images/svg-close.png) no-repeat;  cursor: pointer;  z-index: 9999;}
.ipad-close {width: 26px; height: 26px; position: absolute; top: -10px; right: -14px; background: transparent url(/images/svg-close.png) no-repeat; cursor: pointer; z-index: 9999;}

/* Pour la recherche d'agents */


.side-map { }
.side-map .svg-map-france {height: 300px; }

.side-map-content {position: relative;}

.side-map-agent-container { position: relative;}

.side-map-agent-ill { text-align: left; margin-top: 15px;  }
.side-map-agent-ill.illustration-aside img {width: auto !important; margin-left: 80px;}
.side-map-agent-ill.illustration-aside hr {width: 90%; margin: 0;
}



.side-map-agent-title { position: relative; z-index: 2;  padding: 10px 0 10px 54px; background: url('/images/ico-glass.png') 10px 15px no-repeat;
	margin-top: 30px;
	margin-left: 20px;
}

img.little-drawn-arrow {position: absolute; right: 18%; top: 30px;}

.side-map-agent-title .heading2{
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0;
	color: #E31F3B;
}

.side-map-agent-text .heading2{
font-size: 1em;
line-height: 1.3em;
color: #E31F3B;
}

.side-map-agent-text {
	padding: 15px 5% 10%;
	border: 1px solid #e8e8e8;
	background: #ebeae9;
	-moz-box-shadow: 1px 1px #cecece;
	-webkit-box-shadow: 1px 1px #cecece;
	box-shadow: 1px 1px #cecece;
	width: 84%;
	margin: 10px auto 0;
}

.side-map-agent-text ol.numbers li:before {
    background: #42403f;
	padding: 5px 8px;
	width: 20px;
	height: 20px;
}


.side-map-agent-text ol li {
	padding-bottom: 5px !important;
}

.side-map-agent-text p{
	font-size: 0.95em;
	line-height: 1.5em;
	margin: 0;
	font-weight: bold;
}
.side-map-agent-text p span{display: block;}

.side-map-agent-btn { text-align: center; margin: -5% 0 10%; font-size: 0.85em; /*background: url(/images/little-hr.png) center repeat-x */transparent;font-weight: bold;
}

/* Masquage du bouton de la  carte en page Agents.htm */

.agents .side-map-agent-btn { display: none;}





/*
    // ========================================== \\
   ||                                              ||
   ||               V. MON COMPTE                  ||
   ||                                              ||
    \\ ========================================== //
*/



/* 5.1 Identification
----------------------------------------------------------------------------------------------------*/

.form-submit-creation {margin-top: 15px;}


/* 5.2 Generalites
----------------------------------------------------------------------------------------------------*/

.leftside-menu-mya {width: 27%; float: left; margin-top: 30px; padding-right: 2%;}
.rightside-page-mya {width: 69%; float: right; margin-top: 30px;}


/* 5.3 Menu : Colonne de gauche
----------------------------------------------------------------------------------------------------*/

.side-mya {background-color: #42403f; padding: 30px 5%; height: auto;}

.side-mya-texte p {font: 1.2em/1.231 ;color: #fff;}
.side-mya-texte ul {color: #ccc; font: 1em/1.231 ;}
.side-mya-login form label {color: #fff;}

.side-mya-menu ul {list-style: none; margin: 0 0 20px 0; padding: 0;}
.page-container .side-mya-menu ul li {border-bottom: 1px solid #6c6c6c; padding: 8px 0; list-style: none; text-transform: uppercase;}
.side-mya a:link, .side-mya a:visited {color: #ccc; text-decoration: none; font: 1em/1.231 ;}
.side-mya a:hover {color: #fff;}

.side-mya .submit-classique {text-transform: uppercase; font-size: 0.7em !important;}


/* 5.4 Tableau de bord
----------------------------------------------------------------------------------------------------*/

ul.mya-widget-container {text-align: center;}
.page-container li.mya-widget {display: inline-block; width: 165px; margin: 10px 10px; height: 165px; position: relative; background-color: #fff; list-style: none;}
li.mya-widget a:link, li.mya-widget a:visited {text-align: center; width: 172px;
	font-size: 1.2em;
	line-height: 1.15em;
	padding-top: 115px; display: block; height: 50px; color: #454545; text-decoration: none;}
li.mya-widget a:hover {color: #FFF;}
li.mya-widget a:active {margin-top: 1px;}

li.mya-widget a:link, li.mya-widget.mya-widget-selection a:visited, li.mya-widget.mya-widget-selection a:hover {background-repeat: no-repeat;
  background-image: url(/images/mya-widget.png);
  background-image: -webkit-image-set(url(/images/mya-widget.png) 1x, url(/images/mya-widget@2x.png) 2x);
  background-image: image-set("/images/mya-widget.png" 1x, "/images/mya-widget@2x.png" 2x);
}

li.mya-widget.mya-widget-selection a:link, li.mya-widget.mya-widget-selection a:visited {background-position: 0 0;}
li.mya-widget.mya-widget-selection a:hover {background-position: 0 -175px; background-color: #E31F3B;}

li.mya-widget.mya-widget-lastsearch a:link, li.mya-widget.mya-widget-lastsearch a:visited {background-position: -175px 0;}
li.mya-widget.mya-widget-lastsearch a:hover {background-position: -175px -175px; background-color: #E31F3B;}

li.mya-widget.mya-widget-alerte a:link, li.mya-widget.mya-widget-alerte a:visited {background-position: -350px 0;}
li.mya-widget.mya-widget-alerte a:hover {background-position: -350px -175px; background-color: #E31F3B;}

li.mya-widget.mya-widget-news a:link, li.mya-widget.mya-widget-news a:visited {background-position: -525px 0;}
li.mya-widget.mya-widget-news a:hover {background-position: -525px -175px; background-color: #E31F3B;}

li.mya-widget.mya-widget-user a:link, li.mya-widget.mya-widget-user a:visited {background-position: -700px 0;}
li.mya-widget.mya-widget-user a:hover {background-position: -700px -175px; background-color: #E31F3B;}


/* 5.5 Mon compte
----------------------------------------------------------------------------------------------------*/

.mya .user-info-show .form-critere {border-bottom: 1px solid #ccc;}
.mya .user-info-show .form-critere-content {height: 28px; color: #E31F3B; margin-top: 6px;}
.mya .lieu-bloc-search .lieu-search-label {vertical-align: top; margin-top: 13px;}
.mya .lieu-bloc-search input.lieu-input-search {width: 73.5%; height:40px; line-height: 33px; padding: 0;
}

/* 5.6 Ma selection
----------------------------------------------------------------------------------------------------*/

.mya .liste-bien-photo.mode-2 .liste-bien-photo-frame img {height: 100%; width: auto;}
.mya .liste-bien-title.mode-2 {padding: 10% 0 8% 0;}
.mya .bg-liste-mode-2 {background-size: 100%;}

/* 5.7 Mes alertes
----------------------------------------------------------------------------------------------------*/

.mya-alerte-vide p {margin-bottom: 20px;}



/*
    // ========================================== \\
   ||                                              ||
   ||               VI. MINISITE                   ||
   ||                                              ||
    \\ ========================================== //
*/
/* Liste des agents */





/*-- Liste --*/

.listenego-display {margin-bottom:20px;}
.liste-nego-container {background-color: #fff; width: 98%; padding: 10px 1%;}
.bg-liste-minisite {background-size: 100%;}
.liste-nego-photo {
overflow:hidden;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
width:120px;
height:120px;
text-align: center;
margin: 0px auto;
background-size: cover;
background-position: center;
float: left; margin-right: 5%; background-color: #FFF;
border: 1px solid #e9e9e9;
}

.liste-nego-photo a{width: 100%; height: 100%;
display: block;}
.liste-nego-photo img{width: 105%; margin: -6px;}


.liste-nego-desc .heading3 {line-height: 1.1em; margin-bottom: 9px;
	font-weight: bold;
	color: #000000;
}
.liste-nego-tel, .liste-nego-mail {color:#E31F3B; font-size: 0.8em ;}
ul.liste-nego-buttons { margin-bottom: 0;}
.liste-nego-buttons li {list-style: none; display: inline-block;}
.liste-nego-buttons li:first-child {margin-right: 5px;}
.liste-nego-buttons li a:link.submit-classique, .liste-nego-buttons li a:visited.submit-classique {display: block; padding: 10px 8px 0 9px;
	font-size: 0.8em;
}

span.nego-coordonnees {width: 15px; height: 18px; margin-right: 6px; display: inline-block; *display:inline; *zoom:1;
  background-image: url(/images/ico-adresse.png);
  background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x);
  background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x); vertical-align: middle;
}
span.nego-coordonnees.ico-tel {background-position: 0 0px;}
span.nego-coordonnees.ico-fax {background-position: -14px 0;}
span.nego-coordonnees.ico-mail {background-position: -28px 0;}



.agent-desc-container {text-align: justify; font-size: 0.85em;}
.agent-desc-container img {width: 100%; margin: 10px 0;}

.minisite .leftside-page {width: 69%; float: right;}
.minisite .rightside-page {width: 22%; float: left; margin-top: 20px;
}
.minisite .illustration-aside {max-width: 120px;}
.minisite .illustration-aside a.bulle-me-contacter {right: -107px; top: -20px !important;
}
li.agent-mail {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.minisite .liste-container hr {width: 100%;}
.minisite .filters-container {margin: 0 0 10px 0;}
.liste-bien-description.mode-2 li:first-child {margin-bottom: 5px;}

.bg-liste-mode-2, .bg-liste-minisite {background-size: 100%;}

.minisite-liste .liste-bien-photo.mode-2 .liste-bien-photo-frame img {height: 100%; width: auto;}

.minisite-liste  .liste-bien-container {width: 99%;}

.minisite .masque-rech {
	margin-bottom:50px; margin-top: 10px;
}

/*
    // ========================================== \\
   ||                                              ||
   ||              VII. RECRUTEMENT                ||
   ||                                              ||
    \\ ========================================== //
*/

/* Menu recrutement */

/* reset menu */.recrutement-menu ul, .recrutement-menu ul li{ margin: 0; padding: 0; list-style: none; list-style-image: none !important;}

.recrutement-menu ul li a{
	display: block;
    background: url(/images/bg-white-85.png) repeat top right;
    margin: 8px 0;
    font-size: 1.05em;
    line-height: 1.51;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-box-shadow: 0 1px 4px #888888;
    -webkit-box-shadow: 0 1px 4px #888888;
    box-shadow: 0 1px 4px #888888;
    padding: 9px 10px;
    font-weight: bold;
}


.recrutement-menu ul li a:hover{ background: #46433d;color: #FFF; text-decoration: none;
}

.recrutement-menu ul li.current a{ background: #E31F3B;color: #FFF; text-decoration: none;}


/* Recrut Home Intro  */

.recrutement-intro {
/*	background: url(/images/ill-recrut-intro.jpg) no-repeat top right;
	  -webkit-background-size: cover;
	     -moz-background-size: cover;
	       -o-background-size: cover;
	          background-size: cover;*/
	position: relative;
	display: block;
}

.heading2.heading2recrutement {
	background: url(/images/ico-france.png) 10px 5px no-repeat rgba(218, 12, 21, 0.83);
	padding: 4% 3% 4% 12%;
    width: 85.1%;
	color: #FFF;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.recrutement-intro nav {
    position: absolute;
    top: 2%;
    right: 3%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16/9 */
    height: 0;
    overflow: hidden;
    clear: both;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-color {
    vertical-align: middle;
    background-color: #E31F3B;
    font-weight: bold;
    padding: 5px 10px;
    display: inline-block;
    margin: 20px 0;
    text-decoration: none;
    color: #fff !important;
}

.btn-color:hover {
    background-color: #d70009;
    text-decoration: none;
    color: #fff !important;
}

.textes-liens .btn-color {
	margin-bottom: 0;

}

.link-text {
	color: #E31F3B !important;
}

.link-text:hover {
	color: #d70009 !important;
}

.acenter {
	text-align: center;
}

.container-video-agent .main-content-demicol {
	margin-bottom: 2%;
}
/*  Recrut Page  */

/*.sep-line {background: #E31F3B; height: 4px; width: 11%;}*/

.recrutement-ill-top {
	background: url(/images/ill-recrut-concept.jpg) no-repeat top right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 20px 20px 65px;
	margin-bottom: 20px;
	height: 130px;
}

img.logo-membres {
	float: right; margin-right: 50px;
	margin-top: 20px;
}

.ill-recrut-concept {background: url(/images/ill-recrut-concept.jpg) no-repeat top right;}
.ill-recrut-outils {background: url(/images/ill-recrut-outils.jpg) no-repeat top right;}
.ill-recrut-moyens {background: url(/images/ill-recrut-moyens.jpg) no-repeat top right;}
.ill-recrut-accompagnement {background: url(/images/ill-recrut-accompagnement.jpg) no-repeat top right;}
.ill-recrut-remuneration {background: url(/images/ill-recrut-remuneration.jpg) no-repeat top right;}
.ill-recrut-rejoindre {background: url(/images/ill-recrut-rejoindre.jpg) no-repeat top right;}


.recrutement-ill-top .heading1,
.recrutement-ill-top .heading2{padding-left: 10px; width: 53%; }
.recrutement-ill-top .heading1 {font-size: 2.1em; margin-top: 15px;}
.recrutement-ill-top .heading2 {line-height: 1.4em;font-size: 1.5em;}
.recrutement .heading4 {color: #E31F3B;letter-spacing: 0.1em; margin: 50px 0 10px; /* border-left: 3px solid #E31F3B;background: url(/images/puce-titre-h4.png) no-repeat top left;*/
}
.recrutement .heading4 span {color: #E31F3B;}

.recrutement .heading6 {font-size: 0.9em; color: #363534; margin: 20px 0 10px;
text-transform: none;
}

.recrutement .heading7 {font-size: 1.4em; color: #818181; margin: 30px 0 10px;
text-transform: none;
	border-top-style: solid;
	border-top-color: #ededed;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	background: url(/images/ico-quote.png) left 10px no-repeat;
}


.ico-pack-demarrage {
	background: url(/images/ico-pack-demarrage.png) left center no-repeat;
	padding-top: 14px;

	padding-left: 66px;
	padding-bottom: 15px;
	margin-top: 0;
}

.recrutement .leftside-page{margin-top: -50px;
	margin-left: 0;
	padding: 10px 20px 20px;
	background: url(/images/bg-white-75.png);line-height: 1.6em; float: right;
	margin-right: 2%;
	width: 58%;
	position: relative;
}
.recrutement .leftside-page ul li{
	line-height: 1.8em;
	/*border-bottom: 1px solid #e4e4e4;*/
	margin: 1em 0 1em 0;
}

.recrutement .rightside-page{margin-top: -60px;  width: 28%;	float: left;
	padding-left: 3%;
}

.recrutement-form {clear: both; padding: 0 5% 5% !important; width: 90%;}

.bloc-options{ margin: 0 !important; padding: 0 !important;}

.bloc-options li {float: left; width: 23%; list-style: none; margin: 0 9% !important; border: none !important; padding: 4%;
	color: #FFF;
}

.bloc-options li span{
	display: block;
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.48);
	margin-bottom: 5px;
	color: #ffffff;
	font-weight: bold;
}
.bloc-options li span.txt-2{
	display: block;
    font-size: 1.7em;
    padding: 5px 0 2px 0;
    border-bottom: none;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: bold;
}
li.bloc-option1 {background: #E31F3B; list-style: none !important}
li.bloc-option2 {background: #454545; list-style: none !important}
li.bloc-option3 {background: #8a8a8a; list-style: none !important}

.titre-recrutement {
	display: inline-block;
}

.container-bouton-recrutement-bas{
	text-align: center;
	margin: 4% 0 6% 0;
}


.bouton-recrutement {
	display: inline-block;
	float: right;
	/*margin-top: 0.6%;*/
	vertical-align: middle;
	background-color: #E31F3B;
	font-weight: bold;
	padding: 0.7%;
}

.bouton-recrutement a:active {color: #FFF; text-decoration: none;}
.bouton-recrutement a:visited {color: #FFF; text-decoration: none;}
.bouton-recrutement a:hover {color: #FFF; text-decoration: none;}

.bouton-recrutement-haut a:active {color: #FFF; text-decoration: none;}
.bouton-recrutement-haut a:visited {color: #FFF; text-decoration: none;}
.bouton-recrutement-haut a:hover {color: #FFF; text-decoration: none;}

.bouton-recrutement-bas {
	display: inline-block;
	/* margin-left: 50%;
	padding-right: -50%; */
	/*margin-top: 0.6%;*/
	vertical-align: middle;
	background-color: #E31F3B;
	font-weight: bold;
	padding: 1%;
}

.bouton-recrutement-bas a:active {color: #FFF; text-decoration: none;}
.bouton-recrutement-bas a:visited {color: #FFF; text-decoration: none;}
.bouton-recrutement-bas a:hover {color: #FFF; text-decoration: none;}

.textes-liens {
	text-align: justify;
	margin-top: 3%;
}

.textes-liens h3 {text-decoration: underline;}

.textes-liens p a:visited {color: #E31F3B; text-decoration: none;}
.textes-liens p a:active {color: #E31F3B; text-decoration: none;}
.textes-liens p a:hover {color: #E31F3B; text-decoration: none; text-decoration: underline;}

.columns2 {-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 2.5em; -moz-column-gap: 2.5em; column-gap: 2.5em;}

.colonne {
	break-inside: avoid-column;
}


/*
    // ========================================== \\
   ||                                              ||
   ||               VII. FOOTER                     ||
   ||                                              ||
    \\ ========================================== //
*/



#footer {background: #42403f; color: #fff;}
#footer .content-container {padding-top: 40px;}
#footer hr {border-top: 1px solid #565555;}


.footer-logos  {float: right;}
.footer-logos ul {list-style-type: none; padding: 0; margin: 0; text-align: right;
}
.footer-logos li {margin-left: 8px; height: 40px; line-height: 40px;
 float: left; display: inline-block;
}
.footer-logos li.footer-logos-title {
	font: 1em ;
	padding-right: 0;
	color: #919090;
}


.footer-logos ul li:first-child { margin-left: 0; }
.footer-logos li span { background-repeat: no-repeat; display:block;
  background-image: url(/images/footer-logos.png);
  background-image: -webkit-image-set(url(/images/footer-logos.png) 1x, url(/images/footer-logos@2x.png) 2x);
  background-image: image-set("/images/footer-logos.png" 1x, "/images/footer-logos@2x.png" 2x);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.footer-logos li .fnaim-ico {background-position: 0 0; width: 55px; height: 40px;}

.footer-logos li .gallian-ico {background-position: -63px; width: 130px; height: 40px;}

/*

.footer-logos li .amepi-ico {background-position: -70px 0; width: 70px; height: 40px;}
.footer-logos li .sia-ico {background-position: -160px; width: 60px; height: 40px;}*/

/* Footer content  left */


.pied-content-left ul, .pied-content-left ul li {
	margin: 0; list-style: none; padding: 0;
}

.pied-content-left ul li{
float: left; line-height: 1.5em; padding: 0 0.6em 0.9em !important;
}

.home .pied-content-left ul li{line-height: 1em;}
.pied-content-left {
	float: left; width: 100%; padding-top: 0px;
	border-bottom: 1px solid #565555;
}

.home .pied-content-left {
	float: left; width: 100%; padding-top: 0px;
	border-bottom: none
}




.pied-content-left ul li a {
color: #7a7978;
	text-transform: uppercase;
	font-size: 0.75em;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.pied-content-left ul li a:hover {
color: #fff;
}



/* Pour la home */
.home .pied-content-left {
	padding-top: 30px;
}


.home .pied-content-left ul li{
float: inherit;
border-bottom:none; padding-bottom: inherit;
display: inline-block;
}

/* Footer content right */

.pied-content-right {
	float: left; width:68%; padding: 30px 3% 0 3%
}

/*-- Slide de news home Footer--*/

.footer-actus-title {
		font: 1.3em/34px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7a7978; padding-left: 40px;
}

.home-slide-intro {
	font: 0.8em/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 20px;
}

#footer .home-slider-container {width: 95%}

#footer .home-slider-container .large-flap-container {width: 85%; min-height: 250px;
}

#footer .news-twocol{
width: 100%;
}

#footer .home-slide-news {
	height: 250px; width: 95%;
}

#footer .home-slide-news a.submit-classique{
	font-size: 0.8em; height: inherit; padding: 5px 8px; background: #5f5f5f;
}

#footer .home-slide-text {
color: #FFF !important; text-align: left; margin:5% 0%;  width: 100%;
}

#footer .home-slide-text .heading1 {
color: #FFF !important; text-align: left; font-size: 0.9em;  font-family:  !important; border-bottom-color: #5c6a73;
width: 100%; padding: 1.5em 0 1em 0;
}
#footer .home-slide-text .heading3, #footer .home-slide-text .heading3 p{
color: #FFF !important; text-align: left; font-size: 0.9em;   margin: 0 !important; padding: 0 !important;
}

#footer .home-slide-prev, #footer .home-slide-next { margin-top: 60px; }


/*#footer .home-slide-prev span, #footer .home-slide-next span {width: 12px; height: 20px; background-color: transparent; background-repeat: no-repeat; display: block;
  background-image: url(/images/slider-controls.png);
  background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
  background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
}
#footer .home-slide-prev span {background-position: -23px -296px;}
#footer .home-slide-prev span:hover {background-position:-23px -317px;}
#footer .home-slide-next span {background-position: -34px -296px;}
#footer .home-slide-next span:hover {background-position: -34px -317px;}*/

/* 7.1 Adresse
----------------------------------------------------------------------------------------------------*/

.pied-adresse{ font: 0.8em/1.231 ; padding-bottom: 20px;}
.pied-adresse a:link, .pied-adresse a:visited {color: #fff;}
.pied-adresse a:hover, .pied-adresse a:active {color: #E31F3B; text-decoration: none;}
.pied-adresse .pied-agence-contact a:link, .pied-adresse .pied-agence-contact a:visited {background-color: #E31F3B; color: #fff; text-decoration: none; padding: 4px 8px;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pied-adresse .pied-agence-contact a:hover, .pied-adresse .pied-agence-contact a:active {background-color: #d70009; text-decoration: none;}
.pied-agence-name {font-weight: bold;}
.pied-adresse ul {margin:0; padding:0; list-style: none;}
.pied-adresse li {display: inline-block; padding-left:10px; margin-left: 10px; *display:inline; zoom:1;}
.pied-adresse li:first-child {padding-left:0; margin-left: 0;}
.pied-adresse li.pied-agence-contact {float: right; text-transform: uppercase;}
.pied-adresse li.pied-agence-tel span, .pied-adresse li.pied-agence-fax span {width: 14px; height: 18px; display: inline-block; margin-right: 4px; vertical-align: bottom;
  background-image: url(/images/ico-adresse.png);
  background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x);
  background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x);
}
.pied-adresse li.pied-agence-tel span {background-position: 0 0;}
.pied-adresse li.pied-agence-fax span {background-position: -14px 0;}
.pied-adresse .tel-clear, .pied-adresse .adresse-clear, .pied-adresse .contact-clear {display: none; clear: none;}



/*--------------- Message responsive ---------------*/

.message-responsive {font: 1em/1.6em 'LatoLight', Arial, sans-serif; text-align: center; position: relative; border-bottom: 1px solid #565555; padding-bottom: 15px; margin: 15px 0 30px;}

.message-responsive-text {margin: 65px auto 20px; width: 80%; color: #a4a4a4;}
.message-responsive-text .quotes.left-quotes-white,
.message-responsive-text .quotes.right-quotes-white { top: 115px;}

.macaron-responsive span{ display: inline-block; *display:inline; *zoom:1; height: 115px; width: 115px; background-color:#42403F;
	background-image: url(/images/macaron-responsive.png);
	background-image: -webkit-image-set(url(/images/macaron-responsive.png) 1x, url(/images/macaron-responsive@2x.png) 2x);
	background-image: image-set("/images/macaron-responsive.png" 1x, "/images/macaron-responsive@2x.png" 2x); background-position: center; background-repeat: no-repeat;
	padding-right: 50px;
	padding-left: 50px;
}
.macaron-responsive hr{margin-top: -60px !important;}
#footer .macaron-responsive hr{border-top: 1px solid #565555;}

/*-- Quotes --*/
.quotes{ position: absolute; height: 50px; width: 50px;
	background-image: url(/images/quotes.png);
	background-image: -webkit-image-set(url(/images/quotes.png) 1x, url(/images/quotes@2x.png) 2x);
	background-image: image-set("/images/quotes.png" 1x, "/images/quotes@2x.png" 2x);
}

.quotes.left-quotes-white { left: 2%; background-position: left top;}
.quotes.right-quotes-white { right: 2%; background-position: right top;}

.quotes.left-quotes-gray { left: 2%; background-position: left bottom;}
.quotes.right-quotes-gray { right: 2%; background-position: right bottom;}



/* 7.2 Menu
----------------------------------------------------------------------------------------------------*/

.pied-menu {color: #626262; margin-top: 20px; padding: 20px 0;}
.pied-menu ul {list-style: none; margin:0; padding:0;}
.pied-menu-left {float:left;}
.pied-menu-left {}
.pied-menu-right {width: 240px; float: right;}
.pied-menu-right a.logo-adapt-footer {width: 102px; height: 36px;background-size: 100%; background-repeat: no-repeat; display: inline-block; float: left;
  background-image: url(/images/Logo-adapt-blanc.png);
  background-image: -webkit-image-set(url(/images/Logo-adapt-blanc.png) 1x, url(/images/Logo-adapt-blanc.png) 2x);
  background-image: image-set("/images/Logo-adapt-blanc.png" 1x, "/images/Logo-adapt-blanc.png" 2x);
}
.pied-menu li {display: inline-block; *display:inline; zoom:1; margin:0 0 0 5px; padding:0 0 0 15px;}
.pied-menu li:first-child {padding-left: 0; margin-left: 0; }
.pied-menu a, .pied-menu a:link, .pied-menu a:visited {white-space: nowrap; color: #8a8a8a;}
.pied-menu a:hover, .pied-menu a:active {white-space: nowrap; color: #fff;}
.pied-menu-right ul {border-left: #555 1px dotted; padding-left: 4px; float: right;}
.pied-menu-right li {display: block; font-size: 0.75em; margin: 0; padding: 0;}


/* 7.3 Badges Réseaux Sociaux
----------------------------------------------------------------------------------------------------*/

#pied-social {margin-bottom: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; }

/* Logos */
.pied-share {float:left; width:490px; text-transform: uppercase; min-height: 1px; }
.pied-share ul {list-style: none; padding: 0; }
.pied-logos {float:left; width:490px; }

/* Partage */
.share-badges { color:#0eb1da; }
.share-badges ul{ list-style: none; font-size:0; }
.share-badges li{ display:inline-block; *display: inline; *zoom:1; font: 12px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.share-badges li img{ margin-right: 5px; }
.share-badges li a:hover{ background: none; }
.share-badges .addfav{ margin-left: 10px; }
.share-badges .link{ text-transform: uppercase; color:#a1e1e9; }
.share-badges .link-hover{ text-transform: uppercase; color:#eee; cursor:pointer; }

/* Likes */
.likes-badges { padding-left: 0; margin-top: 30px;}
#footer .likes-badges { text-align: right;  }
.likes-badges ul{ list-style: none; padding:0; margin:0;}
.likes-badges li{ display:inline-block; *display: inline; *zoom:1; height:24px; line-height: 24px; vertical-align: top; margin-left: 5px; overflow: hidden; }
.likes-badges li.badge-facebook{  }
.likes-badges li.badge-ggplus{ width:70px; }
.likes-badges li.badge-tweeter{ width: 90px; }
.likes-badges li.badge-linkedin{  }

/*
    // ========================================== \\
   ||                                              ||
   ||              VII. Page de contenu            ||
   ||                                              ||
    \\ ========================================== //
*/

/* Page Le reseau */

.carte-agence {
	float: left; width: 68% !important; margin-left: 2%; height: 580px !important;
}


.agences-liste ul{ list-style-image: none; padding: 0 !important; float: left; width: 30%; margin: 0;
}
.agences-liste ul li { list-style-image: none;
	background: #FFF; margin: 0 1% 5px 0;
border: 1px solid #e8e8e8;
-moz-box-shadow: 1px 1px #cecece;
-webkit-box-shadow: 1px 1px #cecece;
box-shadow: 1px 1px #cecece;
	line-height: 20px;
	font-size: 0.8em;
	padding: 15px 20px;
}


.agences-liste strong {
	line-height: 1em;
	font-size: 1.2em;
	color: #2b2b2b;
	display: inline-block; *display:inline; *zoom:1;
	width: 100%;
	border-bottom: 3px solid #d4d4d4;
	padding-bottom: 10px; margin-bottom: 5px;
}

.agences-liste span.coordonnees-agences {width: 14px; height: 18px; display: inline-block; margin-right: 6px; vertical-align: bottom;
  background-image: url(/images/ico-adresse.png);
  background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x);
  background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x);
}
.agences-liste span.ico-tel {background-position: 0 -18px;}
.agences-liste span.ico-fax {background-position: -14px -18px;}




/*
    // ========================================== \\
   ||                                              ||
   ||              VIII. FORMULAIRES               ||
   ||                                              ||
    \\ ========================================== //
*/



/* 8.1 Generalites
----------------------------------------------------------------------------------------------------*/

form {font-size: .8em; }
form label {cursor: pointer;}
/* form-critere englobe chaque champs dans un article */
.form-critere, .form-critere-ope {margin-bottom: 10px;}
.input-text, textarea, input {width: 96%; padding: 0 2%;}
form ul {margin:0 !important; list-style: none; padding: 0;}

.form-critere-title {padding-bottom: 3px; } /* englobe le label et le form-rubrique */
.form-rubrique {display: inline-block; *display:inline; zoom: 1;
	line-height: 1;
	color: #000; white-space: nowrap;
	font-weight: bold;
} /* label contact */

.form-extend {margin-top: 10px;} /* englobe form-submit-container */
.form-submit-container {position: relative; height: 35px; min-height: 35px; margin: 10px 0 0 0; } /* contient le bouton et la mention champs obligatoires */

.form-critere-title, .form-critere-title-left {padding-bottom: 3px; display: inline-block; *display: inline; zoom:1; margin-right: 1%;
} /* zone du label contact */
.form-critere-content {display: inline-block; *display:inline; zoom:1; } /* zone du input contact */

.error-form{ border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; color: #b94a48 !important; }

/*-- Ligne de formulaire avec 2 champs cote cote ex : surface max et mini --*/

.input-text.input-unite, input.input-unite {width: 77%;}
.form-critere-content .unite {width: 12%;}

/*-- Formulaire en 2 colonnes --*/

.main-content-demicol{ float: left; width: 49%; }
.main-content-demicol.first{ margin-right: 2%; }


.lt-ie8 .main-content-demicol:first-child{ width: 48%; /* Sinon ça passe à la ligne sous IE7 */ }
.main-content-demicol:first-child {margin-right: 2%; width: 49%;}
.main-content-demicol .form-critere-title {white-space: nowrap;} /* zone du label contact */

/*-- Tailles des label (form-critere-title) --*/

.label-tiny {width: 10%; }
.label-xtiny {width: 15%; }
.label-smaller {width: 20%; }
.label-small {width: 25%; }
.label-medium {width: 30%; }
.label-xmedium {width: 35%; }
.label-xxmedium {width: 40%; }
.label-large {width: 50%; }
.label-xlarge {width: 60%; }
.label-xxlarge {width: 70%; }
.label-larger {width: 80%; }
.label-largest {width: 90%; }
.label-full {width: 100%; margin-bottom: 4px;}

/*-- Tailles des input (form-critere-content) --*/

.input-tiny {width: 7%; }
.input-xtiny {width: 17%; }
.input-smaller {width: 27%; }
.input-small {width: 37%; }
.input-medium {width: 47%; }
.input-xmedium {width: 57%; }
.input-xxmedium {width: 62%; }
.input-large {width: 67%; }
.input-xlarge {width: 72%; }
.input-xxlarge {width: 77%; }
.input-larger {width: 82%; }
.input-largest {width: 87%; }
.input-full {width: 100%; margin-bottom: 4px;}

/* Bouton radio */
.form-critere-typerech {display:inline-block; *display:inline; zoom:1;}
.form-critere-typerech ul li {display: inline-block; *display:inline; zoom:1; background: none; margin-right: 20px; padding-left: 0;}
.form-critere-typerech .form-critere-title{ margin-bottom: 10px; }

/* Checkbox */
.form-highlight-items {display: inline-block; *display:inline; zoom:1; margin: 0 7px 7px 0;}
.form-highlight-items input {width: auto;}

/* Bouton */
input[type="submit"] {width: auto;}
input.submit-classique, a.submit-classique, .white-form input.submit-classique {background-color: #E31F3B; height: 35px; padding: 0 4%; border: none; color: #fff;
	font-size: 0.95em;
	line-height: 1em;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
  filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
	text-transform: uppercase;
}
input.detail-submit-envoi {float: right; margin-right: 5px;
	font-size: 1.1em !important;
}
input.form-submit-maj {float: right; text-transform: uppercase;}

/* Custom Select */
.custom-select {visibility: hidden; }
.custom-select-container {width: 100%; background: transparent url(/images/bg-form-sprite.png) no-repeat; position: relative; }
.custom-select-choice {height: 39px; line-height: 3em; margin-left: 6px; padding: 0 30px 0 4px; cursor: pointer; background: transparent url(/images/bg-form-sprite.png) no-repeat; overflow: hidden; text-overflow: ellipsis;}
.custom-select-list {z-index:20; width: 100%; padding:0; display:none; overflow:auto; max-height:210px;position:absolute;}
.custom-select-list ul li {display: block;
	padding: 8px 0 8px 4%;
	margin:0; cursor:pointer; float:none; background:transparent;
	width: 96%;
}
ul.custom-select-list-container {margin: 0; padding: 0; }
.custom-select-option {cursor:pointer; list-style:none; line-height:18px; padding-left:3px; }


/* 8.2 Custom Checkbox / Radios / Select
----------------------------------------------------------------------------------------------------*/

/* Checkbox */
.custom-input{ clip:rect(0,0,0,0); position: absolute !important; outline: none; z-index:-999; }


/*-- Formulaires pour les sites clairs (classe white-form) --*/

.white-form {
    color: #000;
}
.white-form .input-text, .white-form input, .white-form textarea {background: rgba(255,255,255,1);  border: 1px solid #dfdddb; line-height: 3em; text-align: left; outline: none;
	;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  -webkit-box-shadow: inset 0px 0px 0px 0px ;
          box-shadow: inset 0px 0px 0px 0px ;
}
.white-form .input-text:focus {color: #000; border: none; border: 1px solid #ccc;}
.white-form .input-text {height: 33px; padding-top: 5px; line-height: 1em;} /* meme hauteur pour les input que les champs select */
.white-form textarea {height: 60px !important; line-height: 2.9em;}

.white-form .required {color: #E31F3B; font-weight: bold; margin: 0 2px; } /* etoile obligatoire */
.white-form .unite {font-size: .9em; }
.white-form .legend {color: #999797; font-style: italic;}

.white-form  ::-webkit-input-placeholder {color: #999797; font-size: 0.9em;}
.white-form  :-moz-placeholder {color: #999797; font-size: 0.9em;}
.white-form  ::-moz-placeholder {color: #999797; font-size: 0.9em;}
.white-form  :-ms-input-placeholder {color: #999797; font-size: 0.9em;}

/* Checkbox */
.white-form .custom-checkbox, .white-form .custom-checkbox-checked{ padding-left:20px; background:transparent url(/images/bg-form-sprite.png) no-repeat; }
.white-form .custom-checkbox {background-position:0 -1px; }
.white-form .custom-checkbox-checked {background-position:0 -39px; }

/* Radio */
.white-form .custom-radio, .custom-radio-checked {padding-left:20px; background:transparent url(/images/bg-form-sprite.png) no-repeat; }
.white-form .custom-radio {background-position: 0 -77px; font-size: 1.2em;}
.white-form .custom-radio-checked {background-position:0 -115px; }

/* Select */
.white-form .custom-select-choice {background-position:100% -155px; white-space: nowrap;
}
.white-form .custom-select-container {background-position:0 -198px;}
.white-form .custom-select-list {background:#eee url(/images/bg-form-sprite.png) no-repeat 0 -243px; }
.boxshadow .white-form .custom-select-list {
  -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px;
     -moz-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px;
          box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px;
}
.no-boxshadow .white-form .custom-select-list{
  border-bottom:#ccc 1px solid; }
.white-form .custom-select-list-selected {background-color: #eee; color: #666; }


/* 8.3 Formulaire commun a toutes les pages
----------------------------------------------------------------------------------------------------*/
/*-- Colonnes --*/

.masque-rech-col1 {float: left; width: 30%;}
.masque-rech-col2 {float: left; width: 70%;}


/*-- Mini formulaire - partie visible --*/

.masque-rech {width: 96%; background: url(/images/bg-white-91.png) repeat; padding: 15px 2% 0; margin: 23px 0 0 0;}
.masque-rech .form-critere.clearfix {clear: none; display: inline-block; margin-right: 1.5%; vertical-align: top;}

.masque-rech .white-form .custom-select-choice {font-weight: bold;}


.masque-rech .form-critere-ope {width: 12%;}
.masque-rech .form-critere-type {width: 22%;}
.masque-rech .form-critere-input-ville {width: 32%; }
.masque-rech .form-critere-elargir {width: 10%;}
.masque-rech .lieu-input-search {
	border: 1px solid rgba(223,221,219,0.9) !important;
}

.form-rubrique-interne {color: #000; float: left;}

.form-critere-input-ville .form-rubrique-interne {width: 18%; margin-left: 1.5%; float: left;}
.form-critere-motscles .form-rubrique-interne, .form-critere-ref .form-rubrique-interne {width: 29%; margin-left: 1.5%; float: left;}
.uk .form-critere-ref .form-rubrique-interne {width: 41%;}
.form-critere-input-ville .input-interne {width: 80%; margin-left: 19.5%;}
.form-critere-motscles .input-interne {width: 68%; margin-left: 27.5%;}
.form-critere-ref .input-interne {width: 69%; margin-left: 26.5%;}
.uk .form-critere-ref .input-interne {width: 55%; margin-left: 43.5%;}
.masque-rech .form-critere-input-ville, .masque-rech .form-critere-motscles, .masque-rech .form-critere-ref {white-space: nowrap; text-overflow: ellipsis; color: #E31F3B; line-height: 3em;}

.white-form .input-ville1, .white-form .motscles1, .white-form .ref {width: 100%; height: 37px !important; vertical-align: top; border: none !important;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

.masque-rech .ope, .masque-rech .ope .custom-select-container, .masque-rech .type, .masque-rech .type .custom-select-container {width: 100%;}
input[type="submit"].form-submit-rech {width: 16%; background-color: #42403f; height: 38px; border: none; color: #fff;
	font: 1.2em ;
	line-height: 1em;
	text-align: center;

   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-transform: capitalize;
}
.btn-more-rech {width: 100%; font-size: 1em; cursor: pointer; }
.home .btn-more-rech {position: absolute;}


.btn-more-rech span { background-color: #E31F3B;display: inline-block; *display:inline; *zoom:1; color: #FFF; padding: 8px 10px;
}

/*-- Maxi formulaire - partie masquee --*/

.critere-hidden {display: none; padding-top: 45px; width: 100%;}
.masque-rech .form-critere-pieces, .masque-rech .form-critere-budget, .masque-rech .form-critere-surface, .masque-rech .form-critere-terrain {width: 33%;}
.masque-rech .form-critere-motscles, .masque-rech .form-critere-ref {width: 29.5%; height: 38px; background:rgba(255,255,255,1); border: 1px solid rgba(223,221,219,0.9); line-height: 3em; margin-right: 0 !important;}
.masque-rech .form-critere-pieces .form-critere-title, .masque-rech .form-critere-budget .form-critere-title, .masque-rech .form-critere-surface .form-critere-title, .masque-rech .form-critere-terrain .form-critere-title {width: 15%;}



.uk .masque-rech .form-critere-pieces .form-critere-title, .uk  .masque-rech .form-critere-budget .form-critere-title, .uk  .masque-rech .form-critere-surface .form-critere-title, .uk  .masque-rech .form-critere-terrain .form-critere-title {width: 23%;}
.masque-rech .form-critere-budget .form-critere-content, .masque-rech .form-critere-surface .form-critere-content, .masque-rech .form-critere-terrain .form-critere-content, .masque-rech .form-critere-pieces .form-critere-content {width: 40%;}
.uk .masque-rech .form-critere-budget .form-critere-content, .uk .masque-rech .form-critere-surface .form-critere-content, .uk .masque-rech .form-critere-terrain .form-critere-content, .uk .masque-rech .form-critere-pieces .form-critere-content {width: 36%;}
.masque-rech .form-critere-pieces input, .masque-rech .form-critere-budget input, .masque-rech .form-critere-surface input, .masque-rech .form-critere-terrain input {width: 75%;}
.uk .masque-rech .form-critere-pieces input, .uk .masque-rech .form-critere-budget input, .uk .masque-rech .form-critere-surface input, .uk .masque-rech .form-critere-terrain input {width: 72%;}


/* 8.4 Specificites
----------------------------------------------------------------------------------------------------*/

/* Specifique a la home */
.masque-rech.home-form {margin: 0 0 90px; min-height: 70px;}

.masque-rech.home-form .form-submit-rech {
	background-color: #E31F3B;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 1.2em;
}
.masque-rech.home-form .form-submit-rech:hover{
	background-color: #d70009
}


/* Specifique a la page recrutement */
.critere-piece-jointe input {line-height: 1em !important; padding: 13px 2% 5px;}

/* Specifique aux pages mon compte */
.mya input.form-submit-maj {float: none;}

/* Specifique a la liste */

.liste .masque-rech {margin-top: 0px; position: relative;}
.liste .masque-rech .minimoteur {margin-top: 15px; display: block;
}

.liste .masque-rech .form-critere-ope {width: 48%;}
.liste .masque-rech .form-critere-type {width: 48%;}



.liste .masque-rech .form-critere-pieces,
.liste .masque-rech .form-critere-budget,
.liste .masque-rech .form-critere-surface,
.liste .masque-rech .form-critere-terrain
 { width: 48%;}


.liste .masque-rech .lieu-bloc-search input.lieu-input-search {width: 87%; height: 30px;}
.liste .masque-rech .lieu-search-label{ margin-right: 1.5%; width: 10%;}



.liste .masque-rech .form-critere-input-ville {width: 73%; margin-right: 4%;
}

.liste .masque-rech .form-critere-elargir {width: 15.5%;}

.liste .masque-rech .lieu-bloc-label-list ul { margin-left: 11.5% !important;
}
.liste .masque-rech .lieu-bloc-label { padding-bottom: 5px !important;
}

.liste .masque-rech .form-critere-motscles { width: 48%; margin-right: 5px !important;}
.liste .masque-rech .form-critere-ref { width: 49%; }


.liste .btn-more-rech {float: left; width: inherit; margin-top: 10px;}
.liste .masque-rech .critere-hidden {padding-top: 55px;}


.liste .form-submit-rech {float : right}

 /* Specifique a la liste neuf */
 .liste.liste-neuf .masque-rech {padding: 15px 5% 5px; width: 90%;}
 .liste.liste-neuf .masque-rech .minimoteur {margin-top: 0px;}
 .liste.liste-neuf .form-critere-title.input-xxtiny {
 	width: 7%;
 }

 /* 8.5 Module de lieu
 ----------------------------------------------------------------------------------------------------*/

 .lieu-bloc-search input.lieu-input-search {width: 78%; height: 30px; color: #787878;
 }

 .lieu-bloc-search input.lieu-input-search:focus {color: #000; }

  .form-critere .lieu label{ padding-right: 0; text-transform: none; }

 .lieu-editor-lst { overflow:auto; height:80%; }

 .lieu-input-search{ background-color: #FAFAFA; border: #DADADA 1px solid; outline: none; padding: 4px; width: 252px;  font-size: 13px; /*margin-left: 5px;*/ }
 .side-form .lieu-input-search{ outline: none; padding: 2px 4px; width: 200px;  font-size: 13px; /*margin-left: 5px;*/ }

 #home-form-container .lieu-input-search{ width: 185px; }
 .lieu-container .form-critere-title-left {width:235px; margin-bottom: 5px; }
 .lieu-expand-label{ display: inline-block; *display:inline; *zoom:1; width: 60px; color: #464646; font-weight: bold; }
 .lieu-bloc-expand{ margin-top: 10px; }

 #home-form-container .lieu-bloc-expand { margin-top: 0px; position: absolute; right: 0; top: 0;}
 .lieu-bloc-expand-input{ display: inline-block; *display:inline; *zoom:1;  width: 272px; color: #6c6c6c; }
 .lieu-bloc-expand-input label{ font-weight: normal; color:#959595; font-size:11px; display: inline-block; *display:inline; *zoom:1; padding-top:2px; padding-bottom: 2px; cursor: pointer; }
 .lieu-bloc-label-list .lieu-bloc-label-btn{ display: none; visibility: hidden; }

 .lieu-bloc-label{ margin: 10px 0; }
 .input-searching { background:  transparent url(/images/ajax-loader-autocompletion.gif) no-repeat 97% 50% !important; }
 .ui-autocomplete.ui-widget-content{border-bottom: none; border-top: none; border-left: none; border-right: none; padding: 0; box-shadow: 0 4px 20px rgba(0,0,0,.4); font: normal 12px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif; border-radius: 0; max-height: 250px; overflow-y: auto; overflow-x: hidden;}

 .ui-autocomplete.ui-widget-content .ui-menu-item a { padding: 0; border-radius:0; }
 .ui-autocomplete.ui-widget-content .ui-menu-item a > span{ color:#6c6c6c; padding: 4px 10px; border-radius: 0; white-space: nowrap; display: block; }
 .ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover { border-color:#ca2600; background: none; }
 .ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover > span{ border-color: #ca2600; color: #fff; background-color: #e92c00;}
 .ui-autocomplete.ui-widget-content .ui-menu-item a span>span{ font-weight: bold; margin: 0; }

 *+html .home .lieu-bloc-label{ min-height:30px;}

 .lieu-bloc-label-list .lieu-bloc-label-btn:active{ bottom: -1px; }
 .lieu-bloc-label-list ul{
 	padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; width: 160%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing   : border-box;
   box-sizing        : border-box;
 }


 .liste .lieu-bloc-label-list ul{
 	width: 100%;
 }

 .side-form .lieu-bloc-label-list ul{ width:218px; }

 .form-critere .lieu-bloc-label-list ul li {display: inline-block; float: left;
 }
 .lieu-bloc-label-list ul li{ color: #303030; padding: 5px 20px 5px 5px !important; line-height: 1em; margin: 1px 2px 2px !important; position: relative; cursor: default; display: inline-block; *display:inline; *zoom:1;
   background-color: #e7e7e7;
 	font-size: 12px;
 	-moz-box-shadow: 1px 1px #c4c4c4;
 	-webkit-box-shadow: 1px 1px #c4c4c4;
 	box-shadow: 1px 1px #c4c4c4;

 }

 .lieu-bloc-label-list-del{ display: block; position: absolute; right: 4px; top: 5px; width: 10px; height: 10px; font-size: 1px; cursor: pointer; z-index:10; background: url(/images/bg-pictos-lieu.png) -1px -7px no-repeat transparent;}
 .lieu-bloc-label-list-del:hover{ background-position: -12px -8px; }

 .lieu-bloc-editor {display: none; visibility: hidden; }
 .lieu { z-index: 10; position: relative;}

 .lieu-editor-bg { z-index: 5; top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
 .no-rgba .lieu-editor-bg{ background-color:#fff;}
 .lieu-editor-lst-container { z-index: 3; top: 0; z-index: 10; height: 110px; background: white; width: 390px; position: relative; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; padding: 10px 0 30px; box-shadow: 0 0 60px rgba(0,0,0,.2); }

 .lieu-editor-lst-container ul{ padding: 0; list-style: none; }
 .lieu-editor-lst-container ul li{ padding: 3px 0 3px 20px; background-color: transparent; margin: 0 0 0 15px; cursor: pointer; font-size: 11px; color: #000; background: transparent url(/images/bg-pictos-lieu.png) no-repeat 0 -33px;}
 .lieu-editor-lst-container ul li:hover{ background-position: 0 -49px; color: #555; }
 .lieu-editor-close {  z-index: 20; background: transparent url(/images/slider-controls.png) no-repeat -6px -236px; cursor: pointer; width:25px; height:25px; position:absolute; top:-12px; right:-12px;  }
 .lieu-editor-close:hover { background: transparent url(/images/slider-controls.png) no-repeat -45px -236px; }
 .lieu-editor-valid{ text-align: center; padding-top: 15px; border-top:#eee 1px solid; }
 .lieu-editor-valid input{ border: 0; color: #fefefe; font: 12px maven_probold, sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: #35383a; }
 .error-form { border:1px solid #C00 !important; }
 /* Perso en fonction du type */
 .lieu-result-d{/* Departements */ font-style: italic; font-weight: bold; color:#095276; border-bottom: #ddd 1px solid; }
 .lieu-result-g{/* Groupe de villes */ font-weight: bold; color:#555; }
 .lieu-result-r{/* Région */ text-transform: uppercase; font-weight: bold; color:#095276;  border-bottom: #ddd 1px solid; }
 .lieu-result-v{/* Ville */ color:#555; }
 .lieu-result-p{/* Pays */ text-transform: uppercase; font-weight: bold; border-bottom: #ddd 1px solid; }


 /* Lieu warning */

 .lieu-bloc-warning {
 	position: absolute; top: 22px; left: 64px;
 	color: #FFF;
 	z-index: 15;
 }

 .lieu-bloc-warning-arrow {
 	background: url(/images/bg-warning-arrow.png) center bottom no-repeat transparent;
 	height: 20px;
 }


 .lieu-bloc-warning-tooltip {
 	background: transparent url(/images/bg-warning-tooltip.png);
 	color: #FFF;
 	padding: 8px;
 	line-height: 1em;
 	font-size: 12px;
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 }


 .lieu-bloc-search .lieu-input-search.lieu-input-search-warning {background: #e7e7e7 !important;
border: 1px dashed #c7c7c7 !important;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               IX. LINKS                      ||
   ||                                              ||
    \\ ========================================== //
*/

a.link{ color:#E31F3B !important; text-decoration: underline !important; }
a:hover.link{ color: #585252 !important; text-decoration: underline !important; }


a:link, a:visited { color:#42403f; text-decoration: none; }
a:hover, a:active{ color: #E31F3B; text-decoration: underline;  }

a:link.submit-classique, a:visited.submit-classique {color: #fff; padding: 11px 4% 0; height: 24px; display: inline-block; white-space: nowrap;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: #42403f;
}
a:hover.submit-classique, a:active.submit-classique {color: #fff; text-decoration: none; background-color: #E31F3B;}

a.submit-all-bien {background-color: #E31F3B; height: 30px; padding: 20px 4% 0; border: none; color: #fff; text-transform: uppercase; font: 0.75em/1em ; position: relative; z-index: 5; display: inline-block;
  -webkit-box-shadow:  2px 2px 0px 2px rgba(0, 0, 0, 0.1);
          box-shadow:  2px 2px 0px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
  filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover.submit-all-bien {text-decoration: none; background-color: #d70009;}

a.submit-recrutement {margin-top: 2.2em;}



/*
    // ========================================== \\
   ||                                              ||
   ||                   X. DIVERS                  ||
   ||                                              ||
    \\ ========================================== //
*/



/* ==========================================================================
   10.1 HELPER CLASSES
   ========================================================================== */


.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.relative{position: relative;}


/* ==========================================================================
   10.2 PRINT STYLES
   ========================================================================== */


@media print {

    * {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;}
    #header-logo a {background: url(/images/logo.png) no-repeat !important; background-size: 100%;}
    .header-ref-h1, .header-ref-h2, .header-content, .detail-actions, .detail-bien-context-header, .header-bottom, .masque-rech, .pied-ref, .liste-navpage-container, .detail-bien-context-infos, .detail-bien-contact, .detail-bien-poi, .gg-map-container {display: none !important; }
    a, a:visited {text-decoration: underline; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }

}

/* ------------------------------------------------ Mise en forme de la page partenaire Adapt immo ------------------------------------------------ */

.ligne-titre {
     line-height: 85px;
     vertical-align: middle;
  }

  .titre-texte {
     display: inline-block;
     width: 80%;
  }

  .titre-logo {
     display: inline-block;
     float: right;
     width: 20%;
  }

  .logo-adapt-partenaire {
     width: 130px;
  }

  .texte-partenaire a {
    color: #b7070d;
  }




/*
    // ========================================== \\
   ||                                              ||
   ||               XI. MEDIA QUERIES              ||
   ||                                              ||
    \\ ========================================== //
*/



/* ==========================================================================
   11.1 PORTRAIT TABLET TO LANDSCAPE AND DESKTOP : (min-width: 768px) and (max-width: 979px)
   ========================================================================== */


@media (min-width: 768px) and (max-width: 1024px) {

.span-clear {display: inline; clear: inherit; }


.bg-header {background: url(/images/bg-home-header.jpg) no-repeat center center ; height: 150%; position: relative; width: 120%; position: fixed;
 -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.ill-attentat-paris {top: 65px;}


 .content-container { min-width: 768px; width: 100%; padding: 0;}

  /*-- Header --*/
.header-top { height: 65px;}
.home #header-logo{width: 337px; height: 158px; float: left; margin-top: 29px; margin-left: 15px;}
.home #header-logo a{display: block; width: 337px; height: 158px;  background-repeat: no-repeat;
  background-image: url(/images/logo.png);
  background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x);
  background-image: image-set("/images/logo.png" 1x, "/images/logo@2x.png" 2x);
  background-size: 337px 158px;
}


#header-logo {width: 299px; height: 140px; float: left; margin-top: 29px; margin-left:5px;}
#header-logo a {display: block; width: 299px; height: 140px; background-repeat: no-repeat;
  background-image: url(/images/logo.png);
  background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x);
  background-image: image-set("/images/logo.png" 1x, "/images/logo@2x.png" 2x);
  background-size: 299px 140px;
}


  .header-content {width: 100%;}
  .header-menu {font-size: 0.7em;}
  .header-menu a {padding: 0 4px;}
  /* Masquage de certains mots du menu */
	.header-menu .hidden-span {display: none;}


  #header-slogan {right: 1%; font-size: 1.45em;}
  #header-slogan-alt {font-size: 1.45em; margin-right: 20px}


  /*-- Alt Menu --*/
	.alt-menu { width: 57%;}
	.alt-menu li {margin-right: 3px; width: 32%;}
	div.alt-menu-pic {margin: 0px auto; }
	.alt-menu-txt {font-size: 19px; margin-top: 10px; margin-left: 3px;}

  /*-- Home --*/

  /* Widgets home */
  .home-widgets {margin: 0 0 36px;}
  .home-widgets-item.home-widget-item-4, .home-widgets-item.home-widget-item-5 {margin-top: 3%;}
  .home-widgets-txt div {vertical-align: top;}

  /* Formulaire home */
  .heading1 .line-side {width: 11%;}
  .form-critere-input-ville .form-rubrique-interne {width: 20%;}
  .form-critere-input-ville .input-interne {width: 75%; text-align: right; margin-left: 24.5%;}

  /* Slide de news home */
  .home-slide-text {width: 55%;}

  /*-- Footer --*/
	#footer .social-menu-title {width: 100%; padding: 0;}
	#footer .social-menu {width: 45%; margin-left: 2%;
	}
	#footer .footer-logos {margin-top: -20px; margin-right: 10px;}


.pied-adresse {padding: 0 15px 30px 15px;}
  .pied-adresse .tel-clear {display: block; clear: both;}
  .pied-agence-tel {margin: 5px 0 0 155px !important;}
  .pied-agence-contact {margin-top: -10px;}
  .pied-ref {padding: 0 15px;}

  /*-- Alerte mail --*/

  .liste-create-alert-img {left: 3%; top: 9px;}
  .liste-create-alert-content {width: 86%;}
  .liste-create-alert-content-title {width: 45%;}
  .liste-create-alert-content-input {width: 53%; top: -11px;}

  /*-- Mode liste --*/

  .liste-container hr {width:20%;}
  .liste-bien-container {height: auto;}
  .liste-bien-container.mode-2 {height: 291px;}

  .liste-bien-photo.mode-2 { width: 43%;}
  .liste-bien-description.mode-2 {width: 53%; }


  /*-- Mode details --*/

  ul.buttons hr { display: none; }
  .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 495px;}
  .big-flap-container .diapo img.photo-big {max-width: 700px; max-height: 700px;}
  .large-flap-nav {opacity: 1 !important;}
  .large-flap-nav .previous, .large-flap-nav .next {top: 190px; margin-top: 0;}
  .detail-bien-context-header > div:first-child {font-size: 0.8em;}
  .detail-bien-context-header > div {font-size: 1.1em;}
  .detail-bien-context-header > div.link a {font-size: 0.9em;}
  .detail-bien-context-infos {top: 53%;}
  .detail-bien-context-infos .detail-bien-context-title, .detail-bien-context-infos .prix, .detail-bien-context-infos .ref {left: 20px;}
  .detail-bien-context-title, .detail-bien-context-infos .prix {max-width: 170px !important; font-size: 1.1em;}
  .poi-col {display: inline-block; width: 24%; margin: 2%; vertical-align: top;}
  .poi-col:last-child {margin-right: 0;}
  .poi-col:first-child {margin-left: 0;}

  /* Partie mon compte */
  .side-mya a:link, .side-mya a:visited {font-size: 0.85em;}

  /* Ref page arbo */
  .home-slider-vedette {width: 90%; padding: 0 5%;}
  .stamp {width: 28.5%;}
  .stamp-texte-container {margin-top: 62px; height: 53px;}

  /* Minisite */
  .liste-nego-photo {width:25%;}

  /* SVG Map */

.side-map-agent-title {margin-left: 10px;}

img.little-drawn-arrow {right: 5%; }

}


/* ==========================================================================
   11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px)
   ========================================================================== */


@media (max-width: 767px) {

	/*-- Pages recrutement --*/
	.textes-liens .heading4 .btn-color,
	.textes-liens p {
	    font-size: 11px;
	    text-align: left;
	    line-height: 15px;
	}

  /*-- Generalites --*/

  .recrutement-intro nav.recrutement-menu{    position: initial; width: 100%;}

  .bg-header {height: 700px;}
  .content-container{width: 100%; padding: 0;}
  .leftside-page {width: 100%; float: none;}
  .rightside-page {width: 96%; float: none;}
  .illustration-aside img {display: none;}
  a.bulle-en-savoir-plus {width: auto; background-image: none; background-color: #E31F3B; text-decoration: none; height: 25px; padding: 10px 4% 0; border: none; color: #fff; font: 0.85em/1em ; position: inherit; float: left; top: 0; left: 0; text-indent: 0;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    filter: dropshadow(color=#e5e5e5, offx=1, offy=1);
  }

  /*-- Header --*/
  .header-logo-container { height:265px;}
  .home .header-logo-container { height:35px;}
  .header-top {height: 95px; padding: 0;}

  .home #header-logo, #header-logo {padding-top: 0px; margin-left: 10px;  margin-top: 25px; width: 171px; height: 80px;  position: absolute; top: -115px;
	}
  .home #header-logo a, #header-logo a {background-size: 171px 80px; -webkit-background-size: 171px 80px; width: 171px; height: 80px;  }
  .header-content {margin-left: 0;}
  .header-top .social-menu {display: none;}
  .main-lang-container {margin: 14px 94px 0 30px;}
  .nav-btn{display: block;} /* le bouton devient visible */
  .header-bottom {height: auto; padding: 0;}

    /*-- Slogan --*/

   #header-slogan, #header-slogan-alt{ width: 100%; text-align: center; margin: 0 !important; padding: 10px 0 !important;
	 	font-size: 1em; position: relative !important; right: inherit; top: inherit;
	 }

	.heading2.heading2recrutement {
	    font-size: 0.9em;
	    padding-left: 19%;
	    width: 76.5%;
	}



  /*-- Home --*/


 /* Widgets home */
  .home-widgets {margin: 30px 0;}

  a .home-widgets-pic {margin-top: -24px; }
  .home-widgets-txt {font-size: 20px;}

  .home-widgets ul li.home-widgets-item {width: 30%;}
  .home-widgets ul li.home-widget-item-2 {margin: 0 3%;}



 /* Menu orange */

 .alt-menu ul {width: 90%; padding: 0 5%;
 	background: #FFF;}
  .alt-menu {width: 100%; background: #FFF; margin: 0;
	}

 .alt-menu li {display: block; height: 30px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3)}
 .alt-menu ul li:last-child { border: none;}
 .alt-menu li.sep-alt-menu {display: none;}
 .alt-menu li a {display: inline-block; line-height: 32px; width: 100%; padding: 0;}


 /* Sous menu orange */
 .sf-menu ul {position: relative;}
 .sf-menu .item-1 ul {width:inherit !important; padding: 0; }

 .alt-menu .sf-menu li {height: auto; display: block; width: 100%;
 }
 .sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 2px; left: 0;
 	background-image: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
 .sf-menu ul li {display: inline-block; width: 100%;}
 .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited { height: 31px; padding: 5px;}
  .sf-menu li.sfHover li a:hover{background:#e7e7e7;
		color: #42403f;
	}
 .sf-menu li.sfHover a:first-child {border-bottom: rgba(255, 255, 255, 0.5) 1px solid;}

 /* page mini liste  */

 .liste.ref .input-medium {
    width: 92%;
}
.css-deroulant {
    display: inline-block;
    position: relative;
    z-index: 0;
    width: 97%;
    top: 0;
}





  /*-- Menu Responsive (debut) --*/

  /* Menu gris : s ouvre sur le cote */
  .header-menu ul li{ margin:0 !important; display: block; /* padding-left: 10px;*/ border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-font-smoothing: antialiased; position: relative; }
  .header-menu a {padding: 18px 20px 17px; text-align: right !important; }
  .header-menu a.select-link {padding: 13px 40px 12px 20px !important;}
  .header-menu ul li a:link, .header-menu ul li a:visited,
  .header-menu ul li a:link strong, .header-menu ul li a:visited strong {color:rgba(255,255,255,.8) }
  .header-menu ul li a:hover, .header-menu ul li a:active,
  .header-menu ul li a:hover strong, .header-menu ul li a:active strong{ color: #464646;}
  .header-menu ul li.c2a a:link, .header-menu ul li.c2a a:visited { background: none; text-transform: uppercase; }
  .header-menu ul li.current:after {z-index: 50; display: block; content: ""; position: absolute; bottom: 50%; right: -0.03125em; margin-bottom: -0.625em; border-top: 0.625em transparent solid; border-bottom: 0.625em transparent solid; border-right: 0.625em white solid;}

    .header-menu a span.effect{display: none !important;}




  #nav{ position: absolute; top: 0; padding-top: 6.25em; overflow: hidden; }
  #nav:not(:target) { z-index: 1; height: 0; }
  #nav:target .close-btn { display: block; }
  #nav .close-btn { position: absolute; top: 1.75em; left: 1.875em; }

  .csstransforms3d.csstransitions.js-ready #nav {
   left: 0;
   -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
       -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
           transform: translate3d(-100%, 0, 0);
   -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
       -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
           backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-ready #global-content {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
          -moz-transition: -moz-transform 500ms ease;
              -o-transition: -o-transform 500ms ease;
                    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
         -o-backface-visibility: hidden;
            backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #global-content {
    -webkit-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
       -moz-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
         -o-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
   -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
   -webkit-transition-delay: ease, 0s;
   -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
   -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
   transition: opacity 300ms 100ms ease, transform 500ms ease;
   -webkit-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
      -moz-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
       -ms-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -o-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
           transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9);
   -webkit-transform-origin: 50% 0%;
      -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
           transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
   -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
       -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
  }

  .js-ready #nav {height: 100%; width: 60%; background: #4f5459;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
       -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
            box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }

  .js-ready #nav .block {background: transparent;}
  .js-ready #nav .close-btn {display: block;}
  .js-ready #nav {left: -60%;}
  .js-ready #global-content {left: 0;}
  .js-nav #global-content {left: 60%;}
  .fcts-menu:after{margin-left: -10px;}
  /* Menu responsive (fin) */



  /* Formulaire home */
  .masque-rech .form-critere-ope, .masque-rech .form-critere-type, .masque-rech .form-critere-pieces, .masque-rech .form-critere-budget, .masque-rech .form-critere-motscles, .masque-rech .form-critere-surface, .masque-rech .form-critere-terrain, .masque-rech .form-critere-ref {width: 100%;}
  .masque-rech .form-critere-input-ville {width: 99.5%;}
  .masque-rech .form-critere-budget input, .masque-rech .form-critere-pieces input, .masque-rech .form-critere-surface input, .masque-rech .form-critere-terrain input {width: 82%;}
  input[type="submit"].form-submit-rech {width: 26%; margin: 5px 3% 16px 0; float: left;}
  .btn-more-rech {width: 40%; margin: 5px 0 30px; display: inline-block; position: relative; float: right ; text-align: right;
	}

	.btn-more-rech span { background-color: #a6a4a1;display: inline-block; *display:inline; *zoom:1; color: #FFF; padding: 10px;
	}

	.masque-rech .form-critere-elargir {width: 15.5%;}
	.masque-rech .lieu-input-search { width: 65.5% !important;}

	.lieu-bloc-label-list ul{width: 100%; margin-left: 0 !important; }


  /* Biens vedettes */
  a.home-vignette-container {width: 40%; margin: 2% 2%;}
  .infos-bien {top: 33%; font-size: 0.8em;}
  .bien-vedette .heading1 {font-size: 1.3em;}

  /* Home recrutement */
  .home-recrutement {background-position: top center;}
  .home-recrutement .zone-txt {width: 80%;}
  a.submit-recrutement {margin-top: 1em}

  /* Slide home */
  .home-slide-agence {padding: 30px 0;}
  .home-slider-container .large-flap-container  {min-height: 515px;}
  .home-slide-prev {left: 5%;}
  .home-slide-next {right: 5%;}
  .home-slider-container {width: 76%;}
  .home-slide1, .home-slide2, .home-slide3 {background-position: center top; padding: 250px 0 0; height: auto; background-size: 100%;}
  .home-slide-text {float: none; width: 100%; margin: 0; font-size: 0.8em;}

  /* Specifique au slide des news de la home */
  .home-slide-news-img {width: 211px; height: 211px; float: none; margin: 0 auto 20px;}
  .home-slide-news-img img {min-height: 211px;}

  /*-- Slide de news home (ss image) --*/

  .home-slide-news { width: 100%; height: 325px;}
  .home-slide-news-img {width: 231px; height: 231px; margin-top: 50px;}
  .home-slide-news-img img {width: 100%; height: auto; min-height: 231px; border-radius: 50%; -webkit-border-radius: 50%;}

  /*-- Footer --*/

  .pied-adresse {display: inline-block;}
  .pied-adresse-content ul li {margin-bottom: 5px;}
  .pied-adresse .tel-clear, .pied-adresse .adresse-clear, .pied-adresse .contact-clear {display: block; clear: both;}
  .pied-agence-name {padding-left: 21px !important;}
  .pied-adresse li.pied-agence-contact {float: none; margin-top: 5px;}
  .pied-ref {padding: 0 10px;}


  #footer .social-menu-title {width: 100%; padding: 0;}

  #footer .social-menu {width: 100%; margin-bottom: 100px !important;}

  #footer .footer-logos {margin-top: 0px; margin-right: 20px; }


  /* Pour la home */

  .home .pied-content-left,  .pied-content-left{
  	float: left; width: 100%; padding-top: 30px;
  }


  .home .pied-content-left ul li{
  float: left;
  }

  .footer-actus-title {padding-left: 0;}





/* Footer content right */

  .pied-content-right {
  	float: left; width:94%; padding: 30px 3% 0 3%
  }




  /*--------------- Message responsive ---------------*/
  .message-responsive-text {width: 70%;}




/*-- Alerte mail --*/

  .liste-create-alert-img {display: none;}
  .liste-create-alert-content {width: 93%;}
  .liste-create-alert-content-title {width: 100%;}
  .liste-create-alert-content .heading1 {display: inline-block;}
  .liste-create-alert-content-input {width: 100%; top: 3px; margin-bottom: 1%; margin-left: 0;}
  input.input-text-alerte-mail {width: 83%;}

  /*-- Mode liste --*/

  .masque-rech-col1 {float: none; width: 100%;}
  .masque-rech-col2 {float: none; width: 100%;}

  /*-- Moteur de rech liste --*/


    .lieu .lieu-search-label.form-critere-title.label-smaller,
    .form-critere.form-critere-input-ville.clearfix{width: 100%;
    display: block; padding-bottom: 0;
  	}

    .lieu-bloc-search input.lieu-input-search {width: 96% !important;}
  	.liste .masque-rech .form-critere-pieces,
  	.liste .masque-rech .form-critere-budget,
  	.liste .masque-rech .form-critere-surface,
  	.liste .masque-rech .form-critere-terrain
  	 { width: 100%;}





     .liste .masque-rech .form-critere-elargir {width: 98% !important;}
  	 .liste .masque-rech .lieu-bloc-label-list ul{
  	 	margin: 0 0 0 1.5% !important;
  	 }





  .liste-display-all-nb {float: none; font-size: 1.1em;}
  .liste-container hr {display: none;}
  .filters-container {float: left; margin: 10px 0 20px;}
  .filters-content ul {text-align: left;}
  .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited, li.mode-affichage {margin: 0 10px 0 0;}
  .select-mode-affichage p {display: none;}
  .liste-bien-container {height: auto; width: 100%;}
  .liste-bien-type, .liste-bien-price {font-size: 0.7em;}
  .liste-bien-ville {font-size: 0.6em;}
  .liste-bien-photo.mode-2 {width: 100%; height: auto;}
  .liste-bien-photo img {width: 100%; height: auto; opacity: 1 !important;}
  .liste-bien-photo img.anti-cheat {display: none !important; opacity: 0 !important;}


.liste-bien-container.mode-2 {padding: 0;}
  .liste-bien-description.mode-2 {width: 98%;}
  .liste-bien-title.mode-2 {padding: 3.5% 0 0.5%;}
  .bg-liste-mode-2 {background-size: 100%; margin: 10px 0 20px;}

  /* Ribbons */
  .mode-2 .liste-bien-ribbon {top: 0; left: -2px;}

  /* Mini liste */
  .ref .bloc-lib-critere-liste-new-search a, .ref .bloc-lib-critere-liste-label span {margin: 0 10px 10px 0; float: left;}

  /*-- Mode details --*/

  .page-container {margin-top: 0;}
  .detail-topnav ul {text-align: left;}
  li.button {margin-bottom: 10px;}
  li.contact-agence {display: inline-block;}
  li.ico-back-clear,   li.ico-back-clear:hover {clear: both; display: block; background-color: transparent; height: 7px; padding: 0;}
  ul.buttons hr {display: none;}
  .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 250px; min-height: 250px;}
  .big-flap-container .diapo img.photo-big {max-width: 400px; max-height: 400px;}
  .large-flap-nav {opacity: 1 !important;}
  .large-flap-nav .previous, .large-flap-nav .next {width: 24px; height: 45px; background: transparent no-repeat; display: block; margin-top: 100px;
    background-image: url(/images/slider-controls.png);
    background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x);
    background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x);
    }
  .large-flap-nav .next {background-position: -25px -338px; right: 20px;}
  .large-flap-nav .next:hover {background-position: -25px -383px;}
  .large-flap-nav .previous {background-position: 0 -338px; left: 20px;}
  .large-flap-nav .previous:hover {background-position: 0 -383px;}
  .detail-bien-context {display: none !important;}
  .thumbs-flap-wrapper {padding: 18px 13%; }
  .thumbs-control-prev {left: 10px}
  .thumbs-control-next {right: 10px;}
  .detail-bien-specs {width: 100%; padding: 35px 0 0 0; background-image: none; float: none;}
  .detail-bien-infos {background-size: 100%;}
  .detail-bien-desc-content {padding: 30px 0 0 0; margin-top: 17px; border-top: #d7d7d7 1px solid;}
  .poi-col {width: 46%; margin: 10px 1%;}
  .detail-bien-dpe {width: 100%; float: none; border-bottom: 1px solid #d7d7d7;}
  .detail-bien-contact {width: 96%; padding: 35px 2% 0; border: none;}
  .detail-bien-lots { width: 96%; padding: 35px 2% 0; border: none; }


  /*-- News --*/

  .news-liste-container .large-flap-container {min-height: 100px; }
  .news-liste-container .thumbs-flap-container {background-size: 100%;}

  /*-- Ref : module de marquee --*/

  .pied-ref-defil-text {width: 100%; margin-right: 0;}
  .pied-ref-defil-images {width: 100%;}
  .pied-ref-defil-images ul {height: 90px;}
  .pied-ref-defil-images ul li .ref-bien-slide {width: 48%; float: left;}

  /*-- Ref : module de region, departement, ville - tabs --*/

  .region-annonces-container {width: 99%; margin-right: 0;}

  /*-- Formulaires --*/

  .main-content-demicol, .main-content-demicol:first-child {width: 100%; margin: 0; float: none; margin-bottom: 20px;}
  .form-critere-title, .form-critere-title-left {padding-bottom: 7px;}
  .main-content-demicol .form-critere-content, .form-critere-content {width: 100%;}
  .input-text.input-unite, input.input-unite {width: 86%; margin-bottom: 4px;}
  .form-highlight-items:first-child {margin-top: 7px;}

  /*-- Pop-up --*/

  .ui-dialog {width: 90% !important;}
  .calc-leftcol, .calc-rightcol {float: none; width: 100%}

  /*-- Mon compte --*/

  .leftside-menu-mya {width: 98%; float: none;}
  .rightside-page-mya {width: 100%; float: none;}
  li.mya-widget a:link, li.mya-widget.mya-widget-selection a:visited, li.mya-widget.mya-widget-selection a:hover {background-color: #eee;}
  .mya .lieu-bloc-search .lieu-search-label {width: 100%;}
  .mya .lieu-bloc-search input.lieu-input-search  {width: 96%;}
  .mya .liste-bien-photo.mode-2 .liste-bien-photo-frame img {width: 100%; height: auto;}

  /*-- Ref page arbo --*/

  .home-vedette {height: 305px;}
  .home-slider-vedette, .home-slider-vedette-container, .home-vedette .large-flap-container, .home-slide-vedette, .stamp {height: 270px;}
  .stamp {width: 95%;}
  .stamp-texte-container {margin-top: 167px; height: 55px;}

  /*-- Ref page ville --*/

  .ref-page-ville .leftside-page, .ref-page-ville .rightside-page {width: 98%}

  /*-- Minisite --*/

  input#dept {width: 73%;}
  .liste-nego-photo {width: 35%;}
  ul.liste-nego-buttons {margin-top: 10px; padding: 0 0 0 35%;}
  .liste-nego-buttons li:first-child {margin: 0 0 7px 0; }
  .minisite .leftside-page {width: 100%; float: none;}
  .minisite .rightside-page {width: 96%; float: none; margin-top: 60px;}
  .minisite .illustration-aside img {display: block; float: right; margin-bottom: 10px;}
  .minisite .rightside-page hr {width: 100%;}
  .minisite .liste-container hr {display: inline-block;}
  .minisite .liste-display-all-nb {margin-bottom: 10px;}
  .minisite .liste-bien-photo.mode-2 .liste-bien-photo-frame img {width: 100%; height: auto;}


    /*-- Page recrutement --*/
	.recrutement-intro {
		padding:10px;
	}

	.recrutement-intro .heading2 {
		padding: 20px 20px 20px 75px;
		width: 35%;
		margin-top: 315px;
		font-size: 1em;
	}

	.recrutement-intro nav {width: 40%;}

	.recrutement-ill-top {
		-webkit-background-size: inherit;
		-moz-background-size: inherit;
		-o-background-size: inherit;
		background-size: inherit;
		height: auto; padding-top: 150px;
		padding-bottom: 0;
		padding-left: 10px;
	}

	.recrutement-ill-top .heading1,
	.recrutement-ill-top .heading2{padding-left: 0px; width: 100%; }
	.recrutement-ill-top .heading1 {font-size: 1.7em;}
	.recrutement-ill-top .heading2 {line-height: 1em;font-size: 1.3em;}

	.recrutement .leftside-page{
		margin-top: 40px;
		margin-left: 0;
		padding: 2%;
		background: url(/images/bg-white-75.png);line-height: 1.6em; float: none;
		margin-right: 0%;
		width: 96%;
		position: relative;
	}

	.recrutement .rightside-page{ margin-top:0px; width: 100%;	float: none; padding-left: 0%;}

	 /*-- Page Reseau --*/


	.carte-agence { width: 95% !important; height: 380px !important;
	}


	.agences-liste ul{ list-style-image: none; padding: 0 !important; float: left; width: 100%; margin: 0;
	}


		 /*-- Liste agents --*/


	img.little-drawn-arrow { right: 23%;}


/* -------------------------------------------------------- Mise en forme titre Responsive page partenaire Adapt immo -------------------------------------------------------- */

  .titre-texte .heading1 {color: #2a272b;
	font-size: 1.2em;
	line-height: 1.231em;
	font-weight: bold;
}
  .titre-texte{width:65%; vertical-align: middle;}
  .titre-logo{float:none; vertical-align: middle;}

}


@media (max-width: 560px) {
	.bloc-options li {
	    width: 30%;
	    margin: 0 5% !important;
	}
}

/* ==========================================================================
   11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px)
   ========================================================================== */


@media (max-width: 480px) {

  /*-- Generalites --*/

  .content-container {width: 100%; min-width: 320px;}

  /*-- Header --*/

  .ill-attentat-paris {top: 22px; left: 195px; width: 50px;}


/*#header-logo {padding-top: 0px; margin-left: 10px; width: 180px; height: 80px;  position: absolute; top: -115px;
}
#header-logo a {background-size: 180px 80px; -webkit-background-size: 180px 80px; width: 180px; height: 80px;}*/

  .main-lang-container {margin: 18px 88px 0 0;}
  .nav-btn {width: 33px; height: 22px; background-size: 33px 22px; -webkit-background-size: 33px 22px; margin-top: 6px;}
	.heading2.heading2recrutement {
	    font-size: 0.9em;
	    padding-left: 31%;
	    width: 65.8%;
	}


/* Menu orange
.alt-menu li {float: left;  width: 33%; }

/* Pictos *
a .alt-menu-pic {width: 31px; height: 31px;
  background-size: 155px;
	float: left;
	margin-right: 5px;
	margin-top: 0px;
}



.alt-menu-txt { font-size: 18px;}



.alt-menu .item-1 a .alt-menu-pic {background-position: -2px -2px
}
.alt-menu .item-1 a:hover .alt-menu-pic,
.alt-menu .item-1.current .alt-menu-pic{background-position: -2px -34px;}
.alt-menu .item-2 a .alt-menu-pic {background-position: -61px -2px;}
.alt-menu .item-2 a:hover .alt-menu-pic,
.alt-menu .item-2.current .alt-menu-pic{background-position: -61px -34px;}
.alt-menu .item-3 a .alt-menu-pic {background-position: -120px -2px;}
.alt-menu .item-3 a:hover .alt-menu-pic,
.alt-menu .item-3.current .alt-menu-pic {background-position: -120px -34px;}


  /*-- Home --*/

  /* Widgets home */
  .home-widgets-item-content {padding:0px;}

  a .home-widgets-pic {margin-top: 10px; background-size: 234px 78px; -webkit-background-size: 234px 78px; width: 60px; height:38px;}

.home-widget-item-1 a .home-widgets-pic {background-position: 0 0;}
  .home-widget-item-1 a:hover .home-widgets-pic {background-position: 0 -39px;}
  .home-widget-item-2 a .home-widgets-pic {background-position: -59px 0;}
  .home-widget-item-2 a:hover .home-widgets-pic {background-position: -59px -39px;}
  .home-widget-item-3 a .home-widgets-pic {background-position: -175px 5px;}
  .home-widget-item-3 a:hover .home-widgets-pic {background-position: -175px -34px;}
  .home-widgets-txt div {vertical-align: top; font-size: 13px; text-align: center; width: 100%;	}

  /* Formulaire home */
  input[type="submit"].form-submit-rech {width: 40%;}
  .masque-rech .form-critere-pieces .form-critere-content, .masque-rech .form-critere-budget .form-critere-content, .masque-rech .form-critere-surface .form-critere-content, .masque-rech .form-critere-terrain .form-critere-content {width: 100%;}
  .btn-more-rech {width: 55%;}

  /* Biens vedettes home */
  .infos-bien {top: 23%; font-size: 0.65em;}
  .bien-vedette .line-side {margin-top: 11px;}
  .bien-vedette .heading1 {font-size: 1.1em; margin-bottom: 15px;}
  a.submit-all-bien {font-size: 0.65em; height: 35px;}
  /* Home recrutement */
  .home-recrutement .zone-txt {margin-top: 3.5em;}

  /*-- Footer --*/

  #footer .social-menu {float:none; margin-left: 20px}
  .pied-menu-right {margin-top: 10px; float: left;}


  /*--------------- Message responsive ---------------*/
  .message-responsive-text {width: 60%;}



  /*-- Mode liste --*/


  .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited, li.mode-affichage {margin: 0 2px 0 0;}

   /*-- Mode detail --*/

   .detail-actions li.button { padding: 10px;  }
   .detail .btn-visite-virtuelle {
    margin-top: -40px;
   	margin-left: 25px; cursor: pointer;
   }

   .side-map-agent-title {margin-left: 0px;}

  .big-flap-container .diapo img.photo-big {max-width: 250px; max-height: 350px;}
  .poi-col {width: 100%; margin: 10px 0;}
  .poi-col li {line-height: 2.5em;}

  /*-- Alerte mail --*/

  .liste-create-alert-content {width: 93%;}
  input.input-text-alerte-mail {width: 80%;}

  /*-- Ref : module de marquee --*/

  .pied-ref-defil-images ul {height: 190px;}
  .pied-ref-defil-images ul li .ref-bien-slide {width: 100%;}

  /*-- ref page arbo --*/

  .home-vedette {height: 255px;}
  .home-slider-vedette, .home-slider-vedette-container, .home-vedette .large-flap-container, .home-slide-vedette, .stamp {height: 210px;}
  .stamp {width: 95%;}
  .stamp-texte-container {margin-top: 133px; height: 35px;}

  /*-- ref page ville --*/

  .ref-thumbs-text {margin-top: 2px;}
  .ref-thumbs, .ref-thumbs-img-frame {height: 77px;}

  /*-- minisite --*/

  .minisite .illustration-aside img {float: none;}
  a.bulle-me-contacter {right: 10px;}



    /*-- Page recrutement --*/
  .recrutement-intro {
  	padding:0px;background-size: contain;  }

.recrutement-intro .heading2{width: 75%; float: none; margin-top: 150px;}
.recrutement-intro nav.recrutement-menu{    position: initial; width: 100%;}

}



/* ==========================================================================
   10.2 PRINT STYLES
   ========================================================================== */

 @media print {

 	@page { margin: 1.5cm 0.5cm !important; }
 }

/* AJOUT DE LA CLASS PRINT SUR TOUT LE CSS D IMPRESSION - pour ne pas interagir avec les styles deja en place */

/* Generalite impression */
body.print {color: #000; font-family: Arial, sans-serif; font-size: 12px; background-color: #969696; background-image: none;}
body.print p {color: #000; font-family: Arial, sans-serif; font-size: 12px; text-align: justify;}
body.print img {height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.print .clearfix {margin: 0;}
.print .heading2 {text-transform: uppercase; color: #545554; font: bold 13px/11px Arial, sans-serif; }
.print hr {margin: 5px 0;}
body.print #supersized {display: none;}

/* Parties principales */
.print #global {width: 615px; margin: 20px auto; position: inherit; background-color: #fff;}
.print #global-content {width: 100%; 1px solid #cdcdcd; padding: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

/* Header */
.print header#top {width: 100%;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box; background-image:none ; margin: 0;
			 border-bottom: 2px solid #cdcdcd;
}
.print .logo {width: 30%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding:0px;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;}
.print .logo img {max-height: 200px;}
.print .adresse {width: 45%;  display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 2%; min-height: 1px;}
.print .adresse .agence-name {text-transform: uppercase; font-weight: bold;}
.print .adresse .agence-adresse {font-size: 11px;}
.print .qrcode-link { width: 14%;  display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 2%; min-height: 1px; float: right; }
.print .qrcode {width: 100%; min-height: 90px;}
.print .link-print {cursor: pointer; text-align: center;
	background-color: #78797d; color: #FFF; padding: 5px;
	margin-bottom: 5px;
}
.print .link-print:hover {text-decoration: underline;}

/* Content */
.print #content { padding: 0 10px 10px; margin-top: 0px; background: none;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;}

.print .detail-actions {margin-bottom: 0;}

/* 10.2.1 Page detail
----------------------------------------------------------------------------------------------------*/

/* Infos principales */

.print .infos-princ {font-weight: bold; width: 49%; float: right; display: block; min-height: 1px; margin-left: 2%; padding-top: 10px; }
.print .infos-princ span {font-weight: normal;}
.print .infos-princ ul {padding: 0; margin: 0;}
.print .infos-princ li {list-style-type: none;}

.print .ref span span{ background-color: #cdcdcd; padding: 2px 10px; font-weight: bold; }
.print .infos-princ .type {font-size: 16px; font-weight: bold; line-height: 19px; text-transform: uppercase; margin: 10px 0 5px;}
.print .infos-princ .ville {font-size: 14px; font-weight: bold;}

/* texte descriptif */
.print .description {width: 100%;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	max-height: 220px; overflow: hidden;}
.print .mentions-print {display: block; font-size: 10px;}

/* Photos */
.print .photo .prix {text-align: left; font-size: 17px; font-weight: bold; line-height: 12px;}
.print .photo .prix.prix-location {text-align: right; font-size: 12px; font-weight: normal;}

.print .photo {width: 48%; float: left; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-height: 1px;
	margin-top: 5px;
	margin-bottom: 5px; position: relative;
}
.print .big-photo, .print .small-photos {
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;}
.print .small-photos {min-height: 50px;}
.print .small-photos img{max-height:50px}
.print .no-flap {display: block;}
.print .mini-photo {display: inline-block; *display:inline; *zoom:1; min-height: 1px; margin-left: 1%;}
.print .mini-photo.no-flap	{display: none; visibility: hidden;}
.print .mini-photo:first-child {margin-left: 0;}
.print .mini-photo:last-child {margin-right: 0;}

/* DPE */
.print .conso-energie {width: 48%; float: left; display: block; min-height: 1px; margin-left: 0;}
.print .emissions-gaz {width: 48%; float: left; display: block; min-height: 1px; margin-left: 2%;}
.print .DpeNote {margin-top: 0 !important; color: #000; position: inherit; padding: 0; background: none; width: auto; text-align: left; height: auto; top: auto; font-size: 15px;}

/* Formulaire de visite */
.print .form-critere .half-col {width: 48%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-bottom: 5px;  }
.print .form-critere .half-col:first-child {margin-right: 2%;}
.print .half-col .input-text, .print .half-col textarea, .print .half-col input {padding: 0 4%;}
.print .white-form .input-text {height: 25px; border: 1px solid #cdcdcd; margin-bottom: 5px;
}
.print span.form-rubrique label { width: 110px !important; display: inline-block; *display:inline; *zoom:1;
}
.print .half-col .input-text {width: 130px;}


.print .input-text {width: 75%;}
.print .white-form .input-text, .print .white-form input, .print .white-form textarea {color: #000;}

.print span.form-rubrique label{ 	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #000;
	text-transform: none;
}

.print #commentaire-visite {
	height: 100px;
}


/* Neuf - Tableau Lots */
.print table{ width: 100%;}
.print table.zebra-striped th{ background: #929292; text-align: left;}
.print table.zebra-striped th, .print table.zebra-striped td { border: 1px solid #d6d6d6; padding: 5px;
}


.print table.zebra-striped td a, .print table.zebra-striped td { color: #000; cursor: default;
}
/* 10.2.2 Page selection
----------------------------------------------------------------------------------------------------*/

body.selection.print p {text-align: left;}
.selection.print hr {margin: 5px 0 10px;}
.selection.print .clearfix {margin: 10px 0;}
.selection.print .photo {margin-bottom: 15px; float: left; margin: 0 2% 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.selection.print .description {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: left; width: 50%;}
.selection.print .description ul {padding-left: 0; margin: 0 0 15px 0;}
.selection.print .description li {list-style-type: none;}
.selection.print .description, .selection.print .description span.ref-selection {font-weight: normal;}
.selection.print .description span {font-weight: bold;}
.selection.print .description p {max-height: 81px; overflow: hidden;}
.selection.print .liste-navpage-container, .selection.print .retour-top {display: none;}
.selection.print #MentionInterAgence {text-align: center; line-height: 10px;
	color: #575757;
	font-style: italic;
	font-size: 10px;
}

.selection.print .agence{ border-top: 1px solid #cdcdcd; clear: both; padding: 5px; background-color: #e5e5e5;}

/* Google map show-on-click */
.gg-map.gg-map-show-on-click{ background: url("/images/beforemap.jpg") !important; background-position: center !important; background-size: cover !important; cursor: pointer !important; text-align: center; }
.gg-map.gg-map-show-on-click:before{ content: "Click to show the map"; display: inline-block; background: rgba(95, 95, 95, 0.76); color: #FFF; padding: 10px; position: relative; top: 45%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); }.gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); }
.fr .gg-map.gg-map-show-on-click:before{ content: "Cliquez pour afficher la carte"; }


/* correctif 20/07/2023 */
img.logo-membres{
  width:10%;
  margin-right: 0;
  margin-top: -40px;
}


/* .full-page-recrut{
  padding: 2%;
  box-sizing: border-box;
}
.page-container2{
background: url(/images/bg-white-85.png) repeat;
  min-height: 621px;
margin-bottom: 20px;
}


.heading2bisrecrut {
    background: url(/images/ico-france.png) 10px 5px no-repeat #ffffff2b;
    padding: 2% 3% 2% 3%;
    text-align: center;
    color:  rgba(218, 12, 21, 0.83);
    font-size: 1.2em;
    margin-bottom: 20px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.219);
  }
  
  .transit5 {
      animation-delay: 600ms;
      -moz-animation-delay: 600ms;
      -webkit-animation-delay: 600ms;
      -o-animation-delay: 600ms;
  }	
  .main-content-demicol {
    padding: 0% 0 2% 2% ;
    box-sizing: border-box;
    text-align: justify;
  }
  
  .first{
    background: #dd2b42;
    padding: 3%;
    box-sizing: border-box;
    text-align: justify;

  }
  .first p{
    color:white
  }
  .formation-container{
  display: flex;
  justify-content: space-between;
  
  
  }
  .formation-container p{
    display:flex;
    align-items: center;
    width:32%;
    background-color: #ffffff2b;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.219);
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    text-align: justify;}
     */

     .recrutement .leftside-page{
      width:98%!important;
      margin-right: 0!important;
      box-sizing: border-box;
     }
     /* correctif du 22/11/2023 */
     .full-page-recrut1{
      background-image: url('/images/Backgroundrecrut11.png');
      background-repeat: no-repeat;
      background-size: 35%;
    
      padding: 2%;
      box-sizing: border-box;
    }
      .page-container2{
        background: url(/images/bg-white-85.png) repeat;
          min-height: 621px;
        margin-bottom: 20px;
      }
    
      .heading2recrutement{
        margin-bottom:0!important;
      }
      .heading2bisrecrut {
         
         padding: 2% 3% 2% 3%;
         text-align: start;
         color: rgba(218, 12, 21, 0.83);
         font-size: 1.5em;
         font-weight: bold;
         margin-left: 104px;
         margin-bottom: 20px;
      }
      .heading2terrecrut{
        padding: 2% 3% 2% 3%;
         text-align: start;
         color: rgba(218, 12, 21, 0.83);
         font-size: 1.5em;
         font-weight: bold;
         margin-top:50px;
         margin-bottom: 20px;
      }
      .textfpr{
        margin-left:133px;
      }
      
      
      .transit5 {
          animation-delay: 600ms;
          -moz-animation-delay: 600ms;
          -webkit-animation-delay: 600ms;
          -o-animation-delay: 600ms;
      }	
      .zone2col{
        min-height: 600px;
        display:flex;
        flex-direction: column;
        padding:2%;
        background-image: url(/images/Backgroundrecrut2.png);
        background-position: bottom right;
          background-size: contain;
          background-repeat: no-repeat;
        
      }
      zone3col{
        min-height: 600px;
        display:flex;
        flex-direction: column;
        padding:2%;
        background-image: url(/images/Backgroundrecrut2.png);
        background-position: bottom right;
          background-size: contain;
          background-repeat: no-repeat;
      }
      
      .main-content-demicol {
        width:50%!important;
        margin-right:0!important;
        padding: 3% ;
        box-sizing: border-box;
        text-align: justify;
      }
      
      .first{
        margin-top: 100px;
        background: #df343b;
        float: right;
        padding: 3%;
        box-sizing: border-box;
        text-align: justify;
        border-radius: 10px;

      }
      .first p, .first-mobile p{
        color:white
      }
      .first-mobile{
        display: none;
      }
      
      .formation-container{
      display: flex;
      justify-content: space-between;
      width: 87%;
      
      
      }
      .formation-container p{
        background: url(/images/motifarrow.png) no-repeat top left;
          display: flex;
              align-items: start;
              width: 32%;
              box-sizing: border-box;
              
              padding: 0px 15px 0px 33px;
              color: #df343b;
            font-size: 1em;
              font-weight: 500;										
      }
      .second{
        width:80%!important;

      }
      p.textbis{width: 70%;
        margin-left: 30px;}
      
      .formation-container p:nth-child(2){
        margin-top:50px;
      }
      .formation-container p:nth-child(3){
        margin-top:130px;
      }
      .reseau-accomp{
        width: 60%;
          background-color: #df343b;
        padding: 5%;
        border-top-right-radius:20px;
        border-bottom-right-radius:20px;
        margin: 30px 0;
      }
      .reseau-accomp p{
        color: white;
      }
      .zone3col{
        margin-top: 50px;
        background-image: url('/images/Backgroundrecrut3.png');
        background-repeat: no-repeat;
          background-position-x: 101%;
          background-position-y: 101%;
          min-height: 1100px;
      
      }
      .reseau-accomp p{
        margin:10px 0;
        text-transform: uppercase;
        font-weight: 500;	
        padding: 2%;									
      }
      .zone3col h4{
        
        width:60%;
        padding: 1.5% 2% ;
        
      }
      .soustitre-reseau{
      margin-top:110px;
      margin-left:20px;
      }

      .zone4col{
        background-image: url('/images/Backgroundrecrut5.png');
        background-size: 40%;
        background-repeat: no-repeat;
          background-position-x: 0%;
          background-position-y: 100%;
        min-height: 770px;
      }
      .etape-recrut{
        margin: 50px auto;
        width:90%;
        display: flex;
        gap: 10px;
        justify-content: space-between;
      }
      .etape-recrut article{
        box-sizing: border-box;
        display: flex;
        justify-content: space-around;
          padding: 2%;
          border-radius: 10px;
          flex-direction: column;
          width: 23%!important;
          
          background-color: black;
          color: white;
          align-items: center;

      }
      .etape-recrut article p{
        text-align: center;
        color:white
      }
      .etape-recrut article img{
        width:70%;
      }
      .etape-recrut article h3{
        text-align: center;
        margin:0!important;
      }
      .coordonnees-container{
        text-align: center;
margin: 30px 0;
      }
      @media screen and (max-width:480px) {
        .formation-container{
          flex-direction: column;
        }
        .formation-container p{
          width:82%;
        }
        .second{
          width:100%!important;
        }
        .heading2terrecrut{
          text-align: start!important;
        }
        .textfpr{
        margin-left:83px;
      }
        .full-page-recrut1{
          background-size: cover;
          background-position-x: -70px;

        }
        .heading2bisrecrut {
          font-size: 1.2em;
          margin-left: 47px;
        }
        .heading2.heading2recrutement{
          padding: 7% 3% 4% 31%;
        }
        .first-mobile{
          display: flex;
          width:90%!important;
          margin:30px auto;
          background: #df343b;
          padding: 3% 10%;
          box-sizing: border-box;
          text-align: justify;
          border-radius: 10px;
          }
          .first{
            display:none;
          }
          .zone2col{
            background-position-y: 263px;
              background-position-x: 100%;
              background-size: 24%!important;
          }
          div.formation-container p{
            margin-top: 10px!important;
          }
          p.textbis{
            width: 70%;
            
          }
          .reseau-accomp{
            width:80%;
          }
          .zone3col{
            min-height: 1350px;
            background-position-x: 13%;
               background-position-y: 101%;
          }
          .soustitre-reseau{
            margin-top: 50px;
            margin-left:25px;
          }
          .zone3col h4 {
              width: 90%;
              padding: 1.5% 2%;
            text-align: center;
          }
          .zone4col{
            min-height:1760px;
            background-size: 100%;
          }
          .etape-recrut{
            flex-direction: column;
          }
          .etape-recrut article{
            width:100%!important;
            min-height: 150px;
            padding: 15%;
            margin: 10px 0;
          }
      
      }