/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------- */
/* 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{ margin:2em 0; font-style:italic; border-left:2px solid #CCC; padding-left: 1em; }
blockquote p{margin-bottom:0.5em;}
cite{ 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; }
.ie8 .clearfix { zoom:1; }

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


/* Body et HTML
--------------------------------------------------------------------------------------- */
body{
	background:#000;
	font:15px/1.6em 'Open Sans', Arial, Helvetica, sans-serif;
	color:#555;
}


/* Conteneurs
--------------------------------------------------------------------------------------- */
.conteneur{
	position:relative;
	width:100%;
	margin:0 auto;
}

main{
	padding-top: 50px;
	min-height:500px;
	background: #fff url(../gx/m/gazon.jpg) no-repeat scroll bottom center;
}

main > .contenu {
	padding: 0 20px;
	background: transparent url(../gx/m/ciel.png) no-repeat scroll top center;
	/*min-height:1322px;*/
}


/* Titres
--------------------------------------------------------------------------------------- */

h1 {
	font: bold 22px/1.2em 'Libre Baskerville', serif;
	padding: 30px 0 50px;
	margin-bottom: 16px;
	color:#000;
	text-align: center;
	background: transparent url(../gx/m/fioriture.png) no-repeat scroll center bottom;
	text-transform: uppercase;
}
h2{ margin:1em 0 0.5em 0; font:bold 20px/1.2em 'Libre Baskerville', serif; color:#000; text-align: center;}
h3{ margin:1em 0 0.5em 0; font:800 16px/19px 'Open sans', Arial, Helvetica, sans-serif; color:#000; text-align: center;}
h4{ margin:1em 0 0.5em 0; font:14px/16px Arial, Helvetica, sans-serif; color:#000; }

/* Texte
--------------------------------------------------------------------------------------- */

p { margin-bottom: 1.6em;}

/* Hyperliens
--------------------------------------------------------------------------------------- */
a {
	color:#19a14a;
	text-decoration: underline;
}

a, a h2, a h3, a time, a p{
	-webkit-transition: color 0.15s linear 0s;
	transition: color 0.15s linear 0s;
}



a:hover, a:focus, a:active{ color:#48c44b; outline:none; }


/* Textes et CMS
--------------------------------------------------------------------------------------- */
.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{ margin-left:16px; }
.incTinyMce ul ul, .incTinyMce ol ol{margin-top: 0.4em;}
.incTinyMce ol li{ margin-left:20px; }
.incTinyMce ol ol > li{ list-style:lower-alpha; }

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

ul {
    list-style-position: inside;
    list-style: url(../gx/m/bullet.png);
}

/* - - - Image en float - - - */
.mortaise{
	float:left;
	margin:0.25em 1.25em 1.25em 0;
	text-align:center;
	font-size:12px;
}
.mortaise img{ border:3px solid #999; }

.intro{ font-weight:bold; }

.note{ font-size:11px; line-height: 1.5em; }

.vide{
	padding:50px 0;
	text-align:center;
	font:bold 18px/25px Arial, Helvetica, sans-serif;
	color:#000;
}

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

/* - - - Responsive video - - - */
.videoConteneur{ max-width:520px; margin:0 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{
	margin-bottom: 1em;
	border: 1px solid #666;
}
.incTinyMce table caption{font: normal 14px/16px Arial, Helvetica, sans-serif;}
.incTinyMce table th{
	border: 1px solid #666;
	background: #333;
	font-weight: bold;
	color: #fff;
}
.incTinyMce table td, .incTinyMce table th{
	min-width: 50px;
	padding: 0.25em 0.5em;
}
.incTinyMce table tr:nth-child(even){ background: #eee; }


/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF{ display:inline-block; margin:1em 0; line-height:30px; }
.lienPDF:before{
	content:"";
	display:inline-block;
	width:29px;
	height:31px;
	margin-right:6px;
	background:url(../gx/m/icone-pdf.png) 0 0 no-repeat;
	vertical-align:-10px;
}

.lienRSS{ display:inline-block; margin:1em 0; }
.lienRSS:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:6px;
	background:url(../gx/m/icone-rss.png) 0 0 no-repeat;
	vertical-align:-3px;
}


/*--------------------------------------------------------------------------------------- */
/* 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; margin-top: 0.75em; }

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


/* - - - 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:32px;
	padding:5px;
	border:1px solid #ccc;
	border-radius:3px;
	/*-webkit-appearance: none;*/
	font-size:13px;
	color:#333;
	-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;
}

.form textarea{ height:104px; }

.form input[type=checkbox]{ float:left; margin:1px 1em 0 0; }

/* -- Radio vert --*/
/*
Exemple de radio:
<input id="checkbox1" type="checkbox" name="checkbox" value="1" checked="checked"><label for="checkbox1"><span></span>Option 1</label>
*/

input[type=radio]:not(old){
  width     : 24px;
  margin    : 0;
  padding   : 0;
  font-size : 16px;
  opacity   : 0;
}

input[type=radio]:not(old) + label{
  display : inline-block;
  margin-left : -2em;
  line-height : 1.5em;
}

input[type=radio]:not(old) + label > span{
  display : inline-block;
  width : 16px;
  height : 16px;
  margin : 0.25em 0.5em 0.25em 0.25em;
  border : 0.0625em solid rgb(192,192,192);
  border-radius : 100%;
  background : rgb(224,224,224);
  background-image : linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align : bottom;
  vertical-align: -7px;
}

input[type=radio]:not(old):checked + label > span{
  background-image : linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=radio]:not(old):checked +  label > span > span{
  display : block;
  width : 10px;
  height : 10px;
  margin : 2px;
  border : 0.0625em solid rgb(115,153,77);
  border-radius : 100%;
  background : rgb(153,204,102);
  background-image: linear-gradient(#19a14a,#19a14a);
}

input[type=text] {
	width: 100%;
	height: 46px;
	border: 1px #dfdfdf solid;
	padding: 15px 10px;
	margin-bottom: 12px;
}


/* - - - 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 #19a14a;
	border:1px solid rgba(20,159,217,0.6);
	-webkit-box-shadow:0 0 5px rgba(20,159,217,0.6);
	box-shadow:0 0 5px rgba(20,159,217,0.6);
}


/* - - - Placeholders - - - */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#999; font-style:italic; }
input::-moz-placeholder, textarea::-moz-placeholder{ opacity:1; color:#999; font-style:italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ 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{
	margin-top:1em;
	padding:6px;
	border-radius:3px;
	background-color:#19a14a;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#fff;
}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{ background-color: #666; outline:none; }


/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
	margin-bottom:10px;
	padding:10px;
	border:1px solid;
	border-radius:4px;
	text-align:center;
	font-weight:bold;
}

.messageInfo{ color:#004868; background-color:#c6edff; border-color:#004868; }
.messageSucces{ color:#005729; background-color:#dff2bf; border-color:#005729; }
.messageAvertissement{ color:#790000; background-color:#feefb3; border-color:#790000; }
.messageErreur{ color:#a9181c; background-color:#fdd; border-color:#a9181c; }

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

.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{
	-webkit-box-shadow:0 0 5px rgba(204,0,0,0.8);
	box-shadow:0 0 5px rgba(204,0,0,0.8);
}

/* - - - Layout - - - */
.form .col1, .form .col2{ margin-bottom:1em; }
.form .colFull{	margin-bottom:1em; }


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#entete{
	font-family: 'Judson', serif;
	position: fixed;
	width: 100%;
	height:50px;
	background: transparent;
	border-bottom: #d9d9d9 1px solid;
	z-index: 1000;
}

#entete .fondDynamique {
	background: #fff;
	position: absolute;
	height: 49px;
	width: 100%;
	transition: all 0.25s
}

#entete .limite {
	position: relative;
	width: 100%;
	padding: 0 20px;
}

#entete .limite > div {
	position: relative;
	max-width: 1320px;
	margin: auto;
}

#logo{
	position:relative;
	display:block;
	margin: auto;
	width: 86px;
	padding-top: 2px;
	z-index: 200;
}

#logo img{ width: 100%; height: auto; }


/* Menu principal
--------------------------------------------------------------------------------------- */
#menu{
	display: none;
	position: absolute;
	box-sizing:border-box;
	top:47px;
	width: 100%;
	padding: 0 320px 0 180px;
}

/*#menu ul{ text-align: justify }*/
#menu ul{ text-align: justify }
#menu li{ display: inline-block; }
div.spacer {display:inline-block;width: 100%;}

#menu a{
	margin-left:0;
	padding: 5px;
	font: 16.5px/20px 'Judson', serif;
	color: #000;
	text-decoration: none;
}

/*#menu .premier {padding-left: 82px;}
#menu .dernier {padding-right: 82px;}*/

#menu li:first-child a{ margin-left:0; }
#menu a:hover, #menu a:focus, #menu a:active{ color:#19a14a; }
#menu a.actif{ color:#48c44b; }

#menu .mobile { display: none; }

#entete #joindreSpecialisteBtn { position: absolute; top: 0; right: 0; }
#entete #joindreSpecialiste { position: absolute; top: 36; right: 20; }




/* Recherche
--------------------------------------------------------------------------------------- */

#joindreSpecialiste {
	display:none;
	background: #fff;
	width: 274px;
	height: 48px;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
}

#joindreSpecialiste.actif {
	height: 396px;
	box-shadow: 0 0 50px rgba(0,0,0,0.35);
}

#joindreSpecialiste > div { width: 274px; height: 396px; margin-top: 0; margin-left: 0; transition: all 0.5s ease-in-out 0s;}
#joindreSpecialiste.actif > div { margin-top: 0; margin-left: 0; }


#joindreSpecialisteBtn,
#joindreSpecialiste .entete {
	display:block;
	position: relative;
	width: 274px;
	height: 48px;
	background-color: #19a14a;
	color: #fff;
	font:normal 17px/17px 'Judson';
	text-align: center;
	text-shadow: 1px 1px 5px #146d34;
	cursor: pointer;
}

#joindreSpecialiste.actif .entete {background: #48c44b;}
#joindreSpecialiste:hover .entete {background: #48c44b;}

#joindreSpecialisteBtn span,
#joindreSpecialiste .entete span {
	position: absolute;
	left: 13px;
	top: 6px;
	background: transparent url(../gx/m/fleche_blanche.png) no-repeat scroll 0 0;
	padding: 8px 0 10px 30px;
}

#joindreSpecialiste .corp { padding: 40px 30px 0; text-align: center;}
#joindreSpecialiste .corp h2 {
	margin: 0 0 20px 0;
	font: normal 16px/1.4em 'Libre Baskerville';
}

#joindreSpecialiste .corp .boutonRadio { font:normal 14px/15px 'Open sans'; text-align: justify;}
#joindreSpecialiste .corp .boutonRadio > span { display: inline-block; }

