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



/*
Couleurs

Vert : 		 #02b458
Gris foncé:  #414042
Gris pale:   #bcbec0


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

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


.miniConsole{
	display: none;
}

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

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

.nonMobile{
	display:none;
}

.g-recaptcha {transform:scale(0.85);transform-origin:0 0}


/* Body et HTML
--------------------------------------------------------------------------------------- */
body{
	background:#fff;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#333;
}


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

main{
	min-height:500px;
	
}


/* Titres
--------------------------------------------------------------------------------------- */
h1{ margin-bottom:0.5em; font:24px/28px Arial, Helvetica, sans-serif; color:#000; }
h2{ margin:1em 0 0.5em 0; font:20px/24px Arial, Helvetica, sans-serif; color:#000; }
h3{ margin:1em 0 0.5em 0; font:16px/19px Arial, Helvetica, sans-serif; color:#000; }
h4{ margin:1em 0 0.5em 0; font:14px/16px Arial, Helvetica, sans-serif; color:#000; }


/* Hyperliens
--------------------------------------------------------------------------------------- */
a{
	color:#02b458;
	text-decoration:none;
	-webkit-transition: color 0.15s linear 0s;
	transition: color 0.15s linear 0s;
}
a:hover, a:focus, a:active{ color:#666; 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; color:#414042;}
.incTinyMce ul li{ margin-left:16px; }
.incTinyMce ol li{ margin-left:20px; }
.incTinyMce ol ol > li{ list-style:lower-alpha; }

#colPrincipale h1{
	font:normal 2em/1.5em 'Roboto Slab',sans-serif;
	/*color:#414042;*/
	color: #00b358;
	text-transform: uppercase;
}
.incTinyMce p{ 
	font:normal 1.1em/1.5em 'Roboto',sans-serif;
	color:#414042;
}
.incTinyMce h2{ 
	font:normal 2em/1.5em 'Roboto Slab',sans-serif;
	color:#414042;
	margin-bottom: 0.8em;
}
.incTinyMce h3{ 
	font:bold 1.6em 'Roboto Slab',sans-serif;
	color:#414042;
	margin-bottom: 0.8em;
}
.incTinyMce h4{ 
	font:bold 1.2em 'Roboto Slab',sans-serif;
	text-transform: uppercase;
	color:#414042;
	margin-bottom: 0.8em;
}
.incTinyMce h5{ 
	font:normal 1.2em 'Roboto Slab',sans-serif;
	color:#414042;
	margin-bottom: 0.8em;
}

.incTinyMce ul li{
	list-style-image: url(../gx/m/puceListe.gif);
	font:normal 1.2em/1.5em 'Roboto',sans-serif;
}
/* 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{ 
	font-weight:bold;
	font:normal 1.3em/1.5em 'Roboto',sans-serif;
	color:#414042;
}
.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:#149fd9;
	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; }

.incTinyMce .vert{
	color:#02b458;
}




/* 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:#00b358;
	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, .form input[type=date]{
	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; }


/* - - - 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 #02b458;

}


/* - - - 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:#149fd9;
	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{
	float:left;
	width:47.5%;
	margin-bottom:1em;
}
.form .col1{ clear:left; }
.form .col2{ margin-left:5%; }
.form .colFull{	clear:left;	margin-bottom:1em; }

.form .ctnCbx label, #formDemande .ctnCbx label{
	margin:0 0 10px 0;
	font: normal 1.1em/1em 'Roboto',sans-serif;
}

.bouton, a.bouton{
	background: #27bf71;background: -moz-linear-gradient(top,  #27bf71 0%, #01994b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27bf71), color-stop(100%,#01994b));background: -webkit-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -o-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -ms-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: linear-gradient(to bottom,  #27bf71 0%,#01994b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27bf71', endColorstr='#01994b',GradientType=0 );
	color:#fff;
	padding:10px 15px;
	border:1px solid #01994b;
	border-radius:3px;
	font:bold 1.2em 'Roboto Slab',sans-serif;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}
.bouton.gris, a.bouton.gris{
	background: #626163;background: -moz-linear-gradient(top,  #626163 0%, #39383a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626163), color-stop(100%,#39383a));background: -webkit-linear-gradient(top,  #626163 0%,#39383a 100%);background: -o-linear-gradient(top,  #626163 0%,#39383a 100%);background: -ms-linear-gradient(top,  #626163 0%,#39383a 100%);background: linear-gradient(to bottom,  #626163 0%,#39383a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626163', endColorstr='#39383a',GradientType=0 );
	border:1px solid #3c3c3c;
}

.bouton img{
	display: inline-block;
	margin-left:10px;
	margin-top:-2px;
}

.bouton:hover{
	background:#02b258;
}
.bouton.gris:hover{
	background:#414042;
}

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

/* Menu principal
--------------------------------------------------------------------------------------- */
#menu{
	display: none;
}

#menuMobile{
	background:#f1f2f2;
}
/*  mmenu  */

.mm-list > li {
	position: relative;
	border:0px;
}
.mm-list .mm-list > li {
	position: relative;
}
.mm-list .mm-list > li:first-child {
	border-top:1px solid #4e4e4e;
}
#logo{
	margin:10px auto;
	display:block;
	width:50%;
	max-width:160px;
}
#menuMobile a{
	font:bold 1.3em 'Roboto';
	color:#414042;
	padding: 15px;
}
#menuMobile a:hover{
	background:#fff;
	color:#02b458;

}
#btnMenuMobile{
	display: block;
	float:left;
	margin:15px 15px 25px;
	width:30px;
	height:28px;
	position: relative;
}
#btnMenuMobile img{
	position:absolute;
	top:0;
	left:0;
	transform:scale(0,0);
	opacity:0;
	transition:opacity 0.2s;
}
#btnMenuMobile img.actif{
	opacity:1;
	transform:scale(1,1);
}

