@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700');
#submit {
	font-size: 24px;
background-color: #fff;
width: 100%;
border: solid 1px #e42147;
color: #e42147;
}
#submit:hover {
	background-color: #e42147;width: 90%;
	color: #fff;
}

.exclu {
	width: 182px;
	display: inline-block;
	vertical-align: top;
	margin-top: -1px;
}

.flex {
	width: 100%;
	margin: auto;
	display: -webkit-box; 
	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
flex-flow: column nowrap;
place-content: stretch flex-start;
align-items: stretch;
}

#header {position: relative; height: 220px;}
#leformulaire {position: relative; }
#header .flou  {position: absolute;
	background-image: url("../images/header-flou.jpg");
	background-position: center;
	background-size: cover;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
}
#header .image.visiblemobile  {position: absolute;
	background-image: url("../images/header-mobile-big.jpg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0; left: 0; width: 100%; height: 100%; z-index: 100;
}
#header .image.visibleordi  {position: absolute;
	background-image: url(../images/header.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0; left: 0; width: 100%; height: 100%; z-index: 100;
}
#header .container {position: relative; z-index: 100;} 
#header .container {
	padding: 0;
}
#header img {
	width: 100%;
}


/*telechargement*/
.telechargement { background-color: #333; }
.telechargement .col3 {text-align: center; }
.telechargement .header {display: table;margin: 0 auto;width: 262px;}
.telechargement .header a { display: block; font-size: 24px;float: left; text-align: left; padding: 5px; color: #fff;}
.telechargement .content p { margin: 0; padding: 5px;clear: both;}
.telechargement .content a { display: block;  font-size: 14px;	padding: 10px 0; min-height: 73px; color: #fff;}
.telechargement img {	height: 32px;}
.telechargement img.ico-promoteur {height: 25px;}
.telechargement .content.bloc-or  {border-bottom: solid 1px #e06d37;}
.telechargement .content.bloc-vert  {border-bottom: solid 1px #91a63d;}
.telechargement .content.bloc-rouge  {border-bottom: solid 1px #d83840;}
.telechargement .content.bloc-gris  {border-bottom: solid 1px #8b8b8b;}
.telechargement .titre {	display: block;	line-height: 60px;}
.telechargement i.fa {
	font-size: 24px;
	display: block;
}

/*social*/
.social .label {
	display: none;
}
/*footer*/

#social {
	background: url('../images/city.png') #333333 repeat-x center bottom;
	background-size: cover;
	padding: 0 5px;
	text-transform: uppercase;
	float: none;
    clear: both; 

}

#social ul { margin: 0 auto; display: table; padding-left: 0;	list-style-type: none;}
#social li {
	padding: 3px 0;display: inline-block;
}
#social a, #social a:hover {
	color: #FFF;display: block;padding: 15px 10px 15px 0;
}
#social a i.fa {
	font-size: 20px;
	color: #8b8b8b;
	width: 40px;
	text-align: center;
	vertical-align: middle;
}
#social.visiblemobile ul  {display: contents;}
#social.visiblemobile .logobas {	width: 100%;	text-align: center;}
#social.visiblemobile li:nth-child(n+2) { width: 19%;text-align: center;padding: 0;}
.logobas img {
	height: auto;
	width: 100%;
	max-width: 125px;
}

footer {
	padding: 5px 5px 80px;
	text-align: center;
	font-size: 12px;
	background-color: #272727;
	color: #fff;
}

#presentation {
	background-color: #fafafa;
	padding-top: 10px;
	padding: 25px 0 2px;
}
#presentation p {
	margin: 5px 0 20px;
}
#presentation h3 {text-align: center; text-decoration: underline;}
#presentation h2 { text-decoration: underline;}
.mainbas {
	position: absolute;
	width: 45px;
	top: 10px;
	right: -10px;
}
.couleur {color:#f80341;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.231;
}
h1 {text-transform: uppercase;font-weight: normal;text-align: center;}
h2 {font-weight: bold; text-transform: uppercase; font-size: 16px; text-align: center; margin: 0; }
h3 { text-transform: uppercase; margin: 0; font-size: 16px;}
.container {
	width: 100%;
	max-width: 769px;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing: border-box;
}
.modal h2 {
	text-align: left;font-size: 18px;
}
#header a {
	width: 100%;
	display: block;
	height: 100%;cursor: zoom-in;
}
.big {
	width: 1980px;
	height: auto;
}