#joindreSpecialiste .corp select { /*width: 100% !important*/ }

#rechercheHaut span.customSelect,
#recherche span.customSelect,
#chercheSpecialiste span.customSelect,
#joindreSpecialiste span.customSelect {
    font:normal 15px/15px 'Open sans';
    text-align: left;
    padding: 15px 40px 0 10px;
    background: transparent url(../gx/m/select.png) right center no-repeat;
    width: 100%;
    height: 46px;
    border:1px solid #ddd;
    color:#555;
    margin: 0 0 5px;
}

.customSelectInner { width: 100% !important; }

/* Pour les noms qui dépasse dans Nous joindre en haut à droite */
#joindreSpecialiste .customSelectInner { height: 20px; overflow: hidden; line-height: 25px; }
#joindreSpecialiste span.customSelect { padding: 10px 40px 0 10px; }


body.accueil .pelouse a,
#sideBarNouvelle button,
#chercheSpecialiste button,
#joindreSpecialiste .corp button {
	width: 100%;
	height: 46px;
	background-color: #19a14a;
	margin: 0 0 10px 0;
	font:normal 18px/18px 'Judson';
	color: #fff;
	text-shadow: 1px 1px 5px #146d34;
	margin: 20px 0;
	text-decoration: none;
	transition: background-color 0.15s linear 0s;
}

body.accueil .pelouse a:hover,
#sideBarNouvelle button:hover,
#chercheSpecialiste button:hover,
#joindreSpecialiste .corp button:hover { background-color: #48c44b; }
#joindreSpecialiste p { font:normal 14px/1.2em 'Open sans'; }
#joindreSpecialiste a { color: #000; }

#joindreSpecialisteBtn {
	width: 50px;
	height: 50px;
	background: #fff url(../gx/m/fleche_verte.png) no-repeat scroll 50% 50%;
	border-bottom: #d9d9d9 1px solid;
	transition: background-color 0.15s linear 0s;
}

#joindreSpecialisteBtn:hover,
#joindreSpecialisteBtn:active {background: #19a14a url(../gx/m/fleche_blanche.png) no-repeat scroll 50% 50%;
border-bottom: #15893f 1px solid;}
#joindreSpecialisteBtn span { display:none; }



/* Menu mobile
--------------------------------------------------------------------------------------- */

#menuMobile {top: 50px; background: #82c084;}

#iconeMenu { position: absolute; background: transparent; top: 0px; padding: 15px 0; width: 24px;}

#iconeMenu > span span:before, #iconeMenu > span span:after, #iconeMenu > span span {background-color: #000;}
#iconeMenu > span span:before, #iconeMenu > span span:after, #iconeMenu > span span {background-color: #000;}
.vMenu-open #iconeMenu > span span:before, .vMenu-open #iconeMenu > span span:after, .vMenu-open #iconeMenu > span span { background-color: #19a14a;}

#menuMobile .separateur a {
	background: transparent url(../gx/m/menuMobile_separateur.gif) repeat-x scroll bottom center;
}

#menuMobile li a {
	font: bold 15px/15px 'Judson';
	background-color: #82c084;
	border: none;
}

#menuMobile li a.actif {
	color:#0c8a41;
	background-color: #82c084;
}

#menuMobile .spacer { height: 130px;}





/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale{
	position: relative;
	margin: 0 auto 182px ;
	padding: 20px;
	max-width: 1320px;
	background-color: #fff;
}

#colPrincipale > .limite {
	max-width: 900px;
	margin:auto;
}

#colPrincipale.programme {
	text-align: center;
}


/* Retour
--------------------------------------------------------------------------------------- */

#retour{
	margin: auto;
	padding: 0;
	max-width: 1320px;
}

#retour a {
	color:#000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
}

#retour a:hover {color:#19a14a;}

#retour span {font-family: 'guifx';color: #19a14a;}


/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar{
	float:left;
	width:220px;
	height:200px;
	border:1px solid #000;
}


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane{
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#19a14a;
}

#filAriane li{ display:inline; margin-right:5px; }
#filAriane li:before{
	content:'>';
	margin-right:6px;
}
#filAriane li:first-child:before{ display:none; }

#filAriane a{ color:#19a14a; }
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#70bf44; }

#filAriane li:last-child{ color:#000; }
#filAriane li:last-child:before{ color:#19a14a; }


/* Pagination
--------------------------------------------------------------------------------------- */

.pagination{	clear:both; margin-top:16px; text-align: right;}

.pagination a, .module_pagination_pagecourante{
	display:inline-block;
	min-width:34px;
	text-align:center;
	font:12px/14px 'Open sans', Arial, Helvetica, sans-serif;
	background-color: transparent;
	color:#000;
	padding: 8px 6px;
	border: 2px solid transparent;
	text-decoration:none;
	-webkit-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}

.pagination .module_pagination_pagecourante{ background-color:#000; color:#fff; border: 2px solid #000;}

.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
	box-sizing: border-box;
	vertical-align:top;
	background:transparent;
	font:normal 12px/14px 'Open sans', sans-serif;
	color:#19a14a;
	border: 2px solid transparent;
	padding: 8px 6px;
	text-transform: uppercase;
	color: #c6c8c9;
}

.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:#000; color:#fff; border: 2px solid #000;}

.module_pagination .module_pagination_page.module_pagination_pageprecedente,
.module_pagination .module_pagination_page.module_pagination_pagesuivante { display: none;}

.pagination > .module_pagination_page.module_pagination_pageprecedente > a,
.pagination > .module_pagination_page.module_pagination_pagesuivante > a {
	border: 2px solid #c6c8c9;
	padding: 12px 20px;
}

.pagination > .module_pagination_page.module_pagination_pageprecedente > a:hover,
.pagination > .module_pagination_page.module_pagination_pagesuivante > a:hover {
	border: 2px solid #000;
}

.module_pagination {display: inline-block; padding: 3px; border: 1px solid #dcdcdd;}




/* Bloc Chercher un spécialiste
--------------------------------------------------------------------------------------- */

#chercheSpecialiste {
	/*display: none;*/
	position: relative;
	background: transparent url(../gx/m/fond_specialiste.jpg) no-repeat scroll 50% 50%;
	background-size: cover;
	width: 100%;
	height: 648px;
	padding: 0 20px;
	color: #fff;
	margin-top: -182px;
	min-height: 182px;
}

/*main.specialiste #chercheSpecialiste { display: block; }*/

#chercheSpecialiste h2 {
	font: bold 20px/1.2em 'Libre Baskerville', serif;
	padding: 0 0 50px;
	margin-bottom: 28px;
	color:#000;
	text-align: center;
	background: transparent url(../gx/m/fioriture.png) no-repeat scroll center bottom;
	margin-top: 0;
}

#chercheSpecialiste > div {
	position: relative;
	width: 100%;
	height: 100%;
}

#chercheSpecialiste > div > div {
	position: absolute;
	display: block;
	width:100%;
	top:50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#chercheSpecialiste .boiteRecherche {
	position: relative;
	background: #000;
	width: 100%;
	max-width: 280px;
	border-radius: 5px;
	padding: 20px 20px;
	margin: auto;
}

#chercheSpecialiste .boiteRecherche .radio { display: block; width: 100%; min-width: 125px; text-align: justify; margin-top: -16px;}
#chercheSpecialiste .boiteRecherche .inputButton { position: relative; display: block; width: 100%;}
#chercheSpecialiste .boiteRecherche .liste { display: block; width: 100%; text-align: center;}

#chercheSpecialiste .inputButton select {}
#chercheSpecialiste .inputButton span.customSelect { background-color: #fff; margin: 0 0 6px 0;}

#chercheSpecialiste .inputButton #codePostalSaisi { margin: 0 0 -4px 0; }

#chercheSpecialiste button { position: relative; width: 100%;}
#chercheSpecialiste .radio label { margin-right: 12px;}
#chercheSpecialiste .boiteRecherche .radio br { display: none; }
#chercheSpecialiste a { color: #fff;}

/*#chercheSpecialiste div { border: red solid 1px;}*/


.btnRectangle {
	font-size: 17px;
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 3%;
	vertical-align: top;
	color: #19a14a;
	text-decoration: none;
	background: #fff;
	border: #19a14a solid 3px;
	font-family: 'Judson', serif;
	padding: 10px 0;
	transition: color 0.15s linear 0s;
	transition: background-color 0.15s linear 0s;
	transition: border-color 0.15s linear 0s;

}

.btnRectangle:hover {
	border: #000 solid 3px;
	color: #000;
}

.btnRectangle.vert:hover {
	border: #48c44b solid 3px;
	color: #48c44b;
}

.btnVert {
	font-size: 17px;
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	vertical-align: top;
	color: #fff;
	text-decoration: none;
	background-color: #19a14a;
	border: #19a14a solid 3px;
	font-family: 'Judson', serif;
	padding: 5px 15px;
	text-shadow: 1px 1px 5px #146d34;
	transition: color 0.15s linear 0s;
	transition: background-color 0.15s linear 0s;
	transition: border 0.15s linear 0s;
}

.btnVert:hover {
	background-color: #48c44b;
	border: #48c44b solid 3px;
	color: #fff;
}


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
#colPrincipale.nouvelle { position: relative; background: #fff;
overflow: hidden; padding: 0;}

#colPrincipale.nouvelle #liste { padding: 20px; }

#listeNouvelle{ list-style:none; }
#listeNouvelle li{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #e0e0e0;
}
#listeNouvelle li:last-of-type {border: none;}

#listeNouvelle li p[itemprop="text"] { margin-bottom:0; }

article figure {max-width: 290px; margin-bottom: 20px;}
article figure img {width: 100%;}

#listeNouvelle time{ font-family: 600 13px/1.6em 'Open Sans', sans-serif; color: #555 }
#listeNouvelle .suite{ font-weight:bold; text-decoration:none; }

.nouvTexte header { margin-top: -6px; }
.nouvTexte header .separateur { display: none; }
.nouvTexte header time { display: block; }
.nouvTexte header .haut { font-size: 13px; text-transform: uppercase; }
.nouvTexte header a { font-weight: bold; text-decoration: none;}
.nouvTexte header h2,
.nouvTexte header h2 a { font-weight: 600; text-align: left; color: #000;
	font: 600 18px/1.4em 'Open sans', sans-serif ; margin-bottom: 16px;}
.nouvTexte header h2 a:hover {color: #19a14a;}
.nouvTexte header .auteur {font-weight: 700; color: #19a14a;}

#sideBarNouvelle {
	position: relative;
	width: 100%;
	background: #ebebeb;
	padding: 30px 20px;
}

#sideBarNouvelle h3 {
	margin-top: 30px;
	text-align: left;
	font: normal 15px/1.8em 'Open sans', sans-serif;
	text-transform: uppercase;
}

