/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

HTML5 display definitions

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; float: left; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Base

1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
2. Force vertical scrollbar in non-IE
3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/
#personnaliser {
	float: left;
	width: 100%;
}

* { font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 1.231; 
text-rendering: optimizeLegibility; font-size: 100%; -webkit-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%; }
html, body { height: 100%; }

body { background: #fff; margin: 0; padding: 0; width: 100%; 
overflow-x: hidden; }

body, button, input, select, textarea { color: #666;  }

::-moz-selection { background: #DD1251; color: #ffffff; text-shadow: none; }
::selection { background: #DD1251; color: #ffffff; text-shadow: none; }

html {
	font-size: 13px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Links

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

a { 
	color: #777;
	text-decoration: none;
	cursor: pointer;
}

a:hover { color: #d71921; }
a:active { color: #000;}

a:focus,
a:hover,
a:active {
	outline: 0;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Typography

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

b, strong { font-weight: bold; }

blockquote {
	margin-top: 20px;
	padding-left: 15px;
	font-style: italic;
}

blockquote p {
	font-size: 1rem;
	line-height: 1.4rem;
}

hr {
	display: block; 
	height: 1px; 
	width: 100%; 
	border: 0; 
	border-top: 1px dashed #eee; 
	margin: 10px 0 10px 0;
	padding: 0;
	clear: both;
}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

p { 
	font-size: 1rem; 
	color: #666; 
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; margin: 10px 0; }

h1 {
	font-size: 3.5rem;
	line-height: 3.2rem;
}

h2 {
	font-size: 3rem;
	font-weight: 300;
	color: #d71921;
	margin: 15px 0 20px 0;
}

h3 { 
	font-size: 1.4rem;
	font-weight: 300;
}

h4 { 
	font-size: 1.2rem;
	font-weight: 400;
	color: #333;
	clear: both;
}

h5 { 
	font-size: 1rem;
	font-weight: 400;
	color: #666;
}

h6 {
	font-size: 0.9rem;
	line-height: 14px;
	font-weight: 400;
	color: #777;
}

#map,
#bullemap {
	width: 490px;
	height: 550px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Lists

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

ul { 
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

li {
	line-height: 22px;
}

li.inactive {
	color: #999;
}

.post_body ul li:before {
	content: "◆ ";
	color: #d10a11;
	margin: 0 0 0 10px;
	padding: 0 5px 0 0;
}


nav ul, nav ol, #nav ul, #nav ol, #navigation ul, #navigation ol { list-style: none; 
list-style-image: none; margin: 0; padding: 0; }

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Embedded Content

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Forms (We're using jQuery Chosen for styling so this just sets some defaults and is a fallback for no JS)

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

form { margin: 0; }
form ul { margin: 5px 0 5px 0; padding: 0; }
form ul li { list-style: none; }
form .help-inline { font-size: 11px; }

#success,
#success-popup {
	background: #4583bc;
	color: #fff;
	text-align: center;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 22px;
	top: 118px;
	position: absolute;
	width: 100%;
	font-weight: 600;
	z-index: 999;
}

#success-popup {
	width: 90%;
	border-radius: 15px;	
	display: none;
	top: 66px;
}

.mfp-content #success-popup {
	display: block;
}

#success a {
	color: #fff;
	font-weight: 600;
}

#success a:hover {
	text-decoration: underline;
}

button, input, select, textarea { font-size: 13px; margin: 0; vertical-align: baseline; 
*vertical-align: middle; margin: 5px 0 5px 0; }

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background: #dddddd;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -ms-linear-gradient(#ffffff, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: -o-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  width: auto;
}

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #ffffff;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
  background-image: -moz-linear-gradient(#dddddd, #ffffff);
  background-image: -ms-linear-gradient(#dddddd, #ffffff);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#dddddd, #ffffff);
  background-image: -o-linear-gradient(#dddddd, #ffffff);
  background-image: linear-gradient(#dddddd, #ffffff);
  border: 1px solid;
  border-color: #999999 #bbbbbb #dddddd;
  -webkit-transition: 250ms linear all;
  -moz-transition: 250ms linear all;
  transition: 250ms linear all;
}

input[type="text"], 
input[type="password"] {
	width: 98%;
	padding: 5px;
	border: 1px solid #ddd;
}

input[type="file"] {
	width: 98%;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

textarea {
	width: 100%;
	min-height: 50px;
	height: 100px;
	border: 1px solid #ddd;
}

input.error { 
	border: 1px solid #ff0000;
}

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

.chzn { width: 100%; }

p.instructions {
  font-size: 11px;
  margin-bottom: 0;
  color: #B8B8BD;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Tabs

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#tabs-opportunites {
	width: 96%;
	margin: 0 2%;
}

#tabs ul,
#tabs-opportunites ul {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}

#tabs.tabs-lots ul {
	width: 16%;
}

#tabs.tabs-lots ul li {
	width: 100%;
}

#tabs.tabs-lots div.tabber {
	float: right;
	width: 80%;
}

#tabs ul li,
#tabs-opportunites ul li {
	float: left;
	width: 50%;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #666;
}

#tabs-opportunites ul li {
	width: 33.33%;
	outline: 1px solid #fff;
}

#tabs ul li:hover,
#tabs-opportunites ul li:hover {
	background: #333;
}

* html #tabs li,
* html #tabs-opportunites li {
	display: inline;
}

#tabs ul li.active,
#tabs-opportunites ul li.active {
	background: #d10a11;
}

#tabs ul li a,
#tabs-opportunites ul li a {
	padding: 10px 0;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

#tabs-opportunites ul li a {
	font-size: 1rem;
}

#tabs-opportunites div ul li {
	width: 100%;
	text-align: left;
	background: #eee;
	padding: 0;
}

#tabs-opportunites div ul li:first-child {
	font-weight: 600;
	color: #111;
}

#tabs-opportunites div ul li:hover {
	background: #eee;
}

#tabs-opportunites div ul li span {
	float: left;
	width: 25%;
	height: 30px;
	padding: 8px 10px;
	outline: 1px solid #fff;
}

#tabs-opportunites div ul li span:nth-child(2) {
	width: 15%;
}

#tabs-opportunites div ul li span:nth-child(3) {
	width: 35%;
}

#tabs-opportunites div ul li a {
	font-size: 0.85rem;
	padding: 0;
	color: #333;
	letter-spacing: normal;
}

#tabs-opportunites div ul li a:hover {
	color: #d10a11;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Tables

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

table {
  width: 100%;
  margin: 20px 0;
  padding: 0;
  border-collapse: separate;
  font-size: 0.9rem;
}

table, th, td {
    border: 1px solid #aaa;
}

table th, table td {
  	padding: 10px 10px 9px;
  	line-height: 13.5px;
  	text-align: left;
  	vertical-align: middle;
}

table tr th {
	background: #333;
	color: #fff;
}

table.tableau50 {
	width: 50%;
	margin: 10px 25%!important;
	font-size: 12px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Helpers.

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

/* Buttons */
.btn {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  padding: 5px 10px 5px 10px;
  color: #313131;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 250ms linear all;
  -moz-transition: 250ms linear all;
  transition: 250ms linear all;
}

.btn, .btn a, a.btn {
  color: #ffffff;
  -webkit-transition: 250ms linear all;
  -moz-transition: 250ms linear all;
  transition: 250ms linear all;
}

.btn:hover, .btn a:hover, a.btn:hover {
  color: #ffffff;
}


header, 
section,
footer,
#breadcrumbs {
	width: 100%;
}

