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

	body { font-family: 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.texte,
	a.texte:visited { color: #3194ef; text-decoration: none; }
	a.texte:hover { text-decoration: underline; }

	a.bouton,
	a.bouton:visited { display: inline-block; background-color: #3194ef; padding: 0.7em 2em; margin: 0; font-size: 0.9em; color: #fff; font-weight: normal; text-decoration: none; border-radius: 0.25em; }
	a.bouton:hover { background: #d6eafc; color: #707070; text-decoration: none; }

	

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

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



	/* GENERAL */

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

	/* conteneur du contenu principal */
	.main { max-width: 1200px; margin: 0 auto; padding: 6em 3em; background-color: #f7f7f7; text-align: left; }
	
	/* logo */
	#logo { width: auto; height: auto; text-align: center; background-color: #fff; }
	#logo img { width: 140px; height: auto; margin: 2em 2em 1em 2em; }

	/* menu nav hamburger */
	#MenuMobile { display: none; }

	/* menu nav classique */
	#MenuPC { width: auto; min-height: 40px; text-align: center; padding: 0 0 10px 0; background-color: #fff; }
	#MenuPC a { display: inline-block; vertical-align: top; padding: 0.75em 1em; margin: 0 0.5em; font-size: 0.9em; color: #707070; font-weight: normal; text-decoration: none; border-radius: 0.5em; }
	#MenuPC a.active { background-color: #3194ef; color: #fff; }
	#MenuPC a.inactive { background-color: #fff; }
	#MenuPC a:hover { background: #d6eafc; color: #707070; text-decoration: none; }
	#MenuPC a:visited { text-decoration: none; }

	/* bannière */
	#banniere { width: auto; height: 345px; line-height: 345px; background: url('https://www.actazmp.com/images/banniere.jpg') center; 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: 2.5em; font-weight: bold; color: #fff; margin: 0; }
	#banniere span.baseline { display:inline-block; width: auto; vertical-align: middle; line-height: 1.3em; font-size: 1.2em; color: #fde8b1; margin: 0 1em; }
	#banniere img { display: inline-block; width: 65px; height: auto; }

	/* footer */
	footer { background-color: #fde8b1; width: auto; padding: 2em 1em; }
	#footer { max-width: 1200px; height: auto; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; }
	#footer .box { width: calc(50% - 2em); }
	#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: 2em; 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: 2em; 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: 0.9em; color: #000000; } /* texte noir, petit et serré */
	
	/* séparation */
	.separation { clear: both; width: 100%; position: relative; margin: 80px 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: 80px 0; padding: 0 1em; }
	
	
	
	/* ACCUEIL */

	#index p.TitrePage { margin: 0 0 2em 0; }
	#index p.TexteIntro {  margin: 0 0 4em 0; }
	#index p.TitreArgument { margin: 0 0 1em 0; }
	#index p.argument { margin: 0 0 2em 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(33% - 2em); }
	#arguments .box:nth-child(2) { width: calc(34% - 2em); margin: 0; }
	#arguments .box:nth-child(3) { width: calc(33% - 2em); }
	#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% - 2em); height: auto; padding: 0; margin: 0; background-color: #fff; border-bottom: 1px solid #ccc; text-align: center; }
	#produits p.TitreProduit { margin: 1.5em; padding: 0; }
	#produits img { display: block; width: 100%; height: auto; margin: 0; }
	#produits p.DescriptionProduit { text-align: justify; margin: 1.5em 2em; padding: 0; }
	#produits p.bouton { text-align: left; margin: 1em 2em 1.5em; }



	/* COMPLEMENTAIRE SANTE */

	#ComplementaireSante p.TitrePage { margin: 0 0 4em 0; }
	#ComplementaireSante p.Titre { margin: 0 0 1.5em 0; }
	#ComplementaireSante p.TitreCadreBlanc { text-align: center; margin: 2em 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 1.5em 0; }
	
	#IntroContratSante { width: 100%; margin-bottom: 1em; 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; }
	#IntroContratSante .box { margin: 0 0 2em 0; }
	#IntroContratSante .box:nth-child(1) { width: 50%; }
	#IntroContratSante .box:nth-child(2) { width: calc(50% - 2em); max-width: 50%; }
	#IntroContratSante img { display: block; width: 100%; }

	#CompositionContratSante { width: 100%; margin-bottom: 1em; 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; }
	#CompositionContratSante .box:nth-child(1) { width: 500px; }
	#CompositionContratSante .box:nth-child(2) { background-color: #fff; width: calc(100% - 500px - 4em); }
	#CompositionContratSante ul { margin: 1em 1em 2em 1em; }
	#CompositionContratSante li { list-style-type: disc; margin-left: 1em; }
	#CompositionContratSante img { float: left; margin: 0 2em 2em 0; width: auto; }
	#CompositionContratSante p.description { margin : 1em 2em 2em 2em; }
	#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% - 2em); 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 2em; } 
	#ProtectionPersonnalisee li { list-style-type: disc; margin-left: 1em; }
	#ProtectionPersonnalisee p.PlusLoin { text-align: left; margin: 0 0 1em 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(40% - 2em); 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 4em 0; }
		
	#QuestionsGarantiesObseques { width: 100%; margin-bottom: 1em; 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; }
	#QuestionsGarantiesObseques .box { margin: 0 0 2em 0; }
	#QuestionsGarantiesObseques .box:nth-child(1) { width: 500px; }
	#QuestionsGarantiesObseques .box:nth-child(2) { width: calc(100% - 500px - 2em); }
	#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 .box { background-color: #fff; border-bottom: 1px solid #ccc; padding: 2em; width: calc(100% - 6em); }
	#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: 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 4em 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; }
	#epargne p.scoop { display: block; width: calc(100% - 4em); color: #fff; border-radius: 0.5em; background-color: #b00000; padding: 1em 2em; text-align: left; margin-bottom: 2em; }
	


	/* SPORTIFS PROS */

	#SportifsPros p.TitrePage { margin: 0 0 4em 0; }
	#SportifsPros p.Titre { margin: 0 0 1.5em 0; }
	
	#SportifsPros1 { width: 100%; margin-bottom: 1em; 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; }
	#SportifsPros1 .box { margin: 0 0 2em 0; }
	#SportifsPros1 .box:nth-child(1) { width: 30%; }
	#SportifsPros1 .box:nth-child(2) { width: calc(70% - 2em); max-width: 70%; }
	#SportifsPros1 img { display: block; width: 100%; }

	
	
	/* FORMULAIRE DE CONTACT */

	#contact p.TitrePage { margin: 0 0 4em 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(65% - 4em); height: auto; padding: 2em; margin: 0; background-color: #fff; border: 1px solid #707070; }
	#FormContact .box2 { width: calc(35% - 2em); 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: 4em; }
	#FormContact img.picto { margin: 2em 0; }
	#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 4em 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 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.actazmp.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.actazmp.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; }



}