@charset "utf-8";
.puce {
	background-color: #ec1d35;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 3px;
}
.couleur {color:#ec1d35;}

/*HEADER*/
#titrepage {
	overflow: hidden;
	z-index: 1;
background-size: cover;
background-position: 50%;
position: relative;
	background-image:url(../images/header.jpg);
	text-align: center;
	height: 133px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#titrepage h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 34px;
	font-weight: normal;
line-height: 33px;
	color: #fff;
	display: table;
	margin: 0 auto;
	position: relative;
	padding: 19px 5px 10px; background-color: rgba(0,0,0,0.50);
}
#titrepage h1 .ssitre {font-size:18px;display: block;font-family: 'Poppins', sans-serif; line-height: 19px;}
#titrepage a {
	background-color: #ec1d34;
	color: #ffffff;
	font-size: 18px;
	font-family: 'Poppins', sans-serif;

	padding: 10px;
	position: absolute;
	bottom: -5px;
	left: 20%;
	width: 53%;
}

/*bandeau*/
#bandeau {
	background-color: #ec1d34;
}
#bandeau h2 {
	color: #ffffff;
}

#bandeau figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*min-width: 320px;
	max-width: 480px;
	max-height: 360px;*/
	width: 25%;
	background: #333;
	text-align: center;
	cursor: pointer;
}

#bandeau figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

#bandeau figure figcaption {
	/*padding: 2em;*/
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#bandeau figure figcaption::before,
#bandeau figure figcaption::after {
	pointer-events: none;
}

#bandeau figure figcaption,
#bandeau figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#bandeau figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


#bandeau figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

#bandeau figure.effect-lily figcaption {
	text-align: left;
}

#bandeau figure.effect-lily figcaption > div {
position: absolute;
top: 0;
right: 0;
padding: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 40px 40px 0;
border-color: transparent #ec1d35 transparent transparent;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}

#bandeau figure.effect-lily h3{
	-webkit-transform: translate3d(24px,0,0);
	transform: translate3d(24px,0,0);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	font-size: 18px;
font-family: 'Poppins', sans-serif;

	word-spacing: -0.15em;
	font-weight: normal;
	margin: 0;
}


#bandeau figure.effect-lily p{ opacity: 0;display: inline-block;white-space: nowrap;background-color: #2d343a;

padding: 2px; }
#bandeau figure.effect-lily:hover img { opacity: 1;}

#bandeau figure.effect-lily:hover img,
#bandeau figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); opacity: 1;
}
#bandeau figure.effect-lily:hover h3{
	-webkit-transform: translate3d(10px,-10px,0);
	transform: translate3d(10px,-10px,0);
}
#bandeau figure.effect-lily:hover p{
	-webkit-transform:translateX(-90px) translateY(-110px);
	transform:translateX(-90px) translateY(-110px);
}


#bandeau figure.effect-lily:hover figcaption > div {border-width: 40px;border-color: #ec1d35 ;}

/*programme*/
#programme {background-color: #e6e6e6;padding-top: 50px;}
.blocpgm h3 {
	color: #000;
	font-weight: normal;
line-height: 23px;
	font-size: 23px;
	font-family: 'Poppins', sans-serif;margin: 10px auto 5px;/*text-transform: capitalize;*/
}
.blocpgm p {margin: 0;
}
.blocpgm .blocpgmfooter a,.blocpgm .detailpgm a {
	color: #ffffff;

	font-size: 24px; background-color: #ec1d34; text-align: center;
	font-family:'Poppins', sans-serif;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap; width:100%; height: 40px; cursor: pointer;margin-top: 20px;
}
#formcontact1 a,#formcontact2 a,#formcontact3 a,#formcontact4 a {
	color: #333;
	font-size: 13px;
	background-color: transparent;
	display: inline;
}
.blocpgm {
	width: 98%; margin: 0 1% 20px;position: relative;
	background-color: #fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;
}
.textpgm {
	width: 100%;
	padding: 30px 30px 0;
}
.clic .textpgm p {
	border-bottom: solid 1px #ec1d34;
	display: table;
	margin: 0 auto;
	padding-bottom: 10px;
}
.blocpgm.clic .textpgm h3, .clic .textpgm {text-align: center;}
.blocpgm .blocpgmfooter a.lienfermer,
.blocpgm .detailpgm a.lienfermer{display: none;}
.blocpgm.clic .blocpgmfooter a.lienfermer,
.blocpgm.clic .detailpgm a.lienfermer{display: flex;}
.blocpgm.clic .blocpgmfooter a.lienimg {display: none;}
.blocpgm.clic  .lienimg { display: block; height: 0; overflow: hidden;}
.blocpgm.clic { width:98%; -webkit-transition:width 0.6s, height 0.6s, transform 0.6s;transition: width 0.6s, height 0.6s, transform 0.6s;transform-origin: 100% 100%;}
.blocpgm .detailpgm { display:none;}
.blocpgm.clic .detailpgm { display:block; padding: 0 30px 30px;}
.blocpgm 		.detailpgm a.visiblemobile {}
.blocpgm.clic	.detailpgm a.visiblemobile {}
.blocpgm 		.detailpgm a.visibleordi, a.js-scrollTo.visibleordi  {display: none;}
.blocpgm.clic	.detailpgm a.visibleordi {display: none;}
 .blocpgm .detailpgm a.lienform.detail {
	background-color: #2d343a;
	line-height: 22px;
	padding: 10px 0;	
}