header {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	top: 0;
	background: #7d7b83;
	border-bottom: 1px solid #eee;
	padding: 0;
}

a#icone_home {
	position: fixed;
	top: 5px;
	left: 15px;
}

a#icone_home img {
	height: 15px;
}

#logotype {
	clear: both;
	text-align: center;
	margin: 0 0 20px 0;
}

#logotype img {
	width: 180px;
}

.grid_lots {
	float: left;
	width: 14.6%;
	margin: 0 1% 10px 1%;
	border: 1px solid #eee;
	text-align: center;
	padding: 10px 0 0 0;
}

.grid_lots img {
	width: 80%;
	margin: 0 0 10px 0;
}

.grid_lots span {
	float: left;
	width: 100%;
	background: #333;
	color: #fff;
	padding: 5px 0;
	font-size: 0.9rem;
}

.wrap {
    position: relative;
    margin: 0 auto;
}

.menu-link {
	font-size: 14px;
	position: fixed;
	right: 0;
	top: 20px;
	z-index: 999;
	background: #53aa57;
	color: #fff;
	padding: 6px 12px;
}

.menu-link:hover {
	color: #000;
}

.panel {
    background: #333;
}

.panel h3 {
	font-size: 20px;
    color: #fff;
    margin: 10px 15px;
}

.container {
	margin: auto;
}

.container_content {
	width: 90%;
	margin: auto 5%;
	position: relative;
}

.container_content_new {
	width: 85%;
	margin: auto;
	position: relative;
}

.tabber-container {
	width: 960px;
	position: relative;
}

#logo {
	float: left;
	margin: 10px 0;
}

#logo h1 {
	float: left;
	width: 202px;
	height: 67px;
	margin: 0;
	padding: 0;
	background: url(../img/fdi-promotion.png) no-repeat left center;
	background-size: 90%;
	-ms-behavior: url(/assets/backgroundsize.htc);
	text-indent: -9999px;
}

#logo span {
	float: left;
	width: 67px;
	height: 67px;
	margin: 0;
	padding: 0;
	background: url(../img/100-ans.png) no-repeat left center;
	background-size: 90%;
	-ms-behavior: url(/assets/backgroundsize.htc);
	text-indent: -9999px;
}

#cent-ans,
#cent-ans span {
	font-family: "Questrial", Helvetica, Arial, sans-serif;
}

#cent-ans {
	float: left;
	text-transform: uppercase;
	font-size: 1.05rem;
	letter-spacing: 0.02rem;
	color: #222;
	margin: 36px 25px 0 30px;
}

#cent-ans span {
	color: #e07f1c;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Pinel

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#pinel {
	float: left;
	width: 100%;
	padding: 0 4%;
	height: 150px;
	background: url(../img/pinel_fond.png) repeat-x;
}

#pinel a {
	float: right;
	margin: 40px 0 0 0;
	font-weight: 600;
	background: #d10a11;
	color: #fff;
	padding: 10px 20px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

#pinel a:hover {
	background: #333;
}

#pinel div {
	float: left;
	margin: 35px 0 0 3.5%;
}

#pinel div.textes {
	float: left;
	width: 44%;
	margin: 24px 0 0 3.5%;
}

#pinel h3 {
	font-weight: 700;
	color: #0e2a4d;
	font-size: 2.2rem;
	margin: 0;
}

#pinel h4 {
	font-weight: normal;
	color: #d00001;
	font-size: 1.2rem;
	margin: 0;
}

#pinel p {
	color: #0e2a4d;
}

#pinel img {
	float: left;
	height: 125px;
	margin: 20px 0 0 0;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Opérations

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

/*
#carrousel_operations div {
	float: left;
	width: 25%;
	position: relative;
}

#carrousel_operations div img,
#carrousel_operations div span {
	width: 100%;
}

#carrousel_operations div span {
	position: absolute;
	z-index: 99;
	text-align: center;
	color: #fff;
	top: 0;
	left: 0;
	height: 100%;
	text-shadow: 1px 1px 1px #666;
	font-size: 1.3rem;
	background: rgba(0,0,0,0.4);
	padding: 30% 0 0 0;
}

#carrousel_operations div span:hover {
	background: rgba(0,0,0,0.1);
}
*/

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Navigation

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

nav#primary,
nav#nav_extranet {
	float: left;
	width: 100%;
	margin: 0;
	position: fixed;
	z-index: 100;
}

nav#primary,
nav#nav_extranet {
	background: #111;
	top: 0;
}

nav#primary ul,
nav#nav_extranet ul {
	width: 100%;
}

nav#primary ul li,
nav#nav_extranet ul li {
	border-right: 1px solid #aaa;
	text-align: center;
	padding: 0;
}

nav#nav_extranet ul li {
	width: auto;
	padding: 0 20px;
}

nav#primary ul li.first,
nav#nav_extranet ul li.first {
	border-left: 1px solid #aaa;
	padding: 0;
}

nav#primary ul li a,
nav#nav_extranet ul li a {
	width: 100%;
}

nav#primary ul li ul li.first,
nav#primary ul li ul li {
	width: 100%;
	border: none;
	border-bottom: 1px dotted #bbb;
	text-align: left;
}


nav#primary ul li {
	width: 16.66%;
}

nav#primary ul,
nav#primary ul li,
nav#nav_extranet ul,
nav#nav_extranet ul li {
	float: left;
}

nav#primary ul,
nav#nav_extranet ul {
	margin: 0;
}

nav#primary ul li,
nav#nav_extranet ul li {
	margin: 0;
}

nav#primary ul li.first,
nav#nav_extranet ul li.first {
	padding: 0 10px 0 0;
}

nav#primary ul li a,
nav#nav_extranet ul li a {
	float: left;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	padding: 8px 0;
	margin: 0;
	letter-spacing: 0.03rem;
	color: #eee;
}

nav#primary ul li a:hover,
nav#nav_extranet ul li a:hover {
	color: #fff;
	background: #D71921;
}

/* Niveau 2 */

nav#primary ul li ul { 
	background: #666;
	width: 260px;
	min-width: 180px;
	display: none; 
	position: absolute; 
	margin: 30px 0 0 0;
	padding: 0; 
	z-index: 10; 
}

nav#primary ul li.first ul {
	margin: 30px 0 0 0; 
}
	
nav#primary ul li ul li { 
	background: none; 
	margin: 0; 
	padding: 0;
	position: relative; 
	z-index: 99999;  
	display: block;
	float: none;
	border-bottom: 1px solid #fff;
}

nav#primary ul li.first ul li {
	padding: 0;
}

nav#primary ul li.first ul li a {
	padding: 6px 10px;
}

nav#primary ul li ul li:nth-last-child(1) { 
	border: none; 
}
	
nav#primary ul li ul li a { 
	background: none;
	padding: 0;  
	position: relative; 
	z-index: 102; 
	display: block;
	float: none;
	text-transform: none;
	letter-spacing: normal;
	padding: 6px 10px; 
}

nav#primary ul li ul li.current,
nav#primary ul li ul li.current a {
	background: none;
}

nav#primary ul li ul li a:hover { 
	background: #D71921;
	color: white;
}

/* Niveau 3 */

nav#primary ul li ul li ul,
nav#primary ul li.first ul li ul { 
	background: #888;
	display: none; 
	position: absolute; 
	top: 0!important;
	left: 260px!important;
	margin: 0; 
	padding: 0; 
	z-index: 10; 
}