#ctnBandeau{
	background:url(../gx/m/bandeau_mobile.jpg) no-repeat right top;
	width:100%;
	height:25px;
}


/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale{
	float:left;
	width:73%;
	margin-right:20px;
}
#colPrincipale.full{
	float:none;
	width:100%;
	margin-left:0px;
	background:#fff;
	padding:20px;
}

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


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane{
	font:12px/14px 'Roboto',Arial, Helvetica, sans-serif;
	color:#bcbec0;
	padding:20px;
	border-bottom:1px solid #d7d7d7;
}

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

#filAriane a{ color:#02b458; }
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#bcbec0; }

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


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

.pagination a, .module_pagination_pagecourante{
	display:inline-block;
	width:32px;
	text-align:center;
	font:15px/32px Arial, Helvetica, sans-serif;
	background-color:#e1e1e1;
	color:#149FD9;
	text-decoration:none;
	-webkit-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}

.pagination .module_pagination_pagecourante{ background-color:#666; color:#fff; }

.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
	vertical-align:top;
	background:transparent;
	font:bold 15px/32px "Courier New", monospace;
	color:#149FD9;
}

.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:#149FD9; color:#fff; }


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
#listeNouvelle{ list-style:none; }
#listeNouvelle li{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #666;
}
#listeNouvelle figure{ float:left; margin-right:30px; }
#listeNouvelle .nouvTexte{ margin-left:180px; }
#listeNouvelle time{ font-size:11px; color:#999; }
#listeNouvelle .suite{ font-weight:bold; text-decoration:none; }


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

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


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


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
#ctnBanniereWrap{
	width:100%;
	padding:10px;
	background:url(../gx/m/bgBan.jpg) no-repeat center center;
}
#ctnBanniere{
	overflow: hidden;
}

#ctnBanniere .item{
	overflow:hidden;
	background-position:0px 0px;
	transition:all 1.2s;
	position:relative;
	/*min-height:170px;*/
}

