/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?z6mpv');
  src:  url('../fonts/icomoon.eot?z6mpv#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?z6mpv') format('truetype'),
    url('../fonts/icomoon.woff?z6mpv') format('woff'),
    url('../fonts/icomoon.svg?z6mpv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0;text-decoration: none}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}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-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */
*, *:before, *:after{-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important;	box-sizing: border-box !important;}

td, th { vertical-align:top; }
hr{ margin: 1em 0; border-top: 1px solid #ccc; }
img{ display:block; vertical-align: middle; }
/*blockquote{ font-style:italic;}*/
blockquote p{margin-bottom:0.5em;}
cite{float: right; font-weight:bold;}
q{ font-style:italic; }

/* Methode de clear float */
.clear{ clear:both; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }

/* Cacher pour les lecteurs d'ecrans et navigateurs */
.hidden, .champCache{ display: none !important; visibility: hidden; }

/* Passe la navigation, pour screen reader */
.passeNav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Correction pour AddThis */
#_atssh{ top:0; }

.transformCenter {-ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
.transformMiddle {-ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.boxShadow {-webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 7px 0px rgba(0, 0, 0, 0.2);	box-shadow:2px 2px 7px 0px rgba(0, 0, 0, 0.2);}
.p_lr {padding:0 20px;}
.displayN {display: none;}

.cs-select {display: none;}/*empeche le glitch au refresh*/

.mobOnly, .mobTabOnly {display: block !important;}
.tabDeskOnly, .deskOnly, .largeOnly {display: none !important;}

@media only screen and (min-width:767px) {
	.mobOnly {display: none !important;}
	.tabDeskOnly {display:block !important;}
}

@media only screen and (min-width:1023px) {
	.mobTabOnly {display: none !important;}
	.deskOnly {display: block !important;}
}

@media only screen and (min-width:1200px) {
	.p_lr {padding:0;}
	.noDesk {display: none !important;}
	.largeOnly {display: block !important;}
}

/* Body et HTML
--------------------------------------------------------------------------------------- */
body{font:400 14px/23px 'lato', Arial, Helvetica, sans-serif; color:#414042; background:#fff;}

/* Si on veut un sticky footer */
html, body {height: 100%;}

/* Conteneurs
--------------------------------------------------------------------------------------- */
.conteneurW100 {position:relative; min-width:320px; width: 100%;}
	.conteneur {position:relative; width:100%; height: 100%; max-width:1200px; margin:0 auto;}


main{min-height:300px; padding-bottom: 40px;}


/* Titres
--------------------------------------------------------------------------------------- */
h1, span.h1{ font:900 20px/1em 'lato', Arial, Helvetica, sans-serif; color:#333132; text-transform:uppercase; margin-bottom:.9em; padding:0 20px;}
h2{ font:700 20px/1em 'lato', Arial, Helvetica, sans-serif; color:#333132; margin:0 0 0.850em 0; }
h3{ font:700 18px/1em 'lato', Arial, Helvetica, sans-serif; color:#333132; margin:0 0 0.778em 0; }

@media only screen and (min-width:767px) {
	h1, span.h1{ font-size:24px; margin:0 0 0.7em 0;}
	h2{ font-size:24px; margin:0 0 0.458em 0;}
	h3{ font-size:22px; margin:0 0 0.591em 0;}
	h4{ font:700 22px/1em 'lato', Arial, Helvetica, sans-serif; color:#414042; margin:0 0 0.778em 0; }
}

@media only screen and (min-width:1023px) {
	h1, span.h1{ font-size:28px; margin:0 0 .75em 0;}
	h2{ font-size:24px;}
	h3{ font-size:22px;}
}

@media only screen and (min-width:1200px) {
	h1, span.h1{ padding: 0; }
}

/* Hyperliens
--------------------------------------------------------------------------------------- */
a, a strong{color:#336498; text-decoration:none; -webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s;}
a:hover, a:focus, a:active { color:#ab3c3c !important; outline:none; }


/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce {padding-bottom: 6px;}
.incTinyMce a{ text-decoration:underline; }
.incTinyMce abbr[title]{border-bottom:1px dotted; }
.incTinyMce img{ max-width:100%; max-height: 100%;}

/* - - - Listes - - - */
.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
.incTinyMce ul li{position: relative; list-style: none; margin:0 0 6px 16px; }
.incTinyMce ul li:before {position: absolute; left:-14px; top:9px; content: ''; width:6px; height:6px; border-radius:6px; background: #336498;}
.incTinyMce ul ul, .incTinyMce ol ol{margin-top: 0.4em;}
.incTinyMce ol li{ margin-left:20px; }
.incTinyMce ol ol > li{ list-style:lower-alpha; }

.incTinyMce ul.noBullet li {margin: 0;}
.incTinyMce ul.noBullet li:before {display: none;}
.form .colCheckbox ul.noBullet li label, .form .colCheckbox ul.noBullet li input[type=checkbox] {width: auto !important;}

/* Liste incrementale stylable */
.incTinyMce ol {counter-reset: bullet; list-style-type: none;}
.incTinyMce ol li{ position:relative; margin-left:30px; }
.incTinyMce ol li:before {position:absolute; top:0; left:-30px; counter-increment: bullet; content: counters(bullet,".") ".";}


/* - - - Image en float - - - */
.imgContenu {margin:2em auto;}

.intro{font:700 italic 1.143em/1.375em 'lato';/*16-22/14*/ color:#939598;}
.note{ font-size:11px; line-height: 1.5em; }
.vide{font:bold 18px/25px Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:50px 0;}

/* Points de suspension a la fin de la fonction couperTexte */
.hellip{font-size:0.9em; color:#149fd9; white-space:nowrap;}

/* - - - Responsive video - - - */
.videoConteneur{ max-width:930px; margin:2em auto; }
.video{position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; /* Ratio 16/9 */ padding-top: 30px; /* Hauteur des controles */}
.video iframe, .video object, .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* - - - Style par défaut d'un tableau - - - */
.incTinyMce table{border: 1px solid rgba(149,21,21,.3); border-top: 0; margin-bottom: 1em; border-collapse: separate;}
#detailFranchise #colPrincipale.incTinyMce table {max-width:100%; border-top:1px solid rgba(149,21,21,.3);}
.incTinyMce tbody {display: table; width: 100%; padding:0 20px 20px 20px;}
.incTinyMce table caption{display:block; font:400 24px "lato", Arial, Helvetica, sans-serif; border-top: 1px solid rgba(149,21,21,.3); border-bottom: 0; padding:20px 20px 0 20px;}
.incTinyMce table caption strong {font-weight: 700; color:#336498;}
.incTinyMce table th{font:700 16px 'lato';}
.incTinyMce table td, .incTinyMce table th{min-width: 50px; padding:20px 0 15px 0; border-bottom: 1px solid rgba(0,0,0,.1);}
/*.incTinyMce table tr:nth-child(even){ background: #eee; }*/

.incTinyMce table.noCaption {border-top: 1px solid rgba(22,84,144,.3);}
.incTinyMce table.noCaption th.tiBleu {color:#336498;}
.incTinyMce table.noCaption th.p_l {padding-left: 20px;}
.incTinyMce table.noCaption td {text-align: right;}

@media only screen and (min-width:767px) {
	.intro{font-size: 1.286em;/*18/14*/ line-height: 1.611em;/*18/29*/}
}


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#conteneurHd {}
	.entete{position: relative; height:55px; border: 1px solid #e6e7e8; background: #fff;}
		#logo{position:absolute; top:5px; left:10px; display:block;}
			#logo img {width: 150px;}

.enteteFixe #conteneurHd {position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
.enteteFixe #conteneurBd {padding-top:54px;}

@media only screen and (min-width:767px) {
	.entete{height:80px;}
		#logo{top:10px; left:20px;}
			#logo img {width: 260px; margin-top: -2px;}

	.enteteFixe #conteneurBd {padding-top:80px;}
}

@media only screen and (min-width:1023px) {
	#conteneurHd {border-bottom: 1px solid #e6e7e8;}
		.entete{height:96px; border:0;}
			#logo{top:20px; left:16px;}
}


/* Code pour le Sticky footer */
.contenu_wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -182px;}
#conteneurFt, .contenu_push {height:182px;}
#conteneurFt {position: relative; z-index: 101;}


/* Menu principal
--------------------------------------------------------------------------------------- */
.menuPrincipal_nav > ul {float:right; margin-top:40px; display: none;}
.menuPrincipal_nav > ul > li {float:left;position: relative;}
.menuPrincipal_nav > ul > li > a {display:block; font:700 1.071em/1.6em 'lato', Arial, Helvetica, sans-serif;/*15/14*/ color: #336498; padding:0 0 33px 0; margin-left:25px;}
.menuPrincipal_nav > ul > li:first-child a{ margin-left:0; }
.menuPrincipal_nav > ul > li > ul {display: none; position: absolute; left:24px; top:56px; width:281px; padding:13px 0 23px 0; border:1px solid #e6e7e8; background:#fff; z-index: 110;}
.menuPrincipal_nav > ul > li > ul > li {position: relative;}
.menuPrincipal_nav > ul > li > ul > li > a {font-size: 14px; color: #336498; font-weight: 700; padding:10px 30px 0 30px;}

.menuPrincipal_nav > ul > li:hover > ul {display: block;}
.menuPrincipal_nav > ul > li:hover > ul > li:hover > ul {display: block;}

.menuPrincipal_nav a {display: block; padding: 10px; font-size: 12px; color: #fff; text-decoration: none; position: relative;}

.menuPrincipal_nav a:hover, .menuPrincipal_nav a:focus, .menuPrincipal_nav a:active{color:#ab3c3c;}
#menu a:focus, #menu a:active {margin-top:1px;}


/* Flèche du sous-menu bureau */
.menuPrincipal_nav .avecSousMenu > a:before {position: absolute; bottom:22px; left: 50%; content: ","; font: 400 15px/12px "guifx"; color: #336498; margin-left:-10px;}

@media only screen and (min-width: 1200px) {
	.menuPrincipal_nav > ul {display: block;}
	.liHd {display: none;}
}

.liHd {display:none; height:56px; border:1px solid #e6e7e8; background: #fff;}
	.liHd img {max-width: 195px; margin:0 0 0 10px;}

#menuSec {display: none;}

@media only screen and (min-width:767px) {
	.liHd {height: 80px;}
		.liHd form {float: right; margin:20px 10px 0 0;}
		.liHd img {float:left; max-width: 195px; margin:15px 0 0 20px;}
		.liHd .btn1 {float: right; margin:20px 100px 0 0;}
		.liHd .btn1:active {margin-top: 16px !important;}

	#menuSec {display:block; float: right; margin: 20px 100px 0 0;}
	#menuSec li {float:left;}
	#menuSec form fieldset, .liHd form fieldset {position: relative;}
	#menuSec input[type=text], .liHd form input[type=text] {position:relative; max-width:208px; line-height: 40px; padding:0 51px 0 15px; border:2px solid #231f20; border-radius: 6px; -webkit-transition:border linear 0.3s; transition:border linear 0.3s;}
	#menuSec form #motCle:focus, .liHd form #motCle:focus { border:2px solid #336498; }
	#menuSec form button, .liHd form button {position: absolute; right: 0; top:0; width: 45px; height: 100%; margin:0; background:none; z-index: 10;}
	#menuSec form button i, .liHd form button i {float:right; font-size:24px; color:#231f20; margin-top: -2px;}
	#menuSec .btn1 {margin: 0 0 0 10px;}
}

@media only screen and (min-width:1023px) {
	.liHd {display:block; height: 96px;}
		.liHd form {margin:30px 10px 0 0;}
		.liHd img {max-width: 247px; margin-top: 20px;}
		.liHd .btn1 {margin: 30px 120px 0 0;}
		.liHd .btn1:active {margin-top: 31px !important;}

	#menuSec {margin: 30px 120px 0 0;}
	#menuSec li.lienLg a {font:700 1.143em/42px 'lato', Arial, Helvetica, sans-serif; color: #336498; margin-left: 10px;}
}

@media only screen and (min-width:1200px) {
	#menuSec {margin:30px 0 0 30px;}
	#menuSec input[type=text] {height:44px; line-height: 44px; border-width: 1px; border-color:#e6e7e8;}
	#menuSec form #motCle:focus{ border: 1px solid #336498; }
	#menuSec .btn1 {margin: 0 0 0 20px;}
}


/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
@media only screen and (min-width:1023px) {
	#colPrincipale{float:left; width: 66.167%; max-width: 794px; margin-right: 1.667%;}
	#colPrincipale.w100 {width: 100%; max-width: 100%; margin: 0;}

	#colDroite {float: right; width: 32.167%; max-width: 386px;}
}


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
.filAriane {font:400 12px/1em 'lato', Arial, Helvetica, sans-serif; color:#939598; border-bottom: 1px solid #e6e7e8; margin-bottom:20px; padding:19px;}
.filAriane.noMarginB {margin-bottom: 0;}

.filAriane li{ display:inline; margin-right:2px; }
.filAriane li:before{content:'/'; margin-right:2px;}

.filAriane li:first-child {margin-right: 2px;}
.filAriane li:first-child:before{ display:none; }

.filAriane a{ color:#939598; }
.filAriane a:hover, .filAriane a:focus, .filAriane a:active{ color:#939598; }

.filAriane a.back {font-size:14px; font-weight:700; color:#336498;}
.filAriane a.back:before {content: "\f053"; font:400 10px 'icomoon'; margin-right: 8px;}

.filAriane li:first-child + li:before {content:"|"; font-size: 14px; color:#939598;}

.filAriane li:last-child{ color:#939598; }
.filAriane li:last-child:before{ color:#939598; }

@media only screen and (min-width:1023px) {
	.filAriane {margin-bottom: 40px;}
	.filAriane li{ display:inline; margin-right:5px; }
	.filAriane li:before{content:'/'; margin-right:6px;}
}


/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan ul{ list-style:none; }
#plan > ul > li{ margin-bottom:1em; }
#plan ul ul{ margin-left:1em; }


/* 01_100 : ACCUEIL
--------------------------------------------------------------------------------------- */
.pAccueil h1, .pAccueil h2{font:900 1.714em/1em 'lato', Arial, Helvetica, sans-serif;/*24/14*/ color:#fff; text-transform: uppercase; margin:0 0 0.556em 0;/*20/36*/}

@media only screen and (min-width:767px) {
	.pAccueil h1, .pAccueil h2{font:900 2.571em/1em 'lato', Arial, Helvetica, sans-serif;/*36/14*/}
	.pAccueil h1 {padding: 0;}
}


/*BANNIERE ACCUEIL*/
#conteneurBanniereAcc {min-height: 264px;}
	.responsive {display: none;}/*empeche le glitch au refresh de la page*/
	.responsive.slick-dotted.slick-slider {margin: 0;}
		.responsive .conteneur {position: absolute; top:0; left:50%; height: 100%;}
			.slideTxt {position: absolute; left:50%; bottom:17px; width: 100%; max-width: 600px; text-align: center; padding:0 20px;}
				.slideTxt h4 {font:900 1.714em/1em 'lato', Arial, Helvetica, sans-serif;/*24-14*/ color:#fff; text-transform: uppercase; text-shadow: -1px 3px 6px rgba(0, 0, 0, 0.35); margin:0 0 4px 0;}
				.slideTxt p {font: 400 1em/1em 'lato', Arial, Helvetica, sans-serif;/*14-14*/ color:#fff; margin:0; text-shadow: -1px 3px 6px rgba(0, 0, 0, 0.35);}

		.responsive .slick-slide img {position:relative; left:50%; height: 264px; z-index: 0}
		.responsive .slick-slide:before {content:'';position: absolute; left: 0; top:0; width: 100%; height:100%; background: rgba(0,0,0,.3); z-index:10;}
		.responsive .slick-slide .conteneur.transformCenter {z-index: 20;}

		.responsive .slick-dots {position: absolute; top:calc(100% / 2.5); right:8px; width:20px; margin:0; z-index: 20;}
			.responsive .slick-dots li, .responsive .slick-dots li button {display:block; width:20px; height:15px; margin:5px 0;}
			.responsive .slick-dots li {margin:0;}
			.responsive .slick-dots li button:before {font-size: 8px; color:#336498; opacity: 1;}

			.responsive .slick-dots li.slick-active button:before {color: #fff;}
			.responsive .slick-dots li button:hover:before {color:#ce1313;}


@media only screen and (min-width:767px) {
	#conteneurBanniereAcc {min-height: 406px;}
		.slideTxt {bottom:38px; padding: 0;}
		.slideTxt h4 {font:900 2.929em/1em 'lato', Arial, Helvetica, sans-serif;/*41-14*/ margin:0 0 19px 0;}
		.slideTxt p {font: 400 1.143em/1em 'lato', Arial, Helvetica, sans-serif;/*16-14*/}
		.responsive .slick-slide img {height:406px;}
		.responsive .slick-dots li button:before {font-size: 10px; }
}

@media only screen and (min-width:1023px) {
	#conteneurBanniereAcc {min-height: 584px;}
		.responsive .slick-slide img {height:100%;}
		.slideTxt {bottom:46px;}
		.responsive .slick-dots li, .responsive .slick-dots li button {margin: 0;}
}


/*RECHERCHE*/
#conteneurRech {background: #336498;}
	#conteneurRech .conteneur {position: relative; border: 1px solid #2e75c0; border-bottom: 0;}

	#formRecherche {height: 100%;}
	#formRecherche fieldset {position:relative; display:block; float: left; width: 100%; height: 100%; padding:30px 20px; border-bottom: 1px solid #2e75c0;}
	#formRecherche fieldset label {float:left; width: 65px; font:700 16px 'lato'; color: #fff; margin:0 22px 0 0;}

		/*liste region/ville - secteur*/
		.cs-skin-border ul li.optTitre span {padding: 2px 20px;}
		/*.cs-optgroup > span {font-weight: 700; padding: 2px 20px !important;}
			.cs-skin-border ul li span { padding:5px 20px 2px 20px;}*/

			.cs-optgroup > span, .optGroup span {font-weight: 700; padding: 2px 20px !important;}
				.cs-skin-border ul li span { padding:5px 20px 2px 40px;}

		.cs-placeholder {text-overflow:ellipsis;white-space: nowrap;}
		.cs-selected span, .cs-selected span:hover {color:#fff !important; background: #dd5244 !important;}



	/*slider investissement*/
	#formRecherche fieldset.colRech3 {padding-top: 46px;}
		#formRecherche fieldset.colRech3 .wrapValue {display:block; color:#fff; text-align: center; margin-top: -43px;}
			#formRecherche fieldset.colRech3 #slider-tooltips-value {font-size: 20px; font-weight: 700;}

			#formRecherche .noUi-horizontal {height: 4px; margin-top: 0;}
			#formRecherche .noUi-target {border-radius: 1px;}
			#formRecherche .noUi-horizontal .noUi-handle {top:-9px; width: 20px; height:20px; background: #fff;}
			#formRecherche .noUi-handle {border-color: #d61e1e; cursor:pointer;}
			#formRecherche .noUi-handle:hover {border-color: #dd5244;}

	/*bouton submit*/
	#formRecherche fieldset.btnSubmit {width: 100%; text-align: center; border:0; margin:0; padding: 30px 0;}
		#formRecherche fieldset.btnSubmit .btn2 {margin: 0 auto;}

/*recherche general - non page accueil*/
#conteneurRech.gen .coin {display: none;}

@media only screen and (min-width:767px) {
	#conteneurRech .conteneur {display:table; top:0; height: 100%; background:#336498;}

		#formRecherche fieldset {width:33.333%; height:123px; padding:45px 20px 47px 20px; border-bottom:0; border-right: 1px solid #2e75c0;}
		#formRecherche fieldset label {width: auto; font:700 20px 'lato'; margin-right: 15px;}

		#formRecherche fieldset.colRech3 {font-size: 13px; border-right: 0;}
		#formRecherche fieldset.colRech3 .wrapValue {font-size: 12px;}
		#formRecherche .noUi-horizontal {height: 4px; margin-top:21px;}

		#formRecherche fieldset.btnSubmit {min-width: inherit; width: 100%; max-width: 100%; height: auto; padding: 22px 0; border-top: 1px solid #2e75c0;}
}

@media only screen and (min-width:799px) {
	#formRecherche fieldset.colRech3 .wrapValue {font-size: 13px;}
}

@media only screen and (min-width:1023px) {
	#conteneurRech {height: 103px;}
		#conteneurRech .conteneur {display:inherit; top:-20px; height: 143px;}
		#conteneurRech .conteneur .coin {position: absolute; right:-8px; bottom: 0; width: 8px; height: 20px; background: url(../gx/m/vi-coin-rech.png) 0 0 no-repeat;}

		#formRecherche fieldset {width:28%; max-width: 336px; height: 100%; padding:58px 20px 0 20px;}
		#formRecherche fieldset label {margin-right: 22px;}

		#formRecherche fieldset.colRech3 {font-size: 13px; border-right: 1px solid #2e75c0;}
		#formRecherche .noUi-horizontal {height: 4px; margin-top: 34px;}

		#formRecherche fieldset.btnSubmit {width:15.8333%; max-width: 190px; padding: 48px 20px 0 20px; border:0;}

	/*recherche general - non page accueil*/
	#conteneurRech.gen .conteneur {top:0; height: 103px;}
	#conteneurRech.gen #formRecherche fieldset {padding-top: 43px;}
	#conteneurRech.gen #formRecherche .noUi-horizontal {margin-top: 21px;}
	#conteneurRech.gen #formRecherche fieldset.btnSubmit {padding-top: 30px;}

}


/*PUB & LOGOS FRANCHISES ACC*/
#conteneurFranchiseAcc {padding: 30px 0 40px 0;}
	#conteneurFranchiseAcc h2 {font-size:24px; color:#333132; text-align: center;}

	#pub {display:table; width:100%; text-align: center; margin-bottom:30px; padding: 0 10px;}
		#pub img {display:inline-block; width: 100%; margin-bottom: 10px; border:1px solid rgba(149,21,21,.3);}

	ul.liLogo {margin:0 auto; padding:0 20px;}
	ul.liLogo li {display:block; float: left; width:47.133%; height:118px; margin:0 5.333% 5.333% 0;
		border:1px solid rgba(149,21,21,.3); background: #fff;
		-webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow:    2px 2px 7px 0px rgba(0, 0, 0, 0.1);
		box-shadow:         2px 2px 7px 0px rgba(0, 0, 0, 0.1);
	}
	ul.liLogo li:nth-of-type(2n) {margin-right: 0;}
	ul.liLogo li:nth-of-type(2n+1){ clear:left; }
		ul.liLogo li a {display: block; width: 100%; height: 100%;}
			ul.liLogo li figure {position: relative; width: 100%; height: 100%;}
				ul.liLogo li img {position:absolute; top:0; right: 0; bottom: 0; left: 0; max-width:100%; max-height:100%; margin:auto; padding:10px;}

	ul.liLogo li:hover {border: 2px solid rgba(221,82,68,.3);}
	ul.liLogo li:active {margin-top: 1px;}

	#conteneurFranchiseAcc a.btn2 {display:table; margin:0 auto;}


@media only screen and (min-width:767px) {
	#conteneurFranchiseAcc {padding: 40px 0 40px 0;}
		#conteneurFranchiseAcc h2 {font-size:36px; text-align: left; padding:0 20px;}

		#pub {display:table; width:100%; margin-bottom: 40px; text-align: center; padding: 0 20px;}
			#pub.double figure {width: 49%;}
			#pub img {display:inline-block; margin:0;}


		#pub.double figure:nth-child(odd) {float: left;}
		#pub.double figure:nth-child(even) {float:right;}

		ul.liLogo li {width:23%; height:125px; margin:0 2.604% 2.604% 0;}
		ul.liLogo li:nth-of-type(2n) {margin-right: 2.604%;}
		ul.liLogo li:nth-of-type(2n+1){clear: none;}
		ul.liLogo li:nth-of-type(4n) {margin-right:0;}
		ul.liLogo li:nth-of-type(4n+1){ clear:left; }
}

@media only screen and (min-width:1023px) {
	#conteneurFranchiseAcc {padding: 80px 0 40px 0;}

		#pub {margin-bottom: 55px;}
			#pub img {max-width: 590px;}

		ul.liLogo li {width:15.25%; max-width:183px; height:137px; margin:0 1.666% 1.666% 0;}
		ul.liLogo li:nth-of-type(2n) {margin-right: 1.666%;}
		ul.liLogo li:nth-of-type(2n+1){clear: none;}
		ul.liLogo li:nth-of-type(4n) {margin-right:1.666;}
		ul.liLogo li:nth-of-type(4n+1){ clear:none;}
		ul.liLogo li:nth-of-type(6n) {margin-right:0;}
		ul.liLogo li:nth-of-type(6n+1){ clear:left; }

		#conteneurFranchiseAcc a.btn2 {display: none;}
}

@media only screen and (min-width:1200px) {
	#conteneurFranchiseAcc h2 {padding: 0;}
	#pub {padding: 0;}

	ul.liLogo {padding: 0;}
}


/*TEXTE ACCUEIL*/
#conteneurTexteAcc {min-height: 380px; background:url(../gx/01/bg-txtAcc.jpg) 50% 0 no-repeat;}
 	#conteneurTexteAcc figure img {display: none;}
 	#conteneurTexteAcc .blocTxtAcc {max-width:100%; text-align: center; padding:40px 20px 10px 20px;}
 		#conteneurTexteAcc .blocTxtAcc p {font-size: 1.143em;/*16/14*/ color: #fff; line-height: 1.813em;/*29/16*/}
 	#conteneurTexteAcc .blocTxtAcc p strong {font:700 1.500em/1em 'lato', Arial, Helvetica, sans-serif;/*24/16*/}


@media only screen and (min-width:767px) {
	#conteneurTexteAcc {height: 447px; background:url(../gx/01/bg-txtAcc_768.jpg) 0% 0 no-repeat;}
 	#conteneurTexteAcc figure img {display:block; position:absolute; bottom:-50px; left:-197px; width: 512px; height: 498px;}
 	#conteneurTexteAcc .blocTxtAcc {float:right; max-width: 470px; text-align: left; padding-top: 60px;}
}

@media only screen and (min-width:1023px) {
	#conteneurTexteAcc {height: 447px; background:url(../gx/01/bg-txtAcc_768.jpg) 50% 0 no-repeat;}
 		#conteneurTexteAcc .blocTxtAcc {float:none; position:absolute; left:270px; bottom:100px; max-width: 660px; padding: 0;}
}



/*MEDIAS ACCUEIL*/
#conteneurMediaAcc {display:block; padding:40px 0; background: #2e2e2f; overflow: hidden;}
	#conteneurMediaAcc .blocTxtAcc {max-width: 660px; text-align: center; margin: 0 auto 38px auto; padding: 0 20px;}
	#conteneurMediaAcc p {color:#fff;}

	.bloc {display:block; float:left; width:100%; margin:0 5px; padding:20px; border:1px solid rgba(149,21,21,.3); background: #fff;}
		.bloc h3 {font:400 1.429em/1em 'lato';/*20/14*/ color:#4d4d4f; margin:0;}
		.bloc h3 strong {color:#336498; font-weight: 700;}
		.bloc a.tous {display:block; font-weight: 700; text-decoration: underline; margin-top:12px;}

		.bloc ul {list-style: none; margin-top:17px;}
		.bloc ul li {display:inline-block; width:100%; margin-top:20px; padding-top:20px;}
		 	.bloc figure{position: relative; float:left; max-width: 113px; border:1px solid rgba(149,21,21,.3); margin-right:16px; overflow:hidden;}
		 		.bloc figure a .icon-ic-play {position:absolute; left: 50%; top:50%; font-size:24px; line-height: .75em; border-radius: 22px; margin-left: -17px; background: #fff; z-index: 10;}
		 		.bloc figure img {height: 84px;}
			.bloc .txt{ margin-left:131px;}
				.bloc time{display:inline-block; font-size:12px; color:#939598; margin-top: -7px; vertical-align: top;}
				.bloc h4 {line-height: 14px; margin: 0;}
					.bloc h4 a {font-size: 14px; color: #4d4d4f; font-weight: 400;}
				.suite{display:block; font-weight:700; text-decoration:underline; margin-top: 2px;}

		.bloc ul li:first-child {margin-top: 0; padding-top: 0;}


@media only screen and (min-width:767px) {
	#conteneurMediaAcc {padding:40px 20px;}

	.bloc {margin:0 0 20px 0; padding:40px;}

		.bloc h3 {font:400 1.714em/1em 'lato';/*24/14*/}

		.bloc ul {margin-top: 20px;}
		.bloc ul li {float: left; width:50%; margin-top:0; padding-top:0;}
		.bloc ul li:first-child {border: 0;}
}

@media only screen and (min-width:1023px) {
	#conteneurMediaAcc {padding:60px 20px;}
	#conteneurMediaAcc p {color:#fff;}

	.bloc {width: 32.25%; max-width: 387px; margin-right: 1.583%;}
	.bloc:nth-of-type(3n) {margin-right: 0;}

		.bloc ul li {display:inline-block; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid rgba(0,0,0,.1);}
}

@media only screen and (min-width:1200px) {
	#conteneurMediaAcc {padding:60px 0;}
}


/*FRANCHISES ACCUEIL*/
#conteneurFranchiseVedetteAcc .conteneur {padding:40px 20px 9px 20px;}
	#conteneurFranchiseVedetteAcc h2 {color:#414042;}
	.txtBas{ color:#a7a9ac; line-height: 2.071em;/*29/14*/}

@media only screen and (min-width:1200px) {
	#conteneurFranchiseVedetteAcc .conteneur {padding:60px 0 9px 0;}
}


/*  02_001 : DETAIL FRANCHISE
--------------------------------------------------------------------------------------- */
#detailFranchise h1, #detailFranchise span.h1 {border-bottom: 1px solid #e6e7e8; margin:0 20px 20px 20px; padding:0 0 20px 0;}
#detailFranchise figure.principal {margin-bottom:40px;}
	#detailFranchise figure.principal img {max-width:100%;}

#detailFranchise #partage {float:left; margin:0 0 20px 0;}
#detailFranchise a.demande {float:right; margin-bottom: 20px;}
#detailFranchise a.lienSiteEn {float:right; text-align: right; margin-top: 5px;}

#detailFranchise figure.logo {display:inline-block; width: 100%; margin:0 0 0 0;}
	#detailFranchise figure.logo img {margin:0 auto; max-height: 150px;}

#detailFranchise h3 {font-size: 20px; color:#4d4d4f; margin-top: 30px;}
#detailFranchise h3 strong {color:#0d4d8b;}
#detailFranchise p.gris {color:#939598;}

#detailFranchise table {margin-top: 20px;}
#detailFranchise th {width: 160px;}

#detailFranchise .videoConteneur {margin-bottom: 0;}


#demandeInfoFt, #demandeInfoFtDetail {width: 100%; border:2px solid #ab3c3c; padding:10px 0; background: #336498; z-index: 100;}
#demandeInfoFt.sticky, #demandeInfoFtDetail.sticky {position:fixed; left:0; bottom:0;}
	#demandeInfoFt h3 {font-size:14px; color: #fff; text-align: center; margin-bottom: 10px;}
	#demandeInfoFt .btn2, #demandeInfoFtDetail .btn2 {display:table; margin:0 auto;}
	#demandeInfoFt .btn2:hover, #demandeInfoFtDetail .btn2:hover {border-color:#9e3f35; background: #b14236;}

#detailFranchise .rsBtn {text-align: center;}

.franchiseReferencement p.messageAvertissement {margin: 18px 0;}

.boiteBtn {width:100%; margin-top: 50px; padding:20px 0; border-top: 1px solid #e5e5e5;}
	.boiteBtn h2 {margin-bottom: 20px;}
	#detailFranchise .boiteBtn.p_lr {width:auto; max-width:100%; margin-left: 20px; margin-right: 20px;}
	#detailFranchise .boiteBtn a.demande {float:none; margin:0 auto;}

@media only screen and (min-width:379px) {
	#detailFranchise .rsBtn {display:table; width: 100%; max-width: 100%;}
		
}

@media only screen and (min-width:400px) {/**/
	#detailFranchise .rsBtn {text-align: inherit;}
}

@media only screen and (min-width:479px) {
	#demandeInfoFt, #demandeInfoFtDetail {height:auto; padding:10px 0 8px 0;}
	#demandeInfoFtDetail {padding-bottom: 15px;}
	#demandeInfoFt h3 {float: left; margin:13px 0 0 0;}
	#demandeInfoFt .btn2, , #demandeInfoFtDetail .btn2 {display:table; margin: inherit;}
}

@media only screen and (min-width:550px) {
	#demandeInfoFt, #demandeInfoFtDetail {text-align: center;}
		#demandeInfoFt h3 {float:none; display: inline-block; width: auto; margin:0 auto;}
		#demandeInfoFt .btn2, #demandeInfoFtDetail .btn2 {display:inline-block !important; float: none; margin-left: 45px;}
}

@media only screen and (min-width:767px) {
	#detailFranchise #partage {margin-top: 10px;}

	#detailFranchise figure.principal img {width:100%; max-width:794px; max-height:inherit; margin:0 auto;}

	#detailFranchise figure.logo {float: left; width: 41.927%; max-width: 322px; border-top:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; margin-right:2.604%;}
		#detailFranchise figure.logo img {max-height: 100px; margin: 30px auto;}

	#detailFranchise .txtColD {float: right; width: 49.479%;}

	#detailFranchise table {display:inline-block; width:94.792%; margin:10px 2.604%;}

	#detailFranchise .videoConteneur {margin-top: 1em;}

	#demandeInfoFt, #demandeInfoFtDetail {padding-top: 10px;}
	#demandeInfoFtDetail {padding-top: 15px;}
}


@media only screen and (min-width:1023px) {
	#detailFranchise .p_lr {padding:0;}
	#detailFranchise .boiteBtn.p_lr {padding-top:20px; margin-left: 0; margin-right: 0;}
	#detailFranchise #colPrincipale { padding-left:20px;}
	#detailFranchise #colDroite {padding-right: 20px;}

	#detailFranchise h1, #detailFranchise span.h1 {border-bottom:0; margin:0 0 20px 0; padding:0;}
	#detailFranchise a.demande {}

	#detailFranchise figure.principal img {max-width:794px; max-height: 600px;}

	#detailFranchise figure.logo {float:none; display:inline-block; width: 100%; max-width:100%; margin:18px 0 30px 0;}
		#detailFranchise figure.logo img {max-height: 150px; margin:60px auto;}

	#detailFranchise h3 {font-size: 24px; margin-top:0;}

	#detailFranchise table {width:100%; margin:10px 0;}

	#demandeInfoFt {height: 83px; padding-top:20px;}
		#demandeInfoFt h3 {font-size: 20px;}

}

@media only screen and (min-width:1200px) {
	#detailFranchise #colPrincipale,
	#detailFranchise #colDroite {padding: 0;}

	#detailFranchise #partage {margin: 0;}
	#detailFranchise a.demande.mt-11 {margin:-11px 0 0 0;}
}


/*  02_100 : PARCOURIR LES FRANCHISES
--------------------------------------------------------------------------------------- */
#parcourir {margin-bottom:50px; padding:50px 0; background: #f1f2f2;}
	#parcourir .bloc {max-height:350px; border: 0; margin:0 0 20px 0; padding:20px; background: #fff;
		-webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow:    2px 2px 7px 0px rgba(0, 0, 0, 0.1);
		box-shadow:         2px 2px 7px 0px rgba(0, 0, 0, 0.1);
	}
	#parcourir .bloc li {list-style: none; width: 100%; border: 0; margin:0 0 9px 0; padding:0;}
	#parcourir .bloc li a {color:#4d4d4f;}
	#parcourir .bloc li a:hover {color: #3b85cd;}
	#parcourir .bloc ol {margin-top: 20px;}
		#parcourir .bloc ol {counter-reset: bullet; list-style-type: none;}
		#parcourir .bloc ol li{ position:relative; line-height: 26px; margin:0 0 18px 30px; }
		#parcourir .bloc ol li:before {position:absolute; top:0; left:-30px; font:900 28px/23px "lato"; color:#336498; counter-increment: bullet; content: counters(bullet,".");}

.parcourirFranchise .margin_b {margin-bottom: 30px;}
.float_r {float: right;}

@media only screen and (min-width:767px) {
	#parcourir .bloc {float:left; width: 32.25%; max-width: 387px; margin:0 1.583% 0 0;}
	#parcourir .bloc:nth-of-type(3n) {margin-right: 0;}
}



/*  02_300 : PAR SECTEURS D'ACTIVITES
--------------------------------------------------------------------------------------- */
.menuCat > div {display:inline; width: 100%; margin:0 0 10px 0;}

.menuCat h2 a {text-decoration: none;}
.menuCat ul {float: left; width: 100%; margin:0 0 20px 0;}
.menuCat ul li {float: left; width: 45%;}
.menuCat ul a {color:#414042; text-decoration: none;}

.menuCat.investissement ul {width: auto; margin-right: 55px;}
.menuCat.investissement ul li {float: none; width: 100%;}

@media only screen and (min-width:767px) {
	.menuCat > div {width:50%; margin-bottom:20px;}
	.menuCat > div:nth-of-type(2n+1) {clear: left;}

	.menuCat ul li {width: 31%;}
}

@media only screen and (min-width:1023px) {
	.menuCat > div {width:33.333%; margin-bottom:50px;}
	.menuCat > div:nth-of-type(2n+1) {clear: none;}
	.menuCat > div:nth-of-type(3n+1) {clear: left;}

	.menuCat ul li {width: 24%;}
}



/*  03_100 : REPERTOIRE DES FRANCHISES
--------------------------------------------------------------------------------------- */
.liLettre {display:table; list-style: none; margin:50px 0;}
	.liLettre li {float:left; display:table-cell; width:52px; height:52px; margin:0 1px 3px 2px; }
		.liLettre li a {display: block; font:700 18px/52px 'lato'; color:#fff; text-align: center; background: #336498;}

		.liLettre li.tous {width: auto;}
		.liLettre li.tous a {min-width:52px; height:52px; font-size: 16px; color: #fff !important; line-height:29px; border-color:#336498; background: #336498;}
		.liLettre li.tous a.actif {border-color:#ab3c3c; }
		.liLettre li a:hover, .liLettre li a.actif {color:#fff !important; border-color:#ab3c3c; background:#ab3c3c;}
		.liLettre li a.disabled {background: #bcbec0; cursor: default;}
		.liLettre li a.disabled:hover {color: #fff !important;}

@media only screen and (min-width:1023px) {
	.liLettre li {width:41px; height:41px; margin:0 1px 1px 0;}
	.liLettre li a {line-height: 41px;}
	.liLettre li.tous a {height: 41px; line-height: 1em; margin-left:3px;}
}



/*  04_100 : NOUVELLES LISTE
	04_200 : ARTICLES LISTE
	04_300 : VIDEOS LISTE
	04_400 : EVENEMENTS LISTE
--------------------------------------------------------------------------------------- */
.liMedia { list-style:none; }
	.liMedia li {max-width:387px; margin:0 auto 20px auto; padding:0 20px;}
		.liMedia figure {border:1px solid rgba(149,21,21,.3);}
		.liMedia figure, .liMedia figure img {width: 100%;}
		.liMedia .mediaTexte{padding: 19px; border:1px solid rgba(149,21,21,.3); border-top: 0;}
			.liMedia .mediaTexte h2 {font-size: 14px; margin-bottom:0;}
			.liMedia time, .liMedia .lieu { font-size:12px; color:#939598;}
			.liMedia time {display: block; margin-top: 10px;}
			.liMedia p.lieu {margin:0;}

		.liMedia li.w100.vidVedette figure {position:relative; background: #000;}

		.liMedia li.vid figure {position:relative; max-height: 189px; background: #000; overflow: hidden;}
			.liMedia li.vid figure img {max-height:189px; margin: 0 auto;}

		.liMedia li figure a .icon-ic-play {position:absolute; left: 50%; top:50%; font-size:44px; line-height: .75em; border-radius: 22px; margin-left: -31px; background: #fff; z-index: 10;}


	/*media vedette ou premier de la liste*/
	.liMedia li.w100 {margin-bottom:15px; padding: 0;}
		.liMedia li.w100 .mediaTexte {border:0; box-shadow: none;}
			.liMedia li.w100 .mediaTexte h2 {font-size: 20px; margin-bottom:6px;}
			.liMedia li.w100 time, .liMedia li.w100 .lieu { font-size:14px;}


@media only screen and (min-width:767px) {
	.liMedia {padding: 0 20px;}
		.liMedia li {display: inline-block; width: 31.673%; margin-right: 2%; padding:0;}
		.liMedia li:nth-of-type(3n) {margin-right: 0;}
		.liMedia li:nth-of-type(3n+1) {clear: left;}

		/*media vedette ou premier de la liste*/
		.liMedia li.w100 {width:100%; max-width:930px; margin-bottom: 20px;}
		.liMedia li.w100 figure {height: 330px; overflow: hidden;}

			.liMedia li.w100.vidVedette figure img {top:inherit; width: inherit; max-height: 330px; margin:0 auto;}

		.liMedia li.w100 .mediaTexte{padding: 19px; border:1px solid rgba(149,21,21,.3); border-top: 0;}
		.liMedia li.w100 .mediaTexte h2 {font-size:24px;}
}

@media only screen and (min-width:1023px) {
	.liMedia li {width: 31.75%;}

	.liMedia li.vid figure {height:218px; max-height: 218px;}
		.liMedia li.vid figure img {width: inherit; height: 100%; max-height:218px;}

	.liMedia li.w100 {max-width: 100%;}
		.liMedia li.w100 figure {float:left; width: 66.167%; max-width: 794px;}
		.liMedia li.w100 .mediaTexte {float: left; width: 33.833%; height:330px; border:1px solid rgba(149,21,21,.3); border-left: 0;}
}

@media only screen and (min-width:1200px) {
	.liMedia {padding: 0;}
		.liMedia li {float:left; width:33%; max-width: 387px; margin-right:1.5%;}
}



/* 	04_110 : NOUVELLE DETAIL
	04_210 : ARTICLE DETAIL
	04_310 : VIDEO DETAIL
	04_410 : EVENEMENT DETAIL
--------------------------------------------------------------------------------------- */
.detailMedia {}
.conteneurTxt {width: 100%; max-width: 930px; margin: 0 auto; padding-top: 6px;}
	.detailMedia time{display: inline-block; color:#939598; }
	.detailMedia .lieu {display: inline-block; color:#939598; margin-left: 20px;}
	.detailMedia .contenu { margin:2em auto; }
	.detailMedia .contenu figure.mortaise {float:none; margin:2em auto;}
		.detailMedia .contenu figure.mortaise img {margin:0 auto;}

	.detailMedia figure {margin-bottom: 2em;}

	#frmVideo {width: 100%;}


/* - - - Boutons de partage - - -  */
#partage{display: inline-block; margin-left: 20px;}
	a.addthis_button {font-weight: 700; }
		#partage span {text-decoration: none; margin-right: 10px; vertical-align: -3px;}
		#partage span:before {text-decoration: none; font-size: 20px; color:#336498;}

@media only screen and (min-width:767px) {
	#partage{display: inline-block; margin-left:40px;}

	.detailMedia .contenu figure.mortaise {float:right; margin:0 0 1em 2em;}
}



/*  04_500 : CONSULTANT LISTE
--------------------------------------------------------------------------------------- */
.liItem { list-style:none;}
	.liItem li {max-width:335px; margin:0 auto 20px auto; border:1px solid rgba(149,21,21,.3); padding:20px;}
		.liItem figure {position:relative; width: 100%; height: 165px; border:1px solid rgba(230,231,232,.5); margin-bottom: 20px; padding:20px;}
			.liItem figure img {position:absolute; top:0; right:0; bottom:0; left:0; max-width: 100%; max-height: 100%; margin: auto; padding:10px;}
		.liItem .itemTexte h2 a {font:24px/1em 'lato';/*24/14*/ color:#4d4d4f;}
		.liItem .itemTexte p {line-height: 1.357em;/*19/14*/}
			.liItem .itemTexte p a {color:#939598; margin:0;}
			.liItem .itemTexte h2:hover a {color:#3b85cd;}


@media only screen and (min-width:767px) {
	.liItem li {float:left; width:31.597%; margin-right: 2.604%}
	.liItem li:nth-of-type(3n) {margin-right: 0;}
	.liItem li:nth-of-type(3n+1) {clear: left;}
	.liItem figure {height: 105px;}
}

@media only screen and (min-width:1023px) {
	.liItem li {width:23.75%; max-width:285px; margin-right: 1.666%;}
	.liItem li:nth-of-type(3n) {margin-right: 1.666%;}
	.liItem li:nth-of-type(3n+1) {clear: none; }
	.liItem li:nth-of-type(4n) {margin-right:0;}
	.liItem li:nth-of-type(4n+1) {clear: left; }
		.liItem figure {height: 137px;}
}

@media only screen and (min-width:1200px) {
	.liItem {padding:0;}
}


/*  04_510 : CONSULTANT DETAIL
--------------------------------------------------------------------------------------- */
.detailItem picture {margin:40px 0;}
	.detailItem picture img {margin: 0 auto;}

@media only screen and (min-width:1023px) {
	.detailItem picture {border-bottom:1px solid #e6e7e8; margin:0 0 30px 0; padding:0 20px 60px 20px;}
}



/*  05_100 : A PROPOS
	05_200 : ANNONCEZ SUR NOTRE SITE
	05_210 : NOS SERVICES
	05_220 : NOS SITES WEB
	05_230 : NOS CLIENTS ETOILES
	05_240 : TEMOIGNAGES
	05_300 : NOUS JOINDRE
--------------------------------------------------------------------------------------- */
#form_pageAbout {margin-bottom: 45px;}
	#form_pageAbout label {font:700 22px/1em 'lato'; color:#414042; padding-bottom: 10px;}
	#form_pageAbout div.cs-skin-border, #formDemandeInfo fieldset div.cs-skin-border {width:100%; max-width:280px; }
	#form_pageAbout .cs-skin-border > span, #formDemandeInfo fieldset .cs-skin-border > span {height:43px; font:700 16px/43px 'lato'; color:#336498; border:1px solid #e6e7e8; border-radius: 6px; padding:0 22px;}
		#form_pageAbout .cs-skin-border > span::after,
		#form_pageAbout .cs-skin-border .cs-selected span::after,
		#formDemandeInfo fieldset .cs-skin-border > span::after,
		#formDemandeInfo fieldset .cs-skin-border .cs-selected span::after {top:50%; right:20px; color:#336498;}
		#form_pageAbout .cs-skin-border .cs-selected span::after, #formDemandeInfo fieldset .cs-skin-border .cs-selected span::after {color:#fff;}
		#form_pageAbout .cs-skin-border ul span, #formDemandeInfo fieldset .cs-skin-border ul span {padding:5px 20px;}

		#form_pageAbout .cs-select.cs-skin-border.cs-active .cs-placeholder,
		#formDemandeInfo fieldset .cs-select.cs-skin-border.cs-active .cs-placeholder {border-radius: 6px 6px 0 0;}
		#form_pageAbout .cs-skin-border.cs-active .cs-options,
		#formDemandeInfo fieldset .cs-skin-border.cs-active .cs-options {border-top:0;}
		#form_pageAbout .cs-skin-border ul li.opt_p span,
		#formDemandeInfo fieldset .cs-skin-border ul li.opt_p span {padding-left: 40px;}

#formDemandeInfo {padding-bottom: 40px;}
#formDemandeInfo input[type="text"], #formDemandeInfo input[type="email"] {height: 35px;}

@media only screen and (min-width:375px) {
	#form_pageAbout div.cs-skin-border, #formDemandeInfo fieldset div.cs-skin-border {max-width:100%; }
}

@media only screen and (min-width:640px) {
	#form_pageAbout div.cs-skin-border, #formDemandeInfo fieldset div.cs-skin-border {max-width:396px; }
}

@media only screen and (min-width:1023px) {
	.txtGen {padding: 0 20px;}
	.txtGen #sidebar {float:left; width:17.5%; max-width: 210px; margin-right: 5%;}
		.txtGen #sidebar h4 {border-bottom: 1px solid #e6e7e8; margin-bottom: 12px; padding-bottom: 14px;}
		.txtGen #sidebar ul {list-style: none;}
		.txtGen #sidebar ul li {margin-bottom: 12px;}
		.txtGen #sidebar ul li a {font:700 16px/1em 'lato'; color:#336498;}
		.txtGen #sidebar ul ul {margin-left: 22px;}
		.txtGen #sidebar ul li li {margin-bottom: 0;}
		.txtGen #sidebar ul li li a {font:400 14px/1em 'lato'; color: #414042;}

		.txtGen #sidebar a:hover {color:#3b85cd;}
		.txtGen #sidebar a.actif, .txtGen #sidebar a.actif:hover {color:#dd5244 !important;}
	.txtGen #colPrincipale {width:77.5%; max-width: 930px; margin-right: 0;}
}

@media only screen and (min-width:1200px) {
	.txtGen {padding: 0;}
}



/* 05_230 : CLIENTS ETOILES
--------------------------------------------------------------------------------------- */
.clientEtoile .liItem .itemTexte {font-size:50px; color:#ffba00; text-align: center;}
	.clientEtoile .liItem .itemTexte span {display:table; position: relative; margin:0 auto 17px auto;}
		.clientEtoile .liItem .itemTexte span i {position: absolute; left: 50%; font:900 14px "lato"; text-align: center; margin:5px 0 0 0;}
	.clientEtoile .liItem .itemTexte h2 {margin: 0;}
	.clientEtoile .liItem .itemTexte h2 a,
	.clientEtoile .liItem .itemTexte h2 a strong {font:400 14px "lato"; color:#4d4d4f;}
		.clientEtoile .liItem .itemTexte h2 a strong {font-weight: 700;}


@media only screen and (min-width:375px) {
.clientEtoile .liItem li {float:left; width:47.463%; margin-right:5%;}
	.clientEtoile .liItem li:nth-of-type(2n) {margin-right: 0;}
	.clientEtoile .liItem li:nth-of-type(2n+1) {clear: left;}
	.clientEtoile .liItem li:nth-of-type(4n) {margin-right:0;}
	.clientEtoile .liItem li:nth-of-type(4n+1) {clear: none; }
}

@media only screen and (min-width:767px) {
	.clientEtoile .liItem li {width:31.828%; max-width:296px; margin-right: 2.151%;}
		.clientEtoile .liItem li:nth-of-type(2n) {margin-right: 2.151%;}
		.clientEtoile .liItem li:nth-of-type(2n+1) {clear: none;}
		.clientEtoile .liItem li:nth-of-type(3n) {margin-right:0;}
		.clientEtoile .liItem li:nth-of-type(3n+1) {clear: left;}


		.clientEtoile .liItem .itemTexte {font-size: 105px;}
				.clientEtoile .liItem .itemTexte span i {font:900 36px "lato"; margin:10px 0 0 0;}
				.clientEtoile .liItem .itemTexte span i.gros {font-size: 28px;}
			.clientEtoile .liItem .itemTexte h2 a strong {font-size: 16px;}
}



/* 05_240 : TEMOIGNAGES
--------------------------------------------------------------------------------------- */
.liste {list-style:none; margin: 0 20px;}
	.liste li {border:1px solid rgba(149,21,21,.3); margin-bottom: 20px; padding:20px;}
		.liste figure {position:relative; display:table; width: 100%; max-width: 100%; border:1px solid rgba(230,231,232,.5); margin:0; padding:20px;}
			.liste figure img {position: relative; top:0; right:0; bottom: 0; left: 0; max-width: 100%; margin:auto;}

		.liste .listeTexte {display:table; padding:20px;}
			blockquote p:before {content:"\00AB \00A0";}
			blockquote p:after {content:"\00A0 \00BB";}
			blockquote cite  {font-style: italic;}
			blockquote cite:before {content:"\2013 \00A0";}


@media only screen and (min-width:767px) {
	.liste li {display:table; width: 100%; height: 100%;}
		.liste figure {float: left; width: 41%; max-width:334px;}
		.liste .listeTexte {display: inline-table; width: 56%; height: 100%; margin:0; padding:0 0 0 20px;}
}

@media only screen and (min-width:1200px) {
	.liste {margin: 0;}
}

/*IE*/
@media only screen and (min-width:767px), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.liste .listeTexte {width: 51%;}
}


/* 05_300 : NOUS JOINDRE
--------------------------------------------------------------------------------------- */
#contactInfos, #contactForm {padding:0 20px;}
#formContact {margin-top:40px;}

@media only screen and (min-width:767px) {
	#contactInfos, #contactForm {float:left;}
	#contactForm {width: 100%;}

	#contactForm .form .col1, #contactForm .form .col2{float:left; width:47.5%;}
	#contactForm .form .col1{ clear:left; }
	#contactForm .form .col2{ margin-left:5%; }
	#contactForm .form .colFull{	clear:left;}
}

@media only screen and (min-width:1023px) {
	#pContact .p_lr, #pContact h1 {padding: 0;}

	#contactInfos, #contactForm {padding:0;}
}


/*--------------------------------------------------------------------------------------- */
/* FOOTER */
/*--------------------------------------------------------------------------------------- */
#piedPage {color:#bcbec0;}
	#piedPage .conteneur {padding:0 20px;}
	#piedPage a:hover, #piedPage a:focus, #piedPage a:active,
	#piedPage a:hover strong {color:#dd5244;}

.lienPartager{ float:right; }

.signatureVortex{ white-space: nowrap; }


/* MENU FOOTER
--------------------------------------------------------------------------------------- */
#ft1 {display: table; width: 100%; padding:20px 0; background: #336498;}
	ul.liRs {display: table; list-style: none; margin: 0 auto 20px auto;}
		ul.liRs li {float: left; list-style: none; margin-right: 10px;}
		ul.liRs li a {display:block; border-radius: 100%;}
		ul.liRs li span {font-size: 32px;}


	.button.btnInfolettre {display:table; margin: 0 auto;}

#ft3 {text-align:center; padding:20px 0 30px 0; border-top:1px solid #2e75c0; background: #333132;}
	.copyrights {font-size:12px; line-height: 1em;}
		.copyrights a {color:#bcbec0;}
		.copyrights a:hover {color:#3b85cd;}

	#menuPied {display: table; margin: 10px auto 0 auto;}
		#menuPied li{ display:inline-block; float:left; font-size: 12px;}
		#menuPied li:after {content: '|'; position: relative;}
		#menuPied li:last-child:after {content: '';}
			#menuPied a{float:left; color:#bcbec0; padding:0 4px; }
			#menuPied li:last-child a{ padding-right:0; }
			#menuPied a:active {padding-top: 1px;}


@media only screen and (min-width:767px) {
	#ft1 {}
		ul.liRs {float:left; display: table-cell; padding-top: 10px; margin:0;}
			ul.liRs li {float: left; margin-right: 10px;}

			.button.btnInfolettre {display:inline-block; float:right; margin: 5px 0 0 15px;}
			.button.btnInfolettre:active {margin-top: 6px;}

	#ft3 {}
		.copyrights {font-size:14px;}
		#menuPied li{font-size: 14px;}
}


@media only screen and (min-width:1023px) {
	#ft1 {}
		#ft1 img {float: left; display: table-cell; margin-right: 20px;}
		ul.liRs {display: table-cell; padding-top: 10px;}

	#ft2 {padding:40px 0 20px 0; background: #333132;}
		.colFt {display: inline-table; margin-right: 3%;}
			.menuFt {display:block; list-style: none; }
			.menuFt li {display: block; line-height: 23px;}
			.menuFt li:before {content: "\f054"; font: 10px 'icomoon'; color:#fff; margin-right: 5px;}
			.menuFt li.noFleche:before {content: ""; margin-right:0;}
			.menuFt li ul {margin-left: 15px;}
			.menuFt a, .menuFt a strong, .colFt2 a { display:inline-block; color:#bcbec0;}
			.menuFt a strong, .colFt2 strong {font:700 1.143em/1em 'lato', Arial, Helvetica, sans-serif;/*16/14*/ color:#fff; margin-bottom: 24px;}
			.menuFt a:active {margin-top: 1px;}

		.colFt2 {display: inline-table; float: right;}
			.colFt2 a {text-decoration: underline;}

	#ft3 {display:table; width:100%; padding:19px 0 45px 0; border-top:1px solid #414042; background: #333132;}
		.copyrights {float:left; font-size:14px;}
		#menuPied {float: right; margin:0;}
}

@media only screen and (min-width:1200px) {
	#piedPage .conteneur {padding:0;}

	#ft1 img {margin-right: 60px;}
	.colFt {margin-right:75px;}
}


/* LISTE ITEM : LISTE FRANCHISE & CONSULTANTS & TOP 10
--------------------------------------------------------------------------------------- */
ul.liItem {list-style:none; }
ul.liItem.border_b {margin-bottom:20px; padding-bottom:10px; border-bottom: 1px solid #e6e7e8;}

ul.liItem li {position:relative; width:100%; max-width: 285px; min-height: 485px; height: auto; margin:0 auto 20px auto;
	padding:20px 20px 0 20px; border:1px solid rgba(149,21,21,.3); background: #fff;}

	ul.liItem li p.categorie {font:700 0.857em/1em 'lato';/*12/14*/ color:#939598; text-align: left;}
	ul.liItem li p.categorie a {color:#939598;}
	ul.liItem li figure {width: 100%; margin-bottom: 20px; border:1px solid rgba(230,231,232,.5);}
	ul.liItem li h4 {font:400 1.714em/1em 'lato';/*24/14*/ color:#4d4d4f; margin:0 0 0.542em 0;/*24/13*/ white-space: wrap; overflow: hidden; text-overflow: ellipsis;}
	ul.liItem li h4 a {color:#4d4d4f;}
	ul.liItem li p.descr {color:#939598; line-height: 1.357em;/*19/14*/ margin-bottom:5px;}
	ul.liItem li .info {font-size:13px; color:#336498; line-height: 1.357em;/*19/14*/ margin-bottom: 10px;}


	ul.liItem li a.bouton {position: absolute; bottom:0; left:0; width:100%; height: 54px;
		font:700 16px 'lato'; color:#336498; text-align: center; text-decoration:underline;
		padding-top:16px; border-top:1px solid rgba(0,0,0,.1); background: #fff;
	}
	ul.liItem li a.bouton i {display:inline-block; margin-right: 9px; }
	/*bouton par defaut*/
	ul.liItem li a.bouton.defaut i {width: 13px; height: 13px; background: url(../gx/m/bg-checkbox.png) 0 0 no-repeat; vertical-align: -1px}
	/*bouton checked*/
	ul.liItem li a.bouton.checked {color:#fff !important; text-decoration: none; padding-top:14px; background: #333132;}
	ul.liItem li a.bouton.checked i {width:26px; height:26px; background: url(../gx/m/bg-checked.png) 0 0 no-repeat; vertical-align: -7px;}
	/*bouton remove*/
	ul.liItem li a.bouton.remove, ul.liItem li a.bouton.checked:hover {color:#fff; text-decoration: none; padding-top:14px; background: #bcbec0;}
	ul.liItem li a.bouton.remove i, ul.liItem li a.bouton.checked:hover i {width:26px; height:26px; background: url(../gx/m/bg-remove.png) 0 0 no-repeat; vertical-align: -7px;}
	ul.liItem li a.bouton.remove:hover, ul.liItem li a.bouton.checked:hover {color:#fff !important; text-decoration: underline;}


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

	ul.liItem li {float:left; width:31.5%; max-width: 100%; margin:0 2.604% 2.604% 0;}
	ul.liItem li:nth-of-type(3n) {margin-right: 0;}
	ul.liItem li:nth-of-type(3n+1) {clear: left;}
}

@media only screen and (min-width:1023px) {
	ul.liItem li {width:23.75%; max-width: 285px; margin:0 1.666% 1.666% 0;}
	ul.liItem li:nth-of-type(3n) {margin-right: 1.666%;}
	ul.liItem li:nth-of-type(3n+1) {clear: none;}
	ul.liItem li:nth-of-type(4n) {margin-right: 0;}
	ul.liItem li:nth-of-type(4n+1) {clear: left;}
}




/* POP-UP
--------------------------------------------------------------------------------------- */
	/*.fancybox-inner {
		background: #d5d9e1 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #d5d9e1 0%, #f1dcdb 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #d5d9e1 0%,#f1dcdb 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d5d9e1 0%,#f1dcdb 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d9e1', endColorstr='#f1dcdb',GradientType=0 ) !important; /* IE6-9 */
	}*/
		a.fancybox-close {right:-5px !important; top:-5px !important; width: auto !important; height: auto !important; font:900 24px 'lato'; color:#336498; content:"X"; text-align: center; padding:20px !important; background: none !important;}

	.popup h1 {max-width:500px; font:700 18px/24px 'lato'; text-transform: none; text-align: center; margin:0 auto .5em auto; padding: 0;}
	.popup h4 {font-size: 16px; color:#336498; margin-bottom: .5em;}
	.popup p.note {text-align: center;}
	.popup p.note2 {font-size: 12px; color:#808285; line-height: 14px; text-align: center; font-style: italic; margin:20px 0 10px 0;}

	#formInfolettre {margin: 0 auto;}

.popup {padding:30px; background: none !important; height: 100%;}

/*fancybox v3*/
.fancybox-inner {background:none !important;}
.fancybox-bg {
	background: -moz-linear-gradient(top, rgba(15,63,110,0.95) 0%, rgba(221,82,68,0.95) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(15,63,110,0.95) 0%,rgba(221,82,68,0.95) 100%) !important;
	background: linear-gradient(to bottom, rgba(15,63,110,0.95) 0%,rgba(221,82,68,0.95) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80f3f6e', endColorstr='#a8dd5244',GradientType=0 ) !important;
}
.fancybox-is-open .fancybox-bg {opacity:1 !important;}
.fancybox-slide--iframe .fancybox-content {max-width:calc(100% - 40px) !important;}


@media only screen and (min-width:768px) {
	.popup h1 {font-size: 22px;}
	a.fancybox-close {right:5px !important; top:0 !important;}
}


.wrapBtn {display:table; margin: 0 auto;}
.wrapBtn button.button.btn2, .wrapBtn button.button.btn3 {display:table-cell; margin:10px 5px 0 5px;}


/* PAGINATION
--------------------------------------------------------------------------------------- */
.pagination{clear:both; text-align: center;}

.pagination a, .module_pagination_pagecourante{display:inline-block; width:41px; font:700 18px/41px 'lato', Arial, Helvetica, sans-serif; color:#fff !important; text-align:center; text-decoration:none; background-color:#336498;}
.pagination .module_pagination_pagecourante{ background-color:#d1d3d4; color:#fff; }

.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
	position:relative; font-size:0; color:#fff; background:#336498; vertical-align:top;
}

.pagination .module_pagination_pagesuivante a:after,
.pagination .module_pagination_pageprecedente a:before {position: absolute; margin:14px 0 0 -4px; font:15px/14px "icomoon";}
.pagination .module_pagination_pageprecedente a:before {margin-left:-7px;}
.pagination .module_pagination_pagesuivante a:after {content: "\f054";}
.pagination .module_pagination_pageprecedente a:before {content: "\f053";}

.pagination .module_pagination_pagesuivante a:hover, .pagination .module_pagination_pagesuivante a:focus, .pagination .module_pagination_pagesuivante a:active,
.pagination .module_pagination_pageprecedente a:hover, .pagination .module_pagination_pageprecedente a:focus, .pagination .module_pagination_pageprecedente a:focus,
.pagination .module_pagination_pagepremiere a:hover, .pagination .module_pagination_pagepremiere a:focus, .pagination .module_pagination_pagepremiere a:focus,
.pagination .module_pagination_pagederniere a:hover, .pagination .module_pagination_pagederniere a:focus, .pagination .module_pagination_pagederniere a:focus,
.pagination a:hover, .pagination a:focus, .pagination a:active{ background-color:#ab3c3c; color:#fff;}

/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pagination .module_pagination_pagesuivante a:after,
	.pagination .module_pagination_pageprecedente a:before {position: relative; top:8px; left:3px;}
}

/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF, .lienRSS {display:inline-block; margin:1em 0; }
.lienPDF:before, .lienRSS:before {display:inline-block; content:""; margin-right:6px;}

.lienPDF{line-height:30px; }
.lienPDF:before{width:29px; height:31px; background:url(../gx/m/icone-pdf.png) 0 0 no-repeat; vertical-align:-10px;}

.lienRSS:before{width:16px; height:16px; background:url(../gx/m/icone-rss.png) 0 0 no-repeat; vertical-align:-3px;}


[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ic-loupe:before {content: "\e90a";}
.icon-ic-partage:before {content: "\e903";}
.icon-ic-play:before {content: "\e904";}
.icon-ic-top10:before {content: "\e905";}
.icon-chevron-left:before {content: "\f053";}
.icon-chevron-right:before {content: "\f054";}
.icon-chevron-up:before {content: "\f077";}
.icon-chevron-down:before {content: "\f078";}
.icon-icone_calendrier:before {content: "\e90e"; color:#0d4d8b; margin-right:5px;}
.icon-icone_location:before {content: "\e90f"; color:#0d4d8b; margin-right:5px;}


.icRs {position:relative; display: block; width:30px; height:30px; border-radius: 100%; background: #fff;}
.icRs:before {position:absolute; left:-1px; top:-1px; content: ''; width:32px; height:32px; background-size: contain;}

.icRs:hover:after {position:absolute; left:-1px; top:-1px; content: ''; width:32px; height:32px; border-radius: 100%; background:#000; opacity: .2;}
.icRs:active {margin-top: 1px;}

.ic-facebook:before {background: url(../gx/m/ic-facebook.svg) 0 0 no-repeat;}
.ic-youtube:before {background: url(../gx/m/ic-youtube.svg) 0 0 no-repeat;}
.ic-google:before {background: url(../gx/m/ic-googleplus.svg) 0 0 no-repeat;}
.ic-linkedin:before {background: url(../gx/m/ic-linkedin.svg) 0 0 no-repeat;}
.ic-twitter:before {background: url(../gx/m/ic-twitter.svg) 0 0 no-repeat;}


/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input, select { vertical-align:middle; }
input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
input[readonly]{ background-color:#eee; }
textarea{ resize: vertical; }
label{ display:block; color:#336498; font-weight: 700; }

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{color:#336498; border:0 none !important; padding:0 2px; cursor:help;}

.form.border {display:block; border:1px solid rgba(149,21,21,.3); padding:20px;}

/* - - - Input default - - - */
.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
.form input[type=search], .form input[type=url], .form select, .form textarea{
	width:100%; height:42px; font:16px 'lato'; color:#939598; padding:5px 20px; border:1px solid #d1d3d4; border-radius:2px;
	background: #fff;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:box-shadow ease-in-out 0.3s;
	transition:box-shadow ease-in-out 0.3s;
}

@media only screen and (min-width:768px) {
	.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
	.form input[type=search], .form input[type=url], .form select, .form textarea{font-size: 14px}
}

.form textarea{ height:170px; padding:20px;}


.form .colCheckbox input[type=checkbox] {display: inline-block; width: 5%; margin:1px 1em 0 0; vertical-align: top;}
.form .colCheckbox label {display: inline-block; width: 84%; line-height: 14px; vertical-align: top;}

/* - - - Shadow focus - - - */
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus{
	outline:0;
	border:1px solid #336498;
	border:1px solid rgba(149,21,21,0.6);
}

.wrapCaptcha {display:table;}
	.g-recaptcha > div {transform:scale(.77) !important; margin:0 auto !important;}

@media only screen and (min-width:1200px) {
	.g-recaptcha {transform:scale(1) !important;}
}

/* - - - Placeholders - - - */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{font-size: 12px; color:#999; font-style:italic; }
input::-moz-placeholder, textarea::-moz-placeholder{ opacity:1; font-size: 12px; color:#999; font-style:italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ font-size: 12px; color:#999 !important; font-style:italic; }


/* - - - Buttons - - - */
button, .button{display:inline-block; text-decoration:none !important;
	-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
	transition: background 0.15s linear 0s, color 0.15s linear 0s;
}
.button, .liHd .btn1{font:700 16px/16px 'lato', Arial, Helvetica, sans-serif; color:#231f20; padding:10px; border-radius:6px;}

button:disabled, button:disabled:hover {background:#939598; border-color: #4d4d4f;}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{outline:none;}

button.button.btn2 {display:inherit; margin:1em auto 0 auto;}
button.btnSubmit_p {padding:10px 55px;}

/*bouton bleu*/
.btn1, .liHd .btn1 {border:2px solid #231f20; background: #fff;}
.btn1:hover, .btn1:focus, .btn1:active {color:#336498 !important; border-color:#336498;}

/*bouton rouge*/
.btn2 {color:#fff; border:2px solid #231f20; background: #333132;}
.btn2:hover, .btn2:focus, .btn2:active {color:#fff !important; border-color:#336498; background: #dd5244;}

.btn3 {color:#0d4984; border:2px solid #0d4984; background: #fff;}
.btn3:hover, .btn3:focus, .btn3:active {color:#3779ba !important; border-color:#3779ba; background: #fff;}

.btn1:focus, .btn1:active,
.btn2:focus, .btn2:active,
.btn3:focus, .btn3:active {margin-top: 1px;}


@media only screen and (min-width:1023px) {
	.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
	.form input[type=search], .form input[type=url], .form select {height:44px;}

	.button, .liHd .btn1{padding:12px;}
}


/* - - - Avertissements et erreurs - - - */
/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {font:italic 14px "lato";
	margin-bottom:10px; padding:25px; border-left:5px solid;
}

.messageInfo{ color:#1a9dd8; background: rgba(26,157,216,.1); border-color:#1a9dd8; }
.messageSucces{ color:#00a651; background: rgba(0,166,81,.1); border-color:#00a651; }
.messageAvertissement{ color:#feab00; background: rgba(255,172,0,.1); border-color:#feab00; }
.messageErreur{ color:#e10045; background: rgba(225,0,69,.1); border-color:#e10045; }

.messageSucces.etape2 {color:#4d4d4f; font-style: normal; background: none; border:none; padding-left: 0; padding-top:0;}

.erreur, .erreur label, .erreur abbr { color:#c00 !important; }
.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur { border:1px solid #c00 !important; }

p.erreur.erreurCaptcha {text-align: center; margin: 0;}

.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{
}

.form .col1, .form .col2, .form .colFull {margin-bottom:10px;}

/* - - - Layout - - - */
@media only screen and (min-width:767px) {
	.form .col1, .form .col2{float:left; width:47.5%;}
	.form .col1{ clear:left; }
	.form .col2{ margin-left:5%; }
	.form .colFull{	clear:left;}
}

@media only screen and (min-width:1023px) {
	.form .col1, .form .col2{width:100%;}
	.form .col2{ margin-left:0; }
}



#olark-wrapper .olark-launch-button {right: 0 !important; width: 30px !important; height: 30px !important; z-index: 102!important; background: url(../gx/m/ic-chat.png) 50% 50% no-repeat !important; background-size:20px 20px !important;}
#olark-wrapper .olark-launch-button svg {display: none !important;}

@media only screen and (min-width:479px) {
	#olark-wrapper .olark-launch-button {right: 10px !important; width: 40px !important; height: 40px !important; background-size:24px 24px !important;}
}

@media only screen and (min-width:1200px) {
	#olark-wrapper .olark-launch-button {right: 20px !important;}
}