a#showMenu {
	float: left;
	width: 350px;
	padding: 8px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 13px;
	letter-spacing: 0.01em;
	margin: 10px 0 10px 34px;
	font-weight: 400;
	color: #fff;
	background: #555555;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#7e7e7e), to(#666666));
  	background-image: -moz-linear-gradient(#7e7e7e, #666666);
  	background-image: -ms-linear-gradient(#7e7e7e, #666666);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e7e7e), color-stop(100%, #666666));
  	background-image: -webkit-linear-gradient(#7e7e7e, #666666);
  	background-image: -o-linear-gradient(#7e7e7e, #666666);
  	background-image: linear-gradient(#7e7e7e, #666666);
  	-webkit-transition: 250ms linear all;
  	-moz-transition: 250ms linear all;
  	transition: 250ms linear all;
}

a#showMenu:hover {
	background: #333333;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  	background-image: -moz-linear-gradient(#333333, #222222);
  	background-image: -ms-linear-gradient(#333333, #222222);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  	background-image: -webkit-linear-gradient(#333333, #222222);
  	background-image: -o-linear-gradient(#333333, #222222);
  	background-image: linear-gradient(#333333, #222222);
}

header div.call-action {
	float: right;
	width: auto;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 50px 0% 0 0;
	padding: 8px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #53aa57;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#53aa57), to(#409744));
  	background-image: -moz-linear-gradient(#53aa57, #409744);
  	background-image: -ms-linear-gradient(#53aa57, #409744);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53aa57), color-stop(100%, #409744));
  	background-image: -webkit-linear-gradient(#53aa57, #409744);
  	background-image: -o-linear-gradient(#53aa57, #409744);
  	background-image: linear-gradient(#53aa57, #409744);
}

header div.call-action a {
	color: #fff;
}

header div.call-action:hover {
	background: #5dd162;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#5dd162), to(#409744));
  	background-image: -moz-linear-gradient(#5dd162, #409744);
  	background-image: -ms-linear-gradient(#5dd162, #409744);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5dd162), color-stop(100%, #409744));
  	background-image: -webkit-linear-gradient(#5dd162, #409744);
  	background-image: -o-linear-gradient(#5dd162, #409744);
  	background-image: linear-gradient(#5dd162, #409744);
}
header div.call-action.espaceclient {
	margin-right: 25px;
	background: #d10a11;
	background-image: none;
}

#introduction,
#presentation {
	float: left;
	border-bottom: 1px solid #ccc;
}

#presentation h2 {
	font-size: 30px;
	clear: both;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Form

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.nl-form {
	background: rgba(255, 255, 255, 0.9)!important;
	border: 2px solid #fff;
	color: #222!important;
	box-shadow: 1px 1px 3px #888;
	min-height: 275px!important;
	padding: 45px 40px 10px!important;
	display: none;
}

.nl-field-toggle, .nl-form input, .nl-form select {
	color: #222!important;
	font-weight: 400!important;
}

.nl-form #bubble {
	display: none!important;
}

.rouge {
	color: #D71921;
	font-weight: 600;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Content

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

section#accueil {
	margin: 30px 0 0 0;
	height: 590px;
	padding: 0;
	background-size: 100%!important;
	background-position: center bottom!important;
}

.accueil_presentation {
	float: left;
	width: 26%;
	padding: 0 2% 10px 2%;
	margin: 0;
	height: auto;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
}

.accueil_presentation img {
	margin: 25px 0 15px 0;
	width: 65%;
}

.accueil_presentation p {
	font-family: Georgia, sans-serif;
	font-size: 0.9rem;
	line-height: 20px;
	font-style: italic;
	color: #333;
	font-weight: 400;
	margin: 0;
}

.accueil_presentation p strong {
	font-family: Georgia, sans-serif;
}

.accueil_presentation a.bouton {
	font-family: Georgia, sans-serif;
	background: #444;
	font-size: 13px;
	padding: 6px 15px;
	color: #fff;
	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;
}

.accueil_presentation a.bouton:hover {
	background: #111;
}

#carrousel_introduction {
	float: left;
	width: 100%;
	padding: 25px 0;
}

#carrousel_introduction h3 {
	text-align: center;
	border-bottom: 1px solid #ddd;
	color: #d10a11;
	font-size: 26px;
	margin: 0 1.5% 20px;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: normal;
}

#carrousel_introduction div div {
	float: left;
	width: 47%;
	margin: 0 1.5%;
}

#carrousel_introduction div div p {
	text-align: justify;
	font-size: 1rem;
	line-height: 1.5rem;
}

section#content {
	margin: 110px 0 0 0;
	padding: 0 5%;
	border-bottom: 1px solid #ddd;
}

section#slide {
	margin: 0;
	padding: 20px 0;
	position: relative;
}

.slide_container {
	width: 900px;
	margin: 20px 30px 0 30px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

LISTES
Listes à puces et listes numérotées

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.page ul,
.page ol {
	font-size: 12px;
}

.page ul {
	list-style: disc outside;
}

.page p {
	margin: 5px 0 15px 0;
}

.page h3 {
	color: #d71921;
	font-weight: 400;
	line-height: 22px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

ONGLETS
Onglets en bas de la page d'accueil

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.onglets {
	float: left;
	width: 50%;
	margin: 0 0 20px 0;
}

.onglets h3 {
	width: 96%;
	color: #d10a11;
	border-bottom: 1px dotted #ccc;
	font-weight: 400;
	text-align: center;
	padding: 20px 0;
	margin: 0 2% 20px 2%;
	font-size: 1.7em;
}

.onglets h3.bleu {
	color: #1d5ab5;
}

.onglets h4 {
	color: #222;
	font-weight: 600;
	font-size: 1.4rem;
	text-align: center;
}

.onglets p {
	font-size: 0.9rem;
	width: 94%;
	margin: 0 3% 20px 3%;
}

.onglets p a {
	float: left;
	width: 50%;
	margin: 0 25%;
	font-size: 1.15rem;
	background: #333;
	color: #fff;
	padding: 8px 0;
	text-align: center;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
}

.slick div span {
	float: left;
	width: 100%;
	height: 250px;
	margin: 0 0 20px 0;
	background-size: cover!important;
}

button.slick-arrow {
	text-indent: -9999px;
	background: #d10a11;
	border: none;
	width: 4%;
	height: 40px;
	margin: 110px 0;
}

.slick-list {
	float: left;
	width: 76%;
	margin: 0 2%!important;
}

button.slick-prev {
	float: left;
	margin-left: 6%;
	background: url(../img/actualites_prev.png) no-repeat center #d10a11;
	background-size: 40%;
}

button.slick-next {
	float: right;
	margin-right: 6%;
	background: url(../img/actualites_suiv.png) no-repeat center #d10a11;
	background-size: 40%;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

TABLES
Tables sur les pages de contenu

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.page table {
	float: left;
	border-spacing: 0;
    border-collapse: collapse;
    margin: 15px 0;
}

.page tr {
	border: 1px solid #ddd;
}

.page tr:first-child {
	background: #222;
	color: #fff;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

TABLES
Tables sur l'extranet

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#example tr:first-child {
	background: #fff;
	color: #666;
}

#example thead tr:first-child {
	background: #222;
	color: #fff;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Pages

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.page {
	width: 100%;
	margin: 20px 0;
	padding: 0 5%;
	float: left;
}

.colonne {
	float: left;
	width: 25%;
}

.colonne-wide {
	float: left;
	width: 75%;
}

.colonne-wide ul li span {
	float: left;
	width: 33%;
	line-height: 22px;
}

.colonne ul li span  {
	float: left;
	width: 100%;
	line-height: 22px;
}

.title {
	float: left;
	width: 100%;
	margin: 15px 0 5px 0;
}

.type_accession {
	float: right;
	width: 60px;
}

.lot_restant {
	float: left;
	margin: 10px 0 0 0;
}

.lot_restant img {
	float: left;
	width: 200px;
	border: 1px solid #ccc;
}

.lot_restant ul {
	float: left;
	margin: 0 0 0 20px;
}

.lot_restant ul li {
	font-size: 12px;
}

.carrousel {
	float: left;
	width: 140px;
	font-size: 11px;
	height: 120px;
	margin: 15px 10px;
	text-align: center;
}

.carrousel img {
	width: 140px;
}

.operation_vignette {
	float: left;
	width: 100%;
}

.operation_vignette img {
	float: left;
	width: 100px;
	margin: 0;
}

.operation_vignette h4,
.operation_vignette h5 {
	float: left;
	width: 60%;
	clear: none;
	margin: 0 0 0 15px;
}

.denominations {
	position: absolute;
	top: 20px;
	right: 5%;
}

.denominations img {
	width: 50px;
	margin: 0;
	padding: 0;
}

.denominations img.w60 {
	width: 70px;
	margin: 0;
	padding: 0;
}

.denominations div {
	width: 60px;
	height: 60px;
	background: #333; 
	float: left; 
	color: #fff; 
	text-align: center; 
	font-size: 10px; 
	margin-right: 5px;
	padding: 10px;
}


/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Interlocuteurs

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.interlocuteur {
	float: left;
	width: 23%;
	min-height: 200px;
	padding: 10px;
	margin: 0 15px 15px 0;
	position: relative;
	text-align: center;
}

.interlocuteur img {
	width: 200px;
	height: 200px;
	-moz-border-radius: 100px;
  	-webkit-border-radius: 100px;
  	border-radius: 100px;
}

.interlocuteur h4 {
	font-size: 16px;
	margin: 20px 0 10px 0;
}

.interlocuteur p {
	margin: 0 0 20px 0;
}

.interlocuteur a {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	padding: 4px 10px;
	background: #53aa57;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#53aa57), to(#409744));
  	background-image: -moz-linear-gradient(#53aa57, #409744);
  	background-image: -ms-linear-gradient(#53aa57, #409744);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53aa57), color-stop(100%, #409744));
  	background-image: -webkit-linear-gradient(#53aa57, #409744);
  	background-image: -o-linear-gradient(#53aa57, #409744);
  	background-image: linear-gradient(#53aa57, #409744);
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Pages de liste

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.residence_vignette {
	float: left;
	width: 187px;
	min-height: 175px;
	padding: 8px;
	border: 1px solid #ddd;
	margin: 0 5px 15px 0;
	position: relative;
	-moz-border-radius: 5px 20px 5px 5px;
  	-webkit-border-radius: 5px 20px 5px 5px;
  	border-radius: 5px 20px 5px 5px;
  	box-shadow: 0px 1px 1px #ddd;
}

.residence_vignette span {
	width: 168px;
	height: 110px;
	display: block;
	text-align: center;
	-moz-border-radius: 5px 14px 5px 5px;
  	-webkit-border-radius: 5px 14px 5px 5px;
  	border-radius: 5px 14px 5px 5px;
}

.residence_vignette h4 {
	position: absolute;
	top: 120px;
	color: #333;
	font-size: 12px;
	font-weight: 600;
}

.residence_vignette h5 {
	position: absolute;
	top: 138px;
	color: #777;
	font-size: 11px;
}

.residence_vignette p {
	position: absolute;
	top: 162px;
	color: #888;
	font-size: 11px;
}

.residence_vignette img {
	width: 150px;
}




ul.lots {
	list-style: none;
	border: none;
	margin: 20px 0;
}

ul.lots li span {
	float: left;
	width: 25%;
	margin: 0 0 6px 0;
	padding: 2px 0 6px 0;
	border-bottom: 1px dotted #ccc;
}

.quartier {
	margin: 6px 0;
}

.quartier p {
	margin: 15px 0 0 2px;
}


a.video_bouton {
	float: left;
	padding: 8px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 13px;
	letter-spacing: 0.01em;
	margin: 10px 0;
	font-weight: 400;
	color: #fff;
	background: #555555;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#d81921), to(#C0171E));
  	background-image: -moz-linear-gradient(#d81921, #C0171E);
  	background-image: -ms-linear-gradient(#d81921, #C0171E);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d81921), color-stop(100%, #C0171E));
  	background-image: -webkit-linear-gradient(#d81921, #C0171E);
  	background-image: -o-linear-gradient(#d81921, #C0171E);
  	background-image: linear-gradient(#d81921, #C0171E);
}

a.video_bouton:hover {
	background: #222222;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#222222), to(#333333));
  	background-image: -moz-linear-gradient(#222222, #333333);
  	background-image: -ms-linear-gradient(#222222, #333333);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #333333));
  	background-image: -webkit-linear-gradient(#222222, #333333);
  	background-image: -o-linear-gradient(#222222, #333333);
  	background-image: linear-gradient(#222222, #333333);
}


/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Posts.

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#recent {
	width: 100%;
	margin: 25px 0;
	clear: both;
}

.item {
	padding: 0;
	margin: 0 1% 10px 1%;
	outline: 4px solid #f5f5f5;
	min-height: 300px!important;
	width: 23%;
}

.item div {
	padding: 15px;
}


.item h3, 
.item h3 a {
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.item p {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 0 0;
}

.item img {
	width: 100%;
	margin: 0 0 10px 0;
}

.single_post {
	width: 68%;
	margin: 30px 0;
}

.single_post img {
	max-width: 100%;
}

.single_post h3 {
	float: left;
	font-size: 28px;
	margin: 0 0 20px 0;
	color: #D71921;
	width: 85%;
}

.single_post span a {
	float: right;
	font-size: 11px;
	margin: 12px 0 0 0;
}

.post_body {
	font-size: 12px;
	line-height: 18px;
	clear: both;
}



/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Sidebar

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

aside {
	width: 25%;
	margin: 25px 0;
	float: right;
}

aside h4 {
	font-size: 18px;
	color: #D71921;
	font-weight: 300;
}

aside ul {
	margin: 0;
	padding: 0;
}

aside ul li {
	list-style: none;
	margin-bottom: 5px;
}

aside ul li, aside ul li a {
	font-size: 13px;
	font-weight: normal;
}

aside ul li ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
}

aside h3 {
	font-size: 14px;
	text-transform: uppercase;
}

aside .widget {
	margin-bottom: 15px;
	padding: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
aside .widget, aside p {
	font-size: 12px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Update

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#update {
	float: left;
	width: 100%;
}

#update p {
	margin: 8px 0;
	font-size: 10px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Footer

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/


footer .networks a {
	font-size: 28px!important;
	line-height: 28px!important;
	color: #fff!important;
}
footer .networks, footer .networks h6 {
	font-size: 16px!important;
	line-height: 16px!important;
	color: #fff!important;
}
footer .networks h6 {

	font-size: 14px!important;
	line-height: 10px!important;
	color: #fff!important;
	text-transform: uppercase;
	text-align: center;
}

footer .networks {
	clear: both;
	display: block;
	padding: 20px 0;	
	background: #C0171E;
	text-align: center;
	margin-bottom: 40px;
}

footer {
	background: #222;
	position: relative;
	z-index: 99;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 50px 0;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer ul li {
	list-style: none;
	line-height: 20px;
	float: left;
	width: 17.5%;
	min-height: 300px;
}

footer ul li ul,
footer ul li ul li {
	width: 100%;
}

footer ul li:nth-child(5),
footer ul li:nth-child(6) {
	display: none;
}

footer .mentions ul li:nth-child(1),
footer ul li ul li:nth-child(5),
footer ul li ul li:nth-child(6) {
	display: block;
}


footer ul li a {
   	color: #fff;
   	font-weight: 600;
   	font-size: 11px;
}

footer ul li ul li {
	min-height: inherit;
}

footer ul li ul li a {
	display: block;
   	color: #ccc;
   	font-weight: 400;
   	font-size: 10px;
}

footer ul li ul li a:hover {
   	color: #fff;
   	text-decoration: underline;
}

footer li, 
footer a {
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.02em;
}

footer .logotypes,
footer .mentions,
footer .newsletter {
	float: left;
	margin: 0 0 10px 0;
}

footer .mentions {
	width: 30%;
}

footer .mentions ul li {
	width: 100%;
	min-height: inherit;
	font-size: 11px;
	line-height: 18px;
	color: #fff;
	font-weight: 600;
	display: block!important;
}

footer .mentions ul li a {
	font-size: 10px;
	color: #ccc;
	font-weight: 400;
}

footer .mentions ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

footer .logotypes {
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	padding: 20px 0;
}

footer .logotypes a img {
	float: left;
	width: 48px;
	margin: 0 0 0 10px;
}

footer .logotypes a:first-child img {
	margin: 0 6px 0 0;
}

footer .newsletter h3 {
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 10px 0;
	font-weight: 400;
	letter-spacing: 0.04em;
}

footer .newsletter input[type="text"] {
	float: left;
	width: 190px;
	height: 30px;
	margin-right: 10px;
	border: none;
}

footer .newsletter input[type="submit"] {
	float: left;
	width: 30px;
	height: 30px;
	color: #fff;
	border: none;
	background: #555555;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#d81921), to(#C0171E));
  	background-image: -moz-linear-gradient(#d81921, #C0171E);
  	background-image: -ms-linear-gradient(#d81921, #C0171E);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d81921), color-stop(100%, #C0171E));
  	background-image: -webkit-linear-gradient(#d81921, #C0171E);
  	background-image: -o-linear-gradient(#d81921, #C0171E);
  	background-image: linear-gradient(#d81921, #C0171E);
}

footer ul li ul li.no_click a {
	display: none;
}

footer ul li ul li.no_click ul.dropdown li a {
	display: block!important;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Modal Contact

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.contact {
	width: 450px;
	padding: 10px 20px;
}

.contact h2 {
	font-size: 30px;
	color: #53AA57;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}

.contact h3 {
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0;
	color: #666;
	text-align: center;
}

.contact h4 {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	margin: 10px 0 20px 0;
	color: #53AA57;
	text-align: center;
}

.contact h6 {
	text-align: center;
	width: 88%;
	clear: both;
	position: absolute;
	bottom: 5px;
}

.contact h6 a:hover {
	color: #53AA57!important;
}

.contact form {
	margin: 0;
	border-top: 1px solid #ddd;
	padding: 20px 0;
}

.contact select {
	width: 92%;
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 12px;
}

.contact input {
	outline: none;
	font-size: 12px;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
}

.contact input[type="submit"] {	
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	width: 100%;
	background: #47914a;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding: 5px 0;
	border: none;
	-webkit-transition: 150ms linear all;
  	-moz-transition: 150ms linear all;
  	transition: 150ms linear all;
}

.contact input[type="submit"]:hover {	
	background: #53AA57;
}

.contact div {
	float: left;
	width: 31%;
	margin-right: 3%;
	margin-bottom: 10px;
}

.contact div.last {
	margin-right: 0;
	width: 32%;
}

.contact div.last input {
	width: 100%;
}

.contact div.half {
	width: 48%;
	margin-right: 2%;
}

.contact div.half_last {
	margin-right: 0;
	width: 50%;
}

.contact div.half_last input {
	width: 100%;
}

.contact div.full {
	margin-right: 0;
	width: 100%;
}

.contact div.full select {
	width: 100%;
	margin-bottom: 10px;
}

.contact div input {
	width: 92%;
	padding: 5px;
}

.contact div.full input {
	width: 100%;
	padding: 5px 6px;
}

.contact div.full input[type="checkbox"] {
	float: left;
	width: 14px;
	margin: 1px 10px 5px 0;
}

.contact div label {
	float: left;
	font-size: 11px;
}

.contact div div.error {
	color: red;
	font-size: 11px;
	margin: 0 0 0 5px;
	width: auto;
	font-weight: 600;
}

a.overlayer {
	display: block;
	height: 100%;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Modal Télécharger

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#telecharger {
	width: 600px;
	height: 360px;
	padding: 10px 20px;
}

#telecharger h3 {
	color: #4464a5;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
	text-align: center;
	font-size: 22px;
}

#telecharger div {
	float: left;
	width: 180px;
	margin: 0 0 15px 0;
	text-align: center;
}

#telecharger a span {
	float: left;
	width: 100%;
	font-size: 12px;
}

#telecharger a img {
	margin: 20px 0 10px 0;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Modal Partager (Surcouches)

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#form_partager h2,
#form_partager h4 {
	color: #f3a000;
}

#form_partager input[type="submit"] {
	background: #f3a000;
}

#form_partager input[type="submit"]:hover {	
	background: #fead10;
}

#form_partager h6 a:hover {
	color: #f3a000!important;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Opération

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#introduction {
	background: #fff;
	margin: 160px 0 0 0;
	padding: 0;
}

#introduction h2 {
	margin: 0 0 20px 0;
	font-size: 3.5rem;
}

#introduction p strong {
	font-weight: 400;
}

#introduction .last_half p,
#introduction .last_half ul {	
	color: #666;
}

#introduction .last_half h3 {	
	margin: 0;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #d71921;
	letter-spacing: 0.01em;
	font-weight: 600;
}

.introduction_accueil {
	margin: 150px 0 0 0!important;
	padding: 20px 0!important;
}

.first_half {
	float: left;
	width: 45%;
	margin: 40px 0 0 0;
}

.first_half img {
	width: 100%;
	margin: 0;
  	z-index: 1;
  	border: 1px solid #eee;
}


#introduction .popup-gallery {
	position: relative;
}

#introduction .vignette_overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border: 2px solid transparent;
}

#introduction .vignette_overlay:hover {
	background: url("icon-cog-small.png") no-repeat center center #000;
	background: url("icon-cog-small.png") no-repeat center center rgba(0,0,0,0.3);
	cursor: pointer;
}

#introduction .last_half {
	float: left;
	width: 42%;
	min-height: 440px;
	margin: 30px 4% 0 4%;
	position: relative;
}



.modal_bouton,
a.modal_bouton {	
	float: right;
	width: 48%;
	margin: 0 0 0 2%;
	font-size: 1.05rem;
	padding: 8px 15px;
	color: #fff;
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
  	background: #D71921;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#D71921), to(#bf031d));
  	background-image: -moz-linear-gradient(#D71921, #bf031d);
  	background-image: -ms-linear-gradient(#D71921, #bf031d);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D71921), color-stop(100%, #bf031d));
  	background-image: -webkit-linear-gradient(#D71921, #bf031d);
  	background-image: -o-linear-gradient(#D71921, #bf031d);
  	background-image: linear-gradient(#D71921, #bf031d);
}

a.modal_bouton:hover {	
	background: #333;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#444444), to(#333333));
  	background-image: -moz-linear-gradient(#444444, #333333);
  	background-image: -ms-linear-gradient(#444444, #333333);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #333333));
  	background-image: -webkit-linear-gradient(#444444, #333333);
  	background-image: -o-linear-gradient(#444444, #333333);
  	background-image: linear-gradient(#444444, #333333);
}

#introduction .last_half p,
#introduction .last_half ul {	
	margin: 15px 0 10px 0;
	letter-spacing: 0.01em;
}

#introduction .last_half p {
	min-height: 80px;
	/* min-height: 175px; */
}

#presentation .zone {
	float: left;
	width: 100%;
	padding: 0;
}

#presentation .zone .container {
	position: relative;
}

#presentation h3 {	
	font-size: 2.5rem;
	margin: 0 0 15px 0;
}

#presentation .one_third {
	float: left;
	width: 30%;
	margin: 0 0 0 5%;
}

#presentation .one_third img {
	width: 100%;
}

#presentation .one_third ul {
	float: left;
	width: 100%;
	list-style-image: url(../img/puce.png);
	list-style-position: inside;
}

#presentation .two_thirds {	
	float: left;
	width: 65%;
	margin: 0;
	position: relative;
}

#presentation .one_quarter {
	float: left;
	width: 20%;
	margin: 0;
}

#presentation .three_quarters {
	float: left;
	width: 70%;
	margin: 0;
}



.last_half {
	float: right;
	width: 50%;
	margin: 0 0 0 3%;
}

.avancement {
	width: 92%;
	background: #333;
	color: #fff;
	margin: 0 4%;
	font-size: 11px;
	letter-spacing: 0.02em;
	text-align: center;
	padding: 6px 0;
	-webkit-border-radius: 0 0 10px 10px;
  	-moz-border-radius: 0 0 10px 10px;
  	border-radius: 0 0 10px 10px;
  	font-weight: 600;
}

.vignettes {
	float: left; 
	width: 142px;
	font-size: 12px;
	margin: 0 18px 15px 0;
	text-align: center;
	background: #eee;
	border: 1px solid #ddd;
	padding: 5px 5px 10px 5px;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.vignettes img {
	width: 130px;
	margin: 0 0 8px 0;
	border: 1px solid #ddd;
}

.vignettes p {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

.vignettes p:last-child {
	font-weight: 600;
}

a.panorama,
a.panorama_image {
	float: left;
	margin: 10px 0 0 0;
	height: 50px;
}

a.panorama {
	background: url(../img/panorama_fleches.png) no-repeat top left #90161a;
	background-size: 35%;
	color: #fff;
	width: 70%;
	font-size: 1rem;
	font-weight: 600;
	line-height: 20px;
	text-shadow: 1px 1px 2px #666;
	padding: 15px 0 0 20px;
	-moz-border-radius: 4px 0 0 4px;
  	-webkit-border-radius: 4px 0 0 4px;
  	border-radius: 4px 0 0 4px;
}

a.panorama:hover {
	background: url(../img/panorama_fleches.png) no-repeat top left #aa191e;
	background-size: 35%;
}

a.panorama_image {
	width: 30%;
	background-size: cover!important;
	-moz-border-radius: 0 4px 4px 0;
  	-webkit-border-radius: 0 4px 4px 0;
  	border-radius: 0 4px 4px 0;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Menu mobile

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    overflow-y: scroll;
}

.open {
	display: none;
	float: left;
	width: 40px;
	height: 30px;
	margin: 8px 0 0 0;
	background: url(../img/menu.png) center center no-repeat #eee;
	background-size: 50%;
	border: 1px solid #ddd;
	text-indent: -999999px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Formulaire de candidature spontanée

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

.candidature-form,
.contact_page .contact-form {
	float: left;
	width: 100%;
}

.candidature-form div,
.contact_page .contact-form div {
	float: left;
	width: 30%;
	margin: 0 2% 10px 0;
}

.candidature-form div label,
.candidature-form div select,
.candidature-form div input,
.contact_page form div label,
.contact_page form div select,
.contact_page form div input {
	float: left;
	width: 100%;
	font-size: 11px;
}

.contact_page .contact-form div label {
	width: 95%;
}

.candidature-form div select,
.contact_page .contact-form div select {
	padding: 1px 0;
	line-height: 20px;
}

.candidature-form div.full,
.contact_page .contact-form div.full {
	float: left;
	width: 94%;
}

.candidature-form div.half,
.contact_page .contact-form div.half,
.contact_page .contact-form div.half_last {
	float: left;
	width: 46%;
	margin: 0 2% 10px 0;
}

.candidature-form input[type="submit"],
.contact_page .contact-form input[type="submit"] {
	float: right;
	margin-right: 6%;
	background: #555555;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#d81921), to(#C0171E));
  	background-image: -moz-linear-gradient(#d81921, #C0171E);
  	background-image: -ms-linear-gradient(#d81921, #C0171E);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d81921), color-stop(100%, #C0171E));
  	background-image: -webkit-linear-gradient(#d81921, #C0171E);
  	background-image: -o-linear-gradient(#d81921, #C0171E);
  	background-image: linear-gradient(#d81921, #C0171E);
  	color: #fff;
  	font-family: "Open Sans", Helvetica, Arial, sans-serif;
  	border: none;
  	font-size: 14px;
  	font-weight: 400;
}

.contact_page h3 {
	display: none;
}

.contact_page .contact-form input[type="checkbox"] {
	float: left;
	width: 14px;
	margin: 0 10px 0 0;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Page de ville

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/



/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Non-semantic helper classes.

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/



/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats. */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Print styles. Inlined to avoid HTTP connection.

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

body#atterrissage {
	background: #333;
}

#atterrissage #success {
	top: 88px;
	background: #d71921;
}

#atterrissage header {
	top: 0;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

#atterrissage section {
	background-size: 100%!important;
	margin: 98px 0 0 0;
	padding: 20px 0 0 0;
	border-bottom: 1px solid #ddd;
	background: #fff;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  	background-image: -moz-linear-gradient(#ffffff, #eeeeee);
  	background-image: -ms-linear-gradient(#ffffff, #eeeeee);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  	background-image: -webkit-linear-gradient(#ffffff, #eeeeee);
  	background-image: -o-linear-gradient(#ffffff, #eeeeee);
  	background-image: linear-gradient(#ffffff, #eeeeee);
}

#atterrissage section h2 {
	font-size: 42px;
	line-height: 48px;
	margin: 30px 0 10px 0;
}

#atterrissage section h3 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	margin: 30px 0 10px 0;
}

#atterrissage section p {
	margin: 0 0 40px 0;
	line-height: 22px;
}

#atterrissage section div div {
	float: left;
	width: 50%;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Pages d'atterrissage pour les lettres d'information

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#atterrissage section div div.atterrissage-content {
	float: left;
	width: 48%;
	padding: 10px 4% 100px 4%;
	background: rgba(255,255,255,0.9);
}

#atterrissage section div div.atterrissage-content img {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

#atterrissage section div div.atterrissage-content h2,
#atterrissage section div div.atterrissage-content h3,
#atterrissage section div div.atterrissage-content p {
	color: #fff;
}

#atterrissage section div div.atterrissage-content.noir h2,
#atterrissage section div div.atterrissage-content.noir h3,
#atterrissage section div div.atterrissage-content.noir p {
	color: #111;
}

#atterrissage section div div.atterrissage-content h2 {
	margin: 20px 0 15px 0;
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
}

#atterrissage section div div.atterrissage-content h3 {
	margin: 10px 0 15px 0;
}

#atterrissage section div div.atterrissage-content p {
	margin: 0 0 15px 0;
	line-height: 20px;
}

#atterrissage section div div.atterrissage-content iframe {
	width: 100%;
	height: 200px;
	margin: 10px 0 0 0;
}

#atterrissage section div div.atterrissage-formulaire {
	float: right;
	width: 36%;
	padding: 10px 20px;
	background: rgba(255,255,255,0.9);
	border: 1px solid #ddd;
	margin: 25px 0 40px 0;
	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
  	border-radius: 10px;
}

#atterrissage section div div.atterrissage-formulaire h2 {
	color: #409744;
	font-size: 28px;
	font-weight: 600;
	margin: 5px 0;
}

#atterrissage section div div.atterrissage-formulaire.noir h2 {
	color: #333;
}

#atterrissage section div div.atterrissage-formulaire.rouge h2 {
	color: #d71921;
}

#atterrissage section div div.atterrissage-formulaire h3 {
	color: #666;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	display: none;
}

#atterrissage section div div.atterrissage-formulaire form {
	margin: 15px 0 0 0;
}

#atterrissage section div div.atterrissage-formulaire form select {
	width: 92%;
	font-size: 11px;
	padding: 4px 0;
}

#atterrissage section div div.atterrissage-formulaire form input[type=text] {
	width: 84%;
	outline: none;
	padding: 6px 5px 5px 5px;
	font-size: 11px;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
}

#atterrissage section div div.atterrissage-formulaire form div {
	height: 60px;
}

#atterrissage section div div.atterrissage-formulaire form div.error {
	float: left;
	font-size: 10px;
	height: auto;
	width: 100%;
	color: red;
}

#atterrissage section div div.atterrissage-formulaire form input[type="checkbox"] {
	margin: 0 5px 0 0;
}

#atterrissage section div div.atterrissage-formulaire form .form_message {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

#atterrissage section div div.atterrissage-formulaire form .form_message textarea {
	width: 94%;
	height: 100px;
}

#atterrissage section div div.atterrissage-formulaire form .form_conseiller {
	width: 100%;
	height: 25px;
}

#atterrissage section div div.atterrissage-formulaire form label {
	font-size: 12px;
	color: #666;
}

#atterrissage section div div.atterrissage-formulaire form input[type=submit] {
	float: left;
	color: #fff;
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	margin: 15px 0;
	padding: 4px 15px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #53aa57;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#53aa57), to(#409744));
  	background-image: -moz-linear-gradient(#53aa57, #409744);
  	background-image: -ms-linear-gradient(#53aa57, #409744);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53aa57), color-stop(100%, #409744));
  	background-image: -webkit-linear-gradient(#53aa57, #409744);
  	background-image: -o-linear-gradient(#53aa57, #409744);
  	background-image: linear-gradient(#53aa57, #409744);
}

#atterrissage section div div.atterrissage-formulaire.rouge form input[type=submit] {
	background: #53aa57;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#d71921), to(#c0171e));
  	background-image: -moz-linear-gradient(#d71921, #c0171e);
  	background-image: -ms-linear-gradient(#d71921, #c0171e);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d71921), color-stop(100%, #c0171e));
  	background-image: -webkit-linear-gradient(#d71921, #c0171e);
  	background-image: -o-linear-gradient(#d71921, #c0171e);
  	background-image: linear-gradient(#d71921, #c0171e);
}

#atterrissage section div div.atterrissage-formulaire.noir form input[type=submit] {
	background: #333333;
  	background-image: -khtml-gradient(linear, left top, left bottom, from(#444444), to(#333333));
  	background-image: -moz-linear-gradient(#444444, #333333);
  	background-image: -ms-linear-gradient(#444444, #333333);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #333333));
  	background-image: -webkit-linear-gradient(#444444, #333333);
  	background-image: -o-linear-gradient(#444444, #333333);
  	background-image: linear-gradient(#444444, #333333);
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Petite maison dans le menu principal

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

nav#primary ul li.accueil {
	width: 35px;
	text-indent: 9999px;
	background: url(../img/icone_accueil.png) no-repeat center;
	background-size: 40%;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Modèle "Nos réalisations"

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#realisation {
	margin: 130px 0 0 0;
	padding: 0;
}

#realisation .pane {
	float: right;
	margin: 30px 0 0 0;
	background: url(../img/transparence_blanc.png);
	width: 458px;
	padding: 20px;
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
}

#realisation .pane h2 {
	margin: 0;
	font-size: 30px;
	font-weight: 400;
}

#realisation .pane h3 {
	color: #333;
	margin: 2px 0 12px 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

#realisation .pane p {
	font-size: 12px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Recherche

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#resultats {
	margin: 20px 0 0 0;
	text-align: center;
}

#resultats .nl-form {
	float: left;
	margin: 10px 24px 30px 0;
	padding: 38px 50px 10px 50px;
	width: 360px;
	-moz-border-radius: 185px / 150px;
  	-webkit-border-radius: 185px / 150px;
  	border-radius: 185px / 150px;
}

#resultats h2 {
	font-size: 28px;
	line-height: 30px;
	color: #d71921;
	margin: 0;
	padding: 15px 0 5px 0;
}

#resultats h3 {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	padding: 0 0 15px 0;
	margin: 0;
}

#resultats .residence_vignette {
	min-height: 200px;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Investissement

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#content.investissement div.principal {
	background-size: cover!important;
	width: 100%;
	height: 380px;
	display: table;
	margin: 0 0 20px 0;
}

#content.investissement div.principal.small {
	height: 220px;
}

#content.investissement div.principal div {
	display: table-cell;
	vertical-align: middle;
	background: rgba(0,0,0,0.3);
}

#content.investissement h1 {
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 2px #333;
	font-weight: 300;
}

#content.investissement h2 {
	font-size: 1.15rem;
	line-height: 1.5rem;
	text-align: center;
	color: #fff;
	font-weight: 600;
	padding: 0 10%;
}

#content.investissement h3 {
	font-weight: 600;
	color: #d10a11;
	margin: 20px 0;
}

#content.investissement p {
	margin: 0 0 10px 0;
}

#content.investissement p a {
	color: #d10a11;
}

#content.investissement div.col {
	float: left;
	width: 47%;
	margin: 0 6% 20px 0;
	/* text-align: justify; */
}

#content.investissement div.col:last-child {
	margin: 0 0 20px 0;
}

#content.investissement div.col h3 {
	font-size: 24px;
}

#content.investissement div.col.banniere {
	width: 16%;
	margin: 25px 0 20px 0;
	text-align: right;
}