#ctnBanniere .item .blocTexte{
	position: absolute;
	top:15px;
	left:15px;
	z-index: 2;
}
#ctnBanniere .item.slick-active{
	background-position:-100px 0px;
}
#ctnBanniere .item h2 strong{
	font:bold 1em 'Roboto Slab',sans-serif;
	color: #02b458;
}
#ctnBanniere .item h2{
	font:300 1.5em 'Roboto Slab',sans-serif;
	color: #414042;
	text-transform: uppercase;
	display: inline-block;
	max-width:75%;
	text-shadow: 0 0 10px #FFFFFF;
	margin-top:5px;
	margin-bottom:0px;
}
#ctnBanniere .item h3{
	font:normal 1.2em 'Roboto',sans-serif;
	color: #414042;
	margin-top: 5px;
	text-shadow: 0 0 2px #FFFFFF;-webkit-text-shadow: 0 0 20px #FFFFFF;
}

#ctnBanniere .item a.bouton{
	float:left;
	display:inline;
	clear:both;
	margin:10px 0 0 0px;
	transition:margin 2s;
	background-color:#B72126;
	color:#fff;
}

#ctnBandeauBan{
	background:#414042;
	text-align: center;
	padding:15px;
	width:100%;
	max-width:1024px;
	margin:0 auto;
	display: none;
}
#ctnBandeauBan p{
	font:normal 1.1em 'Roboto',sans-serif;
	color:#fff;
	display: inline-block;
	padding-left:10px;
	margin:0px;
	background:url(../gx/m/flecheBlanche.png) no-repeat left 5px;
}
#ctnCtaWrap{
	background:#fff url(../gx/m/bgBlocCta.png) no-repeat right center;
	overflow: hidden;
}
#ctnCta{
	width:100%;
	padding:15px 15px 25px;
	border-bottom:1px solid #d7d7d7;
}
.cta{
	border:1px solid #bcbec0;
	background: #27bf71;background: -moz-linear-gradient(top,  #27bf71 0%, #01994b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27bf71), color-stop(100%,#01994b));background: -webkit-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -o-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -ms-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: linear-gradient(to bottom,  #27bf71 0%,#01994b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27bf71', endColorstr='#01994b',GradientType=0 );
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	max-width: 500px;
	margin: 0 auto 15px;
	cursor: pointer;
}
.cta h3{
	font:normal 1.5em/1em 'Roboto Slab',sans-serif;
	color: #fff;
	margin-top:50px;
}
.cta h3 a{
	color:#fff;
	text-decoration: none;
}
.cta .fleche{
	background: #08783e;background: -moz-linear-gradient(left,  #08783e 0%, #07934b 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,#08783e), color-stop(100%,#07934b));background: -webkit-linear-gradient(left,  #08783e 0%,#07934b 100%);background: -o-linear-gradient(left,  #08783e 0%,#07934b 100%);background: -ms-linear-gradient(left,  #08783e 0%,#07934b 100%);background: linear-gradient(to right,  #08783e 0%,#07934b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08783e', endColorstr='#07934b',GradientType=1 );
	display: inline-block;
	position: absolute;
	right:0px;
	top:0;
	height:100%;
	padding:0 10px;
}
.cta .fleche img{
	display: inline-block;
	margin-top:62px;
}

.cta .icone{
	border:2px solid #fff;
	width:85px;
	height:85px;
	display: inline-block;
	border-radius:50px;
	float:left;
	margin:25px 20px;
}
#ctaRadio .icone {
	background:url(../gx/m/i_radio.png) no-repeat center center;
}
#ctaService .icone {
	background:url(../gx/m/i_service.png) no-repeat center center;
}
#ctaPromo .icone {
	background:url(../gx/m/i_promo.png) no-repeat center center;
}

.cta:hover{
	
	background: #01b458;
}


