@import url('https://fonts.googleapis.com/css?family=Roboto');
/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */



/* RESET *****************************************************************************************************************************************************************************/

	/* http://meyerweb.com/eric/tools/css/reset/ v2.0b1 | 201101 */
	/*html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	summary,
	time,
	mark, 
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		}

	abbr,
	acronym {
		cursor: help;
		}
*/
	/* HTML5 display-role reset for older browsers */
/*	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
		}

	body {
		line-height: 1.3em;
		}

	ol,
	ul {
		list-style: none;
		}

	blockquote,
	q {
		quotes: none;
		}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
		}

	ins {
		text-decoration: none;
		}

	del {
		text-decoration: line-through;
		}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
*/


/* MAINTENANCE ***********************************************************************************************************************************************************************/

	#maintenance {
		margin-top: 50vh;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		}

	#maintenance .typo1 {
		font-size: 2em;
		color: #b5151d;
		}

	#maintenance .typo2 {
		font-size: 1em;
		color: #707070;
		}
	
	

/* COMMUN AUX DIFFERENTES TAILLES D'ECRANS *******************************************************************************************************************************************/

	html{
		overflow-x:hidden;
		}

	body {
		font-family: Barlow,Roboto,sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 1.1em;
		color: #000;
		line-height:1.5em;
		background-color: #f7f7f7;
		}
	
	b,
	strong {
		font-weight: bold;
		}
	
	p {
		padding: 0;
		margin: 0 0 0.5em 0;
		}
	
	hr {
		border-top: 1px solid #000;
		width: 100%;
		margin: 0;
		}
	
	select,
	input,
	textarea {
		font-family: Roboto,sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 1.1em;
		color: #707070;
		padding: 0.5em;
		background-color: #d6eafc;
		border: none;
		border-radius: 0.5em;
		}
	
	/* liens */
	a.lien,
	a.lien:visited {
		color: #3194ef;
		text-decoration: none;
		}
	
	a.lien:hover {
		text-decoration: underline;
		}

	
	
	
	
	

/* DESKTOP ***************************************************************************************************************************************************************************/