.blocpgm .detailpgm a.lienfermer.detail { 
width: 114px;
margin: auto;
background-color: #fff;
color: #2d343a;
	border: solid #2d343a 1px;}


.blocpgm .detailpgm a.lienfermer.detail.visibleordi,
.blocpgm .detailpgm a.lienform.detail.visibleordi{
	line-height: normal;
	padding: 0;
}
	.chiffre {
	background-color: #ec1d34;
	color: #fff;
	font-size: 24px;
	display: table-cell;
	width: 32px;
	text-align: center;
	height: 32px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	z-index: 900;
}

/*pourquoi*/
.btn.btnpourquoi.minibtn {
	height: 5px;
	overflow: hidden;
	padding: 0;
	font-size: 0;
	margin: 0 auto;
	width: 100px;
	line-height: 0;
}
.pourquoi {
	font-size: 14px;
	margin: 0 1% 2%;
}
#pourquoi {
	background-color: #E6e6e6;
	color: #000;
}
.btnpourquoi {
	color: #000;
}
.btn.btnpourquoi,.btn.btnpourquoi:hover {
	color: #fff;
}
.btnpourquoi:hover {
	color: #555;
}
.btn.btnpourquoi:hover {
	background-color: #911517;
}

h2 {
	font-size: 18px;
line-height: 21px;margin:  8px 0;
	
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000;
}
.formpop h2 {border-top: solid 1px #ec1d34;
padding-top: 20px;}
.ssitre {
	font-size: 16px;
	display: block;font-family: 'Lato',Arial, Helvetica, sans-serif;font-style: normal;
}
.cadre {
	border: solid 1px #d1d1d1;
	margin: 1% -1% 30px 1%;
	padding: 0 30px;
}

div, h1,h2,h3 {box-sizing: border-box;}
ul { list-style: none;}


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;}


.container {
	width: 100%; position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing: border-box;
}
/*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;
}
/*slider*/
#slider {
	border-top: #BF9261 4px double;
	border-bottom: #BF9261 4px double;
	padding-top: 0;
	position: relative;
	width: 100%;
	margin: 0 auto; overflow: hidden;
}


.cycle-slideshow.composite-example {/*height: 215px;*/}	
/*.cycle-overlay {
	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: #BF9261; font-style: italic;font-weight: normal;}
.cycle-overlay p { background-color: #BF9261; color: #fff; padding: 7px 10px;	margin: 5px auto 0; display: table;}*/

/*caroussel*/
#caroussel { padding-top: 0;
	position: relative;
	width: 100%;
	/*height: 215px;*/
	margin: 0 auto; overflow: hidden;}

/*partenaire*/
#partenaire {background-color: #2d343a;}
#partenaire h2 {color:#fff;}
/*novanea*/
#novanea {background-color: #2d343a;}

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

#promoteur {
	padding-top: 30px;
}
body, button, input, select, textarea { font-family:'Lato',Arial, Helvetica, sans-serif; color: #666; background-color: #ffffff; font-size: 16px; }


.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;}
#cgu.modal {	text-align: justify;}
		.promoteurcell.cycle-slide {
	max-width: 140px;
}


a { color: #000; text-decoration:none; }
a:visited { color: #333; }
a:hover { color: #ddd; }
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 10px; }

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; }
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*************/
#cgu .puceimg {
	max-width: 100px;
	margin: 0 auto;
	display: block;
}
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 4000;
  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: 769px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;

}

.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. */


.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; width: 100%!important;
}


.copyright { font-size: 10px;}
.btn {
-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;color: #ffffff;
margin: 30px auto;
display: table;font-size: 24px;text-align: center;line-height: 24px;
	background-color: #ec1d35;
	font-family: 'Poppins', sans-serif;
	
}
.jeveux .btn {background: #b0212d; border-radius: 0;}


.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;}
/*slider
.sliderhead {width: 25%;}*/
.blocslider {
	height: 300px;
	overflow: hidden;
}

div[class*="slider-pager"] { text-align: center; color: #fff; position: relative; z-index: 200; margin-top:-20px; }
div[class*="slider-pager"] 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:#BF9261 !important; color:#006e78; }
#slider1 {
	position: relative;
	z-index: 1;
}
.cycle-slideshow a {
	display: block;
	width: 100%;
	height: 100%;
}



	.numvert {
		display: table;
		margin: 0 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;}

/*investir*/
#habiter h3 {
	font-size: 14px;
}
.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;
}

.form-col2 {
	width: 48%;
	float: left;
	margin: 0 1%;
}
#cgu h1 {
	font-size: 24px;