#blocTexteAccueil{
	text-align: center;
}
#blocTexteAccueil h2, #ctnPartenaire h2{
	font:bold 1.8em 'Roboto Slab',sans-serif;
	color:#414042;
	text-transform: uppercase;
}
#blocTexteAccueil p{
	font:normal 1.5em/1.3em 'Roboto',sans-serif;
	color:#414042;
}

#ctnPartenaireWrap{
	overflow: hidden;
	background: #f6f8f7;
	border-bottom:1px solid #d7d7d7;
}
#ctnPartenaire{
	width:100%;
	padding:10px 10px 25px;
	text-align: center;
}
#ctnPartenaire h2{
	margin:10px 0px 15px;
}
#slick2{
	width:200px;
	margin:0 auto;
}

#slick2 .item img{
	max-width: 180px;
	border:1px solid #d7d7d7;
	margin:0 10px;
	display: block;
}

#slick2 .slick-next,
#slick2 .slick-prev{
	background: #27bf71;background: -moz-linear-gradient(top,  #27bf71 0%, #01994b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27bf71), color-stop(100%,#01994b));background: -webkit-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -o-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -ms-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: linear-gradient(to bottom,  #27bf71 0%,#01994b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27bf71', endColorstr='#01994b',GradientType=0 );
	padding:10px 15px;
	text-align: center;
	width:auto;
	height:auto;
	vertical-align:middle;
}
#slick2 .slick-prev:hover, #slick2 .slick-next:hover{
	background:#02b258;
}
#slick2 .slick-next {
	right: -45px;
}
#slick2 .slick-prev {
	left: -45px;
}

/***
 * vidéo accueil
 */

.videoWrapper {
	width: 98%;
	margin-bottom: 40px;
	margin: 0 auto;
 }
 .videoWrapper .videoIframe{
	width: 101%;
    margin: 0 auto;
    height: 400px;
 }

@media screen and (max-width:600px){
	.videoWrapper .videoIframe{
		height: 230px;
	}
}
/* 03_100 : Produit
--------------------------------------------------------------------------------------- */
#ctnListing{
	margin:15px auto;
	overflow: hidden;
	max-width:495px;
}
.blocListing{
	width:230px;
	margin:0 auto 25px;
}
.blocListing .blocImg{
	border-bottom:3px solid #02b257;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.blocListing .blocImg .fondu{
	/*-webkit-box-shadow:inset 0 0 100px 20px #B8B8B8;box-shadow:inset 0 0 100px 20px #B8B8B8;*/
	background:url(../gx/m/fonduProduit.png) no-repeat center center;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.blocListing .blocImg > img{
	display: block;
	width:100%;
}
.lienListing{
	display: block;
	width:100%;
	position: absolute;
	bottom:-40px;
	left:0;
	background:#02b257;
	font:normal 1.1em/2em 'Roboto',sans-serif;
	text-transform: uppercase;
	color:#02b257;
	padding:0 10px;
	transition:all ease-in-out 0.3s ;
	padding-top:15px;
	z-index:666;
}
.lienListing img{
	display: inline-block;
	margin:-2px 0 0 5px;
}
.blocListing h3 a{
	font:normal 18px/1.3em 'Roboto Slab',sans-serif;
	color:#414042;
	text-transform: uppercase;
}
.blocListing p{
	font:normal 1.1em/1.3em 'Roboto',sans-serif;
	color:#414042;
}
.blocListing .blocImg:hover .lienListing{
	bottom:-3px;
	color:#fff;
	padding-top:0px;
}

/* 03_110 : NDétails produit
--------------------------------------------------------------------------------------- */

#ctnTitreProduit{
	background: url(../gx/m/bandeauProduit.jpg) repeat-y right top;
	width: 100%;
	padding:20px;
	margin-bottom:10px;
}

#ctnTitreProduit h2{
	font:bold 2em/1.3em 'Roboto Slab',sans-serif;
	color:#fff;
	margin:0;
	text-transform: uppercase;
}

