@charset "utf-8";
@font-face {
  zoom: 1;
  font-family: 'avenir';
  src: url('../font/avenir-book.eot');
  src: url('../font/avenir-book.eot?#iefix') format('embedded-opentype'), url('../font/avenir-book.woff2') format('woff2'), url('../font/avenir-book.woff') format('woff'), url('../font/avenir-book.ttf') format('truetype'), url('../font/avenir-book.svg#avenir-book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'avenir';
  src: url('../font/avenir-bold.eot');
  src:  url('../font/avenir-bold.woff2') format('woff2'), url('../font/avenir-bold.woff') format('woff'), url('../font/avenir-bold.ttf') format('truetype'), url('../font/avenir-bold.svg') format('svg');
font-weight: bold;
   }
nobr {white-space: nowrap;}
.mainbas {
	position: absolute;
	width: 45px;
	top: 10px;
	right: -10px;
}

.couleur {color:#ddb346;}
.couleur2 {color:#4a79b8;}
.puce {
	background-color: #ddb346;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 3px;
}
.pourquoiimg {
	display: block;
	margin: 0 auto 10px;
	width: 70px;
}
.btn.btnpourquoi {
	position: relative;padding-right: 40px;
}

.btn2.btnpourquoi {
	position: relative;padding-right: 40px;
}

.lancement {background-color: #e42147; color:#fff; padding: 5px; margin-top: 0; margin-bottom: 0;}
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: bold;text-align: center;}
h2 {font-weight: bold; text-transform: uppercase; font-size: 24px; line-height: 24px; text-align: center;}
h3 {text-transform: uppercase; font-weight: normal; font-size: 16px;}
.container {
	width: 100%;
	max-width: 769px;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing: border-box;
}
h4 {text-transform: uppercase;font-weight: bold; font-size: 50px; text-align: center; color:#ddb346; margin: 5px 0 -5px 0;}

.modal h2 {
	text-align: left;
}
/*header*/
header {
	position: fixed; width: 100%;top: 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;
}

.novertheader {
	margin: 0 auto;
	max-width: 220px;
	display: table;
}
/*slider*/
#slider {
	padding-top: 0;
	position: relative;
	width: 100%;
	/*height: 215px;*/
	margin: 0 auto; overflow: hidden;
}
#slider.visiblemobile {
	/*height: 179px;*/
}

.cycle-slideshow.composite-example {/*height: 215px;*/}	
.cycle-overlay {
	font-family: 'avenir';
	position: absolute;
	top: 10%;
	width: 80%;
	z-index: 600;
	color: #5f5f5f;
	text-align: center;
	left: 10%;box-sizing: border-box;
}
.overlay-bkg {background: rgba(255,255,255,0.8);box-sizing: border-box; height: 100%; display: table; margin: 0 auto;
	padding: 15px 15px 0;}
.cycle-overlay h2 {margin: 0;}
.cycle-overlay .chiffre {color: #4775B3; font-style: italic;font-weight: normal;}
.cycle-overlay p { background-color: #4775B3; color: #fff; padding: 7px 10px;	margin: 5px auto 0; display: table;}
.cycle-slide {
	
	overflow: hidden;width: 100%;
}
/*atout*/
#atout ul {	list-style: none;}
#atout li { margin-bottom: 7px; line-height: 16px;}
/*caroussel*/
#caroussel > div {
	position: relative;
	z-index: 1000;
}
.fleche {
	position: absolute;
	top: 0;
	z-index: 1001;
	display: none;
	width: 100%;
	height: 100%;}
.fleche a {	display: inline-block; position: absolute;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease; width: 84px;}
.fleche a.fleched { right:0;}
.fleche a.flecheg  { left:0;}
.fleche a.fleched:hover { opacity: 0.8;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.fleche a.flecheg:hover { opacity: 0.8;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.fleche img { width: 100%;}
/*visite*/
#virtuel {display: none;}
.puceimg {
	display: none;
	margin: 0 auto;
	width: 150px;
}
/*pinel*/

#accroche {background-color: #000000; padding-top: 60px}
#accroche .container h1, #accroche2 .container h2 {
	margin-bottom: 0;
	padding-bottom: 0px;
	font-size: 17px;
	width: auto;
}
#accroche .container {
	color: #FFFFFF;
	margin-top: 0px;
	padding:20px;
	background-color: #000000;
}
.petit {
	font-size: 11px;
	font-weight: normal;
	display: block;
}
.accroche {font-weight: normal;font-size: 16px; line-height: 16px;}


#accroche2 .container {
	margin-top: 0px;
	padding:10px;
	background-color: white;
}


#atout .container {
	padding-top:20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 10px;
	background-color: white;
}

#pourquoi {
	background-color: black;
	color: white;
}
#pourquoi .container{
	margin-top: 30px;
}
/*avantages*/