#content.investissement div.col.full {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	/* text-align: justify; */
}

#content.investissement div.col.full h3 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	margin: 0 0 15px 0;
}

#content.investissement div.col.full div {
	float: right;
	width: 75%;
}

#content.investissement div.col.full ul {
	margin: 0 0 0 20px;
}

#content.investissement div.col.full ul li {
	margin: 0 0 10px 0;
}

#content.investissement div.col ul li:before,
#content.investissement div.col.full ul li:before {
	content: "◆ ";
	color: #d10a11;
}

#content.investissement div.col.full ul li ul {
	margin: 10px 0 0 20px;
}

#content.investissement div.col.full img {
	float: left;
	width: 20%;
	margin: 5px 5% 0 0;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Cookies

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#cookieChoiceInfo {
	float: left;
	width: 100%;
	background: #d71921;
	font-size: 13px;
	top: 105px!important;
	padding: 20px 0;
	color: rgba(255,255,255,0.8);
}

#cookieChoiceInfo a {
	color: #d71921;
	font-weight: 600;
	background: rgba(255,255,255,0.9);
	margin: 0 0 0 20px!important;
	padding: 5px 15px;
	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;
}

#cookieChoiceInfo a:hover {
	background: #fff;
}

.kwicks {
	width: 100%;
	height: 100px;
	margin: 0 0 30px 0!important;
}