@media all and (min-width: 769px) {



	/* GENERAL */

	
	
	/* conteneur de la page entière */
	.conteneur {
		background-color: #fff;
		width: auto;
		margin: 0 auto;
		padding: 0;
		}

	
	
	/* conteneur du contenu principal */
	.main {
		width: auto;
		margin: 0 auto;
		padding: 2em 4em;
		background-color: #fff;
		text-align: left;
		}
	
	
	
	/* menu nav hamburger */
	#MenuMobile {
		display: none;
		}

	
	
	/* menu nav classique */
	#MenuPC {
		width: 100%;
		min-height: 3em;
		line-height: 3em;
		vertical-align: middle;
		text-align: center;
		padding: 0.5em 2em;
		background-color: #f0f0f0;
		margin: 0 0 2em 0;
		}
	
	#MenuPC a {
		display: inline-block;
		padding: 0.75em 1em;
		margin: 0 0.5em;
		line-height: 1.3em;
		font-size: 1em;
		color: #213152;
		font-weight: 500;
		text-decoration: none;
		border-radius: 0.5em;
		}
	
	#MenuPC a.active {
		background-color: #213152;
		color: #fff;
		}
	
	#MenuPC a.inactive {
		background-color: #f7de21;
		}
	
	#MenuPC a:hover {
		background: #213152;
		color: #f7de21;
		text-decoration: none;
		}
	
	#MenuPC a:visited {
		text-decoration: none;
		}

	
	
	/* bannière */
	#banniere {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		height: 345px;
		text-align: left;
		background-image: url('../images/banniere.jpg');
		background-position: right;
		background-repeat: no-repeat;
		margin: 0;
		}
	
	#banniereG {
		width: 270px;
		height: 345px;
		margin: 0;
		}
	
	#banniereG img {
		width: 170px;
		height: 183px;
		position: absolute;
		top: 81px;
		left: 50px;
		margin: 0;
		}
	
	#banniereD {
		width: calc(100% - 270px);
		height: auto;
		vertical-align: middle;
		margin: 0;
		}
	
	#banniereD .titre {
		line-height: 1.1em;
		font-size: 3.5em;
		font-weight: 900;
		color: #213152;
		text-shadow: 5px 5px 5px #fff, -5px 5px 5px #fff, -5px -5px 5px #fff, 5px -5px 5px #fff;
		}
	
	#banniereD .baseline {
		font-size: 1.2em;
		font-weight: 500;
		color: #213152;
		text-shadow: 5px 5px 5px #fff, -5px 5px 5px #fff, -5px -5px 5px #fff, 5px -5px 5px #fff;
		}

	
	
	/* footer */
	footer {
		clear: both;
		background-color: #f7de21;
		color: #000;
		width: auto;
		padding: 2em 4em;
		}
	
	#footer {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
		}
	
	#footer .box {
		width: calc(50% - 8em);
		}
	
	#footer .titre {
		font-size: 1.1em;
		font-weight: bold;
		width: 100%;
		padding: 0 0 0.5em 0;
		border-bottom: 1px solid #000;
		margin: 0 0 1em 0;
		}

	#footer .texte {
		font-size: 0.9em;
		width: 100%;
		margin: 0 0 1em 0;
		}
	
	
	
	/* polices */
	.TitrePage {
		display: block;
		font-size: 2em;
		font-weight: bold;
		font-style: none;
		line-height: 1.3em;
		color: #000000;
		margin: 0 0 2em 0;
		}
	
	.SousTitre {
		font-size: 1rem;
		font-weight: normal;
		color: #3194ef;
		}

	/* séparation */
	.separation {
		clear: both;
		width: 100%;
		position: relative;
		margin: 0 auto 3em;
		text-align: center;
		border-top: 1px solid #ccc;
		top: 1em;
		}
	
	.TitreSeparation {
		font-size: 1.5em;
		font-weight: bold;
		color: #213152;
		background-color: #fff;
		position: relative;
		top: -0.5em;
		display: inline;
		margin: 4em 0;
		padding: 0 1em;
		}
	
	
	
	/* ACCUEIL */

	#index {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		}
	
	#index .box {
		display: block;
		height: auto;
		padding: 0;
		margin-bottom: 3em;
		text-align: justify;
		}
	
	#index .box:nth-child(1) {
		width: calc(70% - 4em);
		}
	
	#index .box:nth-child(2) {
		width: calc(33% - 2em);
		border: 2px solid #f7de21;
		border-radius: 0.5em;
		}
	
	#index .paragraphe {
		display: block;
		width: auto;
		min-height: 250px;
		margin-bottom: 3em;
		}
	
	#index img.photo1,
	#index img.photo3 {
		float: left;
		height: auto;
		margin: 0 2em 0.5em 0;
		}
	
	#index img.photo2 {
		float: right;
		height: auto;
		margin: 0 0 0.5em 2em;
		}
	
	#index .titreG {
		font-size: 1.2em;
		font-weight: bold;
		font-style: none;
		line-height: 1.3em;
		color: #3194ef;
		margin-bottom: 0.5em;
		}
	
	#index .titreD {
		font-size: 1.2em;
		font-weight: bold;
		font-style: none;
		line-height: 1.3em;
		color: #3194ef;
		margin-bottom: 0.5em;
		text-align: right;
		}
	
	#index .texte {
		margin-bottom: 3em;
		}
	
	#index ul {
		margin: 1em 1em 2em 1em;
		}
	
	#index li {
		list-style-type: disc;
		margin-left: 1em;
		}
	
	#index .paragraphe2 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 211px;
		text-align: center;
		}
	
	#jaquette {
		width: 150px;
		height: 211px;
		padding: 0;
		margin: 0;
		}
	
	#jaquette img {
		width: 150px;
		height: 211px;
		padding: 0;
		margin: 0;
		}
	
	#legende {
		font-size: 0.9em;
		width: auto;
		height: calc(211px - 1em);
		background-color: #f0f0f0;
		padding: 0.5em 1em;
		margin: 0;
		border-top-right-radius: 0.5em;
		border-bottom-right-radius: 0.5em;
		}
	
	#legende img {
		padding: 0.5em;
		background-color: #fff;
		border-radius: calc(32px + 0.5em);
		}
	
	#index .TitreCadre {
		text-align: center;
		padding: 0.5em 1em;
		margin-bottom: 1em;
		background-color: #f7de21;
		color: #213152;
		margin-bottom: 1em;
		font-size: 1.2em;
		font-weight: bold;
		font-style: none;
		line-height: 1.3em;
		}
	
	#index .cadre {
		padding-bottom: 1em;
		margin: 0 2em 1em 2em;
		border-bottom : 2px solid #f7de21;
		}
	
	#index .illustration {
		text-align: center;
		}
	
	#index .illustration img {
		max-width: 100%;
		}



	/* LE CLUB */

	#localisation {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: top;
		width: 100%;
		margin-bottom: 2em;
		text-align: justify;
		}
	
	#localisation .box {
		margin-bottom: 2em;
		}
	
	#localisation .box:nth-child(1) {
		width: 30%;
		}
	
	#localisation .box:nth-child(2) {
		width: 65%;
		}
	
	#map {
		height:450px;
		margin-bottom: 1em;
		}
	
	#localisation img {
		width: 100%;
		height: auto;
		margin-bottom: 1em;
		}
	
	#club .stand {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: top;
		width: 100%;
		margin-bottom: 2em;
		text-align: justify;
		}
	#club .box {
		width: 30%;
		margin-bottom: 2em;
		}

	#club img {
		width: 100%;
		height: auto;
		margin-bottom: 1em;
		}







	/* PERMANENCES */

	#horaires {
		text-align: center;
		margin: 0 0 4em 0;
		line-height: 1.5em;
		}

	#calendrier {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: top;
		width: 100%;
		height: auto;
		text-align: left;
		}
	
	#calendrier .mois {
		width: 30%;
		height: auto;
		margin: 0 1em 2em;
		}
	
	#calendrier table {
		width: 100%;
		}
	
	#calendrier th {
		border-radius: 0.5em;
		background-color: #213152;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 1.1em;
		padding: 0.25em 1em;
		}
	
	#calendrier td {
		width: auto;
		border: 1px solid #213152;
		border-radius: 0.5em;
		background-color: #fff;
		color: #000;
		text-align: left;
		font-size: 0.9em;
		wrap: nowrap;
		padding: 0.25em 1em;
		}
	
	#calendrier td:nth-child(1) {
		font-weight: bold;
		color: #213152;
		}
	
	.carnet {
		font-size: 0.8rem;
		color: #213152;
		margin-bottom: 1rem;
		text-align: center;
		}
	
	.cdt {
		font-size: 0.8rem;
		color: #213152;
		background-color: #f7de21;
		padding: 0 0.5rem;
		}



	/* MENTIONS LEGALES */
	
	#mentions .titre {
		font-size: 1.3em;
		font-weight: bold;
		color: #f7de21;
		margin-bottom: 1.5em;
		}
	
	#mentions hr {
		border: 0;
		border-top: dashed 1px #707070;
		height: 1px;
		margin: 1.5em 0;
		}



	/* COMPETITIONS */

	#competitions {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: top;
		width: 100%;
		height: auto;
		text-align: left;
		}
	
	#competitions .box {
		width: 30%;
		height: auto;
		margin: 0 1rem 2rem;
		}
	
	#competitions .mois {
		width: 100%;
		border-radius: 0.5rem;
		background-color: #213152;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 1.1rem;
		padding: 0.25rem 1rem;
		margin-bottom: 2px;
		}
	
	#competitions .epreuve {
		width: 100%;
		border: 1px solid #213152;
		border-radius: 0.5rem;
		background-color: #fff;
		color: #000;
		text-align: left;
		font-size: 0.9rem;
		wrap: nowrap;
		padding: 0.25rem 1rem;
		margin-bottom: 2px;
		}
	
	#competitions .stand10,
	#competitions .stand25,
	#competitions .stand50,
	#competitions .stand200 {
		font-size: 0.8rem;
		color: #000;
		padding: 0 0.5rem;
		}
	#competitions .stand10 {
		background-color: #00D64C;
		}
	#competitions .stand25 {
		background-color: #81ABFF;
		}
	#competitions .stand50 {
		background-color: #FFCB17;
		}
	#competitions .stand200 {
		background-color: #FF7373;
		}
	
	
	

	/* DETAILS COMPETITIONS */

	#DetailCompetition .TroisCol {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: top;
		height: auto;
		text-align: left;
		}
	
	#DetailCompetition .TroisCol .box {
		padding: 0.5rem 0rem;
		margin-bottom: 0rem;
		width: 33%;
		}

	#DetailCompetition fieldset {
		background-color: #f0f0f0;
		border-color: #213152;
		height: 100%;
		}

	#DetailCompetition legend {
		background-color: #213152;
		color: #fff;
		padding: 0.5rem 1rem;
		border-radius: 0.5em;
		}


	/* PLANS */

	#plan {
		margin-bottom: 4rem;
		}

	#carte {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: top;
		height: auto;
		text-align: left;
		margin-bottom: 3rem;
		}

	#carte .box:nth-child(1) { width: 25%; }
	#carte .box:nth-child(2) { width: 70%; }



}