#ctnPhotoProduit {
	max-width:100%;
	margin-top: 15px;
	position: relative;
}
#ctnPhotoProduitWrap {
	max-width:450px;
	margin:0 auto 20px auto;
}
#slick{
	margin-bottom:15px;
}
#slick .slick-next{
	right:auto;
	left:38px;
	z-index:666;

	
}
#slick .slick-prev{
	left:0px;
	z-index:666;
}

#slick .slick-next,
#slick .slick-prev{
	background: #27bf71;background: -moz-linear-gradient(top,  #27bf71 0%, #01994b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27bf71), color-stop(100%,#01994b));background: -webkit-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -o-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: -ms-linear-gradient(top,  #27bf71 0%,#01994b 100%);background: linear-gradient(to bottom,  #27bf71 0%,#01994b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27bf71', endColorstr='#01994b',GradientType=0 );
	display: none!important;
	padding:10px 15px 8px;
	text-align: center;
	bottom:0;
	top:auto;
	width:auto;
	height:auto;
	vertical-align:middle;
}
#slick .slick-prev:hover, #slick .slick-next:hover{
	background:#02b258;
}
.slick-next:before, .slick-prev:before {
	content: " "!important;
}

#ctnMini{
	width:100%;
	overflow:hidden;
	display:block;
	float:left;
	margin:10px 0 15px;
}

#ctnMini .imgMini{
	float:left;
	margin:0px 2% 0 0;
	display:block;
	width:18%; 
	cursor:pointer; 
}

#ctnTexteProduit{
	overflow: hidden;
	width: 100%;
}
#ctnTexteProduit a.bouton{
	display: block;
	float:left;
	margin-bottom:10px;
	clear:both;
	font-size:1.3em;
}

a.retour{
	float:left;
	clear:both;
}

#ctnVideo{
	width:100%;
	overflow:hidden;
}
#ctnTexte #ctnVideo{
	margin-bottom:15px;
}
.blocVideo{
	width:50%;
	max-width:130px;
	padding:0 10px 10px 0;
	float:left;
}
.blocVideo img{
		width:100%;
	}
#ctnVideo h3{
	font:normal 1.8em 'Roboto Slab',sans-serif;
	color:#414042;
	margin:10px 0 10px 0;
}

/* 04_100
--------------------------------------------------------------------------------------- */

#ctnFormDemande, #ctnFormContact{
	border:1px solid #d7d7d7;
}
#ctnFormDemande h3, #ctnFormContact h3{
	font:bold 1.8em 'Roboto Slab',sans-serif;
	color:#fff;
	text-transform: uppercase;
	background:#00b358;
	padding:20px;
	margin:0;
}

#formDemande{
	padding:10px 20px 20px;
}
#formDemande label{
	font:bold 1.1em 'Roboto',sans-serif;
	margin-bottom: 5px;
}
/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contactInfos{
	margin-bottom: 20px;
}
#carte{
	margin-bottom:25px;
}
/* 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 */
/*--------------------------------------------------------------------------------------- */

#piedPageWrap{
	background:#00b358;
	padding:25px 25px 20px;
	overflow: hidden;
}
#piedPage{}

.referencement{ font-size:11px; }

.lienPartager{ 
	float:right; 
	display:none;
	background: #f2b85c;background: -moz-linear-gradient(top,  #f2b85c 1%, #d0963a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2b85c), color-stop(100%,#d0963a));background: -webkit-linear-gradient(top,  #f2b85c 1%,#d0963a 100%);background: -o-linear-gradient(top,  #f2b85c 1%,#d0963a 100%);background: -ms-linear-gradient(top,  #f2b85c 1%,#d0963a 100%);background: linear-gradient(to bottom,  #f2b85c 1%,#d0963a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b85c', endColorstr='#d0963a',GradientType=0 );
	border:1px solid #bc8939;
	padding: 8px 15px;
	border: 1px solid #01994b;
	border-radius: 3px;
	font: 900 1em 'Lato',sans-serif;
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}
.copyrights{
	margin-top: 10px;
	display: block;
	float: left;
}
.copyrights a:hover{ text-decoration:underline; }
.signatureVortex{ white-space: nowrap; }