.kwicks > li {
	height: 100px;
	float: left;
}

.kwicks img {
	float: left;
	width: 160px;
	margin: 15px 0 0 0;
}

.flex-caption {
	position: absolute;
	top: 0;
	left: 185px;
	width: 330px;
	height: 100%;
	padding: 0 0 0 35px;
}


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6 { background: #fff; cursor: pointer; box-shadow: 1px 1px 1px #aaa; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }



a.cBouton {	
	float: left;
	padding: 8px 20px;
	margin: 5px 0;
	color: #fff!important;
	font-weight: 600;
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
  	background: #D71921;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#D71921), to(#bf031d));
  	background-image: -moz-linear-gradient(#D71921, #bf031d);
  	background-image: -ms-linear-gradient(#D71921, #bf031d);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D71921), color-stop(100%, #bf031d));
  	background-image: -webkit-linear-gradient(#D71921, #bf031d);
  	background-image: -o-linear-gradient(#D71921, #bf031d);
  	background-image: linear-gradient(#D71921, #bf031d);
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Bandeau d'accueil

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

a#plus,
a#moins {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 1.1rem;
	color: #222;
}

a#moins {
	display: none;
}

div.detail {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	display: none;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Icône de recherche

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

a.rechercher_function {
	float: right;
	margin: 50px 10% 0 25px;
	width: 40px;
}

a.rechercher_function img {
	width: 100%;
}

a#rechercher_hover {
	display: none;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Fiche

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#fiche {
	width: 100%;
	padding: 20px 5%;
	position: relative;
}

#fiche h3 {
	font-size: 2.5rem;
	margin: 0 0 20px 0;
	color: #d71921;
}

#fiche article {
	float: left;
	width: 65%;
}

#fiche aside {
	float: right;
	width: 30%;
	padding: 15px 2%;
	margin: 80px 0 0 0;
	text-align: justify;
	background: #fafafa;
	border: 1px solid #ddd;
}

#fiche aside h4 {
	color: #111;
	font-weight: 600;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Quartier

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#quartier {
	width: 100%;
	padding: 25px 5%;
	margin: 20px 0;
	background: #fafafa;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#quartier img {
	float: left;
	margin: 0 40px 50px 0;
	max-width: 25%;
}

#quartier h3 {
	font-size: 2.5rem;
	margin: 0 0 20px 0;
}