/* MOBILES ORIENTATION PAYSAGE ******************************************************************************************************************************************************/

@media all and (min-width: 481px) and (max-width: 768px) {



	/* GENERAL */

	/* conteneur de la page entière */
	.conteneur { background-color: #f7f7f7; width: 100%; margin: 0 auto; padding: 0; }

	/* conteneur du contenu principal */
	.main { width: auto; margin: 0 auto; padding: 3em 1em; background-color: #f7f7f7; text-align: left; }
	
	/* logo */
	#logo { width: auto; height: auto; text-align: center; background-color: #fff; }
	#logo img { width: 76px; height: auto; margin: 10px; }
	
	/* menu nav hamburger */
	
	#MenuMobile a { background-color: #fff; text-decoration: none; color: #232323; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
	#MenuMobile a:hover { color: #f00; }
	#menuToggle { display: block; position: absolute; top: 30px; left: 30px; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -3%; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
	#menuToggle span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #707070; border-radius: 3px; z-index: 1; -webkit-transform-origin: 4px 0px; -ms-transform-origin: 4px 0px; transform-origin: 4px 0px; transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -o-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
	#menuToggle span:first-child { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; }
	#menuToggle span:nth-last-child(2) { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; }
	#menuToggle input:checked ~ span { opacity: 1; -webkit-transform: rotate(45deg) translate(-2px, -1px); -ms-transform: rotate(45deg) translate(-2px, -1px); transform: rotate(45deg) translate(-2px, -1px); background: #232323; }
	#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; -webkit-transform: rotate(0deg) scale(0.2, 0.2); -ms-transform: rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2); }
	#menuToggle input:checked ~ span:nth-last-child(2) { -webkit-transform: rotate(-45deg) translate(0, -1px); -ms-transform: rotate(-45deg) translate(0, -1px); transform: rotate(-45deg) translate(0, -1px); }
	#menu { position: absolute; width: 250px; margin: -100px 0 0 -50px; padding: 50px; padding-top: 125px; background: #ccc; list-style-type: none; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: -o-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
	#menu li { padding: 10px 0; font-size: 1.1em; line-height: 1.3em; }
	#menuToggle input:checked ~ ul { -webkit-transform: none; -ms-transform: none; transform: none; }

	/* menu nav classique */

	#MenuPC { display: none; }

	/* bannière */

	#banniere { width: auto; height: 180px; line-height: 180px; background: url('https://www.actazurpatrimoine.com/images/banniere.jpg') center bottom; background-repeat: no-repeat; text-align: center; }
	#banniere p { display: inline-block; line-height: 1.3em; vertical-align: middle; }
	#banniere span.titre { display: inline-block; width: auto; vertical-align: middle; line-height: 1.5em; font-size: 1.2em; color: #fff; margin: 0; }
	#banniere span.baseline { display: inline-block; width: auto; vertical-align: middle; line-height: 1.1em; font-size: 0.9em; font-weight: bold; color: #fde8b1; margin: 0 1em; }
	#banniere img { display: inline-block; width: 30px; height: auto; }

	/* footer */
	footer { background-color: #fde8b1; width: auto; height: auto; padding: 2em 1em; }
	#footer { max-width: 1200px; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }
	#footer .box { width: calc(50% - 2em); height: auto; }
	#footer p.TitreFooter { width: 100%; padding: 0 0 0.5em 0; border-bottom: 1px solid #000; margin: 0 0 1em 0; }
	
	/* polices */
	.typo1 { font-size: 1.4em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* gros titre page */
	.typo2 { font-size: 1em; font-weight: normal; font-style: italic; line-height: 1.3em; color: #000000; } /* texte noir italique */
	.typo3 { font-size: 1em; font-weight: normal; font-style: none; line-height: 1.3em; color: #3194ef; } /* texte moyen et bleu */
	.typo4 { font-size: 1.4em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* gros titre offres */
	.typo5 { font-size: 1.1em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* titre footer */
	.typo6 { font-size: 0.8em; font-weight: normal; font-style: none; line-height: 1.3em; color: #000000; } /* texte footer */
	.typo7 { font-size: 1.3em; font-weight: normal; font-style: none; line-height: 1.4em; color: #3194ef; } /* titre article mentions légales */
	.typo8 { font-size: 0.9em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* texte noir, petit et gras */
	.typo9 { font-size: 0.8em; font-weight: bold; font-style: none; line-height: 1.3em; color: #3194ef; } /* texte petit, bleu et gras */
	.typo10 { font-size: 0.8em; font-weight: normal; font-style: none; line-height: 1.3em; color: #000000; } /* texte noir et petit */
	.typo11 { font-size: 1.5em; font-weight: bold; font-style: none; line-height: 1.3em; color: #ff0000; } /* gros titre erreur */
	.typo12 { font-size: 0.8em; font-weight: normal; font-style: none; line-height: 1em; color: #000000; } /* texte noir, petit et serré */
	
	/* séparation */
	.separation { clear: both; width: 100%; position: relative; margin: 2em auto; text-align: center; border-top: 1px solid #ccc; top: 1em; }
	p.TitreSeparation { font-size: 1.5em; font-weight: bold; background-color: #f7f7f7; position: relative; top: -0.5em; display: inline; margin: 0; padding: 0 0.5em; }
	
	
	
	/* ACCUEIL */

	#index p.TitrePage { margin: 0 0 2em 0; }
	#index p.TexteIntro {  margin: 0 0 3em 0; }
	#index p.TitreArgument { margin: 0 0 1em 0; }
	#index p.argument { margin: 0; }
	
	#arguments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#arguments .box { display: block; height: auto; padding: 0; margin: 0; text-align: justify; }
	#arguments .box:nth-child(1) { width: calc(35% - 1em); }
	#arguments .box:nth-child(2) { width: calc(30% - 1em); margin: 0; }
	#arguments .box:nth-child(3) { width: calc(35% - 1em); }
	#arguments img { display: block; width: 100%; height: auto; text-align: center; }
	
	#produits { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#produits .box { display: block; width: calc(33% - 1em); height: auto; padding: 0; margin: 0; background-color: #fff; border-bottom: 1px solid #ccc; text-align: center; }
	#produits p.TitreProduit { margin: 1em; padding: 0; }
	#produits img { display: block; width: 100%; height: auto; margin: 0; }
	#produits p.DescriptionProduit { text-align: justify; margin: 1.5em 1em; padding: 0; }
	#produits p.bouton { text-align: left; margin: 1em 1em 1.5em; }



	/* COMPLEMENTAIRE SANTE */

	#ComplementaireSante p.TitrePage { margin: 0 0 3em 0; }
	#ComplementaireSante p.Titre { margin: 0 0 1.5em 0; }
	#ComplementaireSante p.TitreCadreBlanc { text-align: center; margin: 0; }
	#ComplementaireSante p.SousTitreCadreBlanc { text-align: center; margin: 0 0 1.5em 0; }
	#ComplementaireSante p.TitreGaranties { text-align: center; margin: 0 0 0.5em 0; }
	#ComplementaireSante p.SousTitreGaranties { text-align: center; margin: 0 0 1.5em 0; }
	
	#IntroContratSante { width: auto; }
	#IntroContratSante .box { width: auto; margin-bottom: 1.5em; }
	#IntroContratSante img { width: 100%; }
	
	#CompositionContratSante { width: auto; margin-bottom: 1em; }
	#CompositionContratSante .box { width: auto; }
	#CompositionContratSante .box:nth-child(2) { background-color: #fff; padding: 1em; }
	#CompositionContratSante ul { margin-top: 1em; margin-bottom: 1.5em; }
	#CompositionContratSante li { list-style-type: disc; margin-left: 1em; }
	#CompositionContratSante img { float: left; margin-right: 30px; width: 110px; }
	#CompositionContratSante p.bonus { margin: 0 0 2em 0; }
	
	#ProtectionPersonnalisee { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#ProtectionPersonnalisee .box { display: block; width: calc(33% - 0.5em); height: auto; padding: 0; margin: 1em 0 2em; background-color: #fff; border-bottom: 1px solid #ccc; text-align: center; }
	#ProtectionPersonnalisee p.titre { text-align: center; margin: 1em; }
	#ProtectionPersonnalisee img { display: block; width: 100%; height: auto; margin: 0; }
	#ProtectionPersonnalisee p { text-align: justify; margin: 1em; }
	#ProtectionPersonnalisee ul { text-align: left; margin: 1em 0 0 1em; } 
	#ProtectionPersonnalisee li { list-style-type: disc; margin-left: 0.5em; }
	#ProtectionPersonnalisee p.PlusLoin { text-align: left; margin: 0 0 0em 0; }
	#ProtectionPersonnalisee p.DescriptionPlusLoin { text-align: left; margin: 0 0 0 0; }
	
	#TableauxGaranties table { border: 0; width: 100%; border-collapse: collapse; margin: 0 0 1em 0; }
	#TableauxGaranties td { background-color: #fff; color: #000; text-align: center; vertical-align: middle; border: 1px solid #fff; font-size: 0.8em; padding: 0 0.3em; line-height: 1.5em; }
	#TableauxGaranties td.titre { font-weight: bold; font-size: 1em; color: #3194ef; text-align: left; }
	#TableauxGaranties td.gris1 { background-color: #9c9e9f; color: #fff; text-align: left; }
	#TableauxGaranties td.gris2 { background-color: #eceded; }
	#TableauxGaranties td.gris3 { background-color: #bbbdbe; color: #fff; text-align: left; }
	#TableauxGaranties td.bleu1 { background-color: #d7e2f1; text-align: left; }
	#TableauxGaranties td.bleu2 { background-color: #e1eff9; }
	#TableauxGaranties td.bleu3 { background-color: #d1e7f6; }
	#TableauxGaranties td.bleu4 { background-color: #c1dff3; }
	#TableauxGaranties td.bleu5 { background-color: #afd7f0; }
	#TableauxGaranties td.bleu6 { background-color: #9ccfec; }
	#TableauxGaranties td.vert1 { background-color: #a4d0b1; }
	#TableauxGaranties td.vert2 { background-color: #72bb8f; }
	#TableauxGaranties td.blanc { text-align: left; }
	#TableauxGaranties p.notes { line-height: 1em; margin: 0 0 4em 0; }
	#TableauxGaranties p.FinTableaux { margin: 4em 0; }

	#options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: distribute; justify-content: space-around; }
	#options .box { display: block; width: calc(50% - 1em); height: auto; padding: 0; margin: 0; background-color: #fff; border-bottom: 1px solid #ccc; text-align: center; }
	#options .box p { margin: 1em; }
	#options .box hr { height: 1px; background-color: #3194ef; color: #3194ef; width: 100%; border: none; margin: 0; }
	
	#telechargement { width: 100%; text-align: center; margin: 0; }
	#telechargement img { margin-right: 0.5em; }

	
	
	/* PREVOYANCE ET GARANTIES OBSEQUES */

	#GarantiesObseques p.TitrePage { margin: 0 0 3em 0; }
		
	#QuestionsGarantiesObseques { width: auto; }
	#QuestionsGarantiesObseques .box { width: 100%; margin: 0 0 2em 0; }
	#QuestionsGarantiesObseques .box:nth-child(1) { text-align: center; }
	#QuestionsGarantiesObseques img { width: 50%; }
	#QuestionsGarantiesObseques p.titre { margin: 0 0 1em 0; }

	#DescriptionGarantiesObseques { margin: 0 0 0em 0; }
	#DescriptionGarantiesObseques ul { margin: 1em 0 4em 1em; }
	#DescriptionGarantiesObseques li { list-style-type: disc; margin-left: 1em; }
	#DescriptionGarantiesObseques p.ContratEssentiel { text-align: center; margin: 0 0 2em 0; }
	
	#offres { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#offres .box { background-color: #fff; border-bottom: 1px solid #ccc; padding: 1.5em 1em; width: calc(50% - 2.5em); }
	#offres p.GrosTitre { text-align: center; margin-bottom: 1em; }
	#offres p.PetitTitre { text-align: center; }
	#offres hr { margin: 2em 0; }
	#offres li { list-style-type: disc; margin-left: 1em; }

	
	
	/* TARIFS HENNER */

	#TarifsHenner p.TitrePage { margin: 0 0 1em 0; }
	#TarifsHenner p.SousTitrePage { margin: 0 0 3em 0; }
	#TarifsHenner p.BoutonRetour { text-align: center; }

	#PrimesViageresHenner { width: auto; margin: 0; text-align: center; }
	#PrimesViageresHenner table { width: 100%; border: 0; border-collapse: collapse; background-color: #fff; margin: 0 0 4em 0; }
	#PrimesViageresHenner th { color: #fff; background-color: #3194ef; padding: 0.5em 1em; border: 1px solid #fff; }
	#PrimesViageresHenner td { text-align: center; padding: 0.15em 0.5em; color: #00338e; }
	#PrimesViageresHenner td.titre1 { color: #fff; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesViageresHenner td.titre2 { color: #fde8b1; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesViageresHenner tr.fond1 { background-color: #d6eafc; }

	#PrimesTemporairesHenner { width: auto; margin: 0; text-align: center; }
	#PrimesTemporairesHenner table { width: 100%; border: 0; border-collapse: collapse; background-color: #fff; margin: 0 0 4em 0; }
	#PrimesTemporairesHenner th { color: #fff; background-color: #3194ef; padding: 0.5em 1em; border: 1px solid #fff; }
	#PrimesTemporairesHenner td { text-align: center; padding: 0.15em 0.5em; color: #00338e; }
	#PrimesTemporairesHenner td.titre1 { color: #fff; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesTemporairesHenner td.titre2 { color: #fde8b1; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesTemporairesHenner tr.fond1 { background-color: #d6eafc; }
	
	
	
	/* ADHESION HENNER / ASAF */

	#AdhesionHenner p.TitrePage { margin: 0 0 3em 0; }
	#AdhesionHenner .numero1 { margin: 1em 0 3em 4em; }
	#AdhesionHenner .numero2 { margin: 1em 0 3em 4em; } 
	#AdhesionHenner .numero3 { margin: 1em 0 0 4em; }
	#AdhesionHenner span.numero { line-height: 1.5em; font-size: 1.3em; color: #fff; background-color: #3194ef; border-radius: 0.75em; padding: 0 0.75em; margin-right: 1em; vertical-align: middle; }
	#AdhesionHenner ul { margin: 0 0 2em 1em; }
	#AdhesionHenner li { list-style-type: disc; margin-left: 1em; }
	#AdhesionHenner img { margin-right: 0.5em; }

	
	
	/* EPARGNE ET PLACEMENTS */
	
	#epargne p { margin: 0 0 1em 0; }
	#epargne p.TitrePage { margin: 0 0 4em 0; }
	#epargne ul { margin: 1em 1em 2em 1em; }
	#epargne li { list-style-type: disc; margin-left: 1em; }
	#epargne img { float: left; width: 50%; margin: 0 2em 1em 0; }
	


	/* SPORTIFS PROS */

	#SportifsPros p.TitrePage { margin: 0 0 3em 0; }
	#SportifsPros p.Titre { margin: 0 0 1.5em 0; }
	
	#SportifsPros p.TitrePage { margin: 0 0 3em 0; }
	#SportifsPros p.Titre { margin: 0 0 1em 0; }
	
	#SportifsPros1 { width: 100%; }
	#SportifsPros1 .box { width: 100%; margin-bottom: 1.5em; }
	#SportifsPros1 img { display: block; width: 100%; }



	/* FORMULAIRE DE CONTACT */

	#contact p.TitrePage { margin: 0 0 3em 0; }
	
	#FormContact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#FormContact .box1 { width: calc(60% - 2em); height: auto; padding: 1em; margin: 0; background-color: #fff; border: 1px solid #707070; }
	#FormContact .box2 { width: calc(40% - 1em); height: auto; text-align: center; margin: 0; background-color: #fff; }
	#FormContact .LigneForm { width: 100%; display: block; margin-bottom: 1em; }
	#FormContact .LigneForm p.LabelNoir { color: #000; font-weight: bold; }
	#FormContact .LigneForm p.LabelRouge { color: #f00; font-weight: bold; }
	#FormContact .LigneForm select { width: 100%; height: auto; }
	#FormContact .LigneForm input.ChampTexte,
	#FormContact .LigneForm textarea.ChampTexte { width: calc(100% - 1em); height: auto; }
	#FormContact .LigneForm p { margin: 0; }
	#FormContact .LigneForm .code { font-size: 1.5em; font-weight: bold; color: #000; width: 30%; height: auto; }
	#FormContact .LigneForm input.ChampCode { width: 30%; height: auto; }
	#FormContact .submit { display: block; text-align: center; margin-bottom: 1.5em; }
	#FormContact .ChampsObligatoires { font-size: 0.8em; text-align: right; width: auto; font-style: italic; font-size: 0.8em; color: #707070; }
	#FormContact img.IllustrationContact { display: block; width: 100%; height: auto; margin-bottom: 2em; }
	#FormContact img.picto { margin: 2em 0; }
	#FormContact p.NumeroTelephone { margin: 0 0 2em 0; font-size: 1.5em; }
	#FormContact p.AdressePostale { padding: 0 1em 2em 1em; }
	#FormContact input.bouton,
	#FormContact input.bouton:visited { display: inline-block; border: 0; background-color: #3194ef; padding: 0.7em 2em; margin: 1.5em 0 0 0; font-size: 0.9em; color: #fff; text-decoration: none; border-radius: 0.25em; text-align: center; }
	#FormContact input.bouton:hover { background: #d6eafc; color: #707070; text-decoration: none; }

	#ResultatFormContact { width: auto; text-align: center; }
	#ResultatFormContact p { margin-bottom: 2em; }
	


	/* MENTIONS LEGALES */
	
	#MentionsLegales p.TitrePage { margin: 0 0 3em 0; }
	#MentionsLegales p.TitreArticle { margin-bottom: 1.5em; }
	#MentionsLegales hr { border: 0; border-top: dashed 1px #707070; height: 1px; margin: 1.5em 0; }



}



/* MOBILES ORIENTATION PORTRAIT *****************************************************************************************************************************************************/

@media all and (max-width: 480px) {

	
	
	/* GENERAL */

	/* conteneur de la page entière */
	.conteneur { background-color: #f7f7f7; width: auto; margin: 0 auto; padding: 0; }

	/* conteneur du contenu principal */
	.main { width: auto; margin: 0 auto; padding: 3em 1em; background-color: #f7f7f7; text-align: left; }
	
	/* logo */
	#logo { width: auto; height: auto; text-align: center; background-color: #fff; }
	#logo img { width: 76px; height: auto; margin: 10px; }
	
	/* menu nav hamburger */
	
	#MenuMobile a { background-color: #fff; text-decoration: none; color: #232323; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
	#MenuMobile a:hover { color: #f00; }
	#menuToggle { display: block; position: absolute; top: 30px; left: 30px; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -3%; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
	#menuToggle span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #707070; border-radius: 3px; z-index: 1; -webkit-transform-origin: 4px 0px; -ms-transform-origin: 4px 0px; transform-origin: 4px 0px; transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -o-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
	#menuToggle span:first-child { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; }
	#menuToggle span:nth-last-child(2) { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; }
	#menuToggle input:checked ~ span { opacity: 1; -webkit-transform: rotate(45deg) translate(-2px, -1px); -ms-transform: rotate(45deg) translate(-2px, -1px); transform: rotate(45deg) translate(-2px, -1px); background: #232323; }
	#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; -webkit-transform: rotate(0deg) scale(0.2, 0.2); -ms-transform: rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2); }
	#menuToggle input:checked ~ span:nth-last-child(2) { -webkit-transform: rotate(-45deg) translate(0, -1px); -ms-transform: rotate(-45deg) translate(0, -1px); transform: rotate(-45deg) translate(0, -1px); }
	#menu { position: absolute; width: 250px; margin: -100px 0 0 -50px; padding: 50px; padding-top: 125px; background: #ccc; list-style-type: none; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: -o-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
	#menu li { padding: 10px 0; font-size: 1.1em; line-height: 1.3em; }
	#menuToggle input:checked ~ ul { -webkit-transform: none; -ms-transform: none; transform: none; }

	/* menu nav classique */

	#MenuPC { display: none; }

	/* bannière */

	#banniere { width: auto; height: 180px; line-height: 180px; background: url('https://www.actazurpatrimoine.com/images/banniere.jpg') center bottom; background-repeat: no-repeat; text-align: center; }
	#banniere p { display: inline-block; line-height: 1.3em; vertical-align: middle; }
	#banniere span.titre { display: inline-block; width: auto; vertical-align: middle; line-height: 1.5em; font-size: 1.2em; color: #fff; margin: 0; }
	#banniere span.baseline { display: inline-block; width: auto; vertical-align: middle; line-height: 1.1em; font-size: 0.9em; font-weight: bold; color: #fde8b1; margin: 0 1em; }
	#banniere img { display: inline-block; width: 30px; height: auto; }

	/* footer */
	footer { background-color: #fde8b1; width: calc(100% - 2em); height: auto; padding: 2em 1em; }
	#footer { width: 100%; height: auto; margin: 0 auto; }
	#footer .box { width: 100%; height: auto; margin: 0 0 1em 0; }
	#footer p.TitreFooter { width: 100%; padding: 0 0 0.5em 0; border-bottom: 1px solid #000; margin: 0 0 1em 0; }
	
	/* polices */
	.typo1 { font-size: 1.4em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* gros titre page */
	.typo2 { font-size: 1em; font-weight: normal; font-style: italic; line-height: 1.3em; color: #000000; } /* texte noir italique */
	.typo3 { font-size: 1.2em; font-weight: normal; font-style: none; line-height: 1.3em; color: #3194ef; } /* texte moyen et bleu */
	.typo4 { font-size: 1.4em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* gros titre offres */
	.typo5 { font-size: 1.1em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* titre footer */
	.typo6 { font-size: 0.8em; font-weight: normal; font-style: none; line-height: 1.3em; color: #000000; } /* texte footer */
	.typo7 { font-size: 1.3em; font-weight: normal; font-style: none; line-height: 1.4em; color: #3194ef; } /* titre article mentions légales */
	.typo8 { font-size: 0.9em; font-weight: bold; font-style: none; line-height: 1.3em; color: #000000; } /* texte noir, petit et gras */
	.typo9 { font-size: 0.8em; font-weight: bold; font-style: none; line-height: 1.3em; color: #3194ef; } /* texte petit, bleu et gras */
	.typo10 { font-size: 0.8em; font-weight: normal; font-style: none; line-height: 1.3em; color: #000000; } /* texte noir et petit */
	.typo11 { font-size: 1.5em; font-weight: bold; font-style: none; line-height: 1.3em; color: #ff0000; } /* gros titre erreur */
	.typo12 { font-size: 0.8em; font-weight: normal; font-style: none; line-height: 1em; color: #000000; } /* texte noir, petit et serré */
	
	/* séparation */
	.separation { clear: both; width: 100%; position: relative; margin: 3em auto; text-align: center; border-top: 1px solid #ccc; top: 1em; }
	p.TitreSeparation { font-size: 1.5em; font-weight: bold; background-color: #f7f7f7; position: relative; top: -0.5em; display: inline; margin: 0; padding: 0 0.5em; }



	/* ACCUEIL */

	#index p.TitrePage { margin: 0 0 1em 0; }
	#index p.TexteIntro {  margin: 0 0 3em 0; }
	#index p.TitreArgument { margin: 0 0 1em 0; }
	#index p.argument { margin: 0 0 2em 0; }

	#arguments .box { display: block; width: 100%; height: auto; padding: 0; margin-bottom: 1em; text-align: justify; }
	#arguments img { display: block; width: 100%; height: auto; padding-bottom: 1em; text-align: center; }

	#produits { width: 100%; }
	#produits .box { display: block; width: 100%; height: auto; padding: 0; margin-bottom: 2em; background-color: #fff; border-bottom: 1px solid #ccc; }
	#produits .box:nth-child(3) { margin-bottom: 0; }
	#produits p.TitreProduit { text-align: center; padding: 1em; }
	#produits img { display: block; width: 100%; height: auto; margin: 0; }
	#produits p.DescriptionProduit { text-align: justify; margin: 1.5em 1em; padding: 0; }
	#produits p.bouton { text-align: left; margin: 1.5em 1em; }
	


	/* COMPLEMENTAIRE SANTE */
	
	#ComplementaireSante p.TitrePage { margin: 0 0 3em 0; }
	#ComplementaireSante p.Titre { margin: 0 0 1em 0; }
	#ComplementaireSante p.TitreCadreBlanc { text-align: center; margin: 0 0 0.5em 0; }
	#ComplementaireSante p.SousTitreCadreBlanc { text-align: center; margin: 0 0 1.5em 0; }
	#ComplementaireSante p.TitreGaranties { text-align: center; margin: 0 0 0.5em 0; }
	#ComplementaireSante p.SousTitreGaranties { text-align: center; margin: 0 0 2em 0; }
	
	#IntroContratSante { width: 100%; }
	#IntroContratSante .box { width: 100%; margin-bottom: 1.5em; }
	#IntroContratSante img { display: block; width: 100%; }
	
	#CompositionContratSante { width: 100%; margin-bottom: 1em; }
	#CompositionContratSante .box { width: auto; }
	#CompositionContratSante .box:nth-child(2) { background-color: #fff; padding: 1em; }
	#CompositionContratSante ul { margin-top: 1em; margin-bottom: 1.5em; }
	#CompositionContratSante li { list-style-type: disc; margin-left: 1em; }
	#CompositionContratSante img { float: left; margin-right: 30px; width: 80px; }
	#CompositionContratSante p.bonus { margin: 0 0 2em 0; }
	
	#ProtectionPersonnalisee {  }
	#ProtectionPersonnalisee .box { display: block; width: auto; height: auto; padding: 0; margin: 0 0 2em 0; background-color: #fff; border-bottom: 1px solid #ccc; text-align: center; }
	#ProtectionPersonnalisee p.titre { text-align: center; margin: 0; padding: 1em; }
	#ProtectionPersonnalisee img { display: block; width: 100%; height: auto; margin: 0; }
	#ProtectionPersonnalisee p { text-align: justify; padding: 1em; }
	#ProtectionPersonnalisee ul { text-align: left; margin: 1em; } 
	#ProtectionPersonnalisee li { list-style-type: disc; margin-left: 1em; }
	#ProtectionPersonnalisee p.PlusLoin { text-align: left; margin: 0 0 0.5em 0; padding: 0; }
	#ProtectionPersonnalisee p.DescriptionPlusLoin { text-align: left; margin: 0; padding: 0; }
	
	#TableauxGaranties table { border: 0; width: 100%; border-collapse: collapse; margin: 0 0 1em 0; }
	#TableauxGaranties td { background-color: #fff; color: #000; text-align: center; vertical-align: middle; border: 1px solid #fff; font-size: 0.8em; padding: 0 0.3em; line-height: 1.5em; }
	#TableauxGaranties td.titre { font-weight: bold; font-size: 1em; color: #3194ef; text-align: left; }
	#TableauxGaranties td.gris1 { background-color: #9c9e9f; color: #fff; text-align: left; }
	#TableauxGaranties td.gris2 { background-color: #eceded; }
	#TableauxGaranties td.gris3 { background-color: #bbbdbe; color: #fff; text-align: left; }
	#TableauxGaranties td.bleu1 { background-color: #d7e2f1; text-align: left; }
	#TableauxGaranties td.bleu2 { background-color: #e1eff9; }
	#TableauxGaranties td.bleu3 { background-color: #d1e7f6; }
	#TableauxGaranties td.bleu4 { background-color: #c1dff3; }
	#TableauxGaranties td.bleu5 { background-color: #afd7f0; }
	#TableauxGaranties td.bleu6 { background-color: #9ccfec; }
	#TableauxGaranties td.vert1 { background-color: #a4d0b1; }
	#TableauxGaranties td.vert2 { background-color: #72bb8f; }
	#TableauxGaranties td.blanc { text-align: left; }
	#TableauxGaranties p.notes { line-height: 1em; margin: 0 0 3em 0; }
	#TableauxGaranties p.FinTableaux { margin: 2em 0 0 0; }

	#options .box { display: block; width: 100%; height: auto; padding: 0; margin: 0 0 2em 0; background-color: #fff; border-bottom: 1px solid #ccc; text-align: center; }
	#options .box:nth-child(2) { margin: 0; }
	#options .box p { margin: 0; padding: 1em; }
	#options .box hr { height: 1px; background-color: #3194ef; color: #3194ef; width: 100%; border: none; margin: 0; }
	
	#telechargement { width: 100%; text-align: center; margin: 0; }
	#telechargement img { margin-right: 0.5em; }
	
	
	
	/* PREVOYANCE ET GARANTIES OBSEQUES */

	#GarantiesObseques p.TitrePage { margin: 0 0 3em 0; }
		
	#QuestionsGarantiesObseques { width: auto; }
	#QuestionsGarantiesObseques .box { width: 100%; margin: 0 0 2em 0; }
	#QuestionsGarantiesObseques img { width: 100%; }
	#QuestionsGarantiesObseques p.titre { margin: 0 0 1em 0; }

	#DescriptionGarantiesObseques { margin: 0 0 4em 0; }
	#DescriptionGarantiesObseques ul { margin: 1em 0 4em 1em; }
	#DescriptionGarantiesObseques li { list-style-type: disc; margin-left: 1em; }
	#DescriptionGarantiesObseques p.ContratEssentiel { text-align: center; margin: 0 0 2em 0; }
	
	#offres { width: 100%;  }
	#offres .box { background-color: #fff; border-bottom: 1px solid #ccc; padding: 1.5em 1em 1em 1em; width: calc(100% - 2em); }
	#offres .box:nth-child(1) { margin-bottom: 2em; }
	#offres p.GrosTitre { text-align: center; margin-bottom: 1em; }
	#offres p.PetitTitre { text-align: center; }
	#offres hr { margin: 1.5em 0; }
	#offres li { list-style-type: disc; margin-left: 1em; }


	
	/* TARIFS HENNER */

	#TarifsHenner p.TitrePage { margin: 0 0 1em 0; }
	#TarifsHenner p.SousTitrePage { margin: 0 0 4em 0; }
	#TarifsHenner p.BoutonRetour { text-align: center; }

	#PrimesViageresHenner { width: auto; margin: 0; text-align: center; }
	#PrimesViageresHenner table { width: auto; border: 0; border-collapse: collapse; background-color: #fff; margin: 0 0 4em 0; }
	#PrimesViageresHenner th { color: #fff; background-color: #3194ef; padding: 0.5em 1em; border: 1px solid #fff; }
	#PrimesViageresHenner td { text-align: center; padding: 0.15em 0.5em; color: #00338e; }
	#PrimesViageresHenner td.titre1 { color: #fff; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesViageresHenner td.titre2 { color: #fde8b1; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesViageresHenner tr.fond1 { background-color: #d6eafc; }

	#PrimesTemporairesHenner { width: auto; margin: 0; text-align: center; }
	#PrimesTemporairesHenner table { width: auto; border: 0; border-collapse: collapse; background-color: #fff; margin: 0 0 4em 0; }
	#PrimesTemporairesHenner th { color: #fff; background-color: #3194ef; padding: 0.5em 1em; border: 1px solid #fff; }
	#PrimesTemporairesHenner td { text-align: center; padding: 0.15em 0.5em; color: #00338e; }
	#PrimesTemporairesHenner td.titre1 { color: #fff; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesTemporairesHenner td.titre2 { color: #fde8b1; background-color: #00338e; font-weight: bold; padding: 1em; }
	#PrimesTemporairesHenner tr.fond1 { background-color: #d6eafc; }


	
	/* ADHESION HENNER / ASAF */

	#AdhesionHenner p.TitrePage { margin: 0 0 3em 0; }
	#AdhesionHenner .numero1 { margin: 1em 0 3em 2em; }
	#AdhesionHenner .numero2 { margin: 1em 0 3em 2em; } 
	#AdhesionHenner .numero3 { margin: 1em 0 0 2em; }
	#AdhesionHenner span.numero { line-height: 1.5em; font-size: 1.3em; color: #fff; background-color: #3194ef; border-radius: 0.75em; padding: 0 0.75em; margin-right: 0.5em; vertical-align: middle; }
	#AdhesionHenner ul { margin: 0 0 2em 0; }
	#AdhesionHenner li { list-style-type: disc; margin-left: 0; }
	#AdhesionHenner img { margin-right: 0.5em; }



	/* EPARGNE ET PLACEMENTS */
	
	#epargne p { margin: 0 0 1em 0; }
	#epargne p.TitrePage { margin: 0 0 4em 0; }
	#epargne ul { margin: 1em 1em 2em 1em; }
	#epargne li { list-style-type: disc; margin-left: 1em; }
	#epargne img { float: left; width: 100%; margin: 0 0 1em 0; }
	
	
	
	/* SPORTIFS PROS */
	
	#SportifsPros p.TitrePage { margin: 0 0 3em 0; }
	#SportifsPros p.Titre { margin: 0 0 1em 0; }
	
	#SportifsPros1 { width: 100%; }
	#SportifsPros1 .box { width: 100%; margin-bottom: 1.5em; }
	#SportifsPros1 img { display: block; width: 100%; }



	/* FORMULAIRE DE CONTACT */

	#contact p.TitrePage { margin: 0 0 3em 0; }
	
	#FormContact { width: auto; }
	#FormContact .box1 { width: auto; height: auto; padding: 1em; margin: 0 0 2em 0; background-color: #fff; border: none; }
	#FormContact .box2 { width: auto; height: auto; text-align: center; margin: 0; padding-top: 2em; background-color: #fff; }
	#FormContact .LigneForm { width: 100%; display: block; margin-bottom: 1em; }
	#FormContact .LigneForm p.LabelNoir { color: #000; font-weight: bold; }
	#FormContact .LigneForm p.LabelRouge { color: #f00; font-weight: bold; }
	#FormContact .LigneForm select { width: 100%; height: auto; }
	#FormContact .LigneForm input.ChampTexte,
	#FormContact .LigneForm textarea.ChampTexte { width: calc(100% - 1em); height: auto; }
	#FormContact .LigneForm p { margin: 0; }
	#FormContact .LigneForm .code { font-size: 1.5em; font-weight: bold; color: #000; width: 30%; height: auto; }
	#FormContact .LigneForm input.ChampCode { width: 30%; height: auto; }
	#FormContact .submit { display: block; text-align: center; margin-bottom: 1.5em; }
	#FormContact .ChampsObligatoires { font-size: 0.8em; text-align: right; width: auto; font-style: italic; font-size: 0.8em; color: #707070; }
	#FormContact img.IllustrationContact { display: block; width: 100%; height: auto; margin-bottom: 2em; }
	#FormContact img.picto { margin: 0 2em 2em 2em; }
	#FormContact p.NumeroTelephone { margin: 0 0 2em 0; font-size: 1.5em; }
	#FormContact p.AdressePostale { padding: 0 2em 2em 2em; }
	#FormContact input.bouton,
	#FormContact input.bouton:visited { display: inline-block; border: 0; background-color: #3194ef; padding: 0.7em 2em; margin: 1.5em 0 0 0; font-size: 0.9em; color: #fff; text-decoration: none; border-radius: 0.25em; text-align: center; }
	#FormContact input.bouton:hover { background: #d6eafc; color: #707070; text-decoration: none; }

	#ResultatFormContact { width: auto; text-align: center; }
	#ResultatFormContact p { margin-bottom: 2em; }
	


	/* MENTIONS LEGALES */
	
	#MentionsLegales p.TitrePage { margin: 0 0 3em 0; }
	#MentionsLegales p.TitreArticle { margin-bottom: 1.5em; }
	#MentionsLegales hr { border: 0; border-top: dashed 1px #707070; height: 1px; margin: 1.5em 0; }



}