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

@font-face {
	font-family: 'guifx';
	src: url('../font/guifx_v2_transports-webfont.eot');
	src: url('../font/guifx_v2_transports-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/guifx_v2_transports-webfont.woff2') format('woff2'),
		 url('../font/guifx_v2_transports-webfont.woff') format('woff'),
		 url('../font/guifx_v2_transports-webfont.ttf') format('truetype'),
		 url('../font/guifx_v2_transports-webfont.svg#guifx_v2_transportsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

[class^="icon-"]:before, [class*=" icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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


/* Body et HTML
--------------------------------------------------------------------------------------- */
body{
	background:#fff;
	font:14px/18px Roboto, Arial, Helvetica;
	color:#3e403f;
	overflow-x: hidden;
}


/* Conteneurs
--------------------------------------------------------------------------------------- */
.conteneur{
	position:relative;
	max-width:1074px;
	margin:0 auto;
}

.conteneurHeader{ position:relative; max-width:1300px; margin:0 auto;}

.conteneurHaut{ background: #FFF; border-bottom: 1px solid #e6e7e8; position: fixed; width: 100%; z-index: 1;}
.headerPlaceholder{ height: 185px;}

.conteneurMenuSec{ border-bottom: 1px solid #e6e7e8; min-height: 72px; }
.conteneurMenu{ min-height: 111px;}

main{
	min-height:500px;
}


/* Titres
--------------------------------------------------------------------------------------- */
h1, .h1{ margin-bottom:0.5em; font:bold 28px/1.1 Roboto, Arial, Helvetica; color:#3e403f; }
h2, .h2{ margin:1em 0 0.5em 0; font:bold 20px/1.1 Roboto, Arial, Helvetica; color:#3e403f; text-transform: uppercase; }
h3, .h3{ margin:1em 0 0.5em 0; font:bold 19px/1.1 Roboto, Arial, Helvetica; color:#3e403f; text-transform: none;}
h4, .h4{ margin:1em 0 0.5em 0; font:bold 16px/1.1 Roboto, Arial, Helvetica; color:#3e403f; }

.h1, .h2, .h3, .h4{ display: block;}


/* Hyperliens
--------------------------------------------------------------------------------------- */
a{
	color:#168ea0;
	text-decoration:none;
	-webkit-transition: color 0.15s linear 0s;
	transition: color 0.15s linear 0s;
}
a:hover, a:focus, a:active{ color:#333; outline:none; }

/* Couleurs */
.grisPale{ color: #e6e7e8;}
.turquoise{ color: #168ea0;}

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

/* - - - Listes - - - */
.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
.incTinyMce ul li, main 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;
}
*/

/* - - - 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{ border-left:4px solid #168ea0; color: #168ea0; padding-left: 38px; font-size: 16px; 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:#168ea0;
	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; }
.form label{ color: #FFF; font:bold 15px/1 Roboto Condensed; display:block; margin: 0.75em 0 7px; text-transform: uppercase; }

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{
	padding:0 2px;
	border:0 none !important;
	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:42px;
	padding:5px 8px;
	border:1px solid #147482;
	border-radius:7px;
	/*-webkit-appearance: none;*/
	font-size:14px;
	color:#808285;
	-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; }

.form input[type="radio"]{ float: left; margin-top: 2px;}

.form select{
	background:#FFF url(../gx/m/selectIcon.png) no-repeat right;
	-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
}


/* - - - 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 #168ea0;
	border:1px solid rgba(20, 116, 130, 0.9);
	-webkit-box-shadow:0 0 5px rgba(20, 116, 130, 0.9);
	box-shadow:0 0 5px rgba(20, 116, 130, 0.9);
}


/* - - - 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{
	border: 1px solid #147988;
	border-radius:7px;
	background-color:#FFF;
	color:#168ea0;
	font:bold 15px/40px Roboto Condensed;
	margin-top:1em;
	padding:0 15px;
	min-width: 165px;
	text-align: center;
	text-transform: uppercase;
}

.button.btBleu{ background-color: #168ea0;  color: #FFF;}

.avecFleche:after{ content: '\e900'; font-family: icomoon; font-size: 16px; padding-left: 11px; vertical-align: -2px;}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{ background-color: #147988; color: #FFF; 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{
	float:left;
	width:47.5%;
	margin-bottom:1em;
}
.form .col1{ clear:left; }
.form .col2{ margin-left:5%; }
.form .colFull{	clear:left;	margin-bottom:1em; }


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#entete{
	position:relative;
}

#logo{
	position:absolute;
	top:18px;
	left:0;
	display:block;
}

#logo img{ max-width: 100%;}


/* Menu principal
--------------------------------------------------------------------------------------- */
#menu{
	border-left: 2px solid #e6e7e8;
	clear:right;
	float:right;
	margin-top:50px;
}
#menu li{ float:left; display: table;}
#menu a{
	border-right: 2px solid #e6e7e8;
	color: #3e403f;
	display: table-cell;
	font:bold 15px/1.15 Roboto Condensed;
	padding: 0 15px;
	height: 34px;
	min-width: 118px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}
#menu a span{ display: inline-block; text-align: left;}
#menu li:first-child a{ margin-left:0; }
#menu a:hover, #menu a:focus, #menu a:active{ color:#168ea0; }
#menu a.actif{ color:#168ea0; }

.btTel{ background:url(../gx/m/icone-phone.png); background-size: 20px 34px; display: block; height: 34px; width: 20px; position: absolute; right: 40px; top: 47px;}


/* Menu secondaire
--------------------------------------------------------------------------------------- */
#menuSec{ font:13px/1.1 Roboto Condensed; text-align: right; }
#menuSec ul{ border-left: 1px solid #e6e7e8; border-right: 1px solid #e6e7e8; float: right; padding-left: 5px;}
#menuSec li{ float:left; height: 72px; }
#menuSec li.btLangue{ border-left: 1px solid #e6e7e8;}
#menuSec a{ color: #3e403f; display: block; padding: 30px 15px 28px; text-transform: uppercase;}
#menuSec a:hover, #menuSec a:focus, #menuSec a:active, #menuSec a.actif{ color:#168ea0; }
#menuSec li.btLangue a{ padding: 30px 20px 28px;}

#menuSec li.sousMenu a{ /*padding-right: 24px;*/}

#menuSec li.sousMenu a:after{
	content: '>';
	color:#168ea0;
	display: inline-block;
	padding: 0 5px 0 5px;
	-webkit-transform: rotate(90deg); transform: rotate(90deg);
}

#menuSec li.sousMenu{ position: relative;}

#menuSec li ul{ background: #FFF; border: 1px solid #e6e7e8; display: none; position: absolute; padding: 10px 10px 4px; width: 146%; text-align: left; z-index: 1;}

#menuSec li.sousMenu:hover ul{ display: block;}

#menuSec li ul li{ height: auto; float: none;}
#menuSec li ul li a{ padding: 0 0 6px;}
#menuSec li.sousMenu ul li a:after{ display: none;}

.blocNum{
	background: url(../gx/m/icone-phone.png) no-repeat left;
	background-size: 20px 34px;
	display: inline-block;
	font:bold 18px/1.3 Roboto Condensed;
	padding:15px 20px 12px 30px;
	text-transform: uppercase;
	margin-top: 11px;
}

.blocNum a{ color: #3e403f;}
.blocNum span{ color: #168ea0;}

#telPopup { padding-top: 15px; text-align: center;}

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale{
	border-right: 1px solid #bcbec0;
	float:left;
	width:67%;
	padding-right:20px;
}


/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar{
	float:right;
	width:33%;
	padding: 0 20px 20px;
}

#sidebar h3, #archivesBas h3, #sidebar .h3, #archivesBas .h3{ margin-top: 0; font-size: 15px; font-family: Roboto Condensed; text-transform: uppercase;}


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane{
	font:13px/1 Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #e6e7e8;
	color:#999;
	padding: 15px 0;
}

#filAriane li{ display:inline; margin-right:5px; font-size: 13px; line-height: 1.5; }
#filAriane li:before{
	content:'/';
	margin-right:6px;
}
#filAriane li:first-child:before{ display:none; }

#filAriane a{ color:#168ea0; text-decoration: underline; }
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#333; }

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


/* Pagination
--------------------------------------------------------------------------------------- */
.pagination{ clear:both; margin-top:16px; text-align: center; }

.pagination a, .module_pagination_pagecourante{
	display:inline-block;
	width:16px;
	text-align:center;
	font:bold 14px/28px Roboto;
	color:#168ea0;
	text-decoration:none;
	-webkit-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}

.pagination .module_pagination_pagecourante{ color:#808285; }

.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
	vertical-align:top;
	background:#168ea0;
	font:12px/28px guifx;
	color:#FFF;
	width: 28px;
}

.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pageprecedente a{ float: left;}
.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pagederniere a{ float: right;}

.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{ text-decoration: underline; }

.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{ background-color: #808285; text-decoration: none; }


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

.conteneurBanniere{ border-bottom: 1px solid #e6e7e8; height: 700px; overflow: hidden;}
.conteneurBanniere.slick-banner .slick-prev { z-index: 1;}
.banniere{ background: url(../gx/m/banner1.jpg) no-repeat top; height: 700px; }

.banniereTexte{ float: right; margin: 260px 30px 0 0; max-width: 470px;}
.banniereTexte .h1{ font:500 64px/1 Roboto; text-transform: uppercase;}
.banniereTexte .h1 span{ color: #168ea0; font-weight: 900;}
.banniereTexte .button{ margin-top: 0;}

.conteneurCTA{ background: url(../gx/m/bg_conteneurCTA.jpg) no-repeat top; padding: 40px 0;}
.conteneurCTA .conteneur{ border-top: 1px solid #e7e6e1; border-left: 1px solid #e7e6e1; max-width: 1073px;}
.ctaCol{ border-right: 1px solid #e7e6e1; border-bottom: 1px solid #e7e6e1; float: left; width: 50%;}
.ctaCol img{ width: 100%;}

.ctaAccueil{ display: block; position: relative; }

#ctaAccueil2:before{
	content: '';
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.7;
}

.ctaAccueil:hover:before, #ctaAccueil2:hover:before{
	content: '';
	background: #168ea0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.7;
}

.ctaAccueil:hover .h2, .ctaAccueil:hover .ctaTexte p{ color: #FFF;}

.ctaTexte{ position: absolute; bottom: 0; left: 0; padding: 30px;}
.ctaTexte .h2{ font: 24px/1.1 Roboto Condensed; margin: 0; max-width: 295px;}
.ctaTexte .h2 span{ display: block; font-weight: bold;}
.ctaTexte p{ color: #333; margin: 10px 0 0 0;}


.conteneurApropos{ background: url(../gx/m/bg_conteneurApropos.jpg) no-repeat top; padding: 40px 0; min-height: 663px;background-size: cover;}
.aProposTexte { font-size: 15px; float: right; margin-top: 0px; width: 637px;}
.aProposTexte h2 { font-size: 28px; font-weight: 500; margin-top: 0;text-transform: none;}
.aProposTexte h2.h3{font-size: 19px;}
.aProposTexte h2 span{ color: #168ea0; font-weight: 900;}
.aProposTexte .button{ margin-top: 0;}

.conteneurActualite{ padding: 20px 0; position: relative;}
.conteneurActualite .h2{ font-size: 28px; font-weight: 500; margin: 0 0 20px;text-transform: none;}
.conteneurActualite .h2 span{ color: #168ea0; font-weight: 900;}

.listingItem{ float: left; font: 14px/120% Roboto; width: 32.03%; margin: 0 1.863% 25px 0; position: relative;}
.listingItem:nth-of-type(3n){ margin-right: 0; }
.listingItem:nth-of-type(3n+1){ clear:left; }

.itemImage { display: block; margin-bottom: 18px;}
.itemImage img{ display: block; max-width: 100%; }
.itemImage:hover{ opacity: 0.7;}

.listingItem .itemTitre, .listingItem .itemTitre h3, .listingItem .itemTitre .h3{ color: #168ea0; display: block; font:bold 16px/1.2 Roboto; margin-bottom: 10px; }
.listingItem a:hover{ color: #333;}
.itemTexte{  }
.listingItem .date{ color: #808285; font-size: 12px; margin-bottom: 2px;}

.btVoir{ display: inline-block; font:bold 16px/1 Roboto Condensed; text-transform: uppercase;}
.btVoir:after{ content: '\e900'; font-family: icomoon; padding-left: 11px; vertical-align: -1px;}

.conteneurActualite .btVoir{ position: absolute; top: 32px; right: 0;}


.strateContact{ color: #FFF; font-size: 15px; max-width: 1074px; margin: 0 auto; padding: 35px 0; position: relative;}
.strateContact:before,.strateContact:after{ content: ''; position: absolute; height: 100%; width: 100%; top: 0;}
.strateContact:before{ background: #168ea0; left: -50%;}
.strateContact:after{ background: #167d8d; right: -50%; z-index: -1;}

.strateContact h5, .strateContact .h5{ font-size: 18px; font-weight: bold; margin-bottom: 10px;color: #FFF;}
.strateContact .succInfo a, .strateContact .btVoir{ color: #FFF;}

.contactGauche, .contactDroite{ float: left; width: 50%; position: relative;}

.contactGauche{ background: #168ea0; padding: 0 40px 0 0;}
.contactGauche .h2 { color: #FFF; font-size: 34px; font-weight: 500; margin-top: 0; max-width: 360px;}
.contactGauche .h2 span{ font-weight: 900;}
.contactGauche p{ font-size: 18px; line-height: 1.3;}
.contactGauche a:hover{ text-decoration: underline;}

.blocSuccInfo{ background: url(../gx/m/icone-contactInfo.png) no-repeat left top; background-size: 45px; padding-left: 65px; margin-top: 15px;}
.succInfo{ display: inline-block; padding:0 20px 5px 0; width: 48%;}
.succInfo:last-child{ padding: 0;}
.succInfo strong{ display: block;}

.contactDroite{ background: #167d8d; padding: 0 40px 0 20px;}
.contactDroite a:hover{ color: #333;}

.succAdresse{ background: url(../gx/m/icone-marker.png) no-repeat left top; margin-bottom: 40px; padding: 10px 0 0 67px;}
.succAdresse:last-child{ margin-bottom: 0;}

.strateLogo{ padding: 35px 0 40px;}
.strateLogo h3{ margin: 0 0 25px;}

.blocLogo .item{ float: left; width: 15.50%; padding:0 8px; position:relative; }
.blocLogo .itemImage{ margin-bottom: 0;}
.blocLogo .item img{ border: 1px solid #e7e6e1; display: block; max-width: 100%; }

.blocLogo .itemImage:hover{ opacity: 1;}

.blocLogo .itemImage.avecUrl:hover:before{
	background: -moz-linear-gradient(45deg,  rgba(91,161,136,0.5) 0%, rgba(129,179,105,0.5) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(91,161,136,0.5) 0%,rgba(129,179,105,0.5) 100%);
	background: linear-gradient(45deg,  rgba(91,161,136,0.5) 0%,rgba(129,179,105,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#805ba188', endColorstr='#8081b369',GradientType=1 );
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1;
}


/* Page Interne
--------------------------------------------------------------------------------------- */
.banniereInt{ background: url(../gx/m/bg_banniereInt.jpg) no-repeat top; height: 156px; display: table; width: 100%; vertical-align: middle; padding: 20px 0; text-align: center;}
.banniereTitre{ display: table-cell; vertical-align: middle;}

.banniereTitre h1, .banniereTitre .h1{ color: #168ea0; font:900 52px/1 Roboto; margin: 0; text-transform: uppercase;}
.banniereTitre h1 span{ text-transform: none;}
.banniereTitre .h4{ margin: 0 0 15px;}

.conteneur main { padding: 20px 0;}


/* Page Catégorie
--------------------------------------------------------------------------------------- */

.listingCat .listingItem{ margin-bottom: 30px;}
.listingCat .itemTitre, .listingCat .itemTitre h3, .listingCat .itemTitre .h3{ color: #333; font-family: Roboto Condensed; line-height: 1.1; text-transform: uppercase;}
.listingCat .itemTitre:hover{ color: #168ea0;}
.listing ul li{ color: #168ea0; line-height: 1.3; }

.listingCat .itemTitre span{ text-transform: none;}

.blocGallery { padding-bottom: 20px;}
.blocGallery .item{
	display: flex;
	background: #eee;
	padding: 40px;
	justify-content: space-between;
}
.blocGallery .itemImage{
	border: 1px solid #3e403f;
  max-width: 100%;
}
.blocGallery .galleryImage{
	display: flex;
	width: 48%;
}
.galleryImage div{
text-align: center;
text-transform: uppercase;
}
.galleryImage h4, .galleryImage .h4{
	margin:0px;
}
.blocGallery .galleryContenu{
	width: 48%;
}
.blocGallery .slick-dots{
	bottom:0px;
}




.galleryTitre{ font:bold 16px/1 Roboto Condensed; text-align: center; text-transform: uppercase;}
.galleryTitre span{ color: #168ea0;}

#slideGallery{ overflow-x:hidden;}
#slideGallery .blocGallery{ padding-bottom: 0;}
#slideGallery .item{ margin: 10px 45px 0;}
#slideGallery .itemImage{ float: none; opacity: 1; width: 100%; max-width: none; }
#slideGallery .galleryTitre{ height: 30px; line-height: 30px; }

#detail { padding: 20px 0 30px;}
#detail .listingCat{ margin-top: 20px;}
#detail .blocGallery{ margin: 25px 0 20px;}

/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
#listeNouvelle{ list-style:none; }
#listeNouvelle li{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e6e7e8;
}
#listeNouvelle figure{ float:left; margin-right:20px; max-width: 234px; }
#listeNouvelle figure a{ display: block;}
#listeNouvelle figure img{ max-width: 100%;}
#listeNouvelle .nouvTexte{ margin-left:255px; }
#listeNouvelle .nouvTexte h2{ font-size: 16px; margin-top: 6px; text-transform: none;}
#listeNouvelle time{ font-size:12px; color:#808285; }
#listeNouvelle .suite{ font-weight:bold; text-decoration:none; }

.blocArchives{ margin-top: 35px;}
#archivesBas{ display: none;}

#menuSidebar li{ font-weight: bold; list-style-type: none; margin: 0 0 8px;}
#menuSidebar li div{ padding-top: 5px;}
#menuSidebar li ul li{ margin-left:16px;}

/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
#detailNouvelle{}
#detailNouvelle figure img{ float: left; margin:0 20px 0 0; max-width: 344px; }
#detailNouvelle header{ margin-bottom: 20px;}

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


/* 05_100 : FAQ
--------------------------------------------------------------------------------------- */

.blocCtaFaq{ margin: 0 auto 20px; max-width: 820px;}
.blocCtaFaq img{ border: 1px solid #e7e6e1; float: left; margin-right: 20px;}
.blocCtaFaq .h2{ color: #168ea0; font-size: 16px;}
.blocCtaFaq .h1{ text-transform: uppercase;}
.blocCtaFaq p{ margin-bottom: 0;}

.question{ background: #fff; border-bottom: 1px solid #bcbec0; padding: 0 40px 0 0; position: relative;}
.question .h4 { color: #168ea0; font-size: 16px; line-height: 1.4; max-width: 830px; margin: 0; padding: 15px 0;text-transform: none;}
.question .h4:hover{ color: #3e403f; cursor: pointer;}

.btQuestion{ position: absolute; right: 0; top: 0; height: 55px; width: 30px; text-align: right;}
.btQuestion span{ font:bold 24px/1 Roboto; display: inline-block; margin-top: 17px;}
.btQuestion span:before{ content: '+';}

.question.actif { padding-bottom: 15px; }
.question.actif .btQuestion span{ color: #333; }
.question.actif .btQuestion span:before{ content: '-';}

.reponse{ display: none; line-height: 150%; position: relative; }
.reponse p:last-child{ margin-bottom: 0;}


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

/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
.page09_100 main, .page09_200 main{ min-height: 0;}
#contactInfos { margin: 0 auto; max-width: 500px;}
#contactInfos .h1{ margin-bottom: 0; text-align: center;}

.strateContactForm{ background: url(../gx/m/bg_contactForm.jpg) no-repeat top; padding: 40px 0;}

.succAdresse.nousJoindreGauche, .nousJoindreGauche .blocSuccInfo{ background: none; padding: 0;}
.nousJoindreGauche .btVoir:hover{ color: #333; text-decoration: none;}

.nousJoindreGauche .blocSuccInfo{ border-bottom: 1px solid #42a2b0; padding-bottom: 10px;}
.succAdresse.nousJoindreGauche h4{ color: #FFF; font-size: 20px; font-weight: normal; margin-top: 0;}
.succAdresse.nousJoindreGauche p{ font-size: 15px;}

.strateContact.contactMap:after{ background: url(../gx/m/contactMap.jpg) left top no-repeat;}
.strateContact.contactMap.contactSucc2:after{ background-image: url(../gx/m/contactMap2.jpg);}

.ancreContact{ position: relative; top: -190px;}

#contactForm{ color: #FFF; max-width: 780px; margin: 0 auto;}
#contactForm button{ display: block; margin: 1em auto 0;}
#contactForm button:after{ content: '\e900'; font-family: icomoon; padding-left: 11px; vertical-align: -1px;}

.form .sousOption{ padding-left: 20px;}

.radioTitre{ margin-bottom: 13px;}
.blocRadio{ display: block; margin-right: 25px;}
.blocRadio label{ display: inline-block; font: 14px/1 Roboto; margin-top: 0; text-transform: none;}

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


/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
.conteneurBas{ background: #3e403f;}
#piedPage{ color: #FFF; max-width: 1074px; margin: 0 auto; padding: 20px 0; text-align: center;}
#piedPage a{ color: #FFF;}
#piedPage a:hover{ text-decoration:underline; }

.referencement{ font-size:11px; }

.lienPartager{ float:right; }

.signatureVortex{ white-space: nowrap; }


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

#s-bl button:hover, #s-bl .button:hover, #s-bl button:focus, #s-bl .button:focus, #s-bl button:active, #s-bl .button:active {
	color: #3e403f;
}

/* ==================================================================================== */
/*  Media Queries for Responsive Design - Desktop First  */
/* ==================================================================================== */

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

}

.tablet{ display: none;}
.mobile{ display: none;}
.ctaAccueil img.mobileCta{ display: none;}

/* Desktop
--------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1300px) {
	#logo{ left: 20px;}
	#menu a{ min-width: 88px;}
	.banniereTexte{ width: 34.5%;}

	.strateContact{ padding: 35px 40px; max-width: none; overflow: hidden;}
}

@media only screen and (max-width: 1180px) {
	#menuSec a{ padding: 30px 9px 28px;}
	#menu a{ min-width: 0; padding: 0 8px;}
}

@media only screen and (max-width: 1073px) {

	.conteneur{ padding-left: 40px; padding-right: 40px;}
	.conteneurCTA .conteneur, .conteneur.accueil, .conteneurCtaBas .conteneur{ padding: 0;}
	.blocGallery{ padding-left: 20px; padding-right: 20px; }

	.conteneurBanniere{ border-bottom: none;}
	.banniereTexte{ width: auto;}
	.banniereTexte .h1 span{ text-shadow: 0 0 1px #fff; }

	.conteneurCTA{ padding: 0;}
	.conteneurActualite .btVoir{ right: 40px;}
	.strateContact{ padding: 35px 40px; overflow: hidden;}

	.succInfo{ width: auto;}
	.succInfo strong{ display: inline-block;}
}

/* Tablette
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {

	.miniConsole, #vortexDebugShow, #vortexDebugMenu { display: none!important;}
	.tablet{ display: block;}

	#logo{ left: 113px;}
	#menu, .conteneurMenuSec { display: none;}
	.headerPlaceholder{ height: 112px;}

	.conteneurBanniere{ height: 570px;}
	.banniere{ /*background-image: url(../gx/m/banner1_m.jpg);*/ height: 570px;}
	.banniereTexte{ margin: 200px 20px 0 0; max-width: 338px;}
	.banniereTexte .h1{ font-size: 42px;}

	.ctaAccueil:hover:before{ display: none;}
	.ctaAccueil:hover .h2, .ctaAccueil:hover .ctaTexte p{ color: #333;}

	#ctaAccueil2:hover:before{
		display: block;
		content: '';
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		opacity: 0.7;
	}

	.conteneurApropos{ background-size: 194%; min-height: 510px;}
	.aProposTexte{ margin-top: 70px;}

	.contactGauche .h2{ font-size: 24px;}
	.contactGauche p{ font-size: 16px;}
	.succInfo{ margin-bottom: 20px;}

	.strateContactForm{ padding: 40px;}
	.strateLogo { padding: 35px 20px 40px;}

	.itemImage:hover{ opacity: 1;}

	.strateContact.contactMap:after{ background-size: cover; right: 0; width: 50%;}

}

@media only screen and (max-width: 800px) {
	.aProposTexte{ max-width: 500px;}

	.listingCat .listingItem{ float: left; width: 48.54%; margin: 0 2.92% 25px 0; max-width: none;  }
	.listingCat .listingItem:nth-of-type(3n){ margin-right: 2.92%; }
	.listingCat .listingItem:nth-of-type(3n+1){ clear:none; }
	.listingCat .listingItem:nth-of-type(2n){ margin-right: 0; }
	.listingCat .listingItem:nth-of-type(2n+1){ clear:left; }

	#colPrincipale{ border: none; float: none; width: auto;}
	#sidebar{ float: none; width: auto; padding-bottom: 40px;}
	#sidebar .blocArchives{ display: none;}
	#archivesBas { display: block;}

	.wrapCol{ float: left; width: 100%; margin-right: -60px; padding-right: 70px;}

	#formSearch input{ display: inline-block; width: 100%;}

	#formSearch .button{ min-width: 0; padding: 0; width: 60px; margin-top: 0;}
	#formSearch .button span{ display: none;}
	#formSearch .button.avecFleche::after{ padding-left: 0;}
}

@media only screen and (max-width: 768px) {
	.conteneurApropos{ background-image: url(../gx/m/bg_conteneurApropos_tab.jpg); background-size: auto; }
}

/* Mobile paysage
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

	.mobile{ display: block;}

	body{ font-size: 14px;}
	h1, .h1{ font-size: 24px; }

	#logo{ position: relative; top: 12px; left: 0; width: 173px; margin: 0 auto;}
	.btTel{ background-size: 16px 27px; top: 25px; right: 20px; height: 27px; width: 16px;}
	.conteneurMenu { min-height: 70px;}
	.headerPlaceholder{ height: 70px;}

	.conteneur{ padding-left: 20px; padding-right: 20px;}

	.conteneurBanniere{ height: 237px;}
	.banniere{ background-position: center; background-size: cover; height: 237px;}
	.banniereTexte{ margin: 35px 20px 0 0; max-width: 195px;}
	.banniereTexte .h1{ font-size: 24px;}

	.ctaTexte{ padding: 20px;}
	.ctaTexte .h2{ font-size: 18px;}

	.conteneurApropos{ min-height: 0;}
	.aProposTexte{ float: none; margin: 0; width: auto; max-width: none; text-align: center;}
	.aProposTexte h2{ font-size: 24px;}

	.conteneurActualite{ text-align: center;}
	.conteneurActualite .h2{ font-size: 18px;}
	.conteneurActualite .btVoir{ position: static;}

	.strateContact{ padding: 0;}
	.contactGauche, .contactDroite{ float: none; width: 100%; padding: 25px 20px;}
	.contactDroite{ display: none;}

	.blocSuccInfo{ background-size: 55px auto; padding-left: 75px;}
	.succInfo{ width: 48%;}

	.strateContactForm{ padding: 25px 20px;}

	.banniereInt{ background-size: cover; height: 94px;}
	.banniereTitre h1, .banniereTitre .h1{ font-size: 36px;}
	.banniereTitre .h4{ font-size: 14px;}

}

@media only screen and (max-width: 639px) {
	.listingItem{ float: none; width: auto; max-width: 216px; margin: 0 auto 25px; }
	.listingItem:nth-of-type(3n){ margin-right: auto;}

	.listingCat .listingItem{ float: none; width: auto; margin: 0 auto 25px; max-width: 280px; }
	.listingCat .listingItem:nth-of-type(3n){ margin-right: auto; }
	.listingCat .listingItem:nth-of-type(2n){ margin-right: auto; }
	.blocGallery .item {
		flex-direction: column;
	}
	.blocGallery .itemImage{ float: none; margin: 0 auto 12px;}
	.blocGallery .galleryContenu, .blocGallery .galleryImage {
		width: 100%;
	}
	.blocGallery .galleryContenu{
		text-align: center;
		margin-top:20px;
	}
	#listeNouvelle figure{ float: none; margin: 0 auto 20px;}
	#listeNouvelle .nouvTexte{ margin: 0 auto; max-width: 234px; text-align: center;}
	#listeNouvelle .nouvTexte p{ margin-bottom: 0;}

	.blocCtaFaq img{ float: none; margin: 0 auto 20px; max-width: 100%;}
}

@media only screen and (max-width: 500px) {
	.conteneurCTA{ background: none;}
	.conteneurCTA .conteneur{ border-left: none;}
	.ctaCol{ border: none; float: none; width: 100%;}
	/*.conteneurApropos{ background-image: url(../gx/m/bg_conteneurApropos_m.jpg); background-size: auto; }*/

	.ctaAccueil{ height: 220px; max-width: 320px; margin: 0 auto; overflow: hidden;}
	.ctaAccueil img{ display: none;}
	.ctaAccueil img.mobileCta{ display: block;}
	#ctaAccueil3 .ctaTexte{ max-width: 200px;}

	.form .col1, .form .col2{ float: none; width: auto; margin-left: 0;}
	.strateContactForm{
		background: #9ec657;
		background: -moz-linear-gradient(-45deg,  #9ec657 0%, #82b76e 37%, #60a387 65%, #4a9aa0 100%);
		background: -webkit-linear-gradient(-45deg,  #9ec657 0%,#82b76e 37%,#60a387 65%,#4a9aa0 100%);
		background: linear-gradient(135deg,  #9ec657 0%,#82b76e 37%,#60a387 65%,#4a9aa0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec657', endColorstr='#4a9aa0',GradientType=1 );
	}

	.succInfo{ width: auto;}
	.succInfo:last-child{ margin-bottom: 0;}
}