#sideBarNouvelle #recherche h3 { margin-top: 0;}
#sideBarNouvelle button{ margin: 0;}

#sideBarNouvelle .filtre {display: none;}

#sideBarNouvelle ul { color: #19a14a; list-style: none; margin-left: 20px; line-height: 2em }
#sideBarNouvelle ul ul { margin-left: 10px; }
#sideBarNouvelle ul a { color: #000; text-decoration: none;}
#sideBarNouvelle ul a:hover { color: #19a14a; }

#sideBarNouvelle ul .archivesAnnee {font-weight: bold;}

#recherche span.customSelect span {color: #19a14a; font-weight: bold;}
#recherche span.customSelect {background: #fff url(../gx/m/select-vert.png) right center no-repeat;}

/*#sideBarNouvelle .trouver,
#sideBarNouvelle .filtrer { width: 36%; margin-right: 2%; float: left;}
#sideBarNouvelle button { width: 22%; float: left; margin-top: 35px;}*/





/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
#detailNouvelle{}
/*article figure img{ margin:2em auto;}*/

/* - - - Boutons de partage - - -  */
#partage{ margin:2em 0; }
#partage h3 { margin-bottom:0.5em; text-align: left }

#detailNouvelle .intro {margin-top: 1.6em; font-size: 18px; color: #000; text-align: center;}

#detailNouvelle figure { display: block; max-width: 660px; margin: 20px auto 20px;}
#detailNouvelle figure img { width: 100%;}
#detailNouvelle .nouvTexte .auteur { font-weight: bold; text-align: right; color: #000; }
#detailNouvelle #partage { margin-top: 0; }

#detailNouvelle .incTinyMce h2,
#detailNouvelle .incTinyMce h3,
#detailNouvelle .incTinyMce h4,
#detailNouvelle .incTinyMce h5 {text-align: left;}

#detailNouvelle hr{ border-top: 3px solid #f5f5f5; margin: 12px 0;}

#listeNouvelle.suivant {margin-bottom: 50px;}
#listeNouvelle.suivant article figure { max-width: 178px; margin: auto;}
#listeNouvelle.suivant .nouvTexte { text-align: center; margin-top: 16px;}
#listeNouvelle.suivant .nouvTexte h2 { text-align: center; margin: 24px 0;}
#listeNouvelle.suivant article { max-width: 580px; margin:auto}
#listeNouvelle.suivant li { margin: 0; padding: 0; }

#nouvDetailHeader h1 {
	max-width: 900px;
	margin: 20px auto;
	padding: 20px 0 66px;
}

#nouvDetailHeader header { padding: 98px 0 0 0; text-align: center; font-size: 15px; text-transform: uppercase; text-align: center; }
#nouvDetailHeader header a { font-weight: bold; text-decoration: none;}
#nouvDetailHeader #atstbx {text-align: center; padding-bottom: 20px;}
#detailNouvelle { max-width: 780px; margin: auto;}

#colPrincipale.detailNouvelle h2.suivant {font: 800 22px/1.4em 'Open sans', serif; margin-bottom:50px;}
#listeNouvelle.suivant article figure {margin-top: 8px;}
#listeNouvelle.suivant h2 { margin: 0 19.5px;}

#detailNouvelle .auteur { font-weight: bold; text-align: right; margin-bottom: 0;}
#detailNouvelle .profession { text-align: right; }

#listeNouvelle.suivant header .auteur {
    font-weight: 700;
    color: #000;
}


/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan { text-align: center; }
#plan ul{ display: inline-block; list-style: disc; color: #19a14a; margin-bottom:1em; max-width:300px; text-align: left; }
#plan > ul  li{ margin-left: 12px; margin-bottom:1em; }
#plan ul ul{ margin-left:1.5em; }
#plan a { text-decoration: none; color: #555; }
#plan a:hover { color: #19a14a; }



/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */

body.accueil main, body.accueil main > div { background: none; padding-right: 0; padding-left: 0;}

body.accueil h1 {
	font: normal 27px/1.15em 'Cinzel', serif;
    padding: 30px 0 10px 0;
    margin: 0;
    text-align: left;
    background: none;
}

body.accueil .drapeau {
	text-align: left;
	background: #fff url(../gx/01/entete.jpg) no-repeat scroll -200px -340px;
	/*background-size: auto 100%;*/
	width:100%;
	min-height: 240px;
}

body.accueil .drapeau > div {padding: 0 20px; max-width: 1320px; margin: auto;}

body.accueil .drapeau h2 {
	display: block;
	text-align:left;
	width: 268px;
	height: 46px;
	background: transparent url(../gx/01/redbox.svg) no-repeat scroll 0 0;
	background-size: cover;
	color: #fff;
	padding: 13px 0 0 18px;
	margin: 0;
	font: normal 18px/1em 'Judson', serif;
	text-shadow: 1px 1px 5px #444;
}

