/* David Mathieu - 30/07/15 */

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

/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0}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; }
	
	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; }
	#at15pf { height: auto;}


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

	/* Conteneurs
	--------------------------------------------------------------------------------------- */
	.conteneur{
		position:relative;
		width:980px;
		margin:0 auto 40px auto;
		padding:0 20px;
	}

	main{
		min-height:500px;
		height: auto!important;
		height: 500px;
		padding-bottom:60px;
	}

	.stickyWrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -40px;
	}
	footer, .push {
		height: 40px;
	}


	/* Titres
	--------------------------------------------------------------------------------------- */
	h1{ margin-bottom:0.5em; font:700 35px/37px 'Lato', Arial, sans-serif; color:#ffffff; }
	h2{ margin:1em 0 0.5em 0; font:700 26px/30px 'Lato', Arial, sans-serif; color:#676767; }
	h3{ margin:1em 0 0.5em 0; font:700 20px/25px 'Lato', Arial, sans-serif; color:#676767; }
	h4{ margin:1em 0 0.5em 0; font:700 16px/20px 'Lato', Arial, sans-serif; color:#676767; }


	/* Hyperliens
	--------------------------------------------------------------------------------------- */
	a{
		color:#79c088;
		text-decoration:none;
		-webkit-transition: color 0.15s linear 0s, background 0.15s linear 0s;
		transition: color 0.15s linear 0s, background 0.15s linear 0s;
	}
	a:hover, a:focus, a:active{ color:#82d0f5; outline:none; }


/* Textes et CMS
--------------------------------------------------------------------------------------- */
	.incTinyMce a { text-decoration:underline; color:#79c088;}
	.incTinyMce a:hover { color:#63a172;}
	.incTinyMce abbr[title]{border-bottom:1px dotted; }
	abbr[title] { text-decoration: none; }
	.incTinyMce img{ max-width:100%; max-height: 100%; }
	.incTinyMce p { color:#707070; font:300 15px/22px 'Lato', sans-serif;}
	.incTinyMce p.intro { font:700 16px/25px 'Lato', sans-serif;}

	/* - - - Listes - - - */
	.incTinyMce ul, .incTinyMce ol { margin-bottom:1em; overflow:hidden; }

	/* Liste incrementale stylable */
	.incTinyMce ol {
		counter-reset: bullet;
		list-style-type: none;
	}
	.incTinyMce ol li { color:#707070; font:300 15px/22px 'Lato', sans-serif; position:relative; margin-left:20px; }
	.incTinyMce ol li:before {
		counter-increment: bullet;
		content: counters(bullet,".") ".";
		position:absolute;
		top:0;
		left:-16px;
		color:#79c088;   
	}

	.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
	.incTinyMce ul{ list-style-type: none; text-align: left !important; }
	.incTinyMce ul li { color:#707070; font:300 15px/22px 'Lato', sans-serif; position: relative; padding-left: 14px; }
	.incTinyMce ul li:before {
		content: '\2022';
		position:absolute;
		top:0px;
		left:0px;
		color:#79c088;  
	}

	/* - - - 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:700 16px/25px 'Lato', sans-serif;}

	.note { font:300 12px/22px 'Lato', sans-serif; color:#707070; margin-bottom: 20px;}

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

	.retour, .suite { 
		text-decoration: none; 
		font: 1em/1em 'Lato'; 
		color:#676767; 
	}
	.retour:hover, .suite:hover { color:#676767; text-decoration: underline;}
	.retour:before {
		content: '<';
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-right: 7px;
		color:#82d0f5;	
		font-style: normal
	}
	.suite:after {
		content: '>';
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-left: 7px;	
		color:#82d0f5;	
		font-style: normal;
	}


	/* Points de suspension a la fin de la fonction couperTexte */
	.hellip{
		white-space:nowrap;
		color:#82d0f5;
		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 #dbdbdb;
	}
	.incTinyMce table caption{ color:#707070; font:300 15px/22px 'Lato', sans-serif;}	
	.incTinyMce table td, .incTinyMce table th{
		min-width: 50px;
		padding: 0.25em 0.5em;
		color:#707070; 
		font:300 15px/22px 'Lato', sans-serif;
	}
	.incTinyMce table th{
		border: 1px solid #dbdbdb;
		background: #333;
		font-weight: bold;
		color: #fff;
	}
	.incTinyMce table tr:nth-child(even){ background: #eee; }

	.incTinyMce blockquote p:before { content: '\201C'; color:#79c088;}
	.incTinyMce blockquote p:after { content: '\201D'; color:#79c088;}
	.fr .incTinyMce blockquote p:before { content: '\00AB'; color:#79c088;}
	.fr .incTinyMce blockquote p:after { content: '\00BB'; color:#79c088;}


/* 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: 10px 0;
		color:#676767;
		font:700 13px/1em 'Lato', sans-serif;
	}

	/* Couleur de l'etoile pour champs obligatoires */
	label abbr, .note abbr{
		padding:0;
		border:0 none !important;
		color:#79c088;
		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:40px;
		padding:5px 14px;
		border:1px solid #dbdbdb;
		/*-webkit-appearance: none;*/
		font:300 13px/1em 'Lato', sans-serif;
		color:#707070;
		-webkit-transition:border ease-in-out 0.3s;
		transition:border ease-in-out 0.3s;
	}

	.form textarea{ height:104px; padding:14px;}

	.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 #82d0f5;
	}


	/* - - - Placeholders - - - */
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#707070; }
	input::-moz-placeholder, textarea::-moz-placeholder{ opacity:1; color:#707070; }
	input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#707070 !important; }


	/* - - - Buttons - - - */
	button, .button, .button2{
		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{ 
		height: 40px;
		padding:0 40px;
		text-align: center;
		border-radius:40px;
		background-color:#82d0f5;
		font:700 16px/38px 'Lato', sans-serif;
		color:#fff;
		position: relative;
	}

	.button2{ 
		height: 60px;
		padding:10px 40px 0;
		text-align: center;
		border-radius:40px;
		background-color:#82d0f5;
		font:700 16px/20px 'Lato', sans-serif;
		color:#fff;
		position: relative;
		margin-top:20px;
	}

	button:hover, .button:hover, .button2:hover,
	button:focus, .button:focus, .button2:focus,
	button:active, .button:active, .button2:active { color:#fff; background: #79c088;} 

	.buttonWrap { text-align: center;}

	/* - - - 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!important; background-color:#c6edff; border-color:#004868; }
	.messageSucces{ color:#005729!important; background-color:#dff2bf; border-color:#005729; }
	.messageAvertissement{ color:#790000!important; background-color:#feefb3; border-color:#790000; }
	.messageErreur{ color:#a9181c!important; 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;
		height:60px;
		background: #fff;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		z-index: 100;
	}
	#entete .conteneur { margin:0 auto;}

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


/* Menu principal
--------------------------------------------------------------------------------------- */
	#menu {
		clear:left;
		float:left;
		width: 100%;
		height: 60px;
	}
	#menu li { 
		float:left;
		position:relative; 
		height:60px;
		margin:0;
		margin-left:40px;
	}	
	#menu a {
		height:100%;		
		padding: 0;
		font: 16px/62px 'Lato', sans-serif;
		color: #676767;
		display:block;
	}
	#menu > ul > li:first-child { margin-left:0; }
	#menu a:hover, #menu a:focus, #menu a:active { color:#79c088; }
	#menu a.actif { color:#a9a9a9; }

	#menu li.lang { float: right; margin-top:14px; }
	#menu li.lang a {
		background: #82d0f5;
		border-radius:32px;
		height: 32px;
		width: 32px;
		font:900 12px/32px 'Lato', sans-serif;
		color:#fff;
		text-align: center;
	}
	#menu li.lang a:hover { background: #79c088;}

	#menu .avecMenu > a { padding:0 25px 0 0;}
	#menu .avecMenu > a:before {
	    content: ",";
	    font: 400 16px/16px "guifx";
	    position: absolute;
	    top: 50%;
	    margin-top: -6px;
	    right: 3px;
	    color: #676767;
	    transition: all 0.2s linear;
	}

	#menu .avecMenu > a:hover:before, #menu .avecMenu > a:focus:before, #menu .avecMenu > a:active:before { color:#7a8692; }
	#menu .avecMenu > a.actif:before { color:#7a8692; }

	#menu .avecMenu.anim > a:before { transform: rotate(180deg); -webkit-transform: rotate(180deg);}

	/* Menu déroulant */
	#menu ul ul {
		display:none;
		position:absolute;
		top:60px;
		left:0;
		width:300px;
		box-shadow:-3px 3px 5px  rgba(0, 0, 0, 0.15), 3px 3px 5px  rgba(0, 0, 0, 0.15);
	}
	#menu ul ul li{
		display:block;
		float:none;
		border:0;
		margin:0;
		height: auto;
		border-bottom:1px solid #dbdbdb;		
		background: #fff;
	}
	#menu ul ul > li:last-child { }		
	#menu ul ul li a { 
		width:300px;
		margin:0;
		font: 16px/20px 'Lato', sans-serif;
		padding:20px 15px;
	}
	#menu ul ul.dernier { left:auto; right:0;}

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
	#banniereInterne {
		height: 170px;
		background: url(../gx/m/banniereInterne.jpg) no-repeat top center;
		margin-bottom: 50px;
	}
	#banniereInterne.sml { margin-bottom: 30px;}
	#banniereInterne .conteneur { margin:0 auto; height: 100%;}
	#banniereInterne h1 { 
		margin: 0; max-width: 630px;
		position: absolute;
		top:50%; 
		transform:translateY(-50%); -webkit-tranform:translateY(-50%);
	}

	#colPrincipale{
		float:left;
		width:628px;
		margin-right: 30px;
		margin-bottom: 40px;
	}

	/* Sidebar
	--------------------------------------------------------------------------------------- */
	#sidebar{
		float:right;
		width:282px;
		margin-bottom: 0px;
	}

	/* CTA */
	.sideCta {
		width: 100%;
		background: #79c088;
		height: 112px;
		margin-bottom: 20px;
		-webkit-transition: background 0.15s linear 0s;
		transition: background 0.15s linear 0s;
	}
	.sideCta.dernier { margin-bottom: 40px;}
	.sideCta:hover { background: #63a172;}
	.sideCta a {
		display: block;
		width: 100%;
		height: 100%;
		color:#fff;
		padding:25px 20px;
		position: relative;
	}
	.sideCta a:before {
		content:'>';
		font:30px/30px 'guifx', sans-serif;
		position: absolute;
		top: 45px;
		right: 20px;
	}
	.sideCta p { max-width: 220px; font:300 15px/22px 'Lato', sans-serif;}
	.sideCta p.ligne { line-height: 12px;}
	.sideCta p span { font-size:35px; line-height: 35px; font-weight: 700;}

	.en .sideCta.long a { padding:10px 20px;}
	.en .sideCta.long p span { font-size: 32px; line-height: 32px;}

	/* FORMULAIRE */
	#sidebar .formulaireContactTitre { text-align: left; border-bottom: 3px solid #dbdbdb; margin-bottom: 17px;}
	#sidebar .formulaireContactTitre p { color:#676767; font:700 20px/23px 'Lato', sans-serif; margin-bottom: 17px;}
	#sidebar .formulaireContactTitre p:before {
		content: '';
		width:30px;
		height: 23px;
		display: inline-block;
		vertical-align: -5px;
		background: url(../gx/m/icone-avion.png) no-repeat;
		margin-right: 10px;
	}


	/* Pagination
	--------------------------------------------------------------------------------------- */
	.pagination { clear:both; padding-top:20px; text-align: center; border-top:1px solid #dbdbdb;}

	.pagination a, .module_pagination_pagecourante{
		display:inline-block;
		width:28px;
		height: 28px;
		text-align:center;
		font:13px/28px Arial, Helvetica, sans-serif;
		background-color:#fff;
		color:#676767;
		border: 1px solid #dbdbdb;
		text-decoration:none;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}

	.pagination .module_pagination_pagecourante{ background-color:#82d0f5; color:#fff; border-color:#82d0f5; }

	.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: 13px/28px "guifx", monospace;
		color:#79c088;
	}

	.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:#fff; color:#676767; border-color:#82d0f5; }


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
	#listeNouvelle{ list-style:none; }
	#listeNouvelle li { padding-bottom:35px;}
	#listeNouvelle li h2 { margin: 0 0 10px 0;}
	#listeNouvelle li h2 a { color:#676767;}
	#listeNouvelle li h2 a:hover { color:#79c088;}
	#listeNouvelle figure { float:left; margin-right:20px; }
	#listeNouvelle .nouvTexte { margin-left:240px; }
	#listeNouvelle .nouvTexte p { color:#707070; font:300 15px/22px 'Lato', sans-serif;}
	time { font:300 13px/13px 'Lato', sans-serif; display: block; margin-bottom: 5px; }
	#listeNouvelle .suite { font-style: italic; font-weight: bold; font-size: 15px;}


/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
	#detailNouvelle{}
	#detailNouvelle figure img { width: 300px; }

	/* - - - Boutons de partage - - -  */
	#partage{ margin:0 0 2em 0; display: block; width: 100%; }
	#partage h3{ margin-bottom:0.5em; }


/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
	/* BANNIERE */
	#banniereAccueil {
		width: 100%;
		height: 360px;
		background: url(../gx/01/banniereAccueil.jpg) no-repeat center top;
		position: relative;
		z-index: 2;
	}
	#banniereAccueil .conteneur { margin:0 auto; height: 100%;}
	#banniereAccueil a { display: block; width: 100%; height: 100%; text-align: right; }
	.banniereTexte {
		position: absolute;
		right: 60px;
		top:132px;
		z-index: 10;
	}
	.en #banniereAccueil .banniereTexte { top: 87px; }
	.banniereTexte p {
		font:900 45px/50px 'Lato', sans-serif;
		text-transform: uppercase;
		color:#676767;
	}
	.banniereTexte p span { color:#79c088;}

	/* CTA */
	#ctaAccueil { float: left; width: 100%; padding:20px 0; margin:0; background: #fff;}
	#ctaAccueil .cta {
		float: left;
		width: 300px;
		margin-left: 20px;
		height: 140px;
		position: relative;
		z-index: 2;
	}	
	#ctaAccueil .cta.ergo { margin-left: 0; background: url(../gx/01/ctaErgo.jpg) no-repeat;}
	#ctaAccueil .cta.outil { background: url(../gx/01/ctaOutil.jpg) no-repeat;}
	#ctaAccueil .cta.nv { background: url(../gx/01/ctaNv.jpg) no-repeat;}
	#ctaAccueil .cta a { width: 100%; height: 100%; position: relative; display: block;}
	#ctaAccueil .cta .mask {
		display: block;
	    height: 100%;
	    width: 100%;
	    left: 0;
	    background: rgba(255,255,255,0.35);
	    opacity: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    z-index: 10;
		-webkit-transition: opacity 0.5s linear 0s; transition: opacity 0.5s linear 0s;
	}	
	#ctaAccueil .caption {
		background: rgba(0,0,0,0.55);
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 20;
		padding:10px 20px;
		-webkit-transition: background 0.5s linear 0s; transition: background 0.5s linear 0s;
	}
	
	#ctaAccueil .caption p { 
		color:#fff; 
		margin:0; 
		font:300 14px/14px 'Lato', sans-serif;
		-webkit-transition: color 0.5s linear 0s; transition: color 0.5s linear 0s;
	}
	#ctaAccueil .caption p.pageRef { font:20px/20px 'Lato', sans-serif;}

	#ctaAccueil .cta a:hover .mask { opacity: 1;}
	#ctaAccueil .cta a:hover .caption { background: rgba(0,0,0,0.8);}

	/* TEXTE */
	#texteAccueil { float: left; width: 100%; padding:20px 0 40px 0; margin:0; background: #f3f4f4;}
	#texteAccueil article { float: left; width: 50%; margin-top: 10px;}
	#texteAccueil h1 { margin:0; color:#676767; font:700 35px/42px 'Lato', sans-serif;}	
	#texteAccueil .intro { color:#202020; font:700 16px/22px 'Lato', sans-serif;}
	#texteAccueil p { color:#707070; font:300 15px/22px 'Lato', sans-serif; margin-bottom: 20px;}

	#texteAccueil .logoIRSC { float: right; width: 48%; text-align: center;margin-top: 20px;}
	#texteAccueil .logoIRSC img { display: inline-block; margin-top: 10px;}

	/* NOUVELLE */
	#nouvelleAccueil { float: left; width: 100%; margin-bottom: 30px;}
	.nouvelleAccueilTitre { margin:35px 0 20px 0; position: relative;}
	.nouvelleAccueilTitre h2 { 
		margin:0;
		font:700 35px/42px 'Lato', sans-serif;
	}
	.nouvelleAccueilTitre h2 a { color:#676767;}
	.nouvelleAccueilTitre h2 a:hover { color:#82d0f5;}
	.nouvelleAccueilTitre .suite {
		font:300 15px/20px 'Lato', sans-serif;
		position: absolute;
		bottom: 2px;
		right: 0px;
		color:#707070;
	}
	.nouvelleAccueilTitre .suite:after { padding-left:5px;}
	.nouvelleAccueilTitre .suite:hover { color:#707070; text-decoration: underline;}
	.nouvelleAcc {
		float: left;
		width: 300px;
		margin-left: 20px;
		background: #f3f4f4;
	}
	.nouvelleAcc.premier { margin-left: 0;}
	.nouvTexteAcc { padding:17px 22px; height: 100px;}
	.nouvTexteAcc h3 { margin:5px 0 0 0; font:700 16px/22px 'Lato', sans-serif}
	.nouvTexteAcc a { color:#676767;}
	.nouvTexteAcc a:hover { color:#676767; text-decoration: underline;}

/* 05_100 : FAQ
--------------------------------------------------------------------------------------- */
	#faq li { margin-bottom: 10px;}
	a.lienHaut { text-decoration: none;}
	.lienHaut:before {
		content: ',';
		transform: rotate(180deg); -webkit-transform: rotate(180deg);
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-left:4px;
		color:#82d0f5;	
		font-style: normal;
	}

/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
	#contactForm form { width: 380px; margin:0 auto;}
	.formulaireContactTitre { text-align: center;}
	.formulaireContactTitre h2 { margin:0 0 20px;}
	#contactForm .formulaireContactTitre p { font:300 15px/22px 'Lato', sans-serif; color:#707070; margin-bottom: 35px;}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
	#piedPage { background: #202020; padding-top: 12px; font-size:12px;}
	#piedPage .conteneur { margin:0 auto;}

	.referencement{ font-size:11px; }

	.lienPartager {
		float:right;
		background: url(../gx/m/lienPartager.png) no-repeat right;
		color:#fff;
		padding-right: 15px;		
	}
	.copyrights { float: left;}
	.copyrights a { color:#fff;}
	.copyrights a:hover{ text-decoration:underline; }
	.signatureVortex{ white-space: nowrap; font-weight: bold; }


/* ==================================================================================== */
/*  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) {

}

/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {

}

/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 980px) {

}