#quartier article {
	float: left;
	width: 100%;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Features

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

ul.tour {
	float: left;
	width: 100%;
	margin: 0;
	padding: 20px 0;
}


ul.tour li {
	float: left;
	width: 14%;
	color: #333;
	margin: 0 2% 0 0;
	padding: 80px 0 0 0;
}

ul.tour li.scolarite {
	background: url(../img/icon_ecoles.png) no-repeat top center;
	background-size: 50px;
}

ul.tour li.sports {
	background: url(../img/icon_sports.png) no-repeat top center;
	background-size: 50px;
}

ul.tour li.commerces {
	background: url(../img/icon_commerces.png) no-repeat top center;
	background-size: 50px;
}

ul.tour li.sante {
	background: url(../img/icon_sante.png) no-repeat top center;
	background-size: 50px;
}

ul.tour li.transports {
	background: url(../img/icon_transports.png) no-repeat top center;
	background-size: 50px;
}

ul.tour li.detente {
	background: url(../img/icon_detente.png) no-repeat top center;
	background-size: 50px;
}

ul.tour li:first-child {
	margin: 0 2%;
}

ul.tour li:last-child {
	margin: 0 0 0 2%;
}

ul.tour li span {
	float: left;
	width: 100%;
	text-align: center;
}

ul.tour li span:first-child {
	font-weight: 600;
	margin: 0 0 10px 0;
}