#avantage .container{
	margin-top: 0px;
	padding:10px;
	background-color: white;
}
#avantage ul { list-style: none; margin: 0 5%;}
#avantage li { margin-bottom: 7px; line-height: 16px;}


/*footer*/
footer {
	background-color: #006e78;
	color: #fff;
	font-size: 10px;
	font-family: arial;
	padding: 5px 0; text-align: center;margin-bottom: 70px;
}
.foot {
	font-size: 12px;
	margin: 2px auto 30px;
	font-family: arial;
	color: #868685;
}
.social {
	margin-bottom: 20px;
}

#promoteur {
	padding-top: 30px;
}
body, button, input, select, textarea { font-family:'avenir',Arial, Helvetica, sans-serif; color: #00374b; }
.highlight {color:#827772; }
.subline {font-size:20px;}
.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; }

/*
 * 1. DÃ©finition de la hauteur de ligne comme normale pour correspondre Ã  FF3/4 (dÃ©finition Ã  l'aide de !important dans la feuille de style UA)
 * 2. Espacement intÃ©rieur correct affichÃ© de faÃ§on anormale dans IE6/7
 */

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;
  vertical-align: middle;
  position: relative;
  z-index: 200;
  /*max-width: 500px;*/
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -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:#ccc;border:1px solid transparent;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;}
	.separateur.visibleordi {display: none;}
.visuelmobile {
	overflow: hidden;

}

.copyright { font-size: 10px;}
.btn {
-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;text-transform:none;-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;
background-color: #ddb346; color: #ffffff;
margin: 30px auto;
display: table;font-size: 24px;text-align: center;line-height: 24px;
}


.btn:hover{background:#a27f25; 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;
}

.btn2 {
-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;text-transform:none;-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;
background-color: #4a79b8; color: #ffffff;
margin-top: 30px auto;
display: table;font-size: 24px;text-align: center;line-height: 24px;
}
.btn2:hover{background:#00374b; color:#FFF;}
.btn2:visited, .btn2:focus {color:#FFF;}
.blocbtn .btn2 { display: inline-block; margin: 5px 5px 20px; position: relative;  }

.btn2.petit {
	font-size: 17px;
	padding: 5px;
}

.blocbtn .btn2.petit {
	margin: 0px auto 0;
}

#accroche2 .blocbtn {
	margin: 4px auto 13px;
}
.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;
}
/*slider*/
	.slider-pager,.slider-pager2 { text-align: center; color: #fff; position: relative; z-index: 200; margin-top:-20px; }
	.slider-pager span,.slider-pager2 span {background-color:#fff;  cursor:pointer; width: 15px; color:rgba(0,0,0,0); height: 15px; display: inline-block; margin:0 8px 0 0; -moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg); }
	.cycle-pager-active{ background-color:#ddb346 !important; color:#006e78; }
#slider1 {
	position: relative;
	z-index: 1;
}
.cycle-slideshow a {
	display: block;
	width: 100%;
	height: 100%;

}



	.numvert {
		display: table;
		margin: 30px auto;
		font-size: 25px;
		padding: 20px 10px;
		width: 100%;
		text-align: center;
		box-sizing: border-box; background-color:#89c50c;
	}
	.numvert a {color:#000;}

	.numverttext {color:#FFF;}
/*novanote*/
.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%;
	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: 25px;
}
/*le formulaire*/
#leformulaire {
	background-color: #303030;
	padding: 5px;
	color: #ddb346;
}
#leformulaire  h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center; margin: 10px 0;
}
#leformulaire input:invalid, #leformulaire textarea:invalid { background-color: #eee; }
#leformulaire .form-control{background:#fff;}
#leformulaire .form-control:focus{border-color:#fff; background-color: #fff;}
#leformulaire .cgu {width: 100%;	margin: 10px 0;}
#leformulaire form a {color: #fff;}

header .btn {	margin: 0;	width: 100%;}
header .col2 {	background-color: #303030; width: 100%; padding: 5px; vertical-align: middle}


.formcollapse {
	display: none;
}
#submit {
	margin: 14px auto 8px;
}

/* Disposition tabletteÂ : 481px sur 768px. HÃ©rite des styles deÂ : Disposition mobile */

@media only screen and (max-width: 768px) {#accroche {padding-top: 120px }
}

@media only screen and (max-width: 599px) {#habiter .col4 h3 {font-size: 14px;}
}

@media only screen and (min-width: 481px) {
		
	#accroche .container h1, #accroche .container h2 {
	font-size: 24px;
	line-height: 24px;
}
	#accroche .container h2 {
	margin-top: 10px;
}
	.petit {
	font-size: 17px;
}
	form a {
			color: #ffffff;
		}
	form#formcontactmobile  a, form#formcontactmodal  a {color: #303030 !important;}
	.lancement {padding: 20px}
	.accroche {font-size: 20px; line-height: 20px}
	#virtuel {display: none;}
.puceimg {
	display: block;
margin: 10px auto;
}
	#accroche .container h1, #accroche .container h2 {padding: 5px;
}
	.container {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
	.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;
}
	
	#atout ul {
	text-align: center;
}
	#atout li {
	margin-bottom: 5px;
}
}