#residence-mob.modal {
	padding: 0;
	width: 100%;
}
#residence.modal {
	width: 100%;
	padding: 0px;
	max-width: none;
}


  .tiles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .tile {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
  }

  .txt {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 10%;
    left: 0;
    font-family: 'Roboto Slab', serif;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    cursor: default;
  }

  .x {
    font-size: 32px;
    line-height: 32px;
  }





/*header*/
header {
	position: fixed; width: 100%;bottom: 0;
	z-index: 3000;
	background-color: #303030;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);
box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);
}
header .container {
	padding: 0; width: 100%;
}
.logoheader {
	margin: 0 auto;
	max-width: 220px;
	display: table;
}


.petit {
	font-size: 11px;
	font-weight: normal;
	display: block;
}



/*footer*/

.foot {
	font-size: 12px;
	margin: 2px auto 30px;
	font-family: arial;
	color: #868685;
}


body, button, input, select, textarea { font-family:'Dosis',Arial, Helvetica, sans-serif; color: #303030; }

.marge { margin-bottom:5px!important; margin-top:5px!important;}
.center { text-align: center;}
		form a, #formcontactmobile form a {
			text-decoration: underline;
			font-size: 13px;
			color: #303030;
		}

.telephone { font-weight: bold; color:#29B856;}
.modal {
	text-align: left;
}
		.promoteurcell.cycle-slide {
	max-width: 140px;
}
ul.colonne {
	padding: 0;
	text-align: left;
	font-size: 18px;
	margin-top: 30px;list-style: inside;

}
.colonne li {
	line-height: 18px;
	margin-bottom: 10px;
}

a { color: #000; text-decoration:none; }
a:visited { color: #AAA; }
a:hover { color: #888; }
a:focus { outline: thin dotted; }

/* Amélioration de la lisibilité en cas de focus et de survol dans tous les navigateurs : h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typographie
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Nouvelle déclaration de la famille de polices monospace : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Amélioration de la lisibilité du texte préformaté dans tous les navigateurs */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Placement du contenu en exposant et en indice sans influer sur la hauteur de ligne : h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; text-transform: lowercase; }
sub { bottom: -0.25em; }


/* =============================================================================
   Listes
   ========================================================================== */

ul, ol { margin: 0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Contenu incorporé
   ========================================================================== */

/*
 * 1. Amélioration de la qualité d'image en cas de mise à l'échelle dans IE7 : h5bp.com/d
 * 2. Suppression de l'espace entre images et bordures dans les conteneurs d'images : h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Débordement correct non masqué dans IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Illustrations
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Formulaires
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indiquer que le 'libellé' décalera le focus sur l'élément de formulaire associer */
label { cursor: pointer; }

/* 
 * 1. Couleurs correctes non héritées dans IE6/7/8/9 
 * 2. Alignement correct affiché de façon anormale dans IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Taille de police correcte non héritée dans tous les navigateurs
 * 2. Suppression des marges dans FF3/4 S5 Chrome
 * 3. Définition de l'affichage cohérent de l'alignement vertical dans tous les navigateurs
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
#leformulaire select#imposition.form-control {	border: solid 1px #d9d9d9;padding: 5px;border-radius: 0px; -webkit-appearance: button;   -moz-appearance:    button;   appearance:  button;min-width: 142px;
background-image: url(../images/fleche-bas.png);
background-size: 13px;
background-repeat: no-repeat;
background-position: right;
}
/*******/

/*
* Pure CSS switch checkbox
*/
input.switch {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  position: relative;
  height: 20px;
  width: 40px;
  border-radius: 10px;
  box-shadow: inset -20px 0px 0px 1px rgba(192, 192, 192, 0.5);
  background-color: white;
  border: 1px solid rgba(192, 192, 192, 1);
  outline: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  left:8px;
  margin-top:0!important;
	margin-right: 10px !important;
}

input.switch:checked {
  box-shadow: inset 20px 0px 0px 1px rgba(40, 205, 0, 0.9);
}

input.switch::-ms-check {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0); /* IE 5-7 */
  opacity: 0;
}

label.switch{position:relative;padding-left:50px}
#cgv {float: left;}


button, input { line-height: normal; *overflow: visible; }

/*
 * Réintroduction de l'espacement intérieur dans 'table' pour éviter les problèmes de chevauchement et d'espaces blancs dans IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Affichage d'un curseur en forme de main pour les éléments de formulaire cliquables
 * 2. Autoriser la définition de style pour les éléments de formulaire cliquables dans iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Dimensionnement et apparence cohérents des cases
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Suppression de la marge intérieure et de la bordure dans FF3/4 : h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Suppression de la barre de défilement verticale par défaut dans IE6/7/8/9 
 * 2. Autoriser le redimensionnement vertical seul
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Couleurs pour validité de formulaire */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #ccc; }


/* =============================================================================
   Tableaux
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== classes auxiliaires non sémantiques ========================================
   Définissez vos styles avant cette section.
   ========================================================================== */

/* Pour le remplacement d'image */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Masquer des lecteurs d'écran et des navigateurs : h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Masquer visuellement, mais laisser à disposition des lecteurs d'écran : h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Développe la classe .visuallyhidden pour permettre le focus sur l'élément en cas d'accès à l'aide du clavier : h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Masquer visuellement et des lecteurs d'écran, mais conserver la disposition */
.invisible { visibility: hidden; }

/* Contient des éléments flottants : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== styles d'impression =======================================================
   Styles d'impression.
   Mis en retrait pour éviter la connexion HTTP obligatoire : h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Le noir s'imprime plus vite : h5bp.com/s */
  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: ""; }  /* Ne pas afficher les liens pour les images ou les liens JavaScript/internes */
  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; }
}