.copyrights a{
	color:#fff;
}

/* 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: 320px) {

}

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


	#ctnBanniere .item h2 strong{
		font:bold 1em 'Roboto Slab',sans-serif;
		color: #02b458;
	}
	#ctnBanniere .item h2{
		font:300 2.5em 'Roboto Slab',sans-serif;
		max-width:70%;

	}
	#ctnBanniere .item h3{
		font:normal 1.2em 'Roboto',sans-serif;
	}
	#slick .slick-next,
	#slick .slick-prev{
		display: block!important;
	}


	#slick2{
		width:400px;
		margin:0 auto;
	}

	.blocListing{
		width:50%;
		min-height:235px;
		margin:0;
		padding:0 10px 25px;
		float:left;
	}

	.blocVideo{
		width:33%;
	}

}
@media only screen and (min-width: 500px) {
	#ctnTitreProduit{
		background: url(../gx/m/bandeau.jpg) repeat-y right top;
	}

}
/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 640px) {
	#ctnCta{
		padding-bottom:25px;
	}
	#piedPageWrap{
		padding: 15px 25px 18px;
	}
}
/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {

	#ctnBandeau{
		display:none;
	}
	#enteteWrap{
		border-bottom:1px solid #d7d7d7;
		overflow: hidden;
		width:100%;
		background:#fff;
	}
	#slick2{
		width:600px;
		margin:0 auto;
	}

	#ctnBanniere .item .blocTexte {
		top: 25px;
		left: 25px;
	}
	#ctnBanniere .item h2{
		font:300 3.5em 'Roboto Slab',sans-serif;
		max-width:70%;
	}

	#ctnBanniere .item h3{
		font:normal 2em 'Roboto',sans-serif;
	}

	.blocListing{
		width:33%;
		margin:0;
		padding:0 10px 25px 0;
		float:left;
		min-height:300px;
	}
	#ctnListing{
		margin:15px 0;
		max-width:100%;
	}


	/* 03_110, 05_110
	--------------------------------------------------------------------------------------- */

	#ctnPhotoProduitWrap{
		width:50%;
		padding-right:25px;
		float:left;
	}
	#ctnTexteProduit{
		float:left;
		width:50%;
	}
	#ctnTexteProduit h1{
		margin-top: 6px;
	}

	/* 04_100
	--------------------------------------------------------------------------------------- */
	#ctnTexte{
		overflow:hidden;
	}

	/* 09_100 : Nous joindre;
	--------------------------------------------------------------------------------------- */

	#contactInfos {
		width:50%;
		padding-right:25px;
		float:left;
	}

	#ctnFormContact{
		width:50%;
		float:right;
		margin-bottom:25px;
	}

	/*pied page
	--------------------------------------------------------------------------------------- */

	#menuPied.nonMobile{
		display: block;
		margin-bottom:15px;
		width:100%;
		overflow: hidden;
		padding-top:15px;
	}

	#menuPied ul{
		float:left;
		width:23%;
		padding-right:20px;
		display: block;
	}
	#menuPied ul li{
		list-style-image:url(../gx/m/flecheBlanche.png);
		margin-left:15px;
		display: list-item;
		line-height: 110%;
		margin-bottom:10px;
	}
	#menuPied ul a{
		color:#fff;
		font:normal 1em 'Lato',sans-serif;
	}

	#menuPied .blocContactPied{
		width:30%;
		border-left:1px solid #fff;
	}
	#menuPied .blocContactPied li{
		list-style-image:none;
		color:#fff;
		line-height:1.5em;
	}
	#menuPied .blocContactPied h3{
		margin:0px;
		font:bold 1.2em 'Lato',sans-serif;
		color:#fff;
	}
	#menuPied .blocContactPied h3 a{
		font-weight:bold;
	}
	#menuPied .blocContactPied li p{
		font:normal 1em/1.5em 'Lato',sans-serif;
		margin-bottom: 0;
	}
	#menuPied .blocContactPied li:last-child{
		margin-bottom: 0;
	}

	.lienPartager{ 
		display:block;}
	.copyrights{
		margin-top: 10px;
		display: block;
		float: left;
	}
}