ul.tour li span:last-child {
	font-size: 0.85rem;
	line-height: 1.2rem;
}

ul.tour li span:last-child br {
	margin: 0 0 10px 0;
}

ul.tour span ul {
	width:100%;
	float: none;
}

ul.tour span ul li{
	width:100%;
	float: none;
	display: block;
	margin: 0!important;
	padding: 0!important;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Nouvelle fiche d'opération

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

ul#lots_typologies {
	float: left;
	width: 20%;
}

ul#lots_typologies li a {
	float: left;
	width: 100%;
	padding: 6px 0;
	text-align: center;
	background: #444;
	color: #fff;
	border-bottom: 2px solid #fff;
}

ul#lots_typologies li a:hover {
	background: #111;
}

ul#lots_typologies li a.active {
	background: #d71921;
}

#lots_presentation {
	float: right;
	width: 78%;
}

/*
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

Nouveau fil d'Ariane

-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
*/

#breadcrumbs {
	width: 100%;
	padding: 10px 5%;
	position: relative;
	z-index: 99;
	top: 118px;
	background: #fafafa;
	border-bottom: 1px solid #eee;
}

#breadcrumbs p {
	float: left;
	width: 87%;
	margin: 0;
	text-transform: uppercase;
	color: #ccc;
	font-size: 0.8rem;
}

#breadcrumbs p span,
#breadcrumbs p a {
	margin: 0 0 0 5px;
	letter-spacing: 0.02rem;
	color: #666;
}

#breadcrumbs p a {
	background: url(../img/ariane_fleche_blanc.png) no-repeat right;
	font-weight: 600;
	padding: 0 15px 0 0;
}

#breadcrumbs p a:hover {
	color: #d71921;
}

#breadcrumbs p a.first {
	margin: 0 5px 0 0;
}

ul.outils {
	float: right;
  	margin: 0;
}

ul.outils li {
	float: left;
}

ul.outils li a {
	margin: 0 0 0 10px;
}

.newsletter-form label {
	font-size: 12px;
}

.newsletter-form input[type="submit"] {
	float: right;
	background: #d71921;
	color: #fff;
	border: none;
	font-size: 1.1rem;
    padding: 10px;
}

.ifullScreen {
    width: 100%;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    z-index:10000;
}
.ifullClick.full {
	position: absolute;
	top:0;
	left: 50%;
	z-index:10001;
}
.fond-appart {
	background: url(../img/fond-appart.png) no-repeat top center;
	background-size: cover;
}
#personnaliser .container {
	margin: 0 auto;
	width: 60%;
}