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


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


/* Styles généraux
--------------------------------------------------------------------------------------- */
	/* - - - - - Box-model - - - - - */
	*, *:before, *:after{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	button, button:before, button:after{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Correction Fancybox */
	.fancybox-wrap, .fancybox-wrap *{
		-moz-box-sizing: content-box !important;
		-webkit-box-sizing: content-box !important;
		-safari-box-sizing: content-box !important;
		box-sizing: content-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;}

	/* Méthode 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'écrans 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;}


	/* Fixe espacement inline-block | Si on ne peut pas retirer les espaces blancs en programmation */
	.ie8 .ibfix {letter-spacing: -1em; word-spacing: -1em;}
	.ie8 .ibfix > * {letter-spacing: normal; word-spacing: normal;}

	.ibfix {display: table; table-layout: fixed; font-size: 0rem; width: 100%;}
	.ibfix > * {font-size: 14px; zoom: 1;}


/* Body et HTML
--------------------------------------------------------------------------------------- */
	html, body {}
	body {
		background:#fff; font:14px/150% "Open Sans", Arial, sans-serif; color:#666;
	}


/* Conteneurs
--------------------------------------------------------------------------------------- */
	.conteneur {
		position:relative; max-width: 1200px; margin:0 auto;
		padding-left: 20px; padding-right: 20px;
	}

	main {min-height:500px; padding-top: 100px;}

	/* Bannière interne par défaut */
	.interne main {background: url("../gx/m/bg-interne.jpg") no-repeat center 100px; padding-top: 270px;}
	.interne .divConteneurPrincipal {background: #fff; padding-bottom: 60px;}

	@media only screen and (min-width: 768px) {
		.interne main {padding-top: 280px;}
	}
	@media only screen and (min-width: 960px) {
		main {padding-top: 150px;}
		.interne main {padding-top: 350px; background-position: center 150px;}
	}


/* Titres
--------------------------------------------------------------------------------------- */
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font:14px/110% "PT Serif"; margin-bottom:1em; color:#002b5c;}
	h1,.h1 {font-size: 35px; font-weight: 700;}
	h2,.h2 {font-size: 25px; font-weight: 400;}
	h3,.h3 {font-size: 20px; font-weight: 700;}
	h4,.h4 {font-size: 18px; font-weight: 700;}
	h5,.h5 {}
	h6,.h6 {}

	h3 a, .h3 a {color: #002b5c;}
	h3 a:hover, h3 a:focus, h3 a:active,
	.h3 a:hover, .h3 a:focus, .h3 a:active {color:#2c2c2c; outline:none;}

	h4 a, .h4 a {color: #2c2c2c;}
	h4 a:hover, h4 a:focus, h4 a:active,
	.h4 a:hover, .h4 a:focus, .h4 a:active {color:#002b5c; outline:none;}

	@media only screen and (min-width: 960px) {
		h1,.h1 {font-size: 50px;}
		h2,.h2 {font-size: 40px;}
	}


/* Hyperliens
--------------------------------------------------------------------------------------- */
	a {
		color:#002b5c;
		/*font-weight: 700;*/
		text-decoration:none;
		-webkit-transition: color 0.15s linear 0s;
		transition: color 0.15s linear 0s;
	}
	a:hover, a:focus, a:active {color:#acacac; 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%; position: relative; z-index: 2;}

	@media only screen and (max-width: 768px) {
		.incTinyMce img {float: none !important; margin: 0 0 20px 0 !important;}
	}

	/* - - - Listes - - - */
	.incTinyMce ul, .incTinyMce ol {margin-bottom:1em;}
	.incTinyMce li li {margin-left: 20px;}
	.incTinyMce li li {margin-left: 20px;}

	/* Liste stylable */
	.incTinyMce ol {counter-reset: bullet; list-style-type: none;}
	.incTinyMce ol li {}
	.incTinyMce ol > li:before {
		counter-increment: bullet; content: counters(bullet,".") ".";
		color:#002b5c; font-weight: 700; margin-right: 5px;
	}

	.incTinyMce ul {list-style-type: none;}
	.incTinyMce ul li {padding-bottom: 10px;}
	.incTinyMce ul li:before {
		content: ""; width: 4px; height: 4px; border-radius: 100%; margin-right: 5px;
		display: inline-block; background: #002b5c; vertical-align: middle;
	}

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

	/* Image responsive */
	figure {position: relative;}
	figure img {width: auto; max-width: 100%; height: auto;}

	/* Photo d'un avis */
	figure.figureAvis {
		width: 100%; height: 0; padding-bottom: 100%; text-align: center;
		background: #ebebeb; position: relative;
	}
	figure.figureAvis img {
		max-height: 100%;
		position: absolute; top: 50%; left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	figure.figureAvis.liste  {max-height: 200px;}
	figure.figureAvis.detail {max-height: 286px;}

	.intro {color: #000; font-weight: 600;}

	.note {font-size:11px;}

	.vide {
		padding:50px 0; text-align:center;
		font-size: 18px; line-height: 25px; font-weight: 700;	color:#000;
	}

	/* Points de suspension a la fin de la fonction couperTexte */
	.hellip {
		white-space:nowrap;
		color:#002b5c;
		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-size: 14px; line-height: 16px;}
	.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;}


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

		display: inline-block; vertical-align: middle;

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


	.icone-oiseauLivreur:before 			{content: "\e928";}
	.icone-flecheRond_droite:before		{content: "\e917";}
	.icone-flecheRond_gauche:before		{content: "\e925";}
	.icone-flecheRond_haut:before			{content: "\e926";}
	.icone-flecheRond_bas:before 			{content: "\e927";}
	.icone-flecheGros_gauche:before 	{content: "\e900";}
	.icone-flecheGros_haut:before 		{content: "\e901";}
	.icone-flecheGros_bas:before 			{content: "\e902";}
	.icone-flecheGros_droite:before 	{content: "\e903";}
	.icone-enveloppe_ouverte:before 	{content: "\e904";}
	.icone-facebook:before 						{content: "\e905";}
	.icone-famille:before 						{content: "\e906";}
	.icone-fleche_bas:before 					{content: "\e907";}
	.icone-fleche_droite:before 			{content: "\e908";}
	.icone-fleche_gauche:before 			{content: "\e909";}
	.icone-fleche_haut:before 				{content: "\e90a";}
	.icone-fleur:before 							{content: "\e90b";}
	.icone-formulaire:before 					{content: "\e90c";}
	.icone-galerie:before 						{content: "\e90d";}
	.icone-horloge:before 						{content: "\e90e";}
	.icone-imprimante:before 					{content: "\e90f";}
	.icone-jouer:before 							{content: "\e910";}
	.icone-localisation:before 				{content: "\e911";}
	.icone-loupe:before 							{content: "\e912";}
	.icone-marqueur:before 						{content: "\e913";}
	.icone-nourriture:before 					{content: "\e914";}
	.icone-oiseau:before 							{content: "\e915";}
	.icone-plume:before 							{content: "\e916";}
	.icone-telephone:before 					{content: "\e918";}
	.icone-twitter:before 						{content: "\e919";}
	.icone-vague:before 							{content: "\e91a";}
	.icone-avion:before 							{content: "\e91b";}
	.icone-bouquet:before 						{content: "\e91c";}
	.icone-calendrier:before 					{content: "\e91d";}
	.icone-chapelle:before 						{content: "\e91e";}
	.icone-citation_debut:before 			{content: "\e91f";}
	.icone-citation_fin:before 				{content: "\e920";}
	.icone-couple:before 							{content: "\e921";}
	.icone-document:before 						{content: "\e922";}
	.icone-eglise:before 							{content: "\e923";}
	.icone-enveloppe_fermee:before 		{content: "\e924";}


/* 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-bottom: 5px; font-size: 13px; color: #acacac; text-transform: uppercase;}

	/* Couleur de l'etoile pour champs obligatoires */
	label abbr, .note abbr {
		padding:0 2px;
		border:0 none !important;
		/*color:#002b5c;*/
		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, .divListeDeroulante label.customSelect {
		width:100%;
		height:40px;
		padding:5px;
		border:1px solid #bcbcbc;
		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 {min-height: 40px; height:104px;}

	.form input[type=checkbox] {}
	.form input[type=checkbox] + label,
	.form input[type=radio] + label {display: inline; margin-bottom: 0; font-size: 13px; color: #666; text-transform: 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, .divListeDeroulante label.customSelect.focus {
		outline:0; border: 1px solid #002b5c;
	}


	/* Select stylisé maison */
	.divListeDeroulante {}
	.divListeDeroulante select {width: 100%;}
	.divListeDeroulante select option {}

	/* Select stylisé | Sera appliqué seulement si JS est activé */
	.divListeDeroulante label.customSelect {
		display: block; position: relative; overflow: hidden; margin: 0;
		padding-top: 0; padding-bottom: 0;

		color: #333; text-transform: none;

		padding-right: 40px; line-height: 40px;
	}

	.divListeDeroulante label.customSelect:before {
		content: ""; display: block;
		position: absolute; top: 50%; right: 10px;
		width: 0; height: 0;
		border-style: solid;
		border-width: 5px 4px 0 4px;
		border-color: #002b5c transparent transparent transparent;
	}

	.divListeDeroulante label.customSelect span.texte {word-break: break-all; display: block;}
	.divListeDeroulante label.customSelect select {
		position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;
		opacity: 0; filter: alpha(opacity=00);
		border: none; outline: none;
	}


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


	/* - - - 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:#006592; background-color:#c6edff; border-color:#006592;}
	.messageSucces {color:#004D07; background-color:#dff2bf; border-color:#004D07;}
	.messageAvertissement {color:#7a440a; background-color:#ffffb3; border-color:#7a440a;}
	.messageErreur {color:#c00; background-color:#fdd; border-color:#c00;}

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

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

	@media only screen and (min-width: 768px) {
		.form .col1, .form .col2 {float: left; width: 50%;}
		.form .col1 {clear:left; padding-right: 10px;}
		.form .col2 {padding-left: 10px;}
		.form .colFull {clear:left;}
	}


	/* Champ avec bouton */
	.divInputBouton {position: relative;}
	.divInputBouton input[type=text] {padding-right: 40px;}
	.divInputBouton button {
		background: none; padding: 10px; margin: 0; border: 0;
		font-size: 20px; line-height: 20px; width: 40px; height: 40px; color: #acacac;
		position: absolute; top: 0; right: 0;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	.divInputBouton button:hover {color: #002b5c;}

	.divBasForm {}
	.divBasForm .divNote,
	.divBasForm .divBouton {}
	.divBasForm .divNote {line-height: 100%; color: #acacac;}
	.divBasForm .divBouton {}
	.divBasForm .divBouton .bouton {width: 100%;}

	@media only screen and (min-width: 480px) {
		.divBasForm {display: table; width: 100%;}
		.divBasForm .divNote,
		.divBasForm .divBouton {display: table-cell; vertical-align: middle;}
		.divBasForm .divNote {padding-right: 20px;}
		.divBasForm .divNote p {margin-bottom: 0;}
		.divBasForm .divBouton {width: 200px;}
		.divBasForm .divBouton .bouton {width: 100%;}
	}


/* Boutons
--------------------------------------------------------------------------------------- */
	/* Reset */
	button {
		position: relative; background: none; border: 0; padding: 0; margin: 0; text-align: left;
		font:14px/150% "Open Sans", Arial, sans-serif; color:#666;
	}
	button:hover, button:focus, button:active {outline: none;}

	.bouton, a.bouton, button.bouton {
		display: inline-block; vertical-align: middle;
		padding: 0; border-radius:3px; background: none;
		font: 400 16px/16px "PT Serif"; text-align: center;
		text-decoration:none !important;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.bouton:hover, a.bouton:hover, button.bouton:hover,
	.bouton:focus, a.bouton:focus, button.bouton:focus,
	.bouton:active, a.bouton:active, button.bouton:active {outline:none; cursor: pointer;}

	.bouton.transparent, a.bouton.transparent, button.bouton.transparent {padding: 11px 20px; border: 1px solid transparent;}
	.bouton.transparent.gros, a.bouton.transparent.gros, button.bouton.transparent.gros {padding: 14px 20px; font-weight: 700; border: 3px solid transparent;}

	.bouton.transparent.bleu, a.bouton.transparent.bleu, button.bouton.transparent.bleu {color: #002b5c; border-color: #002b5c;}
	.bouton.transparent.bleu:hover, a.bouton.transparent.bleu:hover, button.bouton.transparent.bleu:hover,
	.bouton.transparent.bleu:focus, a.bouton.transparent.bleu:focus, button.bouton.transparent.bleu:focus,
	.bouton.transparent.bleu:active, a.bouton.transparent.bleu:active, button.bouton.transparent.bleu:active {background: #002b5c; color: #fff;}

	.bouton.transparent.blanc, a.bouton.transparent.blanc, button.bouton.transparent.blanc {color: #fff; border-color: #fff;}
	.bouton.transparent.blanc:hover, a.bouton.transparent.blanc:hover, button.bouton.transparent.blanc:hover,
	.bouton.transparent.blanc:focus, a.bouton.transparent.blanc:focus, button.bouton.transparent.blanc:focus,
	.bouton.transparent.blanc:active, a.bouton.transparent.blanc:active, button.bouton.transparent.blanc:active {background: #fff; color: #002b5c;}

	.bouton.plein, a.bouton.plein, button.bouton.plein {padding: 12px 20px;}
	.bouton.plein.gros, a.bouton.plein.gros, button.bouton.plein.gros {padding: 17px 20px;}

	.bouton.plein.bleu, a.bouton.plein.bleu, button.bouton.plein.bleu {
		background: #002b5c; color: #fff;
		box-shadow: inset 1px 1px 2px rgba(255,255,255,.2);
	}
	.bouton.plein.bleu:hover, a.bouton.plein.bleu:hover, button.bouton.plein.bleu:hover,
	.bouton.plein.bleu:focus, a.bouton.plein.bleu:focus, button.bouton.plein.bleu:focus,
	.bouton.plein.bleu:active, a.bouton.plein.bleu:active, button.bouton.plein.bleu:active {background: #264b74;}

	.bouton:before, a.bouton:before, button.bouton:before,
	.bouton:after, a.bouton:after, button.bouton:after {font-weight: 400;}


	/* Flèches du carrousel */
	button.btnFlecheCarrousel {
		position: relative; padding: 0; margin: 0; border: none; outline: none; background: none;
		font-size: 50px; width: 70px; line-height: 50px; color: #fff;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	button.btnFlecheCarrousel:hover {color: #acacac;}
	button.btnFlecheCarrousel.suiv {text-align: right;}


	/* Boutons de partage */
	.btnPartage {display: inline-block; vertical-align: middle;}
	.btnPartage:before {font-family: "ubald"; font-size: 25px; line-height: 100%;}
	.btnPartage span {display: none;}

	.btnPartage.imprimer:before {content: "\e90f";}
	.btnPartage.courriel:before {content: "\e924"; font-size: 28px;}
	.btnPartage.facebook:before {content: "\e905";}
	.btnPartage.twitter:before  {content: "\e919";}


	/* Bouton du choix de lettre */
	.btnLettre {
		position: relative; text-align: center;
		font-size: 18px; font-weight: 400; line-height: 50px; font-family: "PT Serif"; text-transform: uppercase; color: #002b5c;
		display: inline-block; vertical-align: middle;
		width: 50px; height: 50px; border: 1px solid #e1e1e1;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	.btnLettre:hover {background: #002b5c; color: #fff;}
	.btnLettre.actif {background: #002b5c; color: #fff;}


	/* Bouton Bouquet */
	.btnBouquet {position: relative; display: inline-block; max-width: 100%;}
	.btnBouquet:before {
		content: "+"; position: absolute; top: 50%; left: 50%; margin-top: -52px; margin-left: -22px;
		font-size: 76px; font-weight: 400; line-height: 76px; width: 44px; color: #002b5c; z-index: 2;
		font-weight: 300; opacity: 0;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}
	.btnBouquet span {
		font: 700 20px/100% "PT Serif"; color: #002b5c; text-align: center; opacity: 0;
		position: absolute; top: 50%; left: 0; right: 0; margin-top: 20px; z-index: 2;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}
	.btnBouquet figure {
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}

	.btnBouquet:hover {}
	.btnBouquet:hover figure {opacity: 0.25;}
	.btnBouquet:hover:before,
	.btnBouquet:hover span {opacity: 1;}

	.actif .btnBouquet {}
	.actif .btnBouquet figure {opacity: 0.25;}
	.actif .btnBouquet:before,
	.actif .btnBouquet span {opacity: 1;}


	/* CTA Interne */
	a.ctaAside {
		display: block; position: relative;
		border: 2px solid #002b5c; padding: 20px 5px 20px 60px;
		font-size: 16px; font-weight: 400; color: #666; min-height: 90px;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	a.ctaAside strong {
		display: block; font-family: "PT Serif"; color: #002b5c;
		-webkit-transition: color 0.15s linear 0s;
		transition: color 0.15s linear 0s;
	}
	a.ctaAside:before {
		font-family: "ubald"; color: #002b5c;
		font-size: 50px; line-height: 50px;
		position: absolute; top: 50%; margin-top: -25px; left: 5px;
		-webkit-transition: color 0.15s linear 0s;
		transition: color 0.15s linear 0s;
	}
	a.ctaAside.cta-formulaire:before 	{content: "\e90c";}
	a.ctaAside.cta-oiseau:before 			{content: "\e915";}
	a.ctaAside.cta-chapelle:before 		{content: "\e91e";}

	a.ctaAside:hover {color: #fff; border-color: #002b5c; background: #002b5c;}
	a.ctaAside:hover strong,
	a.ctaAside:hover:before {color: #fff;}


	/* CTA Visite virtuelle */
	a.ctaVisiteVirtuelle {
		position: relative; display: block; background: #fff; color: #002b5c; font-family: "PT Serif";
		font-weight: 400;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	a.ctaVisiteVirtuelle span {
		display: block; text-align: center; height: 120px;
		font-size: 22px; font-weight: 700;
		position: absolute; left: 0; right: 0; top: 50%; margin-top: -60px; z-index: 2;
	}
	a.ctaVisiteVirtuelle span:before {
		content: "\e911"; font-family: "ubald";
		display: block; font-size: 85px; line-height: 85px; margin-bottom: 15px;
	}
	a.ctaVisiteVirtuelle figure {
		opacity: 0.5;
		-webkit-transition: opacity 0.15s linear 0s;
		transition: opacity 0.15s linear 0s;
	}

	a.ctaVisiteVirtuelle:hover {background: #002b5c; color: #fff;}
	a.ctaVisiteVirtuelle:hover figure {opacity: 0.3;}


	/* CTA Offrir */
	a.ctaOffrir {
		position: relative; display: block; background: #fff; color: #002b5c;
		border: 2px solid #002b5c; padding: 20px 40px 25px;
		font-size: 20px; font-weight: 700; text-align: center; font-family: "PT Serif";
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	a.ctaOffrir:before {
		content: "\e91c"; font-family: "ubald"; font-weight: 400;
		display: block; font-size: 85px; line-height: 85px; margin: 0 auto 15px;
	}
	a.ctaOffrir figure {
		opacity: 0.5;
		-webkit-transition: opacity 0.15s linear 0s;
		transition: opacity 0.15s linear 0s;
	}

	a.ctaOffrir:hover {background: #002b5c; color: #fff;}
	a.ctaOffrir:hover figure {opacity: 0.3;}


	/* CTA Vidéo */
	a.ctaVideo {position: relative; display: block; background: #002b5c; font-weight: 400;}
	a.ctaVideo:before {
		content: "\e910"; font-family: "ubald";
		font-size: 60px; line-height: 60px; height: 60px; width: 60px; color: #fff;
		position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 5;
		opacity: 0.75;
		-webkit-transition: opacity 0.15s linear 0s;
		transition: opacity 0.15s linear 0s;
	}
	a.ctaVideo figure {
		opacity: 0.75;
		-webkit-transition: opacity 0.15s linear 0s;
		transition: opacity 0.15s linear 0s;
	}

	a.ctaVideo:hover {}
	a.ctaVideo:hover:before {opacity: 1;}
	a.ctaVideo:hover figure {opacity: 1;}


	/* CTA Arrangement */
	a.ctaArrangement {
		display: block; position: relative;
		border: 2px solid #002b5c; padding: 30px 10px;
		font-size: 16px; font-weight: 400; color: #666; text-align: center;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	a.ctaArrangement strong {
		display: block; font-family: "PT Serif"; font-size: 20px; color: #002b5c;
		-webkit-transition: color 0.15s linear 0s;
		transition: color 0.15s linear 0s;
	}
	a.ctaArrangement:before {
		content: "\e922"; font-family: "ubald"; color: #002b5c;
		font-size: 90px; line-height: 60px;
		display: block; margin: 0 auto 20px;
		-webkit-transition: color 0.15s linear 0s;
		transition: color 0.15s linear 0s;
	}

	a.ctaArrangement:hover {color: #fff; border-color: #002b5c; background: #002b5c;}
	a.ctaArrangement:hover strong,
	a.ctaArrangement:hover:before {color: #fff;}


	/* CTA Service */
	a.ctaService {display: block; font-weight: 400;}
	a.ctaService:before {font-family: "ubald"; font-size: 50px; line-height: 50px;}
	a.ctaService.service-1:before {content: "\e90c";}
	a.ctaService.service-2:before {content: "\e915";}
	a.ctaService.service-3:before {content: "\e921";}
	a.ctaService.service-4:before {content: "\e91b";}

	@media only screen and (min-width: 768px) {
		a.ctaService:before {font-size: 100px; line-height: 100px;}
	}


	/* CTA Service connexe */
	a.ctaServiceConnexe {display: block; font-weight: 400;}
	a.ctaServiceConnexe:before {font-family: "ubald"; font-size: 50px; line-height: 50px;}
	a.ctaServiceConnexe.cta-fleuriste:before {content: "\e91c";}
	a.ctaServiceConnexe.cta-eglise:before 	 {content: "\e923";}
	a.ctaServiceConnexe.cta-fondation:before {content: "\e904";}
	a.ctaServiceConnexe.cta-traiteur:before  {content: "\e914";}

	@media only screen and (min-width: 768px) {
		a.ctaServiceConnexe:before {font-size: 100px; line-height: 100px;}
	}


	/* Bouton plus */
	button.btnPlus {
		display: inline-block;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	button.btnPlus:before {
		content: "+"; display: inline-block;
		color: #002b5c; font-size: 25px; font-weight: 900;
		margin-right: 5px; position: relative; top: 3px;
	}
	button.btnPlus:hover {color: #002b5c;}


	/* Lien suite */
	a.lienSuite {font-size: 14px; font-weight: 700; font-family: "PT Serif";}
	a.lienSuite:after {
		content: "\e908"; font-family: "ubald"; font-size: 8px; font-weight: 400;
		display: inline-block; vertical-align: middle; margin-left: 5px;
	}
	a.lienSuite.avecBulle {font-size: 16px;}
	a.lienSuite.avecBulle:before {
		content: "\e917"; font-family: "ubald"; font-size: 30px;
		display: inline-block; vertical-align: top; margin-right: 10px;
	}
	a.lienSuite.avecBulle:after {display: none;}


	/* Lien retour */
	a.lienRetour {font-weight: 700; font-size: 14px; font-family: "PT Serif";}
	a.lienRetour:before {
		content: "\e909"; font-family: "ubald"; font-size: 10px;
		display: inline-block; vertical-align: top; margin-right: 10px;
	}


	/* Lien avec image */
	a.lienImage {position: relative; display: inline-block; max-width: 100%; background: #002b5c;}
	a.lienImage figure {
		-webkit-transition: all 0.3s linear 0s;
		transition: all 0.3s linear 0s;
	}

	a.lienImage:hover {}
	a.lienImage:hover figure {opacity: 0.25;}

	/* Avec contour et + */
	a.lienImage.plus {}
	a.lienImage.plus:before {
		content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		border: 2px solid rgba(255,255,255,0.75);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	a.lienImage.plus:after {
		content: "+"; position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -22px;
		font-size: 76px; line-height: 76px; width: 44px; color: #fff;
		font-weight: 300; opacity: 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	a.lienImage.plus:hover:before {margin: 7px;}
	a.lienImage.plus:hover:after {opacity: 0.75;}


	/* Lien photo galerie */
	a.lienGalerie {position: relative; background: #002b5c; display: block; max-width: 370px; font-weight: 400;}
	a.lienGalerie span {
		position: absolute; right: 0px; bottom: 0px; z-index: 2; opacity: 0.75;
		color: #fff; font-size: 10px; line-height: 100%; text-align: center;
		padding-right: 8px; padding-bottom: 8px;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	a.lienGalerie span:before {
		content: "\e90d"; font-family: "ubald"; display: block;
		font-size: 18px; line-height: 18px;
	}
	a.lienGalerie span:after {
		content: ""; position: absolute; bottom: 0; right: 0; z-index: -1;
		width: 0; height: 0; border-style: solid; border-width: 0 0 80px 80px;
		border-color: transparent transparent #002b5c transparent;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	a.lienGalerie figure {
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}

	a.lienGalerie:hover {}
	a.lienGalerie:hover span {color: #002b5c;}
	a.lienGalerie:hover span:after {border-color: transparent transparent #efefef transparent;}
	a.lienGalerie:hover figure {opacity: 0.25;}


	/* Lien avec localisation */
	a.lienAvecLocalisation {}
	a.lienAvecLocalisation:before {
		content: "\e911"; font-family: "ubald"; margin-right: 10px;
		position: relative; top: 2px;
	}


	/* Lien avec marqueur */
	a.lienAvecMarqueur {}
	a.lienAvecMarqueur:before {content: "\e913"; font-family: "ubald";}


/* En-tete
--------------------------------------------------------------------------------------- */
	#entete {
		position:fixed; background: #fff; z-index: 50;
		top: 0; left: 0; right: 0;
		box-shadow: 0 1px 5px rgba(0,0,0,.1);
		padding-top: 25px; height: 100px;
	}

	#logo {float: left;}

	@media only screen and (min-width: 960px) {
		#entete {position: absolute; padding-top: 25px; height: 150px;}

		#logo {margin-top: 5px;}
	}


/* Menu principal
--------------------------------------------------------------------------------------- */
	#menu {float: right; margin-top: 20px; display: none;}
	#menu > ul > li {float: left; margin-left: 20px;}
	#menu > ul > li:first-child {margin-left: 0;}
	#menu > ul > li > a {
		display: block; position: relative; padding-bottom: 18px; padding-top: 15px;
		font-size: 14px; font-weight: 400; line-height: 100%; font-family: "PT Serif"; color: #002b5c;
	}
	#menu > ul > li > a:before {
		content: "\e91a"; font-family: "ubald";
		font-size: 20px; color: #606e64; width: 20px;
		position: absolute; bottom: 0; left: 50%; margin-left: -10px;
		opacity: 0;
		-webkit-transition: opacity 0.15s linear 0s;
		transition: opacity 0.15s linear 0s;
	}
	#menu > ul > li > a:hover, #menu > ul > li > a:focus, #menu > ul > li > a:active {}
	#menu > ul > li > a:hover:before, #menu > ul > li > a:focus:before, #menu > ul > li > a:active:before {opacity: 1;}
	#menu > ul > li > a.actif:before {opacity: 1; color: #002b5c;}

	@media only screen and (min-width: 960px) {
		#menu {display: block;}
	}
	@media only screen and (min-width: 1200px) {
		#menu > ul > li {margin-left: 45px;}
		#menu > ul > li > a {font-size: 16px;}
	}

.menuGroupe { display: none; }
	@media only screen and (min-width: 960px) {
		.menuGroupe {
			display: inline-block;
			line-height: 1;
			position: relative;
			top: -20px;
		}
		.menuGroupe li { 
			display: inline-block;
			font-size: 12px;
			line-height: 1;
			list-style: none; 
			padding: 0 10px;
		}
	}
	@media only screen and (min-width: 1200px) {
		.menuGroupe { margin-left: 40px; }
	}


/* Menu secondaire
--------------------------------------------------------------------------------------- */
	#menuSec {float: right; margin-right: 60px;}
	#menuSec ul {}
	#menuSec ul li {display: inline-block; vertical-align: middle; margin-left: 15px;}
	#menuSec ul li:first-child {margin-left: 0; display: none;}
	#menuSec ul li.li-texte {font: 700 15px/50px "PT Serif"; color: #002b5c;}
	#menuSec ul li.li-texte abbr {font-size: 12px; color: #7f95ad;}
	#menuSec ul li.li-texte abbr span {position: relative; top: -2px;}
	#menuSec ul li.li-bouton {display: none;}

	@media only screen and (min-width: 480px) {
		#menuSec ul li.li-texte {font-size: 20px;}
		#menuSec ul li.li-texte abbr {font-size: 16px; margin-right: 10px;}
		#menuSec ul li.li-texte abbr span {position: relative; top: -3px;}
	}
	@media only screen and (min-width: 768px) {
		#menuSec ul li:first-child,
		#menuSec ul li.li-bouton {display: inline-block;}
	}
	@media only screen and (min-width: 960px) {
		#menuSec {margin-right: 0;}
	}


/* Contenu principal
--------------------------------------------------------------------------------------- */
	/* Entête */
	.divEnteteInterne {
		position: relative; margin-bottom: 50px;
		line-height: 60px; text-align: center; padding: 20px;
	}
	.divEnteteInterne:before {
		content: "\e91a"; font-family: "ubald"; font-size: 60px; line-height: 60px; color: #acacac;
		position: absolute; bottom: -30px; left: 50%; margin-left: -30px;
		display: block; width: 60px;
	}
	.divEnteteInterne h1,
	.divEnteteInterne .h1 {line-height: 100%; margin-bottom: 0; display: inline-block; vertical-align: middle;}

	.divEnteteInterne.avecLienRetour {}
	.divEnteteInterne.avecLienRetour a.lienRetour {
		position: absolute; top: 50%; margin-left: -8px; left: 20px;
		line-height: 16px; width: 150px; text-align: left; display: none;
	}

	@media only screen and (min-width: 768px) {
		.divEnteteInterne {min-height: 100px; line-height: 60px; margin-bottom: 65px;}
		.divEnteteInterne:before {
			content: ""; width: 596px; height: 18px; bottom: -9px; left: 50%; margin-left: -298px;
			background: url("../gx/m/img-separateur.png") no-repeat;
		}
		.divEnteteInterne.avecLienRetour {padding-left: 160px; padding-right: 160px;}
		.divEnteteInterne.avecLienRetour a.lienRetour {display: block;}
	}


	/* Colonnes */
	.divTableContenuPrincipal {}

	.divTableContenuPrincipal #sidebar,
	.divTableContenuPrincipal #colPrincipale,
	.divTableContenuPrincipal .divColonneDetail {}

	.divTableContenuPrincipal #sidebar {}
	.divTableContenuPrincipal #sidebar + #colPrincipale {}

	.divTableContenuPrincipal .divColonneDetail {margin-top: 50px;}

	@media only screen and (min-width: 768px) {
		.divTableContenuPrincipal {display: table; width: 100%; table-layout: fixed;}

		.divTableContenuPrincipal #sidebar,
		.divTableContenuPrincipal #colPrincipale,
		.divTableContenuPrincipal .divColonneDetail {display: table-cell; vertical-align: top;}

		.divTableContenuPrincipal #sidebar {width: 250px; padding-right: 24px;}
		.divTableContenuPrincipal #sidebar + #colPrincipale {padding-left: 24px; border-left: 1px solid #c3d3c8;}

		.divTableContenuPrincipal .divColonneDetail {width: 43.9655517%; padding-left: 20px; margin-top: 0;}
	}


	/* Colonne principale */
	#colPrincipale {}


/* Sidebar
--------------------------------------------------------------------------------------- */
	#sidebar {}

	/* Navigation par liste déroulante | Mobile seulement */
	.divFormNavSidebar {margin-bottom: 50px;}


	/* Menu sidebar | Bureau seulement */
	#menuSidebar {display: none; margin-bottom: 20px;}
	#menuSidebar > ul {margin-bottom: 40px;}
	#menuSidebar > ul > li {list-style: none; margin-bottom: 20px;}
	#menuSidebar > ul > li a {
		font-weight: 700; font-size: 16px; font-family: "PT Serif"; color: #666;
	}
	#menuSidebar > ul > li a:hover {color: #002b5c;}
	#menuSidebar > ul > li a.actif {color: #002b5c;}
	#menuSidebar > ul > li ul {margin-left: 20px;}
	#menuSidebar > ul > li ul li {margin-top: 5px;}
	#menuSidebar > ul > li ul li a {font-weight: 400; font-size: 14px; line-height: 100%;}

	@media only screen and (min-width: 768px) {
		.divFormNavSidebar {display: none;}
		#menuSidebar {display: block;}
	}


	/* CTA interne */
	/* Bureau seulement */
	#sidebar a.ctaAside {margin-bottom: 20px; display: none;}
	#sidebar a.ctaAside:last-child {margin-bottom: 0;}

	/* Mobile seulement */
	.divCtaInterneMobile {margin-top: 50px;}
	.divCtaInterneMobile a.ctaAside {margin-top: 20px;}

	@media only screen and (min-width: 768px) {
		#sidebar a.ctaAside {display: block;}
		.divCtaInterneMobile {display: none;}
	}


/* Pagination
--------------------------------------------------------------------------------------- */
	.divPagination {text-align: right;}
	.divPagination a, .module_pagination_pagecourante {
		display:inline-block; vertical-align: middle;
		width:32px; height: 32px; text-align:center; margin-left: 3px;
		font-size: 16px; font-weight: 400; font-family: "PT Serif"; line-height: 30px;
		color:#002b5c; border: 1px solid #002b5c;
		text-decoration:none;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}

	.divPagination .module_pagination_pagecourante {background-color:#2c2c2c; border-color: #2c2c2c; color:#fff;}
	.divPagination .module_pagination_pagesuivante a, .divPagination .module_pagination_pageprecedente a {background: none; line-height: 28px;}

	.divPagination .module_pagination_pagesuivante a:hover, .divPagination .module_pagination_pagesuivante a:focus, .divPagination .module_pagination_pagesuivante a:active,
	.divPagination .module_pagination_pageprecedente a:hover, .divPagination .module_pagination_pageprecedente a:focus, .divPagination .module_pagination_pageprecedente a:focus,
	.divPagination a:hover, .divPagination a:focus, .divPagination a:active {background: #002b5c; color:#fff;}


/* Modules
--------------------------------------------------------------------------------------- */
	/* Entête d'un formulaire */
	.divEnteteForm {
		position: relative; text-align: center; padding-top: 30px; margin-top: 30px; margin-bottom: 30px;
	}
	.divEnteteForm .divSeparation {
		position: relative; padding-top: 30px; margin-top: 30px; margin-bottom: 15px;
		border-top: 1px solid #c3d3c8;
	}
	.divEnteteForm .divSeparation:before {
		font-family: "ubald"; font-size: 56px; line-height: 56px; color: #002b5c;
		width: 100px; text-align: center; display: block; background-color: #fff;
		position: absolute; top: -30px; left: 50%; margin-left: -50px;
	}
	.divEnteteForm .divSeparation.oiseauLivreur:before {content: "\e928";}
	.divEnteteForm .divSeparation.plume:before {content: "\e916";}
	.divEnteteForm .h3 {margin-bottom: 0;}


	/* Média dans le texte */
	.divTextePrincipal {}
	.divTextePrincipal .divMediaDroite {margin-bottom: 20px; position: relative; z-index: 2;}
	.divTextePrincipal .divMediaDroite a.ctaVisiteVirtuelle,
	.divTextePrincipal .divMediaDroite a.ctaVideo {max-width: 320px;}

	@media only screen and (min-width: 960px) {
		.divTextePrincipal .divMediaDroite {float: right; margin-left: 20px;}
		.divTextePrincipal .divMediaDroite a.ctaOffrir,
		.divTextePrincipal .divMediaDroite a.ctaArrangement {max-width: 230px;}
	}


	/* Carrousel de photos */
	.divCarrouselPhoto {max-width: 490px; margin: 0 auto;}
	.divCarrouselPhoto ul.carrouselPhoto {white-space: nowrap; overflow: hidden;}
	.divCarrouselPhoto ul.carrouselPhoto li {display: inline-block; list-style: none; white-space: normal;}

	.divCarrouselPhoto .btnFlecheCarrousel.prec,
	.divCarrouselPhoto .btnFlecheCarrousel.suiv {position: absolute; top: 50%; margin-top: -25px; z-index: 2;}
	.divCarrouselPhoto .btnFlecheCarrousel.prec {left: 0;}
	.divCarrouselPhoto .btnFlecheCarrousel.suiv {right: 0;}

	.divCarrouselPhoto ul.slick-dots {text-align: center; margin-top: 30px;}
	.divCarrouselPhoto ul.slick-dots li {list-style: none; display: inline-block; margin: 0 6px;}
	.divCarrouselPhoto ul.slick-dots li button {
		display: block; width: 12px; height: 12px; outline: none;
		border-radius: 100%; background: #acacac;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	.divCarrouselPhoto ul.slick-dots li button:hover,
	.divCarrouselPhoto ul.slick-dots li.slick-active button {background: #002b5c;}


	/* Texte centré */
	.divTexteCentre {max-width: 660px; margin: 0 auto; text-align: center;}
	.divTexteCentre form {text-align: left;}


	/* Liste des avantages */
	ul.listeAvantage {margin-bottom: 20px;}
	ul.listeAvantage li {
		position: relative;
		list-style: none; width: 100%; display: inline-block; vertical-align: top;
		padding-left: 15px; margin-bottom: 30px;
	}
	ul.listeAvantage li:before {
		content: ""; display: block;
		width: 6px; height: 6px; border-radius: 100%; background: #002b5c;
		position: absolute; top: 10px; left: 0;
	}
	ul.listeAvantage li .h3 {margin-bottom: 10px;}
	ul.listeAvantage li p {}

	@media only screen and (min-width: 768px) {
		ul.listeAvantage li {width: 50%;}
	}
	@media only screen and (min-width: 960px) {
		ul.listeAvantage li {width: 33.3333%;}
	}


	/* Liste des adresses */
	ul.listeAdresse {margin-bottom: 20px; margin-top: 50px;}
	ul.listeAdresse li {
		position: relative; list-style: none; word-wrap: break-word;
		margin-bottom: 30px; padding-right: 20px;
	}
	ul.listeAdresse li .h3 {margin-bottom: 10px;}
	ul.listeAdresse li p {margin-bottom: 0;}

	@media only screen and (min-width: 480px) {
		ul.listeAdresse li {width: 50%; display: inline-block; vertical-align: top;}
	}
	@media only screen and (min-width: 960px) {
		ul.listeAdresse li {margin-bottom: 50px;}
	}


	/* Liste des photos */
	ul.listePhoto {}
	ul.listePhoto li {
		list-style: none; float: left; margin-bottom: 15px;
		width: 47.61904762%; margin-right: 4.7619047%;
	}
	ul.listePhoto li:nth-child(2n+0) {margin-right: 0;}

	@media only screen and (min-width: 480px) {
		ul.listePhoto li {
			list-style: none; float: left; margin-bottom: 10px;
			width: 31.25%; margin-right: 3.125%;
		}
		ul.listePhoto li:nth-child(2n+0) {margin-right: 3.125%;}
		ul.listePhoto li:nth-child(3n+0) {margin-right: 0;}
	}
	@media only screen and (min-width: 960px) {
		ul.listePhoto li {width: 22.598870056497175%; margin-right: 3.201506590960452%; margin-bottom: 20px;}
		ul.listePhoto li:nth-child(2n+0),
		ul.listePhoto li:nth-child(3n+0) {margin-right: 3.201506590960452%;}
		ul.listePhoto li:nth-child(4n+0) {margin-right: 0;}
	}


	/* Liste accordéon */
	.divListeAccordeon {margin: 30px 0 25px;}
	.divListeAccordeon > ul {}
	.divListeAccordeon > ul > li {list-style: none;}
	.divListeAccordeon > ul > li > h4 {margin-bottom: 0;}
	.divListeAccordeon > ul > li .btnAccordeon {
		display: block; width: 100%;
		font: 700 16px/100% "PT Serif"; color: #002b5c; text-transform: uppercase;
		padding: 0 35px 0 0;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	.divListeAccordeon > ul > li .btnAccordeon span {background: #fff; position: relative; z-index: 2; padding-right: 15px;}
	.divListeAccordeon > ul > li .btnAccordeon:before {content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; z-index: 1; background: #c3d3c8;}
	.divListeAccordeon > ul > li .btnAccordeon:after {
		content: "\e907"; font-family: "ubald"; font-weight: 400; font-size: 18px; line-height: 16px;
		position: absolute; top: 50%; margin-top: -8px; right: 0; z-index: 2;
		background: #fff; padding-left: 15px;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	.divListeAccordeon > ul > li > .divTexte {display: none; padding: 25px 0; overflow-x: auto; -webkit-overflow-scrolling: touch;}

	.divListeAccordeon > ul > li .btnAccordeon:hover {color: #2c2c2c;}

	.divListeAccordeon > ul > li.actif {}
	.divListeAccordeon > ul > li.actif .btnAccordeon {}
	.divListeAccordeon > ul > li.actif .btnAccordeon:after {}


	/* Carte Google */
	#carteGoogle {width: 100%; height: 400px;}



	/* Magnific Popup - Animation - Zoom */
	/* Overlay */
	.mfp-zoom-in.mfp-bg {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out;
		-moz-transition: all 0.15s ease-out;
		transition: all 0.15s ease-out;
	}
	.mfp-zoom-in.mfp-bg.mfp-ready {opacity: 0.8;}
	.mfp-zoom-in.mfp-bg.mfp-removing {opacity: 0;}

	/* Contenu */
	.mfp-zoom-in.mfp-wrap .mfp-content {
		opacity: 0;
		-webkit-transform: scale(0.8);
				-ms-transform: scale(0.8);
						transform: scale(0.8);

		-webkit-transition: all 0.15s ease-out;
		transition: all 0.15s ease-out;
	}
	.mfp-zoom-in.mfp-wrap.mfp-ready .mfp-content {
		opacity: 1;
		-webkit-transform: scale(1);
				-ms-transform: scale(1);
						transform: scale(1);
	}
	.mfp-zoom-in.mfp-wrap.mfp-removing .mfp-content {
		opacity: 0;
		-webkit-transform: scale(0.8);
				-ms-transform: scale(0.8);
						transform: scale(0.8);
	}


/* Équipe
--------------------------------------------------------------------------------------- */
	ul.listeEquipe {margin-bottom: 50px; margin-top: 30px;}
	ul.listeEquipe li {list-style: none; margin-bottom: 20px;}
	ul.listeEquipe li .divEquipe {max-width: 180px; margin: 0 auto;}
	ul.listeEquipe li .divEquipe figure {margin-bottom: 10px;}
	ul.listeEquipe li .divEquipe header {margin-bottom: 1em;}
	ul.listeEquipe li .divEquipe header h4 {margin-bottom: 5px;}
	ul.listeEquipe li .divEquipe header p {font-style: italic;}

	@media only screen and (min-width: 480px) {
		ul.listeEquipe li {
			display: inline-block; vertical-align: top; width: 47.368421052631576%;
			margin-right: 5.263157894736842%;
		}
		ul.listeEquipe li:nth-child(2n+0) {margin-right: 0;}
	}
	@media only screen and (min-width: 960px) {
		ul.listeEquipe li {
			display: inline-block; vertical-align: top; width: 23.076923076923078%;
			margin-right: 2.564102564102564%;
		}
		ul.listeEquipe li:nth-child(2n+0) {margin-right: 2.564102564102564%;}
		ul.listeEquipe li:nth-child(4n+0) {margin-right: 0;}
		ul.listeEquipe li .divEquipe {margin: 0;}
	}


/* Établissement
--------------------------------------------------------------------------------------- */
	/* Liste | Vignette */
	ul.listeEtablissement.vignette {}
	ul.listeEtablissement.vignette li {list-style: none; margin-bottom: 50px;}
	ul.listeEtablissement.vignette li a.lienImage {margin-bottom: 15px;}
	ul.listeEtablissement.vignette li p {margin-bottom: 0;}

	@media only screen and (min-width: 480px) {
		ul.listeEtablissement.vignette li {
			display: inline-block; vertical-align: top;
			width: 46.6666666667%; margin-right: 3.5087719298%;
		}
		ul.listeEtablissement.vignette li:nth-child(2n+0) {margin-right: 0;}
	}
	@media only screen and (min-width: 960px) {
		ul.listeEtablissement.vignette li {width: 30.55555555555556%; margin-right: 4.1666666666666664%;}
		ul.listeEtablissement.vignette li:nth-child(2n+0) {margin-right: 4.1666666666666664%;}
		ul.listeEtablissement.vignette li:nth-child(3n+0) {margin-right: 0;}
	}


	/* Liste | Galerie */
	ul.listeEtablissement.galerie {}
	ul.listeEtablissement.galerie li {list-style: none; margin-bottom: 50px;}
	ul.listeEtablissement.galerie li .divGaleriePhoto {margin-bottom: 15px;}
	ul.listeEtablissement.galerie li .divTexte {min-height: 140px; max-width: 370px;}
	ul.listeEtablissement.galerie li .divTexte .h3 {margin-bottom: 10px;}
	ul.listeEtablissement.galerie li .divTexte p {margin-bottom: 0;}
	ul.listeEtablissement.galerie li .divBouton {margin-top: 20px; max-width: 370px;}
	ul.listeEtablissement.galerie li .divBouton .bouton {float: left; width: 48.5%; margin-left: 3%; padding-left: 0; padding-right: 0;}
	ul.listeEtablissement.galerie li .divBouton .bouton:first-child {margin-left: 0;}

	@media only screen and (min-width: 560px) {
		ul.listeEtablissement.galerie li {
			display: inline-block; vertical-align: top;
			width: 48.68421052631579%; margin-right: 2.631578947368421%;
		}
		ul.listeEtablissement.galerie li:nth-child(2n+0) {margin-right: 0;}
	}
	@media only screen and (min-width: 960px) {
		ul.listeEtablissement.galerie li {width: 31.896551724137934%; margin-right: 2.1551724137931036%;}
		ul.listeEtablissement.galerie li:nth-child(2n+0) {margin-right: 2.1551724137931036%;}
		ul.listeEtablissement.galerie li:nth-child(3n+0) {margin-right: 0;}
	}


	/* Liste | Vedette */
	ul.listeEtablissement.vedette {}
	ul.listeEtablissement.vedette li {
		list-style: none; display: inline-block; vertical-align: top;
		margin-bottom: 30px; width: 100%;
	}
	ul.listeEtablissement.vedette + a {position: relative; top: -30px;}


	@media only screen and (min-width: 480px) {
		ul.listeEtablissement.vedette li {width: 50%; padding-right: 10px;}
		ul.listeEtablissement.vedette li:nth-child(even) {padding-left: 10px; padding-right: 0;}
	}
	@media only screen and (min-width: 768px) {
		ul.listeEtablissement.vedette li {width: 100%; padding-right: 0;}
		ul.listeEtablissement.vedette li:nth-child(even) {padding-left: 0; padding-right: 0;}
	}
	@media only screen and (min-width: 960px) {
		ul.listeEtablissement.vedette li {width: 50%; padding-right: 10px;}
		ul.listeEtablissement.vedette li:nth-child(even) {padding-left: 10px; padding-right: 0;}
	}


	/* Détail */
	table.tableAdresse {margin-bottom: 30px;}
	table.tableAdresse tr {}
	table.tableAdresse tr td {padding-left: 20px;}
	table.tableAdresse tr td:first-child {padding-left: 0;}


/* Service
--------------------------------------------------------------------------------------- */
	ul.listeService {}
	ul.listeService li {
		list-style: none; position: relative; margin-bottom: 50px;
		padding-left: 90px; min-height: 60px;
	}
	ul.listeService li a.ctaService {
		position: absolute; left: 0; top: 0;
		width: 90px; height: 50px; text-align: center;
	}
	ul.listeService li .divTexte {}
	ul.listeService li .divTexte .h3 {margin-bottom: 10px;}
	ul.listeService li .divTexte p {margin-bottom: 5px;}

	@media only screen and (min-width: 768px) {
		ul.listeService li {padding-left: 150px; min-height: 120px;}
		ul.listeService li a.ctaService {width: 140px; height: 100px;}
	}


/* Service connexe
--------------------------------------------------------------------------------------- */
	ul.listeServiceConnexe {}
	ul.listeServiceConnexe li {
		list-style: none; position: relative; margin-bottom: 50px;
		padding-left: 90px; min-height: 60px;
	}
	ul.listeServiceConnexe li a.ctaServiceConnexe {
		position: absolute; left: 0; top: 0;
		width: 90px; height: 50px; text-align: center;
	}
	ul.listeServiceConnexe li .divTexte {}
	ul.listeServiceConnexe li .divTexte .h3 {margin-bottom: 10px;}
	ul.listeServiceConnexe li .divTexte p {margin-bottom: 5px;}

	@media only screen and (min-width: 768px) {
		ul.listeServiceConnexe li {padding-left: 150px; min-height: 120px;}
		ul.listeServiceConnexe li a.ctaService {width: 140px; height: 100px;}
	}


/* Produit
--------------------------------------------------------------------------------------- */
	ul.listeProduit {}
	ul.listeProduit li {
		list-style: none; position: relative; margin-bottom: 50px;
	}
	ul.listeProduit li figure {margin-bottom: 20px;}
	ul.listeProduit li .divTexte {}
	ul.listeProduit li .divTexte .h3 {}
	ul.listeProduit li .divTexte p {}

	@media only screen and (min-width: 960px) {
		ul.listeProduit li figure {float: left; margin-bottom: 0;}
		ul.listeProduit li .divTexte {margin-left: 340px;}
	}


/* 00_1 : Nouvelle
--------------------------------------------------------------------------------------- */
	/* Liste */
	ol.listeNouvelle {}
	ol.listeNouvelle li {list-style: none; position: relative; margin-bottom: 50px;}
	ol.listeNouvelle li a.lienImage {margin-bottom: 10px;}
	ol.listeNouvelle li .divTexte {}
	ol.listeNouvelle li .divTexte time {
		font-size: 13px; text-transform: uppercase; color: #acacac;
		display: block; margin-bottom: 10px;
	}
	ol.listeNouvelle li .divTexte .h3 {margin-bottom: 10px;}
	ol.listeNouvelle li .divTexte p {margin-bottom: 5px;}

	@media only screen and (min-width: 768px) {
		ol.listeNouvelle li a.lienImage {float: left; margin-bottom: 0;}
		ol.listeNouvelle li .divTexte {margin-left: 340px; padding-top: 20px;}
	}


	/* Détail */
	.divDetailNouvelle {}
	.divDetailNouvelle .divMediaGauche {margin-bottom: 20px; max-width: 400px;}
	.divDetailNouvelle time {
		font-size: 13px; text-transform: uppercase; color: #acacac;
		display: block; margin-bottom: 10px;
	}
	.divDetailNouvelle .h3 {margin-bottom: 10px;}

	@media only screen and (min-width: 768px) {
		.divDetailNouvelle .divMediaGauche {float: left; margin-right: 20px;}
	}


	/* Module de partage */
	#partage {margin-top: 25px;}
	#partage a.btnPartage {margin-left: 15px; font-weight: 400;}
	#partage a.btnPartage:first-child {margin-left: 0;}


/* 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
--------------------------------------------------------------------------------------- */
	/* Bannière */
	.divBanniereAccueil {
		position: relative; z-index: 3;
		background: url('../DATA/PHOTO_ACCUEIL/0.jpg') center center no-repeat;
		height: 500px;
	}
	.divBanniereAccueil .divTexte {text-align: center; padding-top: 80px;}
	.divBanniereAccueil .divTexte h1 {}
	.divBanniereAccueil .divTexte h1 span {display: block; font-style: italic; font-weight: 400;}


	/* CTAS */
	ul.listeCtaAccueil {position: relative; margin-top: -150px; z-index: 5;}
	ul.listeCtaAccueil > li {
		position: relative; z-index: 1; text-align: center;
		list-style: none; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9;
	}
	ul.listeCtaAccueil > li:last-child {border-bottom: 0;}
	ul.listeCtaAccueil > li header {
		position: relative; padding: 15px; background: rgba(255,255,255,0.8); overflow: hidden;
	}
	ul.listeCtaAccueil > li:first-child header {border-top-left-radius: 10px; border-top-right-radius: 10px;}
	ul.listeCtaAccueil > li header h3 {margin-bottom: 0; line-height: 60px;}
	ul.listeCtaAccueil > li header h3 a {display: inline-block; vertical-align: middle; line-height: 100%;}
	ul.listeCtaAccueil > li .divLienCta {background: rgba(255,255,255,0.8);}
	ul.listeCtaAccueil > li .divLienCta a {max-width: 390px; display: block; margin: 0 auto;}
	ul.listeCtaAccueil > li .divLienCta a figure {}
	ul.listeCtaAccueil > li .divTexte {padding: 20px; background: #fff;}
	ul.listeCtaAccueil > li .divTexte {line-height: 175%;}
	ul.listeCtaAccueil > li .divTexte p {max-width: 300px; display: inline-block;}
	ul.listeCtaAccueil > li .divTexte ul {margin-bottom: 1em;}
	ul.listeCtaAccueil > li .divTexte ul li {list-style: none; display: block;}
	ul.listeCtaAccueil > li .divTexte ul li a {font-weight: 700; font-family: "PT Serif";}
	ul.listeCtaAccueil > li .divTexte .bouton {display: block; max-width: 300px; margin: 0 auto;}

	@media only screen and (min-width: 768px) {
		ul.listeCtaAccueil {}
		ul.listeCtaAccueil > li {float: left; width: 33.333333%; padding-bottom: 0; border-bottom: 0;}
		ul.listeCtaAccueil > li:nth-child(2) {z-index: 5;}
		ul.listeCtaAccueil > li header {}
		ul.listeCtaAccueil > li header:before {
			content: ""; display: block; background: #7389a1;
			position: absolute; top: 15px; bottom: 15px; right: 0; width: 1px;
		}
		ul.listeCtaAccueil > li:first-child header {border-top-right-radius: 0;}
		ul.listeCtaAccueil > li:last-child header {border-top-right-radius: 10px;}
		ul.listeCtaAccueil > li:last-child header:before {display: none;}
		ul.listeCtaAccueil > li .divTexte {
			height: 297px;
			box-shadow: 0 3px 15px rgba(0,43,92,.15);
		}
		ul.listeCtaAccueil > li .divTexte p,
		ul.listeCtaAccueil > li .divTexte ul {height: 154px;}
		ul.listeCtaAccueil > li .divTexte .bouton {display: inline-block;}
	}


	/* Le Mausolée */
	.divMausoleeAccueil {position: relative; z-index: 7; color: #fff; background: #000e1d;}
	.divMausoleeAccueil .divTexte {
		position: relative; padding-top: 50px; width: 100%;
		max-width: 460px; text-align: center; margin: 0 auto;
	}
	.divMausoleeAccueil .divTexte h2 {color: #fff;}
	.divMausoleeAccueil .divTexte p  {display: inline-block; max-width: 340px;}
	.divMausoleeAccueil .divTexte .divBouton {margin-top: 20px;}
	.divMausoleeAccueil .divTexte .divBouton .bouton {width: 100%;}
	.divMausoleeAccueil .divTexte .divBouton .bouton:last-child {margin-top: 10px;}

	@media only screen and (min-width: 480px) {
		/*.divMausoleeAccueil {background-position: right 100px top;}*/
		.divMausoleeAccueil .divTexte .divBouton .bouton {width: 48.5%; margin-right: 2%;}
		.divMausoleeAccueil .divTexte .divBouton .bouton:last-child {margin-right: 0; margin-top: 0;}
	}
	@media only screen and (min-width: 768px) {
		.divMausoleeAccueil {background: #000e1d url('../gx/01/bg-leMausolee.jpg') right top no-repeat;}
		.divMausoleeAccueil .divTexte {float: right; padding-top: 75px;}
	}
	@media only screen and (min-width: 960px) {
		.divMausoleeAccueil {background-position: right 200px top;}
	}


	/* CTAS des statistiques */
	ul.listeCtaStat {margin-top: 50px; padding-bottom: 60px;}
	ul.listeCtaStat li {
		position: relative; list-style: none;
		max-width: 280px; margin: 40px auto 0;
	}
	ul.listeCtaStat li:first-child {margin-top: 0;}

	ul.listeCtaStat li p {
		position: relative; display: inline-block; max-width: 325px;
		padding-left: 110px; padding-right: 20px; text-align: left;
	}
	ul.listeCtaStat li p:before {
		font-family: "ubald"; font-size: 90px; line-height: 90px;
		position: absolute; top: 0; left: 0;
	}
	ul.listeCtaStat li.cta-famille p:before {content: "\e906";}
	ul.listeCtaStat li.cta-calendrier p:before {content: "\e91d";}
	ul.listeCtaStat li.cta-horloge p:before {content: "\e90e";}
	ul.listeCtaStat li p .h2 {color: #fff; display: block; margin-bottom: 0;}

	@media only screen and (min-width: 768px) {
		ul.listeCtaStat {margin-top: 150px; padding-bottom: 60px;}
		ul.listeCtaStat li {float: left; width: 33.333333%; margin: 0; max-width: 100%;}
		ul.listeCtaStat li:nth-child(2) {text-align: center;}
		ul.listeCtaStat li:nth-child(3) {text-align: right;}
	}


	/* Dernière nouvelle */
	.divTableDerniereNouvelle {}
	.divTableDerniereNouvelle .divTexte,
	.divTableDerniereNouvelle .divDerniereNouvelle {padding: 35px 0;}

	.divTableDerniereNouvelle .divTexte {margin-bottom: 35px; border-bottom: 1px solid #d9d9d9;}
	.divTableDerniereNouvelle .divTexte .bouton {margin-top: 20px;}

	.divTableDerniereNouvelle .divDerniereNouvelle {padding-top: 0;}
	.divTableDerniereNouvelle .divDerniereNouvelle a.lienImage {margin-bottom: 10px;}
	.divTableDerniereNouvelle .divDerniereNouvelle time {
		font-size: 13px; font-weight: 600; color: #959595; text-transform: uppercase;
		display: block; margin-bottom: 5px;
	}
	.divTableDerniereNouvelle .divDerniereNouvelle .h3 {margin-bottom: 10px;}
	.divTableDerniereNouvelle .divDerniereNouvelle .h4 {margin-bottom: 20px;}

	@media only screen and (min-width: 768px) {
		.divTableDerniereNouvelle {display: table; width: 100%;}
		.divTableDerniereNouvelle .divTexte,
		.divTableDerniereNouvelle .divDerniereNouvelle {display: table-cell; vertical-align: middle;}

		.divTableDerniereNouvelle .divTexte {padding-right: 50px; margin-bottom: 0; border-bottom: 0;}
		.divTableDerniereNouvelle .divTexte .bouton {margin-top: 40px;}

		.divTableDerniereNouvelle .divDerniereNouvelle {
			width: 400px; padding-left: 50px; padding-top: 35px;
			border-left: 1px solid #d9d9d9;
		}
	}


/* 05_1 : Avis de décès
--------------------------------------------------------------------------------------- */
	/* Formulaire de recherche */
	.divFormRechercheAvis {margin-bottom: 10px;}


	/* Liste des lettres de A à Z */
	ul.listeAlpha {display: none;}
	ul.listeAlpha li {
		list-style: none; float: left;
		margin-right: 12px; margin-bottom: 12px;
	}
	ul.listeAlpha + a {display: inline-block; margin-bottom: 30px;}

	#formRechercheAlpha {margin-bottom: 12px;}

	@media only screen and (min-width: 768px) {
		.divFormRechercheAvis {margin-bottom: 25px;}

		ul.listeAlpha {display: block;}
		ul.listeAlpha li {margin-right: 8.666666666px; margin-bottom: 12px;}
		ul.listeAlpha li:nth-child(4n+0) {margin-right: 0;}

		#formRechercheAlpha {display: none;}
	}


	/* Liste des avis de recherche */
	ol.listeAvis {}
	ol.listeAvis li {
		position: relative; list-style: none; display: inline-block; vertical-align: top;
		width: 47.619047619%; margin-right: 4.76190476%; margin-bottom: 40px; max-width: 200px;
	}
	ol.listeAvis li:nth-child(2n+0) {margin-right: 0;}
	ol.listeAvis li a.lienImage {margin-bottom: 5px; width: 100%;}
	ol.listeAvis li time {
		font-size: 13px; line-height: 100%; text-transform: uppercase; color: #acacac;
		display: block; margin-bottom: 10px;
	}
	ol.listeAvis li h4 {margin-bottom: 5px;}
	ol.listeAvis li p {font-size: 12px; margin-bottom: 0;}

	@media only screen and (min-width: 560px) {
		ol.listeAvis li {width: 31.25%; margin-right: 3.125%;}
		ol.listeAvis li:nth-child(2n+0) {margin-right: 3.125%;}
		ol.listeAvis li:nth-child(3n+0) {margin-right: 0;}
	}
	@media only screen and (min-width: 960px) {
		ol.listeAvis li {width: 22.598870056497175%; margin-right: 3.201506591337096%;}
		ol.listeAvis li:nth-child(2n+0),
		ol.listeAvis li:nth-child(3n+0) {margin-right: 3.201506591337096%;}
		ol.listeAvis li:nth-child(4n+0) {margin-right: 0;}
	}


	/* Détail */
	.divDetailAvis {}
	.divDetailAvis .divGauche,
	.divDetailAvis .divDroite {}
	.divDetailAvis .divGauche {margin-bottom: 20px; max-width: 286px;}

	.divDetailAvis .divDroite {}
	.divDetailAvis .divDroite time {
		font-size: 13px; line-height: 100%; text-transform: uppercase; color: #acacac;
		display: block; margin-bottom: 10px;
	}
	.divDetailAvis .divDroite h1 {margin-bottom: 5px;}
	.divDetailAvis .divDroite .h3.dateNaissance {font-style: italic;}

	@media only screen and (min-width: 960px) {
		.divDetailAvis {display: table; width: 100%;}
		.divDetailAvis .divGauche,
		.divDetailAvis .divDroite {display: table-cell; vertical-align: top;}
		.divDetailAvis .divGauche {width: 300px; padding-right: 20px; margin-bottom: 0;}
	}


	/* Liste des actions */
	ul.listeActionAvis {}
	ul.listeActionAvis.bureau {display: none;}
	ul.listeActionAvis li {margin-top: 20px; list-style: none;}
	ul.listeActionAvis li a {font-size: 14px; line-height: 25px; color: #666; font-weight: 400;}
	ul.listeActionAvis li span {font-size: 25px; color: #002b5c; margin-right: 5px;}

	ul.listeActionAvis li a:hover {color: #002b5c;}

	@media only screen and (min-width: 960px) {
		ul.listeActionAvis.mobile {display: none;}
		ul.listeActionAvis.bureau {display: block;}
	}


	/* Liste des suggestions de message */
	.divListeSuggestion {margin: 30px 0 25px;}
	.divListeSuggestion h4 {position: relative; padding-right: 35px; text-transform: uppercase;}
	.divListeSuggestion h4 span {background: #fff; position: relative; z-index: 2; padding-right: 15px;}
	.divListeSuggestion h4:before {content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; z-index: 1; background: #c3d3c8;}
	.divListeSuggestion .divBouton {margin-top: 20px; text-align: center;}

	ul.listeSuggestion {}
	ul.listeSuggestion li {list-style: none; margin-top: 20px;}
	ul.listeSuggestion li:first-child {margin-top: 0;}

	ul.listeSuggestion li.toggleAfficher {display: none;}
	ul.listeSuggestion li.toggleAfficher.afficher {display: block;}

	ul.listeSuggestion li button {
		display: block; font-size: 12px; border-left: 4px solid #acacac;
		padding-left: 12px;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}

	ul.listeSuggestion li button:hover {border-left-color: #002b5c; color: #002b5c;}
	ul.listeSuggestion li button.actif {border-left-color: #002b5c; color: #002b5c;}


	/* Ancre texte */
	a.ancreTexte {position: absolute; top: -120px;}
	@media only screen and (min-width: 960px) {
		a.ancreTexte {position: absolute; top: -20px;}
	}

	/* Liste des messages reçus */
	.divListeMessageRecu {margin-top: 30px;}
	.divListeMessageRecu > h4 {position: relative; text-transform: uppercase;}
	.divListeMessageRecu > h4:before {content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; z-index: 1; background: #c3d3c8;}
	.divListeMessageRecu > h4 span {background: #fff; position: relative; z-index: 2; padding-right: 15px;}

	ul.listeMessageRecu {}
	ul.listeMessageRecu > li {list-style: none; margin-top: 40px;}
	ul.listeMessageRecu > li:first-child {margin-top: 0;}
	ul.listeMessageRecu > li > blockquote {
		margin: 0; font-style: normal; border-left: 0; padding-left: 20px; padding-right: 20px;
		position: relative; font-size: 14px;
	}
	ul.listeMessageRecu > li > blockquote > p {position: relative; padding-top: 20px;}
	ul.listeMessageRecu > li > blockquote > p:before,
	ul.listeMessageRecu > li > blockquote > p:after {
		display: block; font-family: "ubald"; font-size: 60px; line-height: 40px; color: #e9e9e9;
		position: absolute; z-index: 1;
	}
	ul.listeMessageRecu > li > blockquote > p:before {content: "\e91f"; top: 0; left: -20px; z-index: 1;}
	ul.listeMessageRecu > li > blockquote > p:after {content: "\e920"; bottom: 0; right: -20px; z-index: 1;}
	ul.listeMessageRecu > li > blockquote > p span {position: relative; z-index: 2;}
	ul.listeMessageRecu > li > blockquote > footer {text-align: right; font-weight: 700; font-family: "PT Serif"; color: #002b5c;}


/* 05_200 : Offrir des fleurs
--------------------------------------------------------------------------------------- */
	/* Liste */
	ul.listeBouquet {margin-bottom: 75px;}
	ul.listeBouquet li {list-style: none; margin-top: 20px; text-align: center;}
	ul.listeBouquet li .divBouquet {max-width: 320px; margin: 0 auto; text-align: center;}
	ul.listeBouquet li .divBouquet .btnBouquet {}
	ul.listeBouquet li .divBouquet .divTexte {padding: 0 10px;}
	ul.listeBouquet li .divBouquet .divTexte p.identifiant {font-size: 13px; line-height: 100%; color: #acacac; margin-bottom: 5px;}
	ul.listeBouquet li .divBouquet .divTexte h4 {margin-bottom: 5px;}
	ul.listeBouquet li .divBouquet .divTexte p.descr {font-size: 12px; line-height: 125%;}
	ul.listeBouquet li .divBouquet .divTexte p.prix {font-size: 20px; font-family: "PT Serif"; color: #002b5c;}

	@media only screen and (min-width: 480px) {
		ul.listeBouquet li {display: inline-block; vertical-align: top; width: 50%;}
	}
	@media only screen and (min-width: 768px) {
		ul.listeBouquet li {width: 33.333333%; margin-top: 50px;}
		ul.listeBouquet li:nth-child(3n-1) {text-align: center;}
		ul.listeBouquet li:nth-child(3n+0) {text-align: right;}
	}


/* Pied de page
--------------------------------------------------------------------------------------- */
	#piedPage {position: relative; background: #ebebeb;}

	.divPiedPage {font-size: 16px; font-family: "PT Serif"; color: #002b5c; display: none;}
	.divPiedPage .divColonne {padding-top: 40px; padding-bottom: 20px;}
	.divPiedPage .divColonne.menuPied {}
	.divPiedPage .divColonne.infolettre {padding-right: 40px; display: none;}
	.divPiedPage .divColonne.adresse {display: none;}
	.divPiedPage .divColonne.adresse .bouton {width: 100%; margin-top: 10px;}


	@media only screen and (min-width: 768px) {
		.divPiedPage {display: table; width: 100%;}
		.divPiedPage .divColonne {display: table-cell; vertical-align: top;}
		.divPiedPage .divColonne.infolettre {width: 300px;}
		.divPiedPage .divColonne.adresse {width: 225px;}
	}
	@media only screen and (min-width: 960px) {
		.divPiedPage .divColonne.infolettre,
		.divPiedPage .divColonne.adresse {display: table-cell;}
	}


	/* Copyright */
	.divCopyright {
		background: #464747; padding-top: 15px; padding-bottom: 15px;
		font-size: 13px; font-family: "PT Serif"; color: #fff;
	}
	.divMenuCopyright {}
	.divMenuCopyright .referencement {font-size:11px;}

	#menuCopyright {float: left;}
	#menuCopyright ul {}
	#menuCopyright ul li {display: inline; margin-left: 5px;}
	#menuCopyright ul li:before {content: "|"; margin-right: 5px;}
	#menuCopyright ul li:first-child {margin-left: 0;}
	#menuCopyright ul li:first-child:before {display: none;}
	#menuCopyright ul li a {color: #fff;}
	#menuCopyright ul li a:hover {text-decoration: underline;}

	.divMenuCopyright .lienPartager {float: right; color: #fff; display: none;}
	.divMenuCopyright .lienPartager:before {content: "+"; margin-right: 5px;}

	@media only screen and (min-width: 768px) {
		.divMenuCopyright .lienPartager {display: block;}
	}


/* Menu pied de page
--------------------------------------------------------------------------------------- */
	#menuPied {}
	#menuPied > ul {float: left; width: 33.333333%; padding-right: 40px;}
	#menuPied > ul > li {margin-bottom: 20px;}
	#menuPied > ul > li p {margin-bottom: 0; font-weight: 700;}
	#menuPied > ul > li a {font-weight: 400;}
	#menuPied > ul > li ul li {margin-top: 5px;}

	@media only screen and (min-width: 960px) {
		#menuPied > ul > li {margin-bottom: 40px;}
	}