/* Média fluide simple
   Remarque : un média fluide exige que vous supprimiez les attributs de hauteur et de largeur du média du code HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
	width:100%;
}

/*******associé à JQUERY MODAL*************/
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 4000;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {				 visibility: visible!important;
  display: inline-block;font-size: 12px;
  vertical-align: middle;
  position: relative;
  z-index: 200;
  /*max-width: 500px;*/
  box-sizing: border-box;
  width: 95%;
  background: #fff;
  padding: 15px 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
 /* -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;*/
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("data:image/png;base64,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") no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,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") #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

/*******/
/* Disposition mobile : 480px et moins. */
.visiblemobile{}
.visibleordi { display:none;}

.blocbtn.visibleordi {
    display: none;
}

.logo {
	text-align: center;
	margin: 0 auto;
	border-bottom: solid 1px #ddd;
}
/*form*/
.form-control{color:#303030;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:5px 0 0 0;background:#ffffff;border:solid 1px #d9d9d9;font-weight:normal;height:30px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; padding: 0 5px; font-size:14px;
width: 100%;
box-sizing: border-box;}
.form-control:focus{border-color:#aaa;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color: #aaa;}
.form-control::-webkit-input-placeholder{color:#303030}
.form-control:-moz-placeholder{color:#303030}
.form-control::-moz-placeholder{color:#303030}
.form-control:-ms-input-placeholder{color:#303030}
.form-control.parsley-error{border-color:#ed2727}
.parsley-errors-list{padding:0;margin:0}
.parsley-errors-list li{display:inline-block;padding:0 5px;background:#ed2727;margin:5px 0}
textarea{resize:none}
.cgu {
	display: block;
	margin-bottom: 20px;
}

	.separateur {width: 100%;margin: 0 auto 10px;max-width: 640px;display: table;}

.copyright { font-size: 10px;}
.btn {
-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;font-weight:normal;border: none;
padding: 10px 15px; text-transform: uppercase;
background-color: #777;color: #ffffff;
margin: 30px auto 40px;
display: table;font-size: 24px;text-align: center;line-height: 24px;
}
.btn:hover{background:#b0212d; color:#FFF;}
.btn:visited, .btn:focus {color:#FFF;}
.blocbtn .btn { display: inline-block; margin: 5px 5px 20px; position: relative;  }

.btn.petit {
	font-size: 17px;
	padding: 5px;
}
.blocbtn .btn.petit {
	margin: 0px auto 0;
}

.blocbtn {
	margin: 0 auto;text-align: center;
	display: table;
}
.blocbtn .btnico {padding-right: 45px; background-color: #AAA;}
.blocbtn .btnico:hover {background-color: #777;}

.calendrier {margin: 0 auto;
	background:url('../images/rdv.png') no-repeat scroll top center rgba(0, 0, 0, 0);
	width: 25px; background-size: cover; position: absolute;margin-left: 8px;top: 8px;
	height: 27px;right: 8px;
	display:inline-block;
	transition: all 0.14s ease 0s;
	}
	.calendrier:hover, .blocbtn .btn:hover .calendrier{ background-position: bottom center;}
#titre {
	text-align: center;
}




	.numvert {
		display: table;
		margin: 0px auto 30px;
		font-size: 25px;
		padding: 20px 10px;
		width: 100%;
		text-align: center;
		box-sizing: border-box; background-color:#89c50c;background-image: url('../images/vert-bkg.jpg');
	}
	.numvert a {color:#000;}

	.numverttext {color:#FFF;}
/*novanote*/
#novanote {
	padding: 25px 0 2px;
}

.iconovanote {
	display: inline-block;
	margin-right: 10px; width: 40px; height: 40px;
}
.novanote-note {
	color: #00A59E;
	font-size: 34px;
}
.novanote-note span {
	color: #aaa;font-size: 16px;
}
#novanote.gridContainer { max-width:350px;}
.blocnote {padding-bottom: 0px;}
.note {
  text-align: center;
  margin-bottom: 1.5em; clear:both;
}
.tablenova { display:table;  width: 100%; }
.tablenova .trnova { display:table-row;}
.tablenova .tdnova { display:table-cell;vertical-align: middle; line-height: normal; padding: 3px 0;}
.tablenova .tdnova:nth-child(2) { text-align: right;}
/*tooltips*/
.dummy { text-align: left; /*min-height: 300px; */margin: 0 auto; }
.dummy-text { max-width: 1000px; }
.dummy-text p { margin-top: 0; line-height: 1.8; text-align: justify; }
.tooltipnova { display: inline; position: relative; z-index: 999; }
.tooltipnova-item { cursor: pointer; z-index: 100; position: relative; display: inline-block; -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, color 0.3s, transform 0.3s; }
.tooltipnova:hover .tooltipnova-item { color: #fff; -webkit-transform: translate3d(0,-0.5em,0); transform: translate3d(0,-0.5em,0); }
.tooltipnova-text { opacity: 0; -webkit-transform: translate3d(0,1.5em,0); transform: translate3d(0,1.5em,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s;}
.tooltipnova-content {  background-color:#FFF; border-color: #888; border-style: solid; border-width: 1px 1px 55px; bottom: -5px; color: #000; cursor: default; font-size: 0.75em; left: 50%; line-height: 1.5; margin-left: -100px; opacity: 0; padding: 1.5em; pointer-events: none; position: absolute; text-align: left; -webkit-transform: translate3d(0,-0.5em,0); transform: translate3d(0,-0.5em,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; width: 200px; z-index: 99; }
.tooltipnova:hover .tooltipnova-content, .tooltipnova:hover .tooltipnova-text { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/*investir*/
.col4 {
	width: 40%;
	float: left;
	margin: 2.5%;
	text-align: center;
	line-height: 18px;
}
.col4 a { display:block;-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.col4 a:hover {padding: 10px;}
.col4 a:hover img { opacity: 0.5;}

/**/
.left {
	float: left;
	margin-right: 30px;
	margin-top: 10px;
}
#contactmobile.visiblemobile h3 {
	text-align: center;
	font-weight: bold;
	margin: 0;
}
#contactmobile.visiblemobile p {
	margin: 0;
	padding: 0 10px;
}
#contactmobile.visiblemobile #formcontactmobile {
	padding: 0 10px;
}
.form-col2 {
	width: 48%;
	float: left;
	margin: 0 1%;
}
#cgu h1 {
	font-size: 18px;
}
/*le formulaire*/
#leformulaire {
	background-color: #ffffff;
	padding: 5px;
	color: #f80341;
}
#leformulaire  h2 {
	font-size: 18px; color: #333;
	font-weight: bold;
	text-align: center; margin: 10px 0;
}
#leformulaire input:invalid, #leformulaire textarea:invalid { background-color: #fff; }
#leformulaire .form-control{background:#fff;}
#leformulaire .form-control:focus{border-color:#ddd; background-color: #eee;}
#leformulaire .cgu {width: 100%;	margin: 10px 0;}
#leformulaire form a {color: #333;}

header .btn {	margin: 0;	width: 100%;}
header .col2 {	background-color: #303030; width: 100%;}
/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */


	@media only screen and (min-width: 481px) {
#header {height: 270px;}

	form a {
			color: #ffffff;
		}
	form#formcontactmobile  a, form#formcontactmodal  a {color: #303030 !important;}
.puceimg {
	display: block;
margin: 10px auto;
}
	
	.container {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
	#header .container {padding: 0; width: 100%;}
	.fleche {position: absolute;}

#formulaire2.gridContainer  { margin: 70px auto;}
.formulaire.gridContainer { margin: 20px auto;background-color:#f7f7f7;}
/*novanote*/
.tablenova { width: 40%; float:left;}
.tablenova:first-child { margin-right: 12%;  margin-left: 4%;}
ul.colonne {
max-width: 660px;
    width: 100%;
	-moz-column-count: 2;
-moz-column-gap: 5px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
}
}
@media only screen and (min-width:500px){
#header {height: 310px;}
	
	/*investir*/
.col4 {width: 40%;}
}
@media only screen and (min-width: 600px) {
	.flex { height: 100vh;}
#header {height: 28%;}

	
	.bloc {
	width: 49%;
	display: inline-block; float:left;
}

.btn.detail { margin-bottom:40px;}
.blocg { margin-right:2%;}
#formcontact {
	max-width: 700px;
	margin: 0 auto;
}
.form-control{ height:40px; padding:0 10px; margin-top:10px;}
.logo {
	width: 49%;
	float: left;
	border-bottom: none;
	border-right: solid 1px #DDD;
}

.copyright {
	clear: both;
	text-align: center;
	line-height: 12px;
}
.colonne { margin: 0 auto; width: 100%;}

.cgu {
	display: inline-block;
	margin-bottom: 20px;
	/*text-align: center;*/
	margin-top: 20px;
	width: 100%;
}
	/*investir*/
	.col4 {width: 20%;}
	/*novanote*/
.blocnote {display: flow-root; padding-bottom: 30px;}
	.blocbtn .btn { margin: 30px 5px;}

	
	}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {
#header {height: 63%;}
#leformulaire { height: 37%; padding: 20px;}
#leformulaire  h3 {margin: 20px 0;font-size: 24px;}
	#presentation p {text-align: center;}
	
	header .col2 {width: 49%; }
	.jeveux {
	width: 49%;
	float: right;
}

footer .container {
	padding: 10px 0 55px;
}

	.jquery-modal h1 {
	font-size: 32px;
}
	h1 {
	font-size: 36px;
	margin-top: 10px;
	margin-bottom: 16px;
}
	.exclu {
	width: 262px;
	margin-top: -2px;
}
	/*form*/
	.modal .form-col3 {
	display: block;
	margin: 0 auto;
	width: 50%;
}
	#contactmodal.modal h3, #contactrdv.modal h3 {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}.col2, .col2.visibleordi {display: inline-block;	width: 49%;box-sizing: border-box;vertical-align: bottom;}
	.col2 h3 {
	text-transform: none;
	font-size: 24px;
	color: #fff;
	text-align: right;
	margin: 0;
}
	.form-col3 {display: inline-block;width: 32%;box-sizing: border-box;padding-right: 0.5%;}
	.form-col3.last {padding-right: 0;}
	header .container {
	max-width: 750px;
}
	#cgv {float: none;}
	.cgu {text-align: center; 
}
	.form-control {
	height: 30px;
	padding: 0 5px;
	margin-top: 5px;font-size: 14px;
}
	header .cgu {
	width: 66.2%;
	text-align: left;
	margin: 0;padding-top: 8px;
}
	header .btn {
	width: 100%;
}
	.logoheader {max-width: 305px;
}


	
.visiblemobile{ display:none;}
.visibleordi { display:block;}
	#social.visibleordi {
	display: table;
	width: 99%;
}
.container {
	padding-left: 0.9%;
	padding-right: 0.9%;
}
.blocbtn.visibleordi {
    display: table;
}

	

	.visible768{display: none;}
	/*telechargement*/
	.telechargement {display: table;width: 100%;}
	.telechargement .col3 {	width: 31.3%;	float: left;	margin: 5px 1% 10px;}
	.telechargement .header {width: auto;}
	.telechargement .header a {	float: none; font-size: 18px;	text-align: center; }
	.telechargement .header .titre a {	padding: 0 0 10px;}
	.telechargement .titre {	line-height: 21px;}
	.telechargement .content p { 	text-align: center;min-height: 75px;}
	.telechargement .content.bloc-or  {border: solid 1px #e06d37;}
	.telechargement .content.bloc-vert  {border: solid 1px #91a63d;}
.telechargement .content.bloc-rouge  {border: solid 1px #d83840;}
	.telechargement .content.bloc-gris  {border: solid 1px #8b8b8b;}
	.telechargement img.ico-promoteur {
	height: 32px;
}
	/*social*/
		.social .label {
	display: inline;
}
		footer {padding-bottom: 50px;}

	#social li {	display: table-cell; vertical-align: middle; padding: 3px 5px;	text-align: center;}
}

@media only screen and (min-width: 1024px) {}
@media only screen and (min-width: 1300px) {}