@media only screen and (min-width:500px){
	/*investir*/
.col4 {width: 45%;}
}

@media only screen and (min-width: 600px) {
	
.separateur {margin: 30px auto;}
	.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;
}
.social {
	width: 49%;
	float: left;
	padding-top: 0px;
}
.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;}

/*visite*/
#virtuel {display: block;}
.iframevirtuel  {
	width: 100%;
	height: 440px;
}
	
	
	}

/* Disposition bureauÂ : 769px Ã  max. 1232px.  HÃ©rite des styles deÂ : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {
	#leformulaire { padding: 20px;}
	#leformulaire  h3 {margin: 20px 0;font-size: 24px;}
	
	#accroche .container {
	min-width: 769px;
}
	
	#accroche2 .container {
	min-width: 769px;
}	
	
	#accroche2 .container h2 {
	margin-bottom: 10px;
	font-size: 24px;
}
	
	header .col2 {width: 33%; }
	.jeveux {
	float: right;
	background-color:#ddb346; 
}

	
	header .col2 {width: 33%; }
	header .logo{
	width: 33%;
	float: left;
}
	
	footer {margin-bottom: 45px;
}

	.jquery-modal h1 {
	font-size: 32px;
}
	h1 {
	font-size: 36px;
	margin-top: 10px;
	margin-bottom: 16px;
}
	/*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;
}
	.separateur.visibleordi {display: table;}
	.visuelordi {
}
	
	.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: 889px;
}
	.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 {
	max-width: 250px; padding: 18px 10px; float: right
}
	.logoheader {max-width: 200px; float: left;
}
	.novertheader {max-width: 250px;
}
/*SLIDER*/

	
	#slider .cycle-slide {width: 100%; 
}
	#slider {
	padding-top: 0px;height: 500px;}
	.fleche {
	position: absolute;
	height: 165px;
	margin-top: 170px;
	display: table;
	/*background-color: #4775B3;*/
}
	#slider .slider-pager {
	
	bottom: 10px;
	width: 100%;
}
	.cycle-overlay h2 {
	margin: 0;
	font-size: 36px;
}
	.cycle-overlay p {
	font-size: 24px;
}
	.cycle-overlay {/*top: 100px;*/
	width: 60%;left:20%;
}
	/*atout*/
	
	
	#atout ul {
	text-align: center;
}
	#atout li {
	margin-bottom: 5px;
}
	
	#investir .col {
  max-width: 760px;
  margin: 0 auto;
}
	/**caroussel*/
	#caroussel .fleche {margin-top: 3%;height: 1px;}
	#caroussel .cycle-slideshow  a.gallery.cycle-slide img {
		-webkit-transition: all 0.5s ease;	
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
	}
	
	#caroussel .cycle-slideshow a.gallery.cycle-slide:hover img {opacity: 0.5;}
	#caroussel .cycle-slideshow a.gallery.cycle-slide:hover {background-color: #000;}
	#caroussel .cycle-slideshow a.gallery.cycle-slide:hover i {opacity: 1;}
/*avantage*/	
	#avantage .col2 {
	float: left;
		
}

	
.visiblemobile{ display:none;}
.visibleordi { display:block;}
.container {
	padding-left: 0.9%;
	padding-right: 0.9%;
}
.blocbtn.visibleordi {
    display: table;
}
	.loupecontainer {display: table; /*width: 100%;*/ text-align: center; position: absolute;z-index: 100;bottom: 0;}
	.loupe {margin: 0 auto;
	background:url('../images/zoom.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0);background-size: cover;
	width: 34px;
	height: 34px;
	display:block;
	transition: all 0.14s ease 0s;
	}
	.loupe:hover { background-position: bottom center;}
	
}

@media only screen and (min-width: 1024px) {
.cycle-slide img {
max-height: 500px;
margin: 0 auto;
width: auto;
}

.fdslider {
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 3!important;
	opacity: 1;
	display: block;
	visibility: visible;
	background-size: cover;
	background-position: center;
	filter: blur(5px);height: 500px;
    width: 100%;
}
}
@media only screen and (min-width: 1300px) {}