body.accueil .lien { background: #fff; width: 100%; padding: 0 20px; }
body.accueil .lien > div {
	width: 100%;
	margin: auto;
	padding: 20px 0;
	max-width: 1320px;
}

body.accueil .programme {
	position: relative;
	display: block;
    background: transparent url(../gx/01/programme.jpg) no-repeat scroll -160px -335px ;
    margin-bottom: 1.5%;
    text-decoration: none;
    color: #000;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
}

body.accueil .programme h3 {
	font: normal 15px/15px 'Open sans', sans-serif;
	text-transform: uppercase;
	margin-top: 0;
}
body.accueil .programme h2 {
	display: block;
	font: bold 25px/1.2em 'Libre Baskerville', serif;
	padding-bottom: 55px;
	background: transparent url(../gx/01/separateur-vert.png) no-repeat scroll bottom center;
	text-transform: uppercase;
	margin-top: 4px;
}

body.accueil .programme .noir {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color 0.25s linear 0s;
}

body.accueil .programme:hover,
body.accueil .programme:hover h3,
body.accueil .programme:hover h2,
body.accueil .programme:hover p {color: #fff;}
body.accueil .programme:hover .noir {background-color: rgba(0,0,0,0.55);}

body.accueil .programme:hover h2 {background-image: url(../gx/01/separateur-blanc.png)}

body.accueil .programme .texte {
	width: 100%;
	padding: 0 6%;
	position: absolute;
	top: 30px;
}

body.accueil .programme .texte p { display: none;}

body.accueil .diagnostic { background-image: url(../gx/01/diagnostic.jpg); }
body.accueil .service { background-image: url(../gx/01/service.jpg); }

body.accueil .cta { margin-right: 0; }
body.accueil .cta img { margin-right: 0; max-width: 400px; }
body.accueil .cta h2 { font-size: 30px; position: relative; -ms-transform: none; -webkit-transform: none; transform: none; top: auto; left: auto;}
body.accueil .cta h3 {
	font: normal 15px/1.2em 'Open sans', sans-serif;
	text-transform: none; color: #fff;
	margin-top: 0;
}

body.accueil .cta .texte {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-transform: uppercase;
    width: 100%;
}

body.accueil #chercheSpecialiste { margin-top: 0;}

body.accueil .nouvelles {background: #56cf4c; width: 100%; padding: 0 20px;}
body.accueil .nouvelles > div { width: 100%; margin: auto; padding: 20px 0 0; max-width: 1320px;}

body.accueil .article {
	position: relative;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: transparent url(../gx/00/defaut.jpg) no-repeat scroll 50% 50%;
	background-size: cover;
	height: 330px;
	overflow: hidden;
	margin-bottom: 20px;
	text-shadow: 1px 1px 5px #222;
}

body.accueil .article:nth-of-type(3) { margin-bottom: 0 }


body.accueil .article .noir {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.60);
}


body.accueil .article a { color: #fff; text-decoration: none; display: block;}


body.accueil .article .section { position: absolute; width: 100%; height: 176px; top: 0;}
body.accueil .article .section.video { position: initial;}
body.accueil .article .section iframe {
position: absolute;
top: 0;
left: 0;
border: 0;
width: 100%;
height: 100%;
}
body.accueil .article .section .contenu { position: absolute; width: 100%; bottom: 0;}
body.accueil .article .section .contenu img{margin: auto;}
body.accueil .article .section h3 { color: #fff; font: normal 14px/ 1em 'Open sans', sans-serif; margin: 0;}
body.accueil .article .section h2 { color: #fff; font: bold 25px/1.2em 'Libre Baskerville', serif; margin: 10px 0;}

/*body.accueil .article .section:hover h3,
body.accueil .article .section:hover h2 { color: #19c557;}*/

body.accueil .article .img { height: 57px; background: transparent url(../gx/00/defaut.jpg) no-repeat scroll 50% 50%; }
body.accueil .article.corpo .section .img {background-image: url(../gx/01/corpo.png); }
body.accueil .article.corpo .section .ctavideo .img {background-image: none!important; }
/*body.accueil .article.corpo .section:hover .img { background-image: url(../gx/01/corpo_hover.png); }*/
body.accueil .article.alerte .section .img {background-image: url(../gx/01/alerte.png); }
/*body.accueil .article.alerte .section:hover .img { background-image: url(../gx/01/alerte_hover.png); }*/
body.accueil .article.conseil .section .img {background-image: url(../gx/01/conseil.png); }
/*body.accueil .article.conseil:hover .section .img { background-image: url(../gx/01/conseil_hover.png); }
*/
body.accueil .article .section .plus {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 64px;
	background: transparent url(../gx/01/plus.png) no-repeat scroll top right;
	z-index: 9;
}


body.accueil .article .hover .plus { background-image: url(../gx/01/plus_hover.png); }
body.accueil .article .hover h2.theme a { color: #19c557; }



body.accueil .article .nouvelle {
	position: absolute;
	width: 96%;
	height: 115px;
	bottom: 35px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
body.accueil .article .nouvelle time { color: #fff; font: normal 13px/ 1em 'Open sans', sans-serif; margin: 0; text-transform: uppercase;}
body.accueil .article .nouvelle h2 {
	color: #fff; font: 600 16px/ 1.4em 'Open sans', sans-serif;
	margin: 0;
	width: 100%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
body.accueil .article .nouvelle p { color: #fff; text-decoration: underline; margin: 0; width: 100%; position: absolute; bottom: 0;}
/*body.accueil .article .nouvelle:hover time,
body.accueil .article .nouvelle:hover h2,
body.accueil .article .nouvelle:hover p,*/
body.accueil .article .nouvelle a:hover {color: #19c557; }

body.accueil .article .nouvelle a:hover h2,
body.accueil .article .nouvelle a:hover p {color: #19c557; }




body.accueil .pelouse {background: transparent url(../gx/01/ciel2.jpg) no-repeat scroll 50% 50%; background-size: cover; width: 100%; padding: 20px;}
body.accueil .pelouse > div {  position: relative; width: 100%; margin: auto; max-width: 1320px; }
body.accueil .pelouse a { display: block; margin: auto; text-align: center; width: 214px; height: 46px; padding-top: 13px;}
body.accueil .pelouse img { width: 100%;}
body.accueil .pelouse .texte {
	width: 100%;
	text-align: center;
}
body.accueil .pelouse .texte > div { margin: 20px auto 0; }

body.accueil .pelouse h2{
	font: bold 25px/1.2em 'Libre Baskerville', serif;
	padding: 0 0 50px;
	margin-top: 0;
	margin-bottom: 20px;
	background: transparent url(../gx/m/fioriture.png) no-repeat scroll center bottom;
}





/* 02_100 : Services
--------------------------------------------------------------------------------------- */

.cta {
	position: relative;
	display: block;
	text-align: center;
	background: transparent url(../gx/02/spacer-carre.gif) no-repeat scroll 50% 50%;
	background-size: cover;
	text-shadow: 1px 1px 5px #444;
	width: 100%;
	margin-bottom: 16px;
}

.cta:nth-child(even) {margin-right: 0;}

.cta.large {width: 100%;}


.cta .noir { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background-color 0.25s linear 0s;}
.cta:hover .noir { background-color: rgba(0,0,0,0.55);}

.cta .rond {
	position: absolute;
	top: 50%;
	left :50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: background-color 0.25s linear 0s;
}

.cta.rond .rond {background-color: #000;}
.cta.rond:hover .rond { background-color: #19c557; }

.cta.cta1 { background-image: url(../gx/02/cta1.jpg);}
.cta.cta2 { background-image: url(../gx/02/cta2.jpg);}
.cta.cta3 { background-image: url(../gx/02/cta3.jpg);}
.cta.cta4 { background-image: url(../gx/02/cta4.jpg);}
.cta.cta5 { background-image: url(../gx/02/cta5.jpg);}
.cta.cta6 { background-image: url(../gx/02/cta6.jpg);}
.cta.cta7 { background-image: url(../gx/02/cta7.jpg);}



.cta img { display:inline; width: 100%; max-width: 370px; }
.cta h2 {
	position: absolute;
	margin: 0;
	top: 50%;
	left :50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	font: 25px/1.2em 'Libre Baskerville', serif;
}

.cta.cta7 h2 span {text-transform: none;}


/* 02_800 : Programme annuel
--------------------------------------------------------------------------------------- */

#colPrincipale.programme > p { max-width: 900px; margin-left: auto;  margin-right: auto; }

#colPrincipale.programme #tache { margin: 30px 0 20px;}

#colPrincipale.programme #tache img {
	display: inline;
	text-align: center;
	max-width: 128px;
	width: 100%;
	margin-bottom: 16px;
}

#colPrincipale.programme #tache div {
	text-align: center;
	font-size: 13px;
	line-height: 1.3em;
	float: left;
	max-width: 50%;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 16px;
}

#colPrincipale.programme #tache span {
	font-weight: bold;
	max-width: 156px;
}

#colPrincipale.programme #tache div:nth-of-type(4) { clear: none; }

#colPrincipale.programme #calendrier {
	width: 100%;
	background: transparent url(../gx/02/fond_calendrier.png) repeat-y scroll 0 0;
	margin-bottom: 30px;
}

#colPrincipale.programme #calendrier h2 {
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	margin: 0;
	padding: 30px 0;
	background: #fff;
	text-align: left;
}

#colPrincipale.programme #calendrier h2 sup {
	text-transform: none;
	font-size: 60%;
	top: -.6em;
}

#colPrincipale.programme #calendrier h2 sup.maj {
	text-transform: uppercase;
	font-size: 55%;
	margin-left: 5px;
}

#colPrincipale.programme #calendrier .texte,
#colPrincipale.programme #calendrier .photo { width: 100%; text-align: left; padding: 20px 0 20px 25px;}

#colPrincipale.programme #calendrier .photo img {
	display: inline;
	max-width: 290px;
	width: 100%;
}

#colPrincipale.programme #calendrier .texte > div {
	display: inline-block;
	max-width: 360px;
}

#colPrincipale.programme #calendrier .texte h3 { text-align: inherit; font: bold 14px/1.6em 'Open sans'; margin: 0 0 20px;}

#colPrincipale.programme #calendrier .texte img {
	display: inline;
	width: 48px;
	margin: 10px 4px 0;
}


/* 03_100 : Diagnostic
--------------------------------------------------------------------------------------- */

#colPrincipale.diagnostic { text-align: center;}
#colPrincipale.diagnostic strong { color: #000;}

#colPrincipale.diagnostic h2 {font-weight: bold; margin: 20px 0; font-size: 25px;}
#colPrincipale.diagnostic h3 {font-weight: bold; margin: 20px 0;}

#colPrincipale.diagnostic .groupItem { text-align: left; border-bottom: 3px #f5f5f5 solid; padding-bottom: 20px; vertical-align: top; }
#colPrincipale.diagnostic .groupItem.dernier {border: none; padding-bottom: 30px;}
#colPrincipale.diagnostic .item {
	text-align: center;
	width: 100%;
	display: block;
	vertical-align: top;
	color: #555;
	text-decoration: none;
	padding-bottom: 10px;
}
#colPrincipale.diagnostic .item:hover h3,
#colPrincipale.diagnostic .item:hover { color: #19a14a;}
#colPrincipale.diagnostic .item img { width: 100%; }
#colPrincipale.diagnostic .menu { margin: 50px 0 45px;}

#colPrincipale.diagnostic .menu a:nth-of-type(4) {margin-right: 0;}


/* 03_110 : Diagnostic
--------------------------------------------------------------------------------------- */

#colPrincipale.diagDetail { overflow: hidden; padding: 20px 0; }
#colPrincipale.diagDetail .incTinyMce { padding: 0 20px; }

#colPrincipale.diagDetail #sideBar { padding: 20px; background: #ebebeb; }

#colPrincipale.diagDetail { text-align: left;}
#colPrincipale.diagDetail h2 { text-align: left; font:700 18px/1.2em 'Open sans', Arial, Helvetica, sans-serif; margin: 20px 0;}
#colPrincipale.diagDetail h3 { text-align: left; font:700 15px/1.2em 'Open sans', Arial, Helvetica, sans-serif;}
#colPrincipale.diagDetail p,
#colPrincipale.diagDetail h2,
#colPrincipale.diagDetail h3:first-child { margin-top: 0;}
#colPrincipale.diagDetail li { margin-top: 8px; margin-bottom: 8px;}


/*#colPrincipale.diagDetail strong { color: #000;}*/
#colPrincipale.diagDetail .timeline > h2 { margin: 30px 0 ;}
#colPrincipale.diagDetail .timeline { width: 100%; overflow: auto; margin-top:30px;}
#colPrincipale.diagDetail .timeline table { width: 100%; min-width: 400px;}

#colPrincipale.diagDetail .timeline td,
#colPrincipale.diagDetail .timeline th { border: 1px transparent solid; height: 30px;}
#colPrincipale.diagDetail .timeline th {
	background: #555;
	color: #fff;
	text-align: center;
	font-size: 13px;
	vertical-align: center;
	width: 8.33%;
}

#colPrincipale.diagDetail .timeline td { border-bottom: 1px solid #e1e1e1; }
#colPrincipale.diagDetail .timeline td:first-of-type { border-left: 1px solid #e1e1e1; }
#colPrincipale.diagDetail .timeline td:last-of-type { border-right: 1px solid #e1e1e1; }
#colPrincipale.diagDetail .timeline td.couleur,
#colPrincipale.diagDetail .timeline td.couleur0 { background: #fff; }
#colPrincipale.diagDetail .timeline td.couleur1 { background: #fff200; }
#colPrincipale.diagDetail .timeline td.couleur2 { background: #ed1c24; }

#colPrincipale.diagDetail .thumbnails > div {position: relative; float: left; width: 49%; margin-right: 2%; margin-top: 2%;}
#colPrincipale.diagDetail .thumbnails > div:nth-child(even) { margin-right: 0; }
/*#colPrincipale.diagDetail .thumbnails .action {display: none;}*/
	#colPrincipale.diagDetail .thumbnails .action { display: block; cursor: pointer; position: absolute; width: 100%; height: 100%; top:0; left: 0; border: 6px solid transparent; transition: border 0.15s linear 0s;}
#colPrincipale.diagDetail .thumbnails img { width: 100%; }


#colPrincipale.diagDetail .thumbnails a:hover { border: 6px solid #707070; }

#colPrincipale.diagDetail .slider { display: block; position: relative;}
#colPrincipale.diagDetail .slider img { width: 100%; }
#colPrincipale.diagDetail .slider a { position: absolute; top: 0; left: 0; width:100%; height: 100%; transition: border 0.15s linear 0s;}
#colPrincipale.diagDetail .slider a:hover { border: 6px solid #707070; }

#colPrincipale.diagDetail .thumbnails { /*display: none;*/ }

#colPrincipale.diagDetail .titreTimeline,
#colPrincipale.diagDetail .noteTimeline {margin-top: 30px;}
#colPrincipale.diagDetail .noteTimeline .float {float: none;}
#colPrincipale.diagDetail .noteTimeline p,
#colPrincipale.diagDetail .noteTimeline li,
#colPrincipale.diagDetail .noteTimeline h3,
#colPrincipale.diagDetail .noteTimeline h2 {margin-top: 0; margin-bottom:0;}
#colPrincipale.diagDetail .timeline { position: relative;}
#colPrincipale.diagDetail .timeline.scroll .shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 400px;
	height: 100%;
	box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.4);
}





/* 04_100 : Réalisations
--------------------------------------------------------------------------------------- */

.slider-nav-thumbnails .slick-slide { opacity: 0.5; }
.slider-nav-thumbnails .slick-slide.slick-active { opacity: 1; background: green; }

#colPrincipale.realisation .wysiwyg { text-align: center}
#colPrincipale.realisation .wysiwyg .intro { color: #000;}

#colPrincipale.realisation .slider .slide {width: 100%; position: relative; overflow: hidden}
#colPrincipale.realisation .slider .slide .avant,
#colPrincipale.realisation .slider .slide .apres {width: 100%;}

#colPrincipale.realisation .slider .slide .image {position: relative;}

#colPrincipale.realisation .slider .slide .avantApres {
	position: absolute; width: 100%; height: 100%; top: 0; left: 0;
	background: transparent url(../gx/04/separation50.png) no-repeat scroll 50% 50%;
}

/*#colPrincipale.realisation .slider .separation {
	position: absolute;
	width: 700px;
	top:50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}*/

#colPrincipale.realisation .sliderTexte .slide { padding: 10px 25px;}