font-family: 'Poppins', sans-serif;
font-weight: normal;
color: #000;
 text-align: center;
}
#cgu h2 {
	text-align: left;
}
/*le formulaire*/
#leformulaire h2 {
	color: #fff;
}

#leformulaire {
clear: both;
background-color: #2d343a;
}

#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%;}
.separateur {
	margin: 20px auto;
	display: block;
}
.ligne {
	clear: both;
}
/*bandeau txt*/
#bandeautxt {
	background-color: #ec1d34;
	color: #fff;margin-top: -4px;
}
#bandeautxt h2 {
	color: #fff;
}


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

@media only screen and (min-width: 481px) {
	h2 {
	font-size: 24px;line-height: 26px;margin:  20px 0;
}
	/*HEADER*/
#titrepage {height: 188px;}
#titrepage h1 {font-size: 44px;}
#titrepage h1 .ssitre {font-size:25px; line-height: 33px;}
#titrepage a { font-size: 24px; bottom: -11px;}
	/*BANDEAU*/
#bandeau figure.effect-lily figcaption > div {border-width: 0 80px 80px 0;}
#bandeau figure.effect-lily h3{-webkit-transform: translate3d(50px,0,0);transform: translate3d(50px,0,0);font-size: 38px;}
#bandeau figure.effect-lily p{-webkit-transform: translateX(0) translateY(-70px);transform: translateX(0) translateY(-70px);font-size: 12px;
	color: rgba(255,255,255,1);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;}
	
	/*INVESTIR*/
#habiter h3 {font-size: 18px;}	


		form a {
			color: #ffffff;
		}
	
	.container {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
	
.formulaire.gridContainer { margin: 20px auto;background-color:#f7f7f7;}


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

.blocpgm 		.detailpgm a.visiblemobile {display: none;}
.blocpgm.clic	.detailpgm a.visiblemobile {display: none;}
.blocpgm 		.detailpgm a.visibleordi, a.js-scrollTo.visibleordi {display: inline-block; width: 50%;}
.blocpgm.clic	.detailpgm a.visibleordi {display: table;
width: 114px;
margin: auto;
background-color: #fff;
color: #2d343a;
border: solid #2d343a 1px;}

	#programme .container {display: table;}
.blocpgm.clic {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
}
	.blocpgm.clic .detailpgm { display:block; padding: 0 30px 30px;-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5);
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5);}
.blocpgm { width: 50%; float: left; margin: 0;}
	.blocpgmfooter {height: 251px;}

	/*FOOTER*/
.foot {margin: 2px auto 30px;}
.social {	margin-bottom: 20px; margin-top: 0;}
/*INVESTIR*/
#habiter h3 {font-size: 15px;}	
	

.btn.detail { margin-bottom:40px;}

#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;
}

.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;}

/*modal*/
	.modal { padding: 15px 30px; text-align: left;}
	
	}

@media only screen and (min-width: 700px) {	
/*HEADER*/
#titrepage {height: 300px;}
#titrepage h1 {padding: 20px 20px 40px;}
#titrepage h1 .ssitre {font-size:32px;}
#titrepage a {bottom: -22px; left: 33%; width: 33%;min-width: 210px;}
	
/*PROGRAMME*/
	.colpgm {width: 50%; float: left;padding-bottom: 20px;}
	.ligne .colpgm:nth-child(2) {	padding-left: 20px;}
	.blocpgmfooter {height: 231px;}
	
/*INVESTIR*/
#habiter h3 {font-size: 18px;}	
}


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

@media only screen and (min-width: 769px) {	

	/*PROGRAMME*/
.textpgm { width: 73%; float: left;padding: 5px 10px 10px;}
.blocpgm .blocpgmfooter a { width:27%; height: 119px;}
.blocpgm .blocpgmfooter a.detail {margin: 0;}	
.clic .textpgm {padding: 10px 30px;	width: 100%;}
.blocpgm.clic .textpgm h3 {font-size: 34px;-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;}	
	

	#leformulaire { padding: 20px;}
	#leformulaire  h3 {margin: 20px 0;font-size: 24px;}
	
	
	header .col2 {width: 49%; }
	.jeveux {
	width: 49%;
	float: right;
}

	footer {margin-bottom: 45px;
}

	.jquery-modal h1 {
	font-size: 32px;
}
	/*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;
}
	.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;
}
/*SLIDER*/

	
	#slider .cycle-slide {width: 100%;
}
	#slider {
	padding-top: 0px;
		/*height: 500px;*/}
	
	
	#slider div[class*="slider-pager"]{/*si la class contiens slider-pager*/
	position: absolute;
	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%;
}
	
	
 #investir .col {
  max-width: 760px;
  margin: 0 auto;
}
	
.container {
	padding-left: 0.9%;
	padding-right: 0.9%;
}

.blocpgmfooter {height: 173px;}	
}


@media only screen and (min-width: 910px) {.blocpgmfooter {height: 157px;}}



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

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