/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 980px) {
	body{
		background:#f1f2f2;
	}
	main{
		min-height:675px;
	}
	

	#colPrincipale.full{
		max-width:980px;
		margin:0 auto;
		padding:40px;
		overflow: hidden;
		-webkit-box-shadow: 0 0 15px 0 #dfdfdf;
		box-shadow: 0 0 15px 0 #dfdfdf;
	}
	.conteneur{
		position:relative;
	}

	#btnMenuMobile, #menuMobile{
		display:none;
	}
	
	#menu{
		clear:right;
		float:right;
		margin-top:20px;
		display:block;
	}
	#menu li{ float:left; }
	#menu a{
		margin-left:25px;
		padding: 5px;
		font:bold 1.1em 'Roboto Slab';
		color: #000;
		color:#02b458;
		text-transform: uppercase;
	}
	#menu li:first-child a{ margin-left:0; }
	#menu a:hover, #menu a:focus, #menu a:active{ color:#333; }
	#menu a.actif{ color:#c7c7c7; }

	#logo{
		float:left;
		margin:0px;
	}
	#entete{
		padding:15px 0px;
		width:100%;
		max-width:1024px;
		margin:0 auto;
		background:#fff;
	}

	/* Accueil
	--------------------------------------------------------------------------------------- */
	
	#ctnBanniere{
		padding:40px 20px;
		background:url(../gx/m/bgBan.jpg);
		width:100%;
	}
	#ctnBanniere .item .blocTexte {
		top: 110px;
		left: 50px;
	}
	#ctnBandeauBan{
		display:block;
	}
	#slick{
		width:100%;
		max-width:1024px;
		margin:0 auto;
	}

	#ctnCta {
		width: 100%;
		max-width:1024px;
		padding: 40px 20px;
		border-bottom: 0px;
		margin:0 auto;
	}
	.cta{
		width:32.3%;
		margin-left:1%;
		float:left;
		margin-bottom:40px;
	}
	.cta.dernier{
		margin-left:0;
	}
	#ctnPartenaireWrap{
		border-top: 1px solid #d7d7d7;
	}
	#slick2{
		width:845px;
		margin:0 auto;
	}
	#slick2 .item img {
		max-width: 150px;
	}

	.blocVideo{
		width:25%;
	}

	/* 03_100
	--------------------------------------------------------------------------------------- */

	.blocListing{
		min-height:255px;
		width:25%;
	}

	/* 04_100
	--------------------------------------------------------------------------------------- */
	#ctnTexte{
		width:65%;
		float:left;
		padding-right: 25px;
	}
	#ctnTexte #ctnPhotoProduitWrap, #ctnTexte #ctnTexteProduit  {
		width: 100%;
		padding-right: 0px;
		float: none;
	}

	/* page interne
	--------------------------------------------------------------------------------------- */
	#filAriane{
		border-bottom:0px;
		max-width:980px;
		padding:20px 0;
		margin:0 auto;
	}
	
	#ctnFormDemande{
		float:right;
		width:35%;
	}

	#ctnFormContact{
		width:300px;
	}
	#contactInfos {
		width: 600px;
	}

	#carte .nonMobile{
		display:block;
	}
	#carte .imgMap{
		display:none;
	}
	
	#blocTexteAccueil h2, #ctnPartenaire h2 {
		font: bold 2.3em 'Roboto Slab',sans-serif;
		color: #414042;
		text-transform: uppercase;
	}

	#piedPage{
		max-width:980px;
		margin:0 auto;
	}


}