#colPrincipale.realisation h2 {
	text-align: left;
	font: bold 18px/1.6em 'Open sans', sans-serif;
}

#colPrincipale.realisation .thumbnails > div {float: left; position: relative; width: 48%; margin-right: 2%; margin-bottom: 10px;}

#colPrincipale.realisation .thumbnails .action {cursor: pointer; position: absolute; width: 100%; height: 100%; top:0; left: 0;}

#colPrincipale.realisation .thumbnails img { width: 100%; }
#colPrincipale.realisation .thumbnails .action:hover { border: 6px solid #707070; }

.slick-prev:before, .slick-next:before { content: "" !important;}
.slick-prev, .slick-next {
	width: 32px;
	height: 64px;
	background-size: cover;
	opacity: 0.5;
	font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    --ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
}

#colPrincipale.realisation.gris {
	background: #ebebeb;
	margin-bottom: 0;
}

.slick-prev, .slick-prev:hover, .slick-prev:focus {left: 0; background: transparent url(../gx/m/slide-gauche.png) no-repeat scroll 0 0;}
.slick-next, .slick-next:hover, .slick-next:focus {right: 0; background: transparent url(../gx/m/slide-droite.png) no-repeat scroll 0 0;}
.slick-prev:hover, .slick-next:hover { opacity: 1;}
.slick-prev:hover, .slick-next:hover { opacity: 1;}


.fancybox-overlay, .fancybox-wrap, .fancybox-opened { z-index:10000; }

#colPrincipale.carrousel { margin: 0; padding: 0; max-width: 750px; margin: auto;}
#colPrincipale.carrousel .slick-slide { height: auto;}


/* 05_100 : Recherche spécialistes
--------------------------------------------------------------------------------------- */

body.specialiste main .contenu { padding: 0;}

body.specialiste #colPrincipale { margin: 0 20px;}

body.specialiste #rechercheHaut { width: 100%; min-height: 110px; background:#000; padding: 0 20px; color: #fff; }
body.specialiste #rechercheHaut > div { width: 100%; max-width: 1320px; padding: 20px 0; margin: auto; position: relative;}

body.specialiste #rechercheHaut h2  {
	display: block;
	margin: 0 0 12px 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font: bold 18px/1.2em 'Libre Baskerville', serif;
}
body.specialiste #rechercheHaut h2 span { color: #19a14a}
body.specialiste #rechercheHaut .radio { display: block; }
body.specialiste #rechercheHaut .radio br { display: none;}
body.specialiste #rechercheHaut .radio label { margin-right: 12px; margin-top: 0;}

body.specialiste #rechercheHaut .section1{
	position: relative ;
	width: 100%;
	text-align: center;
}
body.specialiste #rechercheHaut .section2{
	position: relative;
	width: 100%;
	margin-top: 18px;
}

body.specialiste #rechercheHaut button {
    height: 46px;
    background-color: #19a14a;
    font: normal 18px/18px 'Judson';
    color: #fff;
    text-shadow: 1px 1px 5px #146d34;
    text-decoration: none;
    transition: background-color 0.15s linear 0s;
    width: 100%;
    margin-top: 10px;
}

body.specialiste #rechercheHaut .spacer {display: none;}
body.specialiste #rechercheHaut .inputButton { width: 100%; }
body.specialiste #rechercheHaut .inputButton span.customSelect { background-color: #fff;}
body.specialiste #rechercheHaut input[type=text] { margin-bottom: 0;}
body.specialiste #rechercheHaut .customSelect { margin-bottom: -6px;}
body.specialiste .btnRectangle { margin: auto; width: 281px; margin-bottom:40px;}

body.specialiste #colPrincipale .btnRectangle {
	width: 100%;
	height: auto;
	padding: 5px 15px;
	display: block;
	margin-bottom: 10px;
}

body.specialiste #colPrincipale { padding: 0;}

body.specialiste h3 { text-align: left; }
body.specialiste h3 a { color: #000; text-decoration: none;}
body.specialiste h3 a:hover { color: #19a14a; }

body.specialiste .wysiwyg {margin: 20px 0;}
body.specialiste .wysiwyg p {margin: 0;}

body.specialiste .succursale { border: 1px solid #eaeff2; padding: 10px 20px 20px 20px; position: relative; margin-top: 12px;}
body.specialiste .succursale:last-of-type { margin-bottom: 150px;}
body.specialiste .marqueur { display: none;}

body.specialiste .succursale .info { position: relative; width: 100%; margin-bottom: 20px; }

body.specialiste .succursale .coordonnee { width: 100%; }

body.specialiste #aucunResultat { text-align: center; padding: 50px 0; min-height: 500px; }
body.specialiste #aucunResultat h2 { margin-bottom: 2em; }

body.specialiste .carte-bg { display: none; }


/* 05_110 : Succursale Coordonnee
--------------------------------------------------------------------------------------- */

#colPrincipale.succursale .menu { text-align: center; max-width: 750px; margin: 0 auto 20px; }
#colPrincipale.succursale .menu .btnRectangle { display: block; width: 100%; margin: 0 0 10px;}
#colPrincipale.succursale .menu .btnRectangle.noir,
#colPrincipale.succursale .menu .btnRectangle.noir:hover { border-color: #000; background: #000; color: #fff; }

#colPrincipale.succursale .info h3 { text-align: left; margin: 0 0 20px 0; font: 800 22px/1.2em 'Open sans', sans-serif;}
#colPrincipale.succursale .info p {margin: 0; line-height: 1.4em}
#colPrincipale.succursale .info strong { color: #000;}
#colPrincipale.succursale .info > div { margin-bottom: 16px }
#colPrincipale.succursale .info .btnVert {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px 20px 10px;

}
#colPrincipale.succursale .info .facebook {
	display: block;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	margin: 0 auto 10px;
	background: #3b5998 url(../gx/05/facebook.png) no-repeat scroll 50% 50%;
	transition: background-color 0.15s linear 0s;
}
#colPrincipale.succursale .info .facebook:hover { background-color: #5b7ec7; }
#colPrincipale.succursale .slider { width:100%; }
#colPrincipale.succursale .slider img { width: 100%;}
#colPrincipale.succursale .infoGallerie { position: relative; min-height: 1000px;}


#colPrincipale.succursale .infoGallerie.sansGallerie { padding: 20px; text-align: center; }
#colPrincipale.succursale .sansGallerie .info { position: relative; left: 0; top: 0; display:inline-block; text-align: left; width: 350px;}


#colPrincipale.succursale h2 { margin: 50px 0;}

#colPrincipale.succursale .ville { width: 100%; margin-bottom: 50px;}
#colPrincipale.succursale .ville li { line-height: 3em; background-position: 0 14px}

#colPrincipale.succursale hr { margin: 50px 10%; border-top: 3px solid #f5f5f5; }

/*#colPrincipale.succursale .sliderPartenaire { margin: auto; width: 100%;}
#colPrincipale.succursale .sliderPartenaire img { margin: auto; }

.limiteSlider { width: 100%; display: block; position: relative;}

#colPrincipale.succursale .sliderPartenaire.nbreSlide2 { max-width: 212px }

#colPrincipale.succursale .sliderPartenaire.nbreSlide2 { max-width: 425px }
#colPrincipale.succursale .sliderPartenaire.nbreSlide2 .slick-track { min-width: 425px }
#colPrincipale.succursale .sliderPartenaire.nbreSlide2 .slick-slide { min-width: 212px }

#colPrincipale.succursale .sliderPartenaire.nbreSlide3 { max-width: 640px }
#colPrincipale.succursale .sliderPartenaire.nbreSlide3 .slick-track { min-width: 640px }
#colPrincipale.succursale .sliderPartenaire.nbreSlide3 .slick-slide { min-width: 212px }*/

#colPrincipale.succursale .sliderPartenaire  { text-align: center; }
#colPrincipale.succursale .sliderPartenaire .slide { display: inline-block; margin-bottom: 20px;}

#formContact button.btnVert { height: 48px; }




/* 05_120 : Succursale Services
--------------------------------------------------------------------------------------- */

#colPrincipale.succursale .conteneur { text-align: left;}

#colPrincipale.succursale .colonne h3 { text-align: left; }
#colPrincipale.succursale .colonne li { margin: 10px 0 10px 12px;}
#colPrincipale.succursale .colonne ul ul li { margin: 0 0 0 12px; line-height: 1.35em}

#colPrincipale.succursale .colonne {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 30px;
	padding-right: 20px;
}


#colPrincipale.succursale .programme {
	display: block;
	position: relative;
	margin: 20px 0 30px;
	width: 100%;
	min-height: 180px;
	background: transparent url(../gx/05/programme.jpg) no-repeat scroll 50% 50%;
	background-size: cover;
	font: bold 20px/1.2em 'Libre Baskerville', serif;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

#colPrincipale.succursale .programme div {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: background-color 0.15s linear 0s;
}

#colPrincipale.succursale .programme:hover div { background: rgba(0,0,0,0.5) }

#colPrincipale.succursale .programme span {
	position: absolute;
	display: block;
	top:50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#colPrincipale.succursale .programmeAnnuel { text-align: center; }
#colPrincipale.succursale .programmeAnnuel .btnVert { max-width: 264px; margin: auto; }
#colPrincipale.succursale .programmeAnnuel p { max-width: 880px; margin: 30px auto;}

/* 05_130 : Succursale À propos
--------------------------------------------------------------------------------------- */

#colPrincipale.succursale.apropos .slider { position: relative; -ms-transform: none; -webkti-transform: none; transform: none; max-width: 900px; margin: auto; }
#colPrincipale.succursale.apropos .histoire { text-align: center; max-width: 900px; margin: 30px auto;}



/* 07_100 : FAQ
--------------------------------------------------------------------------------------- */

#colPrincipale.faq h2 {font: 25px/1.2em 'Libre Baskerville', serif;}
#colPrincipale.faq hr { max-width: 960px; margin: auto; }
#colPrincipale.faq .listeQuestion { max-width: 960px; margin: 30px auto; padding-left: 13px; font-size: 13px; }
#colPrincipale.faq .listeQuestion li { color: #19a14a; font-weight: bold; margin: 10px 0;}
#colPrincipale.faq .listeQuestion li a { color: #000; text-decoration: none; }
#colPrincipale.faq .listeQuestion li a:hover { color: #19a14a; }

#colPrincipale.faq .rCircle,
#colPrincipale.faq .numberCircle {
	text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding-top: 14px;
    background: #000;
    color: #fff;
    text-align: center;
    font: 800 20px/20px 'Open sans', sans-serif;
    float: none;
}

#colPrincipale.faq .rCircle {
	font: 800 16px/16px 'Open sans', sans-serif;
    width: 30px;
    height: 30px;
    background: #19a14a;
    padding-top: 6px;
    margin-left: 20px;
    margin-bottom: 4px;
}

#colPrincipale.faq dl { max-width: 960px; margin: auto;}
#colPrincipale.faq dt .question { font-weight: bold; padding: 12px 0 0 20px; /*margin-bottom: 20px;*/}
#colPrincipale.faq dd { margin-top: 10px; }
#colPrincipale.faq dd .reponse { padding: 2px 0 0 20px; }

#colPrincipale.faq dd .haut {display: block; text-align: right; margin-top: -16px; margin-bottom: 70px;}
#colPrincipale.faq dd .haut a {
	background: transparent url(../gx/07/haut.png) no-repeat scroll 0 2px;
	padding: 0 0 0 20px;
}



/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contactInfos{ }
#contactForm { max-width: 820px; margin: auto;}
#contactForm form { text-align: left;}
#contactForm h2 { font: 700 22px/1.2em 'Open sans', sans-serif; }
#contactForm p { max-width: 750px; text-align: center; }
#contactForm label { text-transform: uppercase; }

#formContact .btnVert { border-radius: 0; width: 100%; }



/* Responsive Google Maps */
/*
#carte{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin:2em 0; }
#carte iframe, #carte object, #carte embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/
#carte, #carte figure { width: 100%; height: 300px; };

body.nousJoindre main > .contenu { padding: 0; }
body.nousJoindre #colPrincipale { margin: 0 20px;}
body.nousJoindre .contenu #chercheSpecialiste {display:block; margin: 0;}
body.nousJoindre #colPrincipale p { text-align: center;}
body.nousJoindre .ville { margin-top: 30px; margin-left: 15%;}

body.nousJoindre #colPrincipale.franchiseur {
	padding-top: 40px;
	margin-bottom: 182px;
	display: flex;
	justify-content: center;
}
body.nousJoindre #colPrincipale.franchiseur h2 { margin-top: 0; margin-bottom: 40px;}
body.nousJoindre .franchiseur .boite {
	position: relative;
	text-align: left;
	background: #ebebeb;
	padding: 35px 60px;
}
body.nousJoindre #colPrincipale.franchiseur h3,
body.nousJoindre #colPrincipale.franchiseur p { text-align: left; }
body.nousJoindre .franchiseur .carte-bg { position: relative; width: 100%; height: 300px; top: 0; right: 0;}
body.nousJoindre .franchiseur .carte-bg #carte,
body.nousJoindre .franchiseur .carte-bg #carte figure  { width: 100%; height: 100%;}


.googleMapInfoWindow a {text-decoration: none; color: #555;}
.googleMapInfoWindow a:hover {text-decoration: none; color: #19a14a;}

.ville li {list-style: none;padding: 0 0 0 20px;background: transparent url(../gx/marqueur/1/ville.png) no-repeat scroll 0 5px; }
.ville li a { display: inline-block; text-decoration: none; color: #555;}
.ville li a:hover {color: #19a14a;}

.sectionVideo{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-bottom: 50px !important;
	flex-wrap: wrap;
}

.sectionVideo div{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	margin-bottom: 65px;
}
.sectionVideo h3{
	bottom: -42px;
  position: absolute;
  width: 100%;
}

.sectionVideo iframe{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 540px) {
	.sectionVideo{
		flex-direction: row;
	}
	.sectionVideo div{
		width: 48%;
		padding-top: 30.25%;
	}
}


/*
	Page programme annuel
	--------------------------------------------------------------------------------------- */
	.icon {display: inline-block;width: 1em;height: 1em;stroke-width: 0;stroke: currentColor;fill: currentColor;}

	.layout{max-width: 80%;margin: auto;}
	.pageProgramme{margin-bottom:252px;}

	.pageProgramme, .pageProgramme p, .pageProgramme h2, .pageProgramme h3{font-family: 'Inter';line-height: 1.2;}
	.pageProgramme h2{font-size: 34px;margin: 0;text-align: left;line-height: 1;}
	.pageProgramme .subTitle{font-size: 20px;margin-bottom:10px;font-weight: 500;}

	.pageProgramme #colPrincipale{background: transparent;padding: 0px;margin-bottom: 80px;}
	.pageProgramme header{display: flex;gap: 20px;flex-direction: column;align-items: center;}

	.pageProgramme #colPrincipale .blocEtapes{background-color: #019C41;color: #fff;border-radius: 40px;}
	.blocEtapes header,.blocEtapes .introduction{max-width: 830px;margin: auto;margin-bottom: 25px;}
	.blocEtapes .introduction{text-align: center;}
	.boutonPale{display: inline-block;margin: auto;position: relative;background-color: #68D000;color: #fff;font: normal 17px / 17px 'Judson';text-align: center;text-decoration: none;padding: 10px 20px;}
	.boutonPale:hover{background: #fff;color:#68D000;}

	.blocEtapes header h2{font-size: 34px;line-height: 38px;color: #fff;text-align: center;}
	.blocEtapes .contenu{padding: 40px;}
	.blocEtapes .etapes{background: #68D000;}
	.blocEtapes .etapes .header{padding: 20px;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.3);margin-bottom: 20px;}
	.blocEtapes .etapes .header h2{font-size: 32px;color: #fff;margin-bottom:20px;}
	.blocEtapes .etapes .header p{font-size: 20px;}


	#calendrier{background:#fff;}
	.blocEtapes .accordeonEtapes{display: flex;padding: 0 30px;align-items:center;gap: 10px;flex-direction: column;cursor: pointer;}
	.blocEtapes .accordeonEtapes .texte p{max-width: 600px;font-size: 16px;line-height: 1.2;color: #019C41;margin-bottom: 0;}
	.blocEtapes .accordeonEtapes h3{color: #019C41;text-align: left;font-weight: 500;font-size: 26px;margin: 0px 0 20px;line-height: 1;}
	.blocEtapes .accordeonEtapes .accordeon__header{flex: 1;}
	.blocEtapes .accordeonEtapes:nth-child(1){background: rgba(104, 208, 0, 1);}
	.blocEtapes .accordeonEtapes:nth-child(2){background: rgba(104, 208, 0, 0.75);}
	.blocEtapes .accordeonEtapes:nth-child(3){background: rgba(104, 208, 0, 0.6);}
	.blocEtapes .accordeonEtapes:nth-child(4){background: rgba(104, 208, 0, 0.45);}
	.blocEtapes .accordeonEtapes:nth-child(5){background: rgba(104, 208, 0, 0.3);border-radius: 0 0 40px 40px;}

	.blocEtapes .accordeonEtapes img,.blocEtapes .accordeonEtapes .texte{display: none;}
	.blocEtapes .accordeonEtapes .chiffre{content: "";background-color: #019C41;display: flex;color: #fff; font-size:26px;font-weight: 600;width: 45px;height: 45px;align-items: center;justify-content: center;border-radius: 80px;margin: auto;}
	.blocEtapes .accordeonEtapes .boiteChiffre{position: relative;display: inline-block;min-width: 130px;}

	.blocEtapes .accordeonEtapes:last-child .boiteChiffre::after{display: none;}
	.blocEtapes .accordeonEtapes.actif .chiffre{width: 100px;height: 100px;font-size: 60px;font-weight: 700;border:4px solid #fff;}
	.blocEtapes .accordeonEtapes.actif img,.blocEtapes .accordeonEtapes.actif .texte{display: block;}
	.blocEtapes .accordeonEtapes.actif h3{font-weight: bold;font-size: 32px;}
	.blocEtapes .accordeonEtapes.actif .accordeon__header{ margin: 10px 0 40px;}

	.ctaProgramme{display: flex;flex-direction: column;margin-top: 80px;}
	.ctaProgramme > div{display: flex;flex-direction: column;align-items: center;margin-bottom:30px;}

	.ctaProgramme img{max-width: 100%;max-height: 100%;}
	.pageProgramme h4{font-weight: 700;font-size: 24px;color: #fff;line-height: 1;align-self: baseline;}

	.imageContenu{display:flex;flex-direction:column;margin: 80px auto 40px;}
	.imageContenu h2,.imageContenu h3,.imageContenu h4{color: #000;margin-bottom:20px;text-align: left;}
	.imageContenu h2{margin-top:40px;}
	.imageContenu h3{font-size:22px;}
	.soustitre1,.soustitre2{color: #fff; padding: 2px 10px; border-radius: 10px; width: fit-content;font-family: Arial, sans-serif;font-size: 30px;font-weight: bold;margin-bottom: 15px;}
	.soustitre1{background-color:#019C41;}
	.soustitre2{background-color:#68D000;}
	.imageContenu figure img{width: 100%;border-radius: 20px;}

	.accordeon {border-bottom:2px solid #f8f8f8;cursor: pointer;padding: 0 0 5px 0px;}
	.accordeon .accordeon__header {padding: 20px 0px 15px;}
	.accordeon .accordeon__header-inner{display: flex;justify-content: space-between;align-items: center;}
	.accordeon .accordeon__title{font-size: 18px;}
	.accordeon .accordeon__icon {display: flex;margin-left:15px;}
	.accordeon .accordeon__icon .icon{font-size: 20px;transform: rotate(-90deg);color: rgba(55, 55, 55, 0.5);}
	.block-accordeon__content{margin: 20px 0px;}
	.accordeon .accordeon__content p{font-size: 16px;margin-bottom: 15px;color: #019C41;}
	.accordeon[open] .accordeon__icon .icon{transform: rotate(90deg);color:#68D000;}
	.accordeon[open] {background-color: #F0FAE5;}
	.accordeon[open] .accordeon__title{color:#019C41;font-weight: bold;}

	.box {position: relative;height: 100px;background: #68D000;}
	.box::after {content: "";position: absolute;top: -1px;left: 0;width: 100%;height: 80px;background: #019C41;clip-path: polygon(0 0, 50% 100%, 100% 0);}

	@media only screen and (min-width: 880px) {
		.layout{max-width: 1200px;}
		.pageProgramme h2{font-size: 50px;}
		.pageProgramme .subTitle{font-size: 24px;}
		.pageProgramme header{gap:40px;flex-direction: row;align-items: flex-start;}

		.ctaProgramme {flex-direction: row;}
		.ctaProgramme figure{height: 150px;display: flex;align-items: center;}
		.ctaProgramme > div{padding: 0px 30px;margin-bottom:0px;flex: 1;}
		.ctaProgramme > div:not(:last-child) {border-right: 2px solid rgba(255, 255, 255, 0.3);}

		.pageProgramme #colPrincipale .blocEtapes{border-radius: 80px 80px 40px 40px;margin-top:80px;}
		.blocEtapes .etapes .header{padding: 20px 90px;}
		.blocEtapes .etapes .header h2{font-size: 42px;}
		.blocEtapes .etapes .header p{font-size: 22px;}
		.blocEtapes .accordeonEtapes h3{margin: 30px 0;}
		.blocEtapes .accordeonEtapes figure{width: 200px;align-self: flex-end;}
		.blocEtapes .accordeonEtapes{padding: 0 40px;align-items:center;gap: 40px;flex-direction: row;}
		.blocEtapes .accordeonEtapes .boiteChiffre::after{content: "";background-color: #fff;width: 9px;height: 100%;display: block;position: absolute;max-height: 100px;left: 50%;  transform: translateX(-50%);}
		.blocEtapes header h2{font-size: 38px;line-height: 50px;text-align: left;}
		.blocEtapes .contenu{padding: 60px 40px;}
		.blocEtapes .accordeonEtapes .boiteChiffre{padding:20px 0;}
		.blocEtapes .accordeonEtapes.actif h3{font-size: 38px;}
		.blocEtapes .accordeonEtapes.actif .chiffre{width: 130px;height: 130px;font-size: 90px;border:6px solid #fff;}
		.blocEtapes .accordeonEtapes.actif .accordeon__header{ margin: 0px;}

		.imageContenu{flex-direction:row;margin: 180px auto 100px auto;gap: 40px;}
		.imageContenu figure{width: 50%;margin-bottom:0px;}
		.imageContenu > div{width: 50%; flex: 1;}

		.block-accordeon__content{margin: 40px 0px;}

		.accordeon {padding: 0 0 15px 0px;}
		.accordeon .accordeon__header {padding: 30px 0px 15px;}
		.accordeon .accordeon__title{font-size: 24px;}
		.accordeon .accordeon__icon .icon{font-size: 26px;}
		.accordeon .accordeon__content p{font-size: 16px;margin-right: 100px;}
	}

	@media only screen and (min-width: 1250px) {
	.ctaProgramme > div{padding: 0px 50px;}
	.blocEtapes .contenu{padding: 60px 90px;}
	}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
#piedPage{ background: #000; color: #fff; padding: 25px 20px; text-align: center; font-size: 15px;}
#piedPage a { color: #fff; text-decoration: none; }
#piedPage ul { display: inline-block; text-align: center; }
#piedPage li { display: inline-block; padding: 0 12px; list-style: none; margin-top: 10px;}
#piedPage .copyrights li:nth-of-type(2) { border-right: 1px solid #fff; }

.referencement{ font-size:11px; }

.lienPartager{ float:right; }
.copyrights a:hover{ text-decoration:underline; }
.signatureVortex{ white-space: nowrap; }

/*#piedPage .sousMenu li:first-of-type { border-right: 1px solid #fff; list-style: none; }*/
#piedPage .sousMenu li { border-right: 1px solid #fff; list-style: none; }
#piedPage .sousMenu li:nth-of-type(2) { border-right: none; }
#piedPage .sousMenu li:nth-of-type(3) { border-right: none; }
#piedPage .sousMenu li:last-of-type { border-right: none; }


/* Menu pied de page
--------------------------------------------------------------------------------------- */
#menuPied{}
#menuPied li{ display:inline-block; }
#menuPied a{ padding:0 5px; }
#menuPied a:first-child{ padding-left:0; }




/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

/* Styles pour appareils haute resolution */
@media (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* Mobile portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 330px) {
	#piedPage .sousMenu li:nth-of-type(2) { border-right: 1px solid #fff; }
	#piedPage br.separation2 { display: none;}
}

@media only screen and (min-width: 400px) {
	#colPrincipale.faq .rCircle,
	#colPrincipale.faq .numberCircle {float: left;}
	#colPrincipale.faq dt .question { padding: 12px 0 0 80px;}
	#colPrincipale.faq dd .reponse { padding: 2px 0 0 80px;}
	#colPrincipale.realisation .thumbnails > div {width: 32%; margin-right: 1%; margin-bottom: 8px;}
	body.accueil .article { height: 430px;}
	body.accueil .article .section { height: 210px; }
	body.accueil .article .section h2 { font-size: 35px; margin: 20px 0 16px; }
	body.accueil .article .section h3 br { display: none; }
	body.accueil .article .nouvelle { height: 140px; bottom: 65px; }
	body.accueil .article .nouvelle h2 {font-size: 18px;}
	#colPrincipale.succursale .info .btnVert { display: inline-block; width: auto; padding: 10px 20px 0; height: 48px;}
	#colPrincipale.succursale .info .facebook { display: inline-block; margin-bottom: 0; }
	#formContact .btnVert { width: 180px; float: right; }
}



@media only screen and (min-width: 450px) {
	body.specialiste #colPrincipale .btnVert,
	body.specialiste #colPrincipale .btnRectangle { display: inline-block; margin: 0 6px 0 0; width: auto; margin: 0; }
	body.specialiste .succursale .ville {  width: 100%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
}


/* Mobile paysage
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
	body.nousJoindre .ville { margin-left: 0; margin-top: 60px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	body.specialiste #rechercheHaut .inputButton { padding-right: 156px; }
	body.specialiste #rechercheHaut button { position: absolute; width: 146px; margin-left: 10px; top: 0; right: 0; margin-top: 0;}
	#colPrincipale.succursale .infoGallerie { background: #ebebeb; }
	#colPrincipale.succursale .info { padding: 40px;}

	#listeNouvelle.suivant article figure { float: left; }
	#listeNouvelle.suivant .nouvTexte { margin-left: 210px; text-align: left;}
	#listeNouvelle.suivant .nouvTexte h2 { text-align: left; }

}


@media only screen and (min-width: 540px) {
	body.accueil h1 {font-size: 50px;padding: 50px 0 0 0;}
	body.accueil .drapeau {	height: 390px; background-position: -200px -230px; }
}

@media only screen and (min-width: 580px) {
	h1 {font: bold 35px/1.2em 'Libre Baskerville', serif; padding: 100px 0 66px; margin-bottom: 40px;}
	h2{ font: bold 35px/1.2em 'Libre Baskerville', serif;}
	#colPrincipale.programme #tache div { max-width: 33%; font-size: 15px; line-height: 1.6em }
	#colPrincipale.programme #tache div:nth-of-type(4) { clear: both; }
	#colPrincipale.programme #calendrier { background-position: 50% 50%; margin-bottom:50px; }
	#colPrincipale.programme #calendrier h2 { text-align: center; }
	#colPrincipale.programme #calendrier .photo { width: 50%; float: right; text-align: left; padding: 40px 0 50px 60px; }
	#colPrincipale.programme #calendrier .texte { width: 50%; float: left; text-align: right; padding: 40px 60px 50px 0; }
	#colPrincipale.programme #calendrier > div.inverse .photo { float: left; text-align: right; padding: 40px 60px 50px 0; }
	#colPrincipale.programme #calendrier > div.inverse .texte { float: right; text-align: left; padding: 40px 0 50px 60px; }
	#colPrincipale.programme #calendrier .texte h3 { text-align: inherit; font: bold 18px/1.6em 'Open sans'; margin: 0 0 20px;}
	#chercheSpecialiste .boiteRecherche {padding: 30px 20px;}
	#colPrincipale.faq h2 {font: 35px/1.2em 'Libre Baskerville', serif;}
	#colPrincipale.faq .listeQuestion { max-width: 960px; margin: 80px auto 60px; padding-left: 16px; font-size: 16px; }
	#colPrincipale.realisation .slider .separation { width: 1220px;}
	#colPrincipale.realisation .slider .slide .avantApres { background: transparent url(../gx/04/separation.png) no-repeat scroll 50% 50%; }
	.cta { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%;}
	body.accueil .programme { float: left; width: 49.5%; margin-right: 1.5%; background-position: top center;height: 550px;}
	body.accueil .programme .texte { top: 35px; -ms-transform: none; -webkit-transform: none; transform: none;}
	body.accueil .programme .texte p { display: inline;}
	body.accueil .pelouse { padding: 40px 20px;}
	body.accueil .pelouse .texte > div { margin: 40px auto 10px; }
	body.accueil .pelouse h2{ font-size: 35px; padding: 0 0 50px; }

	#colPrincipale.diagDetail .slider { display: block; }
	#colPrincipale.diagDetail .slider a { display: block; }
	#colPrincipale.diagDetail .noteTimeline .float {width: 50%; padding-right: 10px; float: left;}
	#colPrincipale.diagDetail .thumbnails { display: block; }
	#colPrincipale.diagDetail .thumbnails .action.active { border: 6px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.4);}
	#colPrincipale.diagDetail .thumbnails > div {float: left; position: relative; width: 49%;}
	#colPrincipale.diagDetail .thumbnails > div:nth-child(even) {margin-right: 0;}

	#colPrincipale.diagDetail #sideBar { padding: 50px;}
	#colPrincipale.diagDetail { overflow: hidden; padding: 20px }
	#colPrincipale.diagDetail .incTinyMce { padding: 0; }
	#colPrincipale.diagnostic .item { display: inline-block; width: 47%; margin-right: 1.5%; }
	#colPrincipale.diagnostic .menu a { float: left; width: 48%; margin-right: 1%; margin-bottom: 1%;}
	#colPrincipale.diagnostic h2 { font-size: 35px; margin: 60px 0;}
	#colPrincipale.diagnostic .groupItem { padding-bottom: 60px; }
	body.specialiste .succursale { padding: 30px 20px 30px 100px; }
	body.specialiste .marqueur { display: block; position: absolute; left: 30px; top: 30px; float: none; margin: 0;}
	#colPrincipale.succursale .ville { width: 100%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	#colPrincipale.succursale .menu .btnRectangle { display: inline-block; width: 30%; margin: 0 3px; }
	#colPrincipale.succursale .programme { min-height: 398px; }
	#colPrincipale.succursale .programme { font: bold 26px/1.2em 'Libre Baskerville', serif; }
	#colPrincipale.succursale .colonne {width: 49%;}
	#colPrincipale.succursale.apropos h2 { margin: 70px 0; }
	#colPrincipale.succursale.apropos .histoire { margin: 70px auto;}
	#detailNouvelle hr{ margin: 44px 0;}
	#colPrincipale.programme #calendrier .texte img { width: 40px; }
}

@media only screen and (min-width: 690px) {
	#colPrincipale.nouvelle article figure {float: left;}
	#listeNouvelle .nouvTexte{ margin-left: 320px; }
	.nouvTexte header .separateur { display: inline; }
	.nouvTexte header time { display: inline; }
	#sideBarNouvelle .trouver,
	#sideBarNouvelle .filtrer { width: 36%; margin-right: 2%; float: left;}
	#sideBarNouvelle button { width: 22%; float: left; margin-top: 35px;}
	#listeNouvelle li{ margin-bottom:40px; padding-bottom:40px; }
	body.accueil .programme { font-size: 15px; margin-bottom: 36px;}
	#colPrincipale.diagnostic .item { width: 32%; margin-right: 0.75%; padding-bottom: 30px; }
	#colPrincipale.diagnostic .item:nth-of-type(3) {margin-right: 0;}
	body.nousJoindre .franchiseur .carte-bg { position: absolute; width: 50%; height: 300px; top: 0; right: 0;}

	body.specialiste #rechercheHaut .section1{ width: 90%; text-align: left; }
	body.specialiste #rechercheHaut h2  { display: inline; text-align: left; margin: 0;}
	body.specialiste #rechercheHaut .radio { float: right;}

	.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: 690px) {

}

@media only screen and (min-width: 756px) {
	#chercheSpecialiste .boiteRecherche {max-width: 1000px; height: 108px;}
	#chercheSpecialiste .boiteRecherche .radio { float: left; display: block; width: 16%; min-width: 125px; text-align: left; margin-top: -16px;}
	#chercheSpecialiste .boiteRecherche .inputButton { position: relative; float: left; width: 58%; padding-right: 156px;}
	#chercheSpecialiste .boiteRecherche .liste { float: right; display: block; width: 22%; text-align: center;}
	#chercheSpecialiste .boiteRecherche .radio br { display: inline; }
	#chercheSpecialiste button { position: absolute; top: 0; right: 0; margin: 0; width: 146px; margin-left: 10px;}

	#chercheSpecialiste .inputButton span.customSelect { background-color: #fff; margin: 0 0 -10px 0;}

	#colPrincipale.faq dt .question { padding: 12px 0 0 80px; margin-bottom: 20px;}
	#colPrincipale.faq dd .reponse { padding: 2px 0 0 120px;}

	#colPrincipale.faq .rCircle { margin-left: 80px; }

	body.accueil .drapeau { background-position: bottom center; background-size: auto 100%; height: 468px; }
	body.specialiste .succursale .ville {  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}

}

/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	#piedPage .sousMenu li { border-right: 1px solid #fff; list-style: none;}
	#piedPage .sousMenu li:nth-of-type(3) { border-right: 1px solid #fff;}
	#piedPage .sousMenu li:last-of-type { border-right: none; }
	#piedPage br.separation1 { display: none;}

	#colPrincipale{padding: 50px 20px 20px;}
	#colPrincipale.realisation .thumbnails > div {width: 24%; margin-right: 1%; margin-bottom: 10px;}
	#colPrincipale.succursale .menu { margin: 0 auto 50px; }
}



/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */



@media only screen and (min-width: 800px) {
	#chercheSpecialiste .boiteRecherche .inputButton { width: 60%;}
	body.accueil .pelouse img { width: 50%; position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	body.accueil .pelouse .texte { width: 50%; padding: 0 20px; float: right;}
	body.accueil .pelouse .texte > div { margin: auto; max-width: 480px; }
	#colPrincipale.succursale .ville { width: 100%; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
	body.specialiste .carte-bg { display: block; }

	main {padding-top: 120px;}
	#chercheSpecialiste h2  {font: bold 35px/1.2em 'Libre Baskerville', serif; padding: 0 0 50px; margin-bottom: 40px;}
	#entete { height: 120px; border: 0;}
	#entete .fondDynamique { height: 120px;}
	#iconeMenu { position: relative; top: 35px; padding: 15px 0; width: 24px; }
	#entete #joindreSpecialisteBtn,
	#entete #joindreSpecialiste { position: absolute; top: 36px; right: 0; }
	#joindreSpecialisteBtn { width: 274px; height: 48px; border: none; background-image: none; background-color: #19a14a; transition: background-color 0.15s linear 0s;}
	#joindreSpecialisteBtn span { display: inline; }
	#joindreSpecialisteBtn:hover { background-image: none; background-color: #48c44b; border: none;}
	#logo{ position:absolute; top:17px; left:50px; display:block; width: 166px; padding: 0; z-index:20;}
	#menuMobile { top: 120px; }
	#colPrincipale.programme #calendrier .texte img { width: 48px; }
}

@media only screen and (min-width: 880px) {
	body.accueil .service h3 br { display: none;}
	body.nousJoindre .ville { margin-top: 60px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
	body.specialiste #rechercheHaut .section1{ position: absolute ; width: 50%; left: 0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	body.specialiste #rechercheHaut .section2{ height: 110px; margin-top: 0;}
	body.specialiste #rechercheHaut > div { padding: 0 0 0 370px; height: 110px;}
	body.specialiste #rechercheHaut h2  { display: block; }
	body.specialiste #rechercheHaut .radio { display: block; float: none; }
	body.specialiste #rechercheHaut .inputButton { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	body.specialiste .succursale .coordonnee { width: 40%; float: left; }
	body.specialiste .succursale .ville {  width: 60%; float: left; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}

}

@media only screen and (min-width: 960px) {
	body.accueil .programme .texte { padding-bottom: 400px; bottom: 0; top: auto; }
	body.accueil .programme h2 { margin-top: 14px; font: bold 35px/35px 'Libre Baskerville', serif; padding-bottom: 58px;}
	body.accueil .nouvelle > div { padding: 40px 20px; }
	#colPrincipale.succursale .colonne {width: 33%;}
}

/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1000px) {
	body.accueil .programme { background-size: cover;height: 825px;}
	#colPrincipale{padding: 50px;}
	#colPrincipale.programme #tache div { max-width: 16.5% }
	#colPrincipale.programme #tache div:nth-of-type(4) { clear: none; }
	#chercheSpecialiste .boiteRecherche .radio { text-align: center;  width: 25%;  margin-top: 0;}
	#chercheSpecialiste .boiteRecherche .inputButton { width: 52%; }
	#chercheSpecialiste .boiteRecherche .radio br { display: none; }

	#colPrincipale.nouvelle { padding: 50px 390px 50px 50px; }
	#colPrincipale.nouvelle #liste { padding: 0; margin: 0; }

	#sideBarNouvelle {position: absolute; top: 0; right: 0; width: 320px; padding: 40px;}

	#sideBarNouvelle #recherche span.customSelect,
	#sideBarNouvelle #recherche .trouver {float: none; width: 100%;}
	#sideBarNouvelle #recherche .filtrer {display: none; float: none;}
	#sideBarNouvelle .filtre {display: block;}
	#sideBarNouvelle button{ float: none; margin: 0; width: 100%;}

	body.accueil #entete .fondDynamique { display:block; height: 1px; margin-top: -1px;}
	body.accueil #entete .fondDynamique.haut { display: block; height: 120px; }
	body.accueil main { padding-top: 0; }
	body.accueil .drapeau { height: 657px; /*background-size: 75%;*/}
	body.accueil h1 { padding: 208px 0 0 0; font-size: 61px; }

	body.accueil .article { float: left; width: 32%; margin-right: 2%; }
	body.accueil .article:nth-of-type(3) { margin-right: 0; }
	body.accueil .article .section { height: 190px; }
	body.accueil .article .nouvelle { height: 185px; bottom: 40px; }

	#colPrincipale.diagDetail { padding: 50px 54% 50px 50px}
	#colPrincipale.diagDetail #sideBar { position: absolute; top: 0; right: 0; width: 50%; }

	#colPrincipale.diagnostic .item { width: 23.75%; margin-right: 0.75%; }
	#colPrincipale.diagnostic .item:nth-of-type(2) {margin-right: 0.75%;}
	#colPrincipale.diagnostic .item:nth-of-type(3) {margin-right: 0.75%;}
	#colPrincipale.diagnostic .item:nth-of-type(4) {margin-right: 0;}
	#colPrincipale.diagnostic .menu a { display: inline-block; width: 23.75%; margin-right: 1%; float: none;}

	body.nousJoindre .franchiseur .carte-bg { width: 66%;}

	#colPrincipale.succursale .slider { position: absolute; width:100%; max-height: 100%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	#colPrincipale.succursale .infoGallerie { padding: 0 0 0 480px; }
	#colPrincipale.succursale .sliderConteneur { position: relative; width: 100%; height: 100%; overflow: hidden;}
	#colPrincipale.succursale .info { position: absolute; width: 400px; top: 40px; left: 50px; padding: 0;}
}

@media only screen and (min-width: 1040px) {
	#menu{ padding: 0 285px 0 215px; display: block;}
	#entete #joindreSpecialiste {right: 0;}
	#entete #joindreSpecialisteBtn {right: 0;}
	#logo{ top:17px;left:50px; width: 166px;}
	#joindreSpecialiste { right: 0; }
	#joindreSpecialisteBtn { right: 0; }
	#entete {height:120px}
}

@media only screen and (min-width: 1070px) {
	#colPrincipale.diagDetail #sideBar { padding: 50px; }
	#carte, #carte figure { width: 100%; height: 500px; }
	#menuMobile li a:hover { background-color: #19a14a; }
}

@media only screen and (min-width: 1025px) {
	#joindreSpecialiste {display: block;}
	#joindreSpecialisteBtn {display: none;}
}

@media only screen and (min-width: 1100px) {
	#colPrincipale.succursale .ville { width: 100%; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
}

@media only screen and (min-width: 1110px) {
	body.accueil .pelouse .texte { left:50%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; }
	body.accueil .pelouse img { position: relative; left: auto; top: auto; float:left; width: 50%; -ms-transform: none; -webkit-transform: none; transform: none;}
}

@media only screen and (min-width: 1160px) {
	#menuMobile ul {margin-top: 34px;}
	#menu{ padding: 0 290px 0 330px;}
	#logo{ top:12px; left:50px; width: 263px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
	#logo.scroll { top: 17px; left: 50px; width: 166px; }
	body.nousJoindre .ville { margin-top: 60px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
	body.specialiste #rechercheHaut .radio {display: block; float: right; width: 40%; text-align: center;}
	body.specialiste #rechercheHaut h2  { display: inline; }
	body.specialiste #rechercheHaut .section2{ position: absolute; width: 50%; height: auto; left:50%; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	body.specialiste #rechercheHaut > div { padding: 0; }
	body.specialiste #rechercheHaut .inputButton { position: relative; -ms-transform: none; -webkit-transform: none; transform: none; top: auto; }
	body.specialiste .succursale .coordonnee { width: 33%; float: left; }
body.specialiste .succursale .ville {  width: 66%; float: left; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}

}

@media only screen and (min-width: 1250px) {
	#menu {padding: 0 280px 0 300px;}
	#menu .premier {padding-left: 82px;}
	#menu .dernier {padding-right: 82px;}

}

@media only screen and (min-width: 1320px) {
	body.nousJoindre #colPrincipale,
	body.specialiste #colPrincipale { margin: 0 auto;}
	#colPrincipale.diagDetail { padding-right: 712px;}

}


a[data-cc="c-settings"]{
	cursor: pointer;
}