/*############################################################################*/
/*############################################################################*/
/*############################################################################*/
/*######                                                                ######*/
/*######                 infodomi.fr / test     custom.css              ######*/
/*######                               ====                             ######*/
/*############################################################################*/ 
/*############################################################################*/
/*############################################################################*/
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('/fonts/Raleway-VariableFont_wght.ttf') format('truetype');
}
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url('/fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
	font-family: 'Hammersmith One';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/HammersmithOne-Regular.ttf') format('truetype');
}
/*#############################################################################*/
body, html {
    overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
  font-size: 100%;
}
body {
    font-family: Raleway, sans-serif;
    font-size: 1.8em;
    line-height: 1.5em;
    color: #1E1E1E;
	font-weight: 400;
	font-style : normal;
	letter-spacing: unset;
}
.t4-sticky {
	position: fixed !important;
	left: 10px;
}

.row {
	margin-right: unset;
  	margin-left: unset;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size : unset;
	font-family: unset;
	font-weight: unset;
	font-style: unset;
	line-height: unset;
	letter-spacing: unset;
	margin-top: unset;
	margin-bottom: unset;
	display: inline;
}

h1, h2, h3, h6 {
	display: inline-block;
}

th {
	line-height: 0rem;
	visibility: hidden;
}
.majuscule {
	text-transform : uppercase;
}

.pixel {			/* Permet d'afficher une image avec une description ALT (pour SEO) à côté d'une image en CSS background */
	width: 1px;		/* Exemple : <span class="pixel"><img src="images/_odomi/_pixel_transparent.png" alt="- 50 %"></span> */
	height: 1px;
	display: block;
}
.pixel-masque {
	margin-left: -22px;	/*   Pour n° de téléphone   */
}

/*-----------   SCROLLBARS   ------------------------------------------------*/
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #C60070 #FFFFFF;		/* scrollbar & fond  */
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #FFFFFF;
}

*::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;			/* fond */
  border-radius: 20px;
  border: 1px solid #C60070;			/* bords scrollbar */
}

/*-----------   LIENS HYPERTEXTE   -------------------------------------------*/
a {
    text-decoration: none !important;
	outline: none !important;
}
a:hover,
a:active {
    text-decoration: none !important;
}
/*---------------------------------------*/
.haut-lien-popup-cliquez-fa .fa-lg,
.bas-lien-popup-cliquez-fa .fa-lg {
    font-size: 1.0em;
}

a.haut-lien-popup-cliquez,
a.haut-lien-popup-cliquez-fa {
	color: #408FEC;
}
a.bas-lien-popup-cliquez,
a.bas-lien-popup-cliquez-fa {
	color: white;
}
a:hover.haut-lien-popup-cliquez,
a:hover.haut-lien-popup-cliquez-fa,
a:active.haut-lien-popup-cliquez,
a:active.haut-lien-popup-cliquez-fa {
    color: #FF006E !important;
}
/*---------------------------------------*/
a#nhesitez-pas-contact {
	color: black;
}
a:hover#nhesitez-pas-contact,
a:active#nhesitez-pas-contact {
    color: black !important;
}

/*############################################################################*/
/*           Cookie Axeptio > logo en bas à gauche                            */
/*----------------------------------------------------------------------------*/
/*
.cwHlYw svg path {
  fill: rgb(64, 143, 236) !important;
}
.cwHlYw svg path:last-child {
  fill: rgb(255, 255, 255) !important;
}
*/
/*############################################################################*/
/*           ANIMATIONS                                                       */
/*   Cf. https://www.w3schools.com/w3css/default.asp                          */
/*   Extraites de https://www.w3schools.com/w3css/4/w3.css                    */
/*   et adaptées ...                                                          */
/*                                                                            */
/*   VOIR IntersectionObserver.js                                             */
/*----------------------------------------------------------------------------*/
.w3-animate-left {
    position:relative;
    animation:animateleft 2s;
}
@keyframes animateleft {
    from {
        left:-600px;
        }
    to {
        left:0;
        }
}
/*-----------------------------------*/
.w3-animate-right {
    position:relative;
    animation:animateright 2s;
}
@keyframes animateright {
    from {
        right:-600px;
        }
    to {
        right:0;
        }
}
/*-----------------------------------*/
.w3-animate-zoom {
    animation:animatezoom 2.0s;
}
@keyframes animatezoom {
    from {
        transform:scale(0)
        }
    to {
        transform:scale(1)
        }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*############################################################################*/
/*                 MENU                                                       */
/*============================================================================*/
/*         off-canvas                                                         */
/*----------------------------------------------------------------------------*/
#t4-mainnav {
	width: max-content;
	line-height: 0;
	padding: 0;
	margin: 10px 0 0 0;
	position: fixed !important;
	top: 0 !important;
	background-color: white;
	border: 1px solid #2365BB !important;
	border-radius: 10px;
	box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#t4-mainnav .container {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.logo-img {
	width: 43px;
	height:	32px;
}

.nav-link {
	color: black;
}
.navbar {
	font-size: 1.3rem;
}

.c-offcanvas {
	min-height: unset;
	transition: background-color 1000ms, transform 1000ms cubic-bezier(0.4, 0, 0.6, 1);
}

.c-offcanvas--left {
	height:	unset;
	width: unset;
	border: 1px solid #2365BB;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.25);
	border-radius: 15px;
	margin-left: 7px;
	margin-top: 10px;
}

.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
	background-color: rgba(54, 100, 181, 0.30) !important;
}

.t4-offcanvas .t4-off-canvas-body {
	padding: unset;
	height: calc(100% - 100px) !important;
}
.t4-offcanvas .t4-off-canvas-body .t4-module {
	margin-bottom: 1rem !important;
}
.t4-offcanvas .t4-off-canvas-body .t4-module .module-inner {
	padding: 0 1.0rem;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {
	border-bottom: unset !important;
	padding: 0 1rem 0 1rem;
}

.t4-offcanvas .t4-off-canvas-header {
	background-color: unset !important;
	padding: .50rem 1.5rem !important;
}
.t4-offcanvas .t4-off-canvas-header a img {
	margin-bottom: 4px !important;
}
.t4-offcanvas .t4-off-canvas-header .close span {
	color: #2365BB !important;
	border: 2px solid #E9555D;
	border-radius: 7px;
}
.t4-offcanvas-toggle {
	color: #2365BB !important;
	float: left !important;
	right: unset !important;
	margin-left: unset !important;
}
.t4-offcanvas-toggle > span {
	background-color: white;
	border: 1px solid #2365BB;
	border-radius: 3px;
	padding-top: 5px;
}
.t4-offcanvas-toggle:hover {
  color: #C60070 !important;
}
.t4-offcanvas-toggle:hover > span {
  border-color: #C60070 !important;
}

#t4-mainnav.d-xl-none,
#t4-mainnav.d-lg-none {
	display: block !important;
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link {
	color: #3664B5;
	font-weight: 500;
	line-height: 1.8rem;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link,
.t4-offcanvas .t4-off-canvas-body .navbar .separator {
	padding: 0 !important;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover {
	color: #FF006E !important;		/* fushia */
}

/*-----   MENU VERS PAGES EXTERNES   -----*/
.navbar .active {
	background-color: #E0F2FF;
}
.navbar .link-page-externe {
	font-style: italic;
	color: #AE0061 !important;
	font-size: 1.2rem !important;
}
.navbar .active .link-page-externe {
	color: #0071FF !important;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active {
	border: 1px solid #559EE5 !important;
	border-radius: 7px;
}
/*----------------------------------------*/

.close {
	opacity: unset !important;
	background-color: white !important;
}

/*============================================================================*/
.t4-sideshow .module-inner {
  width: 100%;
}

.t4-section-2 .container {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
}
#t4-section-2 {
    background-color: #408FEC; /* bleu */
}
#section-2-1-img {
    width: 100%;
    height: auto;
    max-width: 450px;
    max-height: 450px;
}
#section-2-2-img {
    width: 100%;
    height: auto;
    max-width: 450px;
    max-height: 450px;
}
/*----------------------------------------------------------------------------*/
/*    DÉPANNAGES  |  INSTALLATIONS  |  FORMATIONS  |  CONSEILS                */
#t4-section-2-99 .container {
    padding: 0;
    max-width: none;
    margin-top: 0px;
    background-color: #408FEC; /* bleu foncé */
}

/*=============================================================================*/
/*                 Nous intervenons 7 jours/7 sur 41 communes                  */
/*                       et marquee liste des villes                           */
/*                           A PARTIR DE 600 px                                */
/*      https://nosmoking.developpez.com/demos/css/css-marque-rtl.html         */
/*-----------------------------------------------------------------------------*/
#marquee-rtl-text,
#marquee-rtl-text-2,
.marquee-rtl {
	display: none;
}

@media (min-width: 600px) and (max-width: 799px) {
	#marquee-rtl-text {
		font-size: 1.3rem;
	}
	.marquee-rtl {
		font-size: 1.2rem;
		width: 447px;
	}
	#marquee-rtl-info-circle-fas {
	  font-size: 1.25rem;
	}
}
@media (min-width: 800px) and (max-width: 1023px) {
	#marquee-rtl-text {
		font-size: 1.4rem;
	}
	.marquee-rtl {
		font-size: 1.3rem;
		width: 480px
	}
	#marquee-rtl-info-circle-fas {
	  font-size: 1.35rem;
	}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	#marquee-rtl-text {
		font-size: 1.5rem;
	}
	.marquee-rtl {
		font-size: 1.3rem;
		width: 514px;
	}
	#marquee-rtl-info-circle-fas {
	  font-size: 1.4rem;
	}
}
@media (min-width: 1440px) {
	#marquee-rtl-text {
		font-size: 1.6rem;
	}
	.marquee-rtl {
		font-size: 1.3rem;
		width: 545px;
	}
	#marquee-rtl-info-circle-fas {
	  font-size: 1.5rem;
	}
}

@media (min-width: 600px) {
	#marquee-rtl-text {
		display: block !important;
		margin: 40px auto 0.5rem 2px;
		color: #000000;
		text-align: center;
		line-height: 1.7rem;
		letter-spacing: 0.07rem;
	}
	#marquee-rtl-text-2 {
		display: block !important;
		margin: -10px auto 5px;
		color: #000000;
		text-align: center;
	}
	.marquee-rtl {
		display: block !important;
		margin: -15px auto 0em;
		overflow: hidden;                     /* masque tout ce qui dépasse */
		color: #000000;
	}
	#marquee-rtl-lien {
		display: inline-block;                /* modèle de boîte en ligne */
		padding-right: 2em;                   /* un peu d'espace pour la transition */
		padding-left: 100%;                   /* placement à droite du conteneur */
		white-space: nowrap;                  /* pas de passage à la ligne */
		-webkit-animation: defilement-rtl 40s infinite linear;	/* Safari 4+ */
		-moz-aanimation: defilement-rtl 40s infinite linear;	/* Fx 5+ */
		-o-animation: defilement-rtl 40s infinite linear;		/* Opera 12+ */
		animation: defilement-rtl 40s infinite linear;
	}
}

#marquee-rtl-lien:hover{
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
	cursor: pointer;
}

@keyframes defilement-rtl {
	0% {
		transform: translate3d(0,0,0);      /* position initiale à droite */
	}
	100% {
		transform: translate3d(-100%,0,0);  /* position finale à gauche */
	}
}
@-webkit-keyframes animationName {
	0% {
		transform: translate3d(0,0,0);      /* position initiale à droite */
	}
	100% {
		transform: translate3d(-100%,0,0);  /* position finale à gauche */
	}
}
@-moz-keyframes animationName {
	0% {
		transform: translate3d(0,0,0);      /* position initiale à droite */
	}
	100% {
		transform: translate3d(-100%,0,0);  /* position finale à gauche */
	}
}
@-o-keyframes animationName {
	0% {
		transform: translate3d(0,0,0);      /* position initiale à droite */
	}
	100% {
		transform: translate3d(-100%,0,0);  /* position finale à gauche */
	}
}

#marquee-rtl-lien {
	color: #1D76D8;				/* bleu */
	font-weight: 500;
}
a:hover#marquee-rtl-lien,
a:active#marquee-rtl-lien {
	color: #FF006E;				/* fushia */
	font-weight: 400;
}

#marquee-rtl-info-circle-fas {
	line-height: 0;
}
a#marquee-rtl-info-circle {
	color: #408FEC;				/* bleu */
}
a:hover#marquee-rtl-info-circle,
a:active#marquee-rtl-info-circle {
	color: #FF006E;				/* fushia */
}

/*----------------------------------------------------------------------------*/
/*           CORPS DE PAGE                                                    */
.titre-bulles-non-mobile-1 {
    margin-left: 20%;
	max-width: max-content;
}
.titre-bulles-non-mobile-2 {
    background-image: url("/images/_odomi/bulles_3_couleurs_63x47.png");
    background-repeat: no-repeat;
    width: 63px;
    height: 47px;
	position: absolute;
	top: 9px;
}
.titre-bulles-mobile-2 {
	background-image: url("/images/_odomi/bulles_3_couleurs_63x47.png");
	background-repeat: no-repeat;
	float: left;
}
.bulle img {
  float: left;
  margin-top: -2.0rem;
}
.titre-2, .titre-2-2 {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 0;
    padding-top: 1.0rem;
    padding-bottom: 1.5rem;
	color: #CC0066;
}

.li-classe {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.0rem;
}

.li-classe h4 {
    display: unset;
}
.section-5-2,
.section-6-2,
.section-7-2,
.section-11-2,
.section-21-2 {
	max-width: max-content;
}

/*############################################################################*/
/*           NOS SERVICES                                                     */
/*############################################################################*/
#t4-section-5 .container {
    padding: 0;
    max-width: none;
    padding-top: 8.0rem;
}

/*
.webp #nos-services {
    background-image: url("/images/_odomi/1343378123_couple_226.webp");
}
.no-webp #nos-services {
    background-image: url("/images/_odomi/1343378123_couple_226.png");
}
*/
#nos-services {
    background-repeat: no-repeat;
    height: 226px;
    width: 226px;
	margin-top: -1rem;
}

.webp #nos-services-child-1 {
	content: url("/images/_odomi/1343378123_couple_226.webp");
}
.webp #nos-services-child-2 {
	content: url("/images/_odomi/1497685559_jeune_femme_226.webp");
}
.webp #nos-services-child-3 {
	content: url("/images/_odomi/1088347334_jeune_homme_226_v2.webp");
}

.no-webp #nos-services-child-1 {
	content: url("/images/_odomi/1343378123_couple_226.png");
}
.no-webp #nos-services-child-2 {
	content: url("/images/_odomi/1497685559_jeune_femme_226.png");
}
.no-webp #nos-services-child-3 {
	content: url("/images/_odomi/1088347334_jeune_homme_226_v2.png");
}

/* définition de l'animation sur les images */
#nos-services img {
	animation: fade-in-out-nos-services 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}
/* définition délai des images */
#nos-services img:nth-child(1) {animation-delay: 0s}
#nos-services img:nth-child(2) {animation-delay: 4s}
#nos-services img:nth-child(3) {animation-delay: 8s}
/* définition des étapes */
@keyframes fade-in-out-nos-services {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
/*------------------------------------------*/
.section-5-3 {
    max-width: 30%;
}
#t4-section-7 {
    margin-top: 2.0rem;
}
.parentese {
    font-size: 1.1rem;
	font-style: italic;
}
/*------------------------------------------*/
#nos-services-ordinateur-non-mobile {
	margin-top: -1.0rem;
	font-weight: 500;
	font-size: 1.35rem;
	letter-spacing: 0.13rem;
}
#nos-services-ordinateur-mobile {
	font-weight: 400;
	font-size: 1.3rem;
	letter-spacing: 0.075rem;
}
#ordinateur {
	margin-top: -0.5rem;
}
#tablette {
	margin-top: -1.5rem;
}
#smartphone {
	margin-top: -1.5rem;
}

/*############################################################################*/
/*    section-9 Bouton Contact                                                */
/*============================================================================*/
/*----------------------------------------------------------------------------*/
/*           Bouton CONTACTEZ-NOUS                                            */
#t4-section-9 {
    margin-top: 2.0rem;
    margin-bottom: 1.0rem;
}
#t4-section-9 .container {
	padding: 0;
}
#btn-contact-div {
	font-weight: 400;
	font-size: 2.0rem;
	margin-left: 10px;
	margin-right: 10px;
}

#btn-contact {
	border: none;
	display: block;
	text-align: center;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-color: #CC0066;
	margin: 0 auto;
	border-radius: 25px;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 0.5rem;
	border: 1px solid #A50052;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);
	padding: 0 10px 0 20px;
}

#btn-contact span {
	position: relative; 
	z-index: 1;
}

#btn-contact #btn-contact-span-apres,
#btn-contact:hover #btn-contact-span-avant {
    display : none;
}

#btn-contact:hover #btn-contact-span-apres {
    display : block;
	letter-spacing: 0.2rem !important;
}
/*-----------  NE PAS DÉPLACER DANS custom_767_mobiles  ------*/
@media screen and (max-width: 319px) {
	#btn-contact:hover #btn-contact-span-apres {
		letter-spacing: 0rem !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 400px) {
	#btn-contact:hover #btn-contact-span-apres {
		letter-spacing: 0.1rem !important;
	}
}
/*------------------------------------------------------------*/

#btn-contact:after {
	border: none;
    outline:none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 470%;
	width: 140%;
	background: #FF006E;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
	transform: translateX(-100%) translateY(-25%) rotate(45deg);
}
#btn-contact:hover {
	font-weight: 500;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	padding: 0 10px 0 15px;
	font-size: 1.4rem;
}
#btn-contact:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
	border: none;
    outline:none;
}
/*   POUR GOOGLE CHROME, SINON BORDER NOIR APRÈS CLIC   */
#btn-contact:focus-within {
    outline: none;
}

/*----------------------------------------------------------------------------*/
/*           OU EN URGENCE / TÉLÉPHONE                                        */
#contact-urgence-text {
	text-align: center;
    margin-top: 1.0rem;
	font-weight: 600;
	font-size: 1.5rem;
}

#contact-urgence-tel {
	text-align: center;
    color: #CC0066;			/* fushia */
	font-weight: 500;
	font-size: 2.6rem;
	text-shadow: 5px 8px 5px rgba(0, 0, 0, 0.2);
	text-decoration: none !important;
}

a#contact-urgence-tel-lien {
	color: #CC0066 !important;			/* fushia */
}
a:hover#contact-urgence-tel-lien,
a:active#contact-urgence-tel-lien {
	color: #CC0066 !important;			/* fushia */
}

#contact-urgence-tel-text {
	text-align: center;
	font-weight: 500;
	font-size: 1.2rem;
	font-style: italic;
	margin-top: -3px;
	display: none;
}

/*############################################################################*/
/*           NOS TARIFS ...                                                   */
/*############################################################################*/

/*############################################################################*/
/*       section-12-0 - LA MEILLEURE OFFRE                                    */
/*----------------------------------------------------------------------------*/
#t4-section-12-0 {
	margin-top: 0px;
	margin-bottom: 40px;
}
@media screen and (max-width: 1919px) {
	#t4-section-12-0 {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
}

.section-12-0-meilleure-offre {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	border: 1px solid #C06;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
	background-color: #FAFAFA;
}

@media screen and (min-width: 600px) and (max-width: 1909px) {
	.section-12-0-meilleure-offre {
		width: 350px;
		line-height: 1.8rem;
	}
	#section-12-0-meilleure-offre-1 {
		font-size: 1.3rem;
		letter-spacing: 0.15rem;
	}
	#section-12-0-meilleure-offre-2 {
		font-size: 1.1rem;
		letter-spacing: 0.09rem;
	}
}

#section-12-0-meilleure-offre-1,
#section-12-0-meilleure-offre-2 {
	text-align: center;
	font-weight: 600;
}


/*############################################################################*/
/*
.webp #nos-tarifs {
    background-image: url("/images/_odomi/1158258415_jeune_femme_pouce_226.webp");
}
.no-webp #nos-tarifs {
    background-image: url("/images/_odomi/1158258415_jeune_femme_pouce_226.png");
}
*/
#nos-tarifs {
    background-repeat: no-repeat;
    height: 226px;
    width: 226px;
	margin-top: -3rem;
}

.webp #nos-tarifs-child-1 {
	content: url("/images/_odomi/1158258415_jeune_femme_pouce_226.webp");
}
.webp #nos-tarifs-child-2 {
	content: url("/images/_odomi/969048958_jeune_couple_pouce_226.webp");
}
.webp #nos-tarifs-child-3 {
	content: url("/images/_odomi/1469154336_couple_senior_226_v2.webp");
}

.no-webp #nos-tarifs-child-1 {
	content: url("/images/_odomi/1158258415_jeune_femme_pouce_226.png");
}
.no-webp #nos-tarifs-child-2 {
	content: url("/images/_odomi/969048958_jeune_couple_pouce_226.png");
}
.no-webp #nos-tarifs-child-3 {
	content: url("/images/_odomi/1469154336_couple_senior_226_v2.png");
}

/* définition de l'animation sur les images */
#nos-tarifs img {
	animation: fade-in-out-nos-tarifs 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}
/* définition délai des images */
#nos-tarifs img:nth-child(1) {animation-delay: 0s}
#nos-tarifs img:nth-child(2) {animation-delay: 4s}
#nos-tarifs img:nth-child(3) {animation-delay: 8s}
/* définition des étapes */
@keyframes fade-in-out-nos-tarifs {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
/*------------------------------------------*/
.tarif_black {
	color: #CC0066;
}
/*==========================================*/
/*                 NON MOBILES              */
#mes-tarifs-nonimposable-non-mobile {
	margin-top: -1.0rem;
	font-weight: 500;
	font-size: 1.18rem;
	letter-spacing: 0.125rem;
	margin-left: 5px;
}
/*------------------------------------------*/
/*                 >= 768px <=779px         */
@media screen and (max-width: 779px) {
	#mes-tarifs-nonimposable-non-mobile {
		letter-spacing: unset !important;
		margin-top: -1.5rem !important;
	}
}
/*==========================================*/
/*                 MOBILES                  */
#mes-tarifs-nonimposable-mobile {
	float: left;
	margin-top: -1.5rem;
	font-weight: 500;
	font-size: 1.1rem;
	margin-left: 85px;
}
/*------------------------------------------*/
/*                 <= 409px                 */
.appareil-mobile-364 #mes-tarifs-nonimposable-mobile {
	margin-top: -0.6rem !important;
	line-height: 1.3rem;
}
/*------  Ne pas déplacer  ------------*/
@media screen and (max-width: 400px) {
	.appareil-mobile-364 #mes-tarifs-nonimposable-mobile {
		margin-left: 56px !important;
		margin-top: -0.4rem !important;
	}
}
/*------------------------------------------*/
/*                 >= 410px <=767px         */
.appareil-mobile-365 #mes-tarifs-nonimposable-mobile {
	margin-left: 3px !important;
	margin-top: -0.9rem !important;
}
/*------  Ne pas déplacer  ------------*/
@media screen and (max-width: 400px) {
  .appareil-mobile-365 #mes-tarifs-nonimposable-mobile {
    margin-left: 56px !important;
    margin-top: -0.4rem !important;
  }
}

/*=============================================================================*/
/*----------   LOGO URSSAF   --------------------------------------------------*/
/*
#logo_div_urssaf {
	width: 100%;
	max-width: 180px;
	float: left;
}
#logo_div_urssaf img {
	aspect-ratio: 180/54;
	content: url("/images/_odomi/logo-Urssaf_180x54.png");
}
*/
/*----------   LOGOS VISA / AMERICAN EXPRESS / MASTERCARD   -------------------*/
#logo_div_mastercard {
	width: 35%;
	max-width: 150px;
	float: left;
}
#logo_div_mastercard img {
	aspect-ratio: 78/61;
	content: url("/images/_odomi/mastercard_78x61_v2.png");
}
/*--------------------------*/
#logo_div_visa {
	width: 35%;
	max-width: 150px;
	float: left;
}
#logo_div_visa img {
	aspect-ratio: 81/26;
	content: url("/images/_odomi/VISA_81x26_v2.png");
	margin-top: 15px;
}
/*--------------------------*/
#logo_div_american {
	float: left;
}
#logo_div_american img {
	aspect-ratio: 61/61;
	content: url("/images/_odomi/American_Express_61x61.png");
}

/*----------   LOGOS GOOGLE PAY / APPLE PAY / SAMSUNG PAY   -------------------*/
#logo_div_google {
	width: 35%;
	max-width: 150px;
	float: left;
	margin-top: 5px;
}
#logo_div_google img {
	aspect-ratio: 75/30;
	content: url("/images/_odomi/Google_Pay_75x30.png");
}
/*--------------------------*/
#logo_div_apple {
	width: 35%;
	max-width: 150px;
	float: left;
}
#logo_div_apple img {
	aspect-ratio: 61/39;
	content: url("/images/_odomi/applepay_61x39.png");
}
/*--------------------------*/
#logo_div_samsung {
	float: left;
	margin-top: 2px;
}
#logo_div_samsung img {
	aspect-ratio: 78/34;
	content: url("/images/_odomi/Samsung-pay_78x34_v1.png");
}

/*----------   LOGO CHEQUE   --------------------------------------------------*/
#logo_div_cheque {
	width: 35%;
	max-width: 85px;
	float: left;
}
#logo_div_cheque img {
	aspect-ratio: 78/38;
	content: url("/images/_odomi/cheque_euro_perso_v2_78x38_.png");
}
/*--------------------------*/
#text_div_cheque {
	float: left;
	margin-top: 5px;
}

/*=============================================================================*/
#t4-section-11 {
    color: #000000;
}
#t4-section-11 .container {
    padding: 0;
    max-width: none;
	padding-top: 7rem;
}
.section-11-3 {
    max-width: 30%;
}
/*           NOS TARIFS détails                                               */
#t4-section-12 .container {
    padding-bottom: 3.0rem;
	max-width: 100%;
}

#table-tarif-div-normal, #table-tarif-mobile-div-normal {
	width: 100%;
	margin-top: 1.0rem;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#tarif-1-majorite {
	height: 30px;
}
#tarif-4-soit {
	height: 45x;
}
#tarif-sup-senior, #tarif-sup {
	display: flex;
	height: 30px;
}
#tarif-suppl-senior {
	text-align: right;
	line-height: 0.2rem;
	padding: 0;
	padding-right: 1px;
}
#tarif-5 {
	margin-top: 0.5rem;
}

/*#####    -10 % ÉTUDIANT & SÉNIOR    #####*/
#tarif-3-etudiant-2,
#tarif-3-senior-2 {
	font-size: 1.5rem !important;
}
#tarif-mobile-3-etudiant-2,
#tarif-mobile-3-senior-2 {
	font-size: 1.6rem !important;
}
#tarif-3-etudiant-2,
#tarif-3-senior-2,
#tarif-mobile-3-etudiant-2,
#tarif-mobile-3-senior-2 {
	animation: remise-animate 2s infinite;
}
@keyframes remise-animate {
	0% {
		color: #1E1E1E;
	}
	25% {
		color: #CC0066;
	}
	50% {
		color: #CC0066;
	}
	75% {
		color: #CC0066;
	}
	100% {
		color: #1E1E1E;
	}
}

#tarif-1, #tarif-2, #tarif-3-etudiant, #tarif-3-senior, #tarif-4, #tarif-5, #tarif-1-majorite, #tarif-4-soit, #tarif-4-soit {
    display: flex;
}
#tarif-1-1, #tarif-2-1, #tarif-3-etudiant-1, #tarif-3-senior-1, #tarif-4-1, #tarif-5-1,
#tarif-1-2, #tarif-2-2, #tarif-3-etudiant-2, #tarif-3-senior-2, #tarif-1-majorite-1, #tarif-4-soit-1, #tarif-4-soit-1 {
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
}

#tarif-1-1, #tarif-1-majorite-1, #tarif-4-soit-1, #tarif-2-1, #tarif-3-etudiant-1, #tarif-3-senior-1, #tarif-4-1, #tarif-5-1, .tarif-suppl, #tarif-suppl-senior {
    width: 25%;
}
@media screen and (min-width: 1601px) {
	#tarif-1-1, #tarif-1-majorite-1, #tarif-4-soit-1, #tarif-2-1, #tarif-3-etudiant-1, #tarif-3-senior-1, #tarif-4-1, #tarif-5-1, .tarif-suppl, #tarif-suppl-senior {
		width: 18%;
	}
}

#tarif-1-majorite-2, #tarif-4-soit-2 {
    font-weight: 500;
	font-style: italic;
    line-height: 0.7rem;
}
#tarif-mobile-1-majorite-2, #tarif-mobile-4-soit-2 {
    font-weight: 500;
	font-style: italic;
}
#tarif-1-majorite-2, #tarif-4-soit-2 {
    font-size: 1.2rem;
}
#tarif-mobile-1-majorite-2, #tarif-mobile-4-soit-2 {
    font-size: 1.15rem;
}
#tarif-5-1 {
	line-height: 1.5rem;
}
#tarif-5-2 {
    font-size: 1.3rem;
}
#tarif-1-1 {
    text-align: right;
}
#tarif-2-1 {
    text-align: right;
}
#tarif-3-senior-1 {
    text-align: right;
}
#tarif-3-etudiant-1, #tarif-5-1 {
    text-align: right;
}
#tarif-4-1 {
    text-align: right;
}
#tarif-mobile-2-1 {
    line-height: 1.7rem;
}
.tarif-separ {
    width: 2.0rem;
}
#tarif-1-2, #tarif-2-2, #tarif-3-etudiant-2, #tarif-3-senior-2, #tarif-1-majorite-2, #tarif-4-soit-2 {
    text-align: left;
	width: 70%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#tarif-4-2 {
    font-weight: 400;
    font-size: 1.25rem;
}
#tarif-5-2 {
    font-weight: 400;
    letter-spacing: 0.05rem;
	line-height: 1.5rem;
}
#tarif-mobile-5-2 {
    font-weight: 400;
    letter-spacing: 0.05rem;
	line-height: 2rem;
}
#tarif-5-2 {
	width: 70%;
}
#tarif-mobile-5-2 {
	line-height: 1.5rem;
}
#tarif-suppl-senior, .tarif-mobile-suppl {
    font-weight: 600;
    font-size: 1.2rem;
}
.tarif-mobile-suppl {
    line-height: 2.5rem;
}
.tarif-normal {
    font-weight: 400;
}
#tarif-etudiant {
    font-weight: 400;
    font-size: 1.1rem;
}
#paiement-small {
    font-size: 1.0rem;
    font-weight: 500;
}
.tarifs-urssaf {
    font-weight: 500;
}
.tarifs-cartes-especes,
.tarifs-cartes-mobiles-especes {
    font-weight: 500;
}
.tarifs-italic {
	font-weight: 500;
	line-height: 1.3rem;
	font-size: 1.2rem;
	font-style: italic;
}
.table-5-2-td-separ {
	line-height: 1.5rem;
}
#table-5-2, #table-mobile-5-2 {
	width: 100%;
}
#table-5-2 td {
	font-size: 1.2rem;
}
#table-mobile-5-2 td {
	font-size: 1.0rem;
}
#table-5-2 td, #table-mobile-5-2 td {
	vertical-align: top;
	width: 100%;
}
#table-5-2 .tarifs-urssaf, #table-mobile-5-2 .tarifs-urssaf {
	line-height: 1.5rem;
}
.table-5-2-colspan {
	line-height: 2px;
}
.table-mobile-5-2-colspan {
	line-height: 1.5rem;
}
.table-5-2-separ {
	width: 15px;
}

/*############################################################################*/
/*           DÉPLACEMENTS ...                                                 */
/*############################################################################*/
/*
.webp #nos-frais {
	background-image: url("/images/_odomi/1334899533_homme_pouce_226.webp");
}
.no-webp #nos-frais {
    background-image: url("/images/_odomi/1334899533_homme_pouce_226.png");
}
*/
#nos-frais {
    background-repeat: no-repeat;
    height: 226px;
    width: 226px;
	margin-top: -3rem;
}

.webp #nos-frais-child-1 {
	content: url("/images/_odomi/1334899533_homme_pouce_226.webp");
}
.webp #nos-frais-child-2 {
	content: url("/images/_odomi/696885762_femme_senior_pouce_226.webp");
}
.webp #nos-frais-child-3 {
	content: url("/images/_odomi/1252896410_enfant_pouce_levé_226.webp");
}

.no-webp #nos-frais-child-1 {
	content: url("/images/_odomi/1334899533_homme_pouce_226.png");
}
.no-webp #nos-frais-child-2 {
	content: url("/images/_odomi/696885762_femme_senior_pouce_226.png");
}
.no-webp #nos-frais-child-3 {
	content: url("/images/_odomi/1252896410_enfant_pouce_levé_226.png");
}

/* définition de l'animation sur les images */
#nos-frais img {
	animation: fade-in-out-nos-frais 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}
/* définition délai des images */
#nos-frais img:nth-child(1) {animation-delay: 0s}
#nos-frais img:nth-child(2) {animation-delay: 4s}
#nos-frais img:nth-child(3) {animation-delay: 8s}
/* définition des étapes */
@keyframes fade-in-out-nos-frais {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
/*=============================================================================*/
#carte-cadre {
	width: max-content;
}
.webp #carte-cadre img {
	aspect-ratio: 531/424;
	content: url("/images/_odomi/pays_aix_FRAIS_v15_531x424.webp");
}
.no-webp #carte-cadre img {
	aspect-ratio: 531/424;
	content: url("/images/_odomi/pays_aix_FRAIS_v15_531x424.png");
}

#carte-cadre-texte {
	text-align: center;
	font-size: 1.0rem;
	line-height: 1.5rem;
	font-style: italic;
	font-weight: 600;
	color: #CC0066;
}
@media screen and (max-width: 530px) {
	.carte-cadre-texte-avant-530 {
		display: block;
	}
	.carte-cadre-texte-apres-530 {
		display: none;
	}
}
@media screen and (min-width: 531px) {
	.carte-cadre-texte-avant-530 {
		display: none;
	}
	.carte-cadre-texte-apres-530 {
		display: block;
	}
}

#t4-section-21 .container {
    padding: 0;
    max-width: none;
	padding-top: 5rem;
}
.section-21-3 {
    max-width: 30%;
}
/*           DÉPLACEMENTS détails                                 */
#t4-section-22 {
    padding-top: 1.0rem;
    padding-bottom: 3.0rem;
}
#t4-section-22 .container {
    max-width: none;
}
/*           DÉPLACEMENTS détails Gauche                          */
#detail-frais {
    text-align: right;
    padding-right: 2.0rem;
    font-size: 1.35rem;
    margin-top: 10%;
	line-height: 2.4rem;
}

#zones_deplacements {
	display: inline-block;
	text-align: right;
}
/*-------------------------------------------------*/
.zone_td_1, .zone_td_2, .zone_td_3,
.zone_separ {
	line-height: 2rem;
}
/*      POUR iPhone        */
.zone_td_2, .zone_td_3,				/* sauf .zone_td_1 */
.zone_separ {
	border: white 1px solid;
}

#zone_td_1_1, #zone_td_1_2, #zone_td_1_3 {		/* Zone 1 & 2 & 3 */
	border: black 1px solid !important;
	padding: 0 10px 0 10px;
	font-weight: 400;
	text-align: center;
}

.zone_td_2 {					/* xx € soit  */
	font-weight: 400;			/* xx € soit */
	min-width: max-content;		/* xx € soit */
}

.zone_td_3 {					/* xx € après crédit d'impôt  */
	font-weight: 500;			/* xx € après crédit d'impôt */
}								/* xx € après crédit d'impôt */
@media (min-width: 450px) {
	.zone_td_3 {				/* xx € après crédit d'impôt  */
		font-weight: 600;		/* xx € après crédit d'impôt */
	}							/* xx € après crédit d'impôt */
}

.zone_td_3 {
  color: black;
}

.zone_td_vide_1, .zone_td_vide_2, .zone_td_vide_3, .zone_td_vide_4, .zone_td_vide_5 {		/* Séparation des lignes */
	padding: 0;
	line-height: 0.5rem;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
}
.zone_td_vide_1 {		/* Séparation des lignes */
	border-bottom: black 1px solid;
}
.zone_td_vide_1_special {
	padding: 0;
	line-height: 0.5rem;
}
.zone_td_etudiant_senior {		/* -20 % pour étudiant.e et sénior.e | +30 % le dimanche */
    font-family: Raleway, sans-serif !important;
	padding: 0;
	line-height: 0.5rem;
	font-weight: 600;
	font-size: 1.22rem;
	text-align: center;
	padding-top: 20px;
	color: #CC0066;
}
.zone_separ {
	width: 1.0rem;
}

#zone_td_1_1 {		/* Zone 1 fond blanc */
	color: black;
}
#zone_td_1_2 {		/* Zone 2 fond vert  */
	color: black;
	background-color: #B6FF00;
}
#zone_td_1_3 {		/* Zone 3 fond jaune */
	color: black;
	background-color: #92F8EC;
}
/*=============================================================================*/

#deplacement-pays-aix {
	line-height: 2.3rem;
	font-weight: 400;
	font-size: 1.8rem;
}
#deplacement-pays-aix.appareil-non-mobile {
    letter-spacing: .04rem;
}
#deplacement-info-circle-div {
	float: right;
	margin-left: 10px;
}
#deplacement-info-circle-1,
#deplacement-info-circle-2,
#deplacement-info-circle-3,
#deplacement-info-circle-4,
#deplacement-info-circle-5,
#deplacement-info-circle-6,
#deplacement-info-circle-7 {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 2.6rem;
	color: #408FEC;				/* bleu */
}
#deplacement-info-circle-fas {
	line-height: 0 !important;
}
a:hover#deplacement-info-circle-1,
a:active#deplacement-info-circle-1,
a:hover#deplacement-info-circle-2,
a:active#deplacement-info-circle-2,
a:hover#deplacement-info-circle-3,
a:active#deplacement-info-circle-3,
a:hover#deplacement-info-circle-4,
a:active#deplacement-info-circle-4,
a:hover#deplacement-info-circle-5,
a:active#deplacement-info-circle-5,
a:hover#deplacement-info-circle-6,
a:active#deplacement-info-circle-6,
a:hover#deplacement-info-circle-7,
a:active#deplacement-info-circle-7 {
    color: #FF006E !important;	/* fushia */
}
#detail-frais-evaluez {
    font-weight: 400;
    letter-spacing: 0.05rem;
	font-size: 1.3rem;
	text-align: center;
	margin-bottom: 1.0rem;
	margin-top: 1.0rem;
}
#detail-frais-evaluez .fa-lg {
    font-size: 1.4rem;
}
#detail-frais-carte-href {
    display: block;
}
#detail-frais-carte-href:hover {
    padding-left: 2px;
}
a.detail-frais-evaluez-href {
	color: #408FEC;				/* bleu */
}
a:hover.detail-frais-evaluez-href,
a:active.detail-frais-evaluez-href {
    color: #FF006E !important;	/* fushia */
}

/*############################################################################*/
/*           CONTACT                                                          */
/*############################################################################*/
/*         VACANCES                                                           */
/*----------------------------------------------------------------------------*/
#contact-vacances-1 {
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: 30px;
}
#contact-vacances-2 {
	font-size: 1.2rem;
	font-weight: 500;
}
#contact-vacances-3 {
	font-size: 1.2rem;
	margin-top: 10px;
}

/*============================================================================*/
/*         NORMAL                                                             */
/*----------------------------------------------------------------------------*/
#t4-section-31 .container {
    padding: 4rem 0 0 0;
    max-width: none;
}
.section-31-1, .section-31-3 {
    max-width: 25%;
}

.section-31-1 .bulle img {
    float: right;
}
/*
.webp .section-31-1 .bulle img {
    content: url("/images/_odomi/878717562_mains_clavier_226.webp");
}
.no-webp .section-31-1 .bulle img {
    content: url("/images/_odomi/878717562_mains_clavier_226.png");
}
*/
@media screen and (max-width: 767px) {
	#contact-gauche-767 {
		margin-top: -2.0rem;
		width: 226px;
	}
	#contact-gauche-768 {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	#contact-gauche-767 {
		display: none;
	}
}
/*----------------------------------------------------------------------------*/
#contact-gauche-767-child-1,
#contact-gauche-767-child-2,
#contact-gauche-767-child-3,
#contact-gauche-767-child-4 {
	position: static;
}

.webp #contact-gauche-767-child-1 {
	content: url("/images/_odomi/1300524536_homme_telephone_226.webp");
}
.no-webp #contact-gauche-767-child-1 {
	content: url("/images/_odomi/1300524536_homme_telephone_226.png");
}
.webp #contact-gauche-767-child-2 {
	content: url("/images/_odomi/878717562_mains_clavier_226.webp");
}
.no-webp #contact-gauche-767-child-2 {
	content: url("/images/_odomi/878717562_mains_clavier_226.png");
}
.webp #contact-gauche-767-child-3 {
	content: url("/images/_odomi/1158678024_femme_senior_tel_226.webp");
}
.no-webp #contact-gauche-767-child-3 {
	content: url("/images/_odomi/1158678024_femme_senior_tel_226.png");
}
.webp #contact-gauche-767-child-4 {
	content: url("/images/_odomi/unsp_clavier_blanc_226.webp");
}
.no-webp #contact-gauche-767-child-4 {
	content: url("/images/_odomi/unsp_clavier_blanc_226.png");
}

/*----------------------------------------------------------------------------*/
/*	Diaporama avec effet fade in/out                                          */
/*	https://nosmoking.developpez.com/demos/css/diapo_fade_calcul.html         */
/*		Nombre images			4
		Temps par image			2.5
		Temps effet fade image	1.5
		Temps total animation	16
*/
/* définition de l'animation sur les images */
#contact-gauche-767 img {
	animation: fade-in-out-contact-gauche-767 16s ease infinite 0s;
	opacity: 0;
	position: absolute;
}

/* définition délai des images */
#contact-gauche-767 img:nth-child(1) {animation-delay: 0s}
#contact-gauche-767 img:nth-child(2) {animation-delay: 4s}
#contact-gauche-767 img:nth-child(3) {animation-delay: 8s}
#contact-gauche-767 img:nth-child(4) {animation-delay: 12s}

/* définition des étapes */
@keyframes fade-in-out-contact-gauche-767 {
	0%, 100% {
		opacity: 0;
	}
	9.38% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	34.38% {
		opacity: 0;
	}
}
/*----------------------------------------------------------------------------*/
.webp #contact-gauche-768-img {
	content: url("/images/_odomi/878717562_mains_clavier_226.webp");
}
.no-webp #contact-gauche-768-img {
	content: url("/images/_odomi/878717562_mains_clavier_226.png");
}
/*----------------------------------------------------------------------------*/
.section-31-3 .bulle img {
    float: left;
}
.webp .section-31-3 .bulle img {
    content: url("/images/_odomi/1300524536_homme_telephone_226.webp");
}
.no-webp .section-31-3 .bulle img {
    content: url("/images/_odomi/1300524536_homme_telephone_226.png");
}
/*----------------------------------------------------------------------------*/

#contact-div {
    text-align: center;
}
#contact-titre {
    font-weight: 500;
    font-size: 4.1rem;
	color: #C06;
}

#contact-reponse {
    line-height: 2rem;
    letter-spacing: 0.25rem;
	margin-top: 10px;
}
#contact-reponse-sans-engagement {
	font-style: italic;
	font-size: 1.0rem;
	font-weight: 500;
}
#contact-reponse-reponse-rapide {
	font-style: italic;
	font-size: 1.3rem;
}
#contact-tel, #contact-tel-mobile {
    font-weight: 600;
    line-height: 2.0rem;
    font-size: 1.3rem;
    letter-spacing: 0.15rem;
	color: #C06;				/*  fushia  */
}

a.contact-tel-lien {
	color: #C06 !important;
}
a:hover.contact-tel-lien,
a:active.contact-tel-lien {
	color: #C06 !important;
}

a.contact-tel-lien[href^="tel"] {
  color: inherit !important;
  font-family: inherit !important;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: inline-block;
  font-style: normal;
  margin-top: 10px;
  padding: 3px 8px;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
*[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
}

/*   TÉLÉPHONE MOBILE MASQUÉ PAR DÉFAUT - Voir custom_767_mobiles.css          */
#contact-tel-mobile {
	display: none;
}
/* Pour "casser" le format téléphone sur non mobiles  */
.espace-blanc {
	color: white;
}
#contact-ou {
    font-weight: 600;
    line-height: 1.5rem;
    font-size:1.3rem;
    letter-spacing: 0.15rem;
	margin-top: 10px;
}

#contact-requis {
    color: #C06;				/*  fushia  */
	font-weight: 400;
	font-size: 1.25rem;
	font-style: italic;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*############################################################################*/
/*           NOS TARIFS & NOS FRAIS                                           */
/*           bénéficient du crédit d'impôt -50 %                              */
/*############################################################################*/
a.lien-popup-cliquez {
	color: #FFFFFF;				/* blanc */
}
a:hover.lien-popup-cliquez,
a:active.lien-popup-cliquez {
	color: #00FFFF !important;	/* bleu clair */
}
/*---------------------------------------------------------*/
a.lien-popup-cliquez-fa {
	color: #FFFFFF;				/* blanc */
}
a:hover.lien-popup-cliquez-fa,
a:active.lien-popup-cliquez-fa {
	color: #00FFFF !important;	/* bleu clair */
}

/*############################################################################*/
/*    section-41 - AVANT MES CLIENTS pour menu                                */
/*============================================================================*/
#t4-section-41 {
	height: 1px;
}

/*############################################################################*/
/*           NOS CLIENTS SONT SATISFAITS si < 1366 px                         */
/*============================================================================*/
#t4-section-42 {
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4rem;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	border-radius: 12px;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	color: #010101;
	border: solid 1px #707070;
	background-color: #FAFAFA;
}
#t4-section-42 .container {
    padding: 0;
    max-width: none;
}

#nos-clients-titre {
    font-weight: 300;
    font-size: 2.5rem;
}
/*--------   MASQUÉ   --------*/
#nos-clients-alors {
    font-weight: 300;
    font-size: 2.5rem;
    letter-spacing: 0.15rem;
	display: none;
}
/*----------------------------*/
#nos-clients-larelation,
#nos-clients-aussi,
#nos-clients-larelation-aussi {
    font-weight: 400;
    font-size: 1.3rem;
    letter-spacing: 0.10rem;
    line-height: 2.0rem !important;
}
#nos-clients-larelation-aussi {
    display: none;
}

/*---------   Icônes Google & PagesJaunes   ------------*/
#mes-clients-droite-pagesjaunes,
#mes-clients-gauche-google {
	position: absolute;
	top: 20%;
	width: 64px;
	height: 64px;
}

#mes-clients-droite-pagesjaunes {
	right: calc(100% - 82vw);
}
#mes-clients-gauche-google {
	left: calc(100% - 82vw);
}

#mes-clients-droite-pagesjaunes-image {
	content: url("/images/_odomi/logo_pages_jaunes_rond_64x64_v3.png");
}
#mes-clients-gauche-google-image {
	content: url("/images/_odomi/logo_google_rond_64x64_v3.png");
}
/*
@media screen and (min-width: 900px) and (max-width: 1023px) {
	#mes-clients-gauche-google {
		left: calc(100% - 95vw) !important;
	}
	#mes-clients-droite-pagesjaunes {
		right: calc(100% - 95vw) !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1364px) {
	#mes-clients-gauche-google {
		left: calc(100% - 93vw) !important;
	}
	#mes-clients-droite-pagesjaunes {
		right: calc(100% - 93vw) !important;
	}
}
*/
/*############################################################################*/
/*           NOS CLIENTS SONT SATISFAITS si > 1366 px dont Full HD            */
/*============================================================================*/
@media screen and (max-width: 1365px) {	/* 1366 px = Microsoft Surface & iPad Pro (12.9 inch) */
	#t4-section-43 {
		display: none;
	}
}
#t4-section-43 {
	margin-top: 4rem;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#t4-section-43 .container {
    padding: 0;
    max-width: none;
}

.section-43-centre {
	min-width: 40%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	color: #010101;
	border: solid 1px #707070;
	background-color: #FAFAFA;
}
@media screen and (max-width: 1579px) {
	.section-43-centre #nos-clients-titre {
		font-size: 2.1rem;
	}
}

.section-43-gauche {
	margin-left: 30px;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	border: solid 1px #707070;
	background-color: #FAFAFA;
}

.section-43-droite {
	margin-right: 30px;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	border: solid 1px #707070;
	background-color: #FAFAFA;
}

#mes-clients-43-gauche-google,
#mes-clients-43-droite-pagesjaunes {
	margin-left: calc(50% - 32px);
	margin-top: 5px;
}
/*----------------------------------------------------------------------------*/

#mes-clients-43-gauche-etoiles,
#mes-clients-43-droite-etoiles {
	margin-left: calc(50% - 105px);
	margin-top: -15px;
}

#mes-clients-43-etoiles-lien {
	color: black;
}

.mes-clients-43-note {
	font-size: 1.5rem;
}

.mes-clients-43-5-etoiles {
	content: url("/images/_odomi/etoiles_5_90x16.png");
}

.mes-clients-43-nbre-avis {
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
}

/*############################################################################*/
/*           Nombres AVIS Google et PagesJaunes si >= 360px et <= 767 px      */
/*============================================================================*/
#t4-section-44 {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	line-height: 1.7rem;
}
#t4-section-44 .container {
    padding: 0;
    max-width: none;
}
#t4-section-44 .col-sm {
  padding-right: unset !important;
  padding-left: unset !important;  
}

.section-44-centre {
	width: 20px;
}

.section-44-gauche,
.section-44-droite {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	width: calc(50% - 10px);
	display: flex;
	justify-content: center;
}

#mes-clients-44-gauche-google,
#mes-clients-44-droite-pagesjaunes {
	margin-top: 12px;
	float: left;
	width: 70px;
}

#mes-clients-44-droite-pagesjaunes-image {
	content: url("/images/_odomi/logo_pages_jaunes_rond_60x60_v2.png");
}
#mes-clients-44-gauche-google-image {
	content: url("/images/_odomi/logo_google_rond_60x60_v2.png");
}

#mes-clients-44-gauche-etoiles,
#mes-clients-44-droite-etoiles {
	float: left;
}

.mes-clients-44-etoiles-detail {
	color: white;
	text-align: center;
}

.mes-clients-44-etoiles-lien {
	color: black;
}
a:hover.mes-clients-44-etoiles-lien,
a:active.mes-clients-44-etoiles-lien,
a:visited.mes-clients-44-etoiles-lien,
a:focus.mes-clients-44-etoiles-lien {
	color: black;
}

.mes-clients-44-note {
	font-size: 1.5rem;	
}

.mes-clients-44-5-etoiles {
	content: url("/images/_odomi/etoiles_5_90x16.png");
}

.mes-clients-44-nbre-avis {
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@                                                                  @@@@@*/
/*@@@@@                 MOBILE / NON MOBILE                              @@@@@*/
/*@@@@@                                                                  @@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*     375  =  iphone 6/7/8 & SE                   */
/*     375  =  iPhone 12/13 Mini / X / XS          */
/*     384  =  Galaxy S22 Ultra                    */
/*     390  =  iPhone 12/13 + Pro                  */
/*     393  =  iPhone 14 Pro (2022)                */
/*     400  =  Samsung Galaxy Note                 */

/*     412  =  Galaxy Note 20 Ultra                */
/*     414  =  iphone 6/7/8 Plus                   */
/*     414  =  Galaxy Note 9                       */
/*     414  =  iPhone 11 Pro Max / XR / XS Max     */

/*       MOBILE  <= 767px               */
@media screen and (max-width: 767px) {
	#t4-section-22 .container {
		padding-right: unset !important;
		padding-left: unset !important;
	}
	.zone_td_3 {
		font-weight: 600 !important;
	}
}

/*       MOBILE  <= 389px               */
@media screen and (max-width: 389px) {
	.appareil-non-mobile {
		display: none;
	}
	.appareil-mobile {
		display: none;
	}
	.appareil-mobile-364 {
		display: block;
	}
	.appareil-mobile-365 {
		display: none;
	}
	.appareil-mobile-600 {
		display: none;
	}
	#tarif-div-normal {
		display: none;
	}
	#tarif-div-mobile {
		display: block;
	}
	#zones_deplacements {
	  text-align: left !important;
	}
	.zone_td_1, .zone_td_2, .zone_separ {
	  line-height: unset !important;
	}
	.zone_separ-364 {
	  width: 0.5rem;
	}
	.zone_td_2_364_bleu {
		color: black;
		font-weight: 600;
	}
	.zone_td_2_364_rouge {
		color: red;
	}
	.zone_td_2_364_vert {
		color: #060;
	}
}

/*       MOBILE  >= 390px                 */
@media screen and (min-width: 390px) and (max-width: 767px) {
	.appareil-non-mobile {
		display: none;
	}
	.appareil-mobile {
		display: none;
	}
	.appareil-mobile-364 {
		display: none;
	}
	.appareil-mobile-365 {
		display: block;
	}
	.appareil-mobile-600 {
		display: none;
	}
	#tarif-div-normal {
		display: none;
	}
	#tarif-div-mobile {
		display: block;
	}
}
/*       MOBILE >= 600px (spéciale NOS SERVICES   */
@media screen and (min-width: 600px) and (max-width: 767px) {
	.appareil-non-mobile {
		display: none;
	}
	.appareil-mobile {
		display: block;
	}
	.appareil-mobile-364 {
		display: none;
	}
	.appareil-mobile-365 {
		display: none;
	}
	.appareil-mobile-600 {
		display: block;
	}
	#tarif-div-normal {
		margin-right: none;
	}
	#tarif-div-mobile {
		display: block;
	}
}
/*       NON MOBILE                       */
@media screen and (min-width: 768px) {
	.appareil-non-mobile {
		display: block;
	}
	.appareil-mobile {
		display: none;
	}
	.appareil-mobile-364 {
		display: none;
	}
	.appareil-mobile-365 {
		display: none;
	}
	.appareil-mobile-600 {
		display: none;
	}
	#tarif-div-normal {
		margin-right: 15px;
	}
	#tarif-div-mobile {
		display: none;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media only screen and (orientation: portrait) {
	.webp #nos-services {
		background-image: url("/images/_odomi/1343378123_couple_226.webp");
	}
	.no-webp #nos-services {
		background-image: url("/images/_odomi/1343378123_couple_226.png");
	}
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*                  SERVICES                                                  */
/*    DÉPANNAGES, INSTALLATIONS, FORMATIONS, CONSEILS                         */
/*    A LA VERTICALE (1 colonne) jusqu'à 1023px                               */
/*    (... puis sur 2 colonnes 2 x 2)                                         */
@media screen and (max-width: 767px) {
    #t4-section-6 .row, #t4-section-7 .row {
        display: table;
        margin-left: 10%;
    }
    #t4-section-7 {
          margin-top: 0 !important;
    }
}

#t4-section-6 .container,
#t4-section-7 .container {
	padding-right: 5px !important;
}
@media screen and (min-width: 768px) and (max-width: 991px) {	/* Avant et après, c'est le template ... */
    #t4-section-6 .container,
	#t4-section-7 .container {
        max-width: 760px !important;
    }
}
@media screen and (min-width: 400px) and (max-width: 427px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 20px !important;
    }
}
@media screen and (min-width: 428px) and (max-width: 479px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 25px !important;
    }
}
@media screen and (min-width: 480px) and (max-width: 532px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 40px !important;
    }
}
@media screen and (min-width: 533px) and (max-width: 599px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 70px !important;
    }
}
@media screen and (min-width: 600px) and (max-width: 719px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 90px !important;
    }
}
@media screen and (min-width: 720px) and (max-width: 767px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 150px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 799px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 0px !important;
    }
}
@media screen and (min-width: 800px) and (max-width: 833px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 20px !important;
    }
}
@media screen and (min-width: 834px) and (max-width: 883px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 40px !important;
    }
}
@media screen and (min-width: 834px) and (max-width: 883px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 40px !important;
    }
}
@media screen and (min-width: 884px) and (max-width: 900px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 60px !important;
    }
}
@media screen and (min-width: 901px) and (max-width: 1023px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 80px !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 6% !important;
    }
}
@media screen and (min-width: 1152px) and (max-width: 1259px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 10% !important;
    }
}
@media screen and (min-width: 1260px) and (max-width: 1439px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 12% !important;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1727px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 18% !important;
    }
}
@media screen and (min-width: 1728px) and (max-width: 1799px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 20% !important;
    }
}
@media screen and (min-width: 1800px) and (max-width: 1909px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 22% !important;
    }
}
@media screen and (min-width: 1910px) and (max-width: 1920px) {
    #t4-section-6 .container,
	#t4-section-7 .container {
        margin-left: 25% !important;
    }
}

.section-6-1.col-sm,
.section-6-3.col-sm,
.section-7-1.col-sm,
.section-7-3.col-sm {
	padding-right: unset !important;
}

/*===================================================*/
/*       DÉPANNAGE                                   */
/*---------------------------------------------------*/
/*  MASQUE   Réparation Windows 10, Windows 11       */
@media screen and (max-width: 1023px) {
	#w10-w11 {
		display: none;
	}
}
/*  MASQUE   Réparation Windows 10 & 11              */
@media screen and (min-width: 1024px) {
	#w10-11-et {
		display: none;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@                                                                  @@@@@*/
/*@@@@@                       POPUPS mediabox                            @@@@@*/
/*@@@@@                                                                  @@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 780px) {
	.wf-mediabox-body {
		max-width: 780px !important;
	}
	.wf-mediabox-content-ratio-flex .wf-mediabox-content-item {
		max-width: 780px !important;
	}	
}

.wf-mediabox-content-ajax .wf-mediabox-content-item,
.wf-mediabox-content-iframe .wf-mediabox-content-item,
.wf-mediabox-content-object .wf-mediabox-content-item,
.wf-mediabox-content-video .wf-mediabox-content-item {
	height: 525px;
}

.wf-mediabox-content-ratio-flex .wf-mediabox-content-item {
  max-height: 525px;
  height: calc(-92px + 100vh) !important;
}

.page-header {
    display: none;
}
.item-page {
    padding-top: 0.0rem !important;
    padding-bottom: 0.0rem !important;
	padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
}
.wf-mediabox-body {
    border: 1px solid #FF006E;
    border-radius: 1.0rem;
}
.wf-mediabox-container {
  border-radius: 1.0rem;
}
.wf-mediabox-overlay {
    background-color: #0026FF; /* bleu */;
    opacity: 0.3 !important;
}
.wf-mediabox-close > svg, .wf-mediabox-next > svg, .wf-mediabox-prev > svg {
    fill: #C60070;
}
.wf-mediabox-nav {
	padding: 0.75em !important;
	border-top: dotted 1px gray;
	margin-top: 5px;
}

.article-body {
    font-family: Raleway, sans-serif;
    font-size: 1.2rem;
    line-height: 1.58rem;
    font-weight: 400;
    color: #000000;
    text-align: justify;
	text-justify: inter-character;
}
@media screen and (max-width: 690px) {	/* équivalent de 724px */
	.article-body {
		font-size: 1.4rem !important;
		line-height: 2.0rem !important;
	}
	.parenthese,
	.parenthese-2 {
		font-size: 1.4rem !important;
	}
}

.article-body-2 {
    color: #FF006E;
}

.article-body ul {
    margin-left: 25px;
	line-height: 2rem;
}
@media screen and (max-width: 269px) {	/*   Équivalent de 300px   */
	.article-body ul {
		padding-left: 0px !important;
		font-size: 1.0rem !important;
	}
}
@media screen and (min-width: 270px) and (max-width: 319px) {	/*   Équivalent de 300px à 353px  */
	.article-body ul {
		margin-left: 0 !important;
		font-size: 1.1rem !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 399px) {	/*   Équivalent de 354px à 433px  */
	.article-body ul {
		margin-left: 10px !important;
	}
}

.article-body h4 {
    font-family: Raleway, sans-serif;
	font-size: 1.3rem;
    font-weight: 400;
    line-height: 2rem;
}
.popup-interligne {
	clear: left;
    line-height: 0.65rem;
}
.hr1 {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #FF006E; /* fushia */
}
.body-bleu {
	color: #CC0066;
	font-weight: 500;
}
.body-gras {
    font-weight: 500 !important;
}
.body-gras-bleu {
    font-weight: 500 !important;
	color: #0026FF;
}

.parenthese {
	font-style: italic;
	font-size : 1.05rem;
}
.parenthese_small {
	font-size : 0.95rem;
}

.parenthese-2 {
	font-style: italic;
	font-size : 1.0rem;
	color: #C06;
	font-weight: 500;
}

.body-lien h3 {
	display: inline;
}
a.body-lien {
	color: #0026FF;				/* bleu */
	font-weight: 500;
}
a:hover.body-lien,
a:active.body-lien {
    color: #C60070 !important;
}

/*-----------    popups Crédit d'Impôt    ------------------------------------*/
#popup-image {
    display:flex;
    align-items: center;
    justify-content: center;
}
#popup-image-1, #popup-image-2, #popup-image-3 {
    margin-top: 1.0rem;
}
#popup-titre-credit {
	text-align: center;
}
#popup-cinquante-img-1,
#popup-cinquante-img-2 {
	background-image: url("/images/_odomi/moins_cinquante_bleu_ombres_110x57.png");
	background-repeat: no-repeat;
	width: 110px;
	height: 57px;
	margin-top: -10px;
}
#popup-cinquante-img-1 {
	float: left;
}
#popup-cinquante-img-2 {
	float: right;
}
#popup-cinquante-titre {
	display: inline-block;
	margin-top: 0px;
	font-size: 1.45rem;
	line-height: 2rem;
}

/* Masque l'image 50% de droite ... */
/* ATTENTION, c'est ici la taille du Popup. L'équivalent taille page est 716 px */
@media screen and (max-width: 682px) {
	#popup-cinquante-img-2 {
		display: none;
	}
	#popup-cinquante-img-1 {
	float: unset;
	margin-left: auto;
	margin-right: auto;
	}
}

.credit-impot-italic {					/*  PAS italic, mais GRAS  */
	font-weight: 500;
}

.credit-impot-etoile {
	color: #CC0066;
	font-size: 1.5rem;
	font-weight: 600;
}

.credit-impot-texte-etoile {
	margin-top: 5px;
	font-weight: 400;
	font-size: 1.2rem;
	font-style: italic;
	color: #404040;
}

@media screen and (max-width: 498px) {	/*  Mobile   : 498px est l'équivalent de 532px du popup  */
	#popup-credit-impot-cinquante-details-sans {
		display: none;
	}
	#popup-credit-impot-cinquante-details-avec {
		display: block;
	}
}
@media screen and (min-width: 499px) {	/*  Tablette : 499px est l'équivalent 533px du popup  */
	#popup-credit-impot-cinquante-details-sans {
		display: block;
	}
	#popup-credit-impot-cinquante-details-avec {
		display: none;
	}
}

/*------------   popups Pays d'Aix   ---------------------------------------- */
@media screen and (min-width: 760px) {	/*  760px est l'équivalent 794px du mobile */
	#popup-pays-aix-non-mobile {
		display: table !important;
		margin-left: auto;
		margin-right: auto;
	}
	#popup-pays-aix-mobile {
		display: none !important;
	}
}
@media screen and (max-width: 759px) {	/*  759px est l'équivalent 793px du mobile */
	#popup-pays-aix-non-mobile {
		display: none !important;
	}
	#popup-pays-aix-mobile {
		display: block !important;
		text-align: left;
		text-justify: unset;
	}
}

@media screen and (max-width: 355px) {	/*  356px est l'équivalent 390px du mobile */
	.popup-corp-pays-aix {
		font-size: 1.05rem !important;
	}
}
.popup-corp-pays-aix {
    font-size: 1.165rem;
}

#popup-pays-aix-mobile h3 {
	vertical-align: top;
}

/*     ATTENTION - C'EST LA TAILLE DU POPUP, PAS CELLE DU MOBILE              */
/*     ÇA CORRESPOND A 330 px POUR LE MOBILE                                  */
@media screen and (max-width: 295px) {
	#popup-pays-aix-mobile  ul {
		margin-left: 5px !important;
		padding-left: 10px !important;
	}
}
/*------------------------------*/
#popup-pays-aix {
	text-align: center;
	margin-top: -20px;
}
#popup-pays-aix-section-96 {
	text-align: center;
}

#popup-pays-aix-img,
#popup-pays-aix-img-v2 {
	background-image: url("/images/_odomi/moins_cinquante_bleu_ombres_110x57.png");
	background-repeat: no-repeat;
	width: 110px;
	height: 57px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#popup-pays-aix-img {
	float: left;
}
#popup-pays-aix-img-v2 {
	float: right;
}

/*------------------------------*/
#popup-pays-aix-titre {
	display: inline-block;
	margin-top: 20px;
	font-size: 1.3rem;
	line-height: 2rem;
	font-weight: 500;
}
/* ATTENTION, c'est ici la taille du Popup. L'équivalent taille page est 332 px */
@media screen and (max-width: 298px) {
	#popup-pays-aix-titre {
		margin-top: unset !important;
	}
	h4 {
		line-height: 2rem !important;
	}
}
/*------------------------------*/
#popup-pays-aix-img-assistance {
	float: right;
	margin-top: 4px;
}
#popup-pays-aix-img-assistance-v2 {
	float: left;
	margin-top: 4px;
}
/* Masque l'image Assistance à la Personne ... */
/* ATTENTION, c'est ici la taille du Popup (#system-message-container). L'équivalent taille page est 734 px */
@media screen and (max-width: 700px) {
	#popup-pays-aix-titre {
		margin-top: 10px;
	}
	#popup-pays-aix-img-assistance, #popup-pays-aix-img-v2 {
		display: none;
	}
	#popup-pays-aix-img, #popup-pays-aix-img-assistance-v2 {
		float: unset;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px !important;
	}
}

.autrement-dit {
	font-weight: 500;
}

/*------------------------------*/
.popup-pays-aix-td1,
.popup-pays-aix-td2,
.popup-pays-aix-td3 {
	font-size: 1.0rem !important;
	padding-left: 2rem;
	line-height: 1.22rem !important;
}
.popup-pays-aix-td1-pas-zone,
.popup-pays-aix-td2-pas-zone,
.popup-pays-aix-td3-pas-zone {
	font-size: 1.10rem !important;
	padding-left: 1rem;
	line-height: 2.0rem !important;
	vertical-align: top;
}
.popup-pays-aix-td1-pas-zone-section-96,
.popup-pays-aix-td2-pas-zone-section-96,
.popup-pays-aix-td3-pas-zone-section-96 {
	font-size: 1.027rem !important;
	padding-left: 2.0rem;
	line-height: 1.6rem !important;
}
.popup-pays-aix-td1-zone,
.popup-pays-aix-td2-zone,
.popup-pays-aix-td3-zone {
	font-size: 1rem !important;
	line-height: 1.5rem  !important;
	border: black 1px solid;
	text-align: center;
	font-family: Arial;
	font-weight: 600;
}
.popup-pays-aix-td-vide-zone {
	clear: left;
	line-height: 2px;
}
.popup-pays-aix-td2-zone {
	background-color: #B6FF00;	/* vert */
}
.popup-pays-aix-td3-zone {
	background-color: #92F8EC;
}
.popup-pays-aix-interligne-zone {
	clear: left;
    line-height: 10px;
}
.popup-pays-aix-interligne {
	clear: left;
    line-height: 5px;
}
.popup-pays-aix-interligne-v2 {
	clear: left;
    line-height: 5px;
}
.popup_majuscules {
	font-size: 0.95rem;
}
.popup-mentions-1-td1 {
    padding-bottom: 0.5rem;
}
.popup-mentions-1-td2 {
    padding: 0 0 0 20px;
	vertical-align: top;
	min-width: 85px;
}
.popup-mentions-2-td1,
.popup-mentions-2-td2,
.popup-mentions-2-td3 {
    padding-top: 0.5rem;
	vertical-align: top;
}
.popup-mentions-2-td1 {
    width: 21%;
    text-align: justify;
    text-justify: inter-word;
}
.popup-mentions-2-td3 {
    width: 3%;
}

/*----  ZONES  ------------------*/
.popup-pays-aix_zone_tr_zones {
	width: 100%;
	margin-bottom: 7px;
}
.popup-pays-aix_zone_td_zones {		/* Zone 1 & 2 & 3 */
	border: black 1px solid;
	padding: 0 10px 0 10px;
	font-weight: 500;
	text-align: center;
	font-family: Arial;
	font-weight: 600;
}
.popup-pays-aix_zone_td_vide {		/* Séparation des lignes */
	column-span: all;
	padding: 0;
	line-height: 0.5rem;
}
#popup-pays-aix_zone_td_1_1,
#popup-pays-aix_zone_td_1_1_cout {		/* Zone 1 fond blanc */
	color: black;
}
#popup-pays-aix_zone_td_1_2,
#popup-pays-aix_zone_td_1_2_cout {		/* Zone 2 fond vert  */
	color: black;
	background-color: #B6FF00;
}
#popup-pays-aix_zone_td_1_3,
#popup-pays-aix_zone_td_1_3_cout {		/* Zone 3 fond jaune */
	color: black;
	background-color: #92F8EC;
}
.popup-pays-aix_zone_cout {
	font-weight: 400;
}

/*############################################################################*/
/*        FORMULAIRE DE CONTACT - Rapid Contact Ex                            */
/*============================================================================*/
.checkbox, .radio {
    accent-color: #C06;	/*  fushia  */
}
#rpx_formulairerpx_Objets_de_la_demande_-_chekbox0:checked {
	color: #C06 !important;	/*  fushia  */
}

.rpx_form_container input,
.rpx_form_container input[type="text"],
.rpx_form_container input[type="number"],
.rpx_form_container input[type="email"],
.rpx_form_container input[type="tel"],
.rpx_form_container textarea,
.rpx_form_container select {
  color: #C06 !important;	/*  fushia  */
}
.form-control:focus, .inputbox:focus {
  border-color: #C06 !important;	/*  fushia  */
}
.form-control:focus, .inputbox:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(204, 0, 102, 0.25) !important;
	box-shadow: 0 0 0 0.2rem rgba(204, 0, 102, 0.25) !important;
}

.rpx_form_container .rpx_field {
  margin-bottom: 3px;
}
.form-control, .inputbox {
    max-width: none;
	font-size: 1.25rem !important;
	font-weight: 500 !important;
}
/*-------------------------   Messages d'anomalie   --------------------------*/
.rpx_inline_error {
  font-size: 1.0rem !important;
}
/*-------------------------   t4-section-32   --------------------------------*/
#t4-section-32 {
    max-width: 650px;
    outline: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;*/
    border-radius: 15px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 767px) {
	#t4-section-32 .container {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
}
#t4-section-32 .container {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.radio {
	display: inline-block;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   AUTRES que joomla 5   @@@@@*/
.rpx_field_36, .rpx_field_37, .rpx_field_38 {
	display: none;
}
.rpx_field_7, .rpx_field_22 {
	color: #C06;		/*  fushia  */
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*.rpx_field_7, .rpx_field_8, .rpx_field_22, .rpx_field_24, .rpx_field_25, .rpx_field_36, .rpx_field_37, .rpx_field_38 {*/
.rpx_field_7, .rpx_field_8, .rpx_field_22, .rpx_field_36, .rpx_field_37, .rpx_field_38 {
	font-family: Raleway,sans-serif;
	font-weight: 500;
	font-size: 1.25rem;
}
.rpx_field_36, .rpx_field_37, .rpx_field_38 {
	font-style: italic;
}
.rpx_field_36 {
	color: #6C757D; /* gris */
	margin-bottom: -5px !important;
}
.rpx_field_37, .rpx_field_38 {
	color: #6C757D; /* gris */
	margin-bottom: -10px !important;
}
.rpx_field_8, .rpx_field_37, .rpx_field_38 {
    margin-left: 1.0rem
}
.rpx_field_8 .rpx_field_input, .rpx_field_36 .rpx_field_input, .rpx_field_37 .rpx_field_input, .rpx_field_38 .rpx_field_input {
  line-height: 2.0rem;
}

/*-------------------------   Nom   -----------------------------------------*/
/*-------------------------   Prénom   --------------------------------------*/
/*-------------------------   Mail   ----------------------------------------*/
/*-------------------------   Téléphone   -----------------------------------*/
/*-------------------------   Commune (liste)   -----------------------------*/
/*-------------------------   Adresse   -------------------------------------*/
.rpx_field.rpx_field_1 input,
.rpx_field.rpx_field_2 input,
.rpx_field.rpx_field_3 input,
.rpx_field.rpx_field_4 input,
.rpx_field.rpx_field_5 input,
.rpx_field.rpx_field_6 input {
    /*border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;*/
    border-radius: 5px;
    width: 100%;
    line-height: 1.0rem;
}

/*-------------------------   Nom   -----------------------------------------*/
/*-------------------------   Prénom   --------------------------------------*/
/*-------------------------   Mail   ----------------------------------------*/
/*---  placeholder = texte indicatif   --*/
.rpx_field_1 input::placeholder,		/* Firefox, Chrome, Opera */
.rpx_field_2 input::placeholder,
.rpx_field_3 input::placeholder {
    color: #C06;
}
.rpx_field_1:-ms-input-placeholder,		/* Internet Explorer 10-11 */
.rpx_field_2:-ms-input-placeholder,
.rpx_field_3:-ms-input-placeholder {
    color: #C06;
}
.rpx_field_1::-ms-input-placeholder,	/* Microsoft Edge */
.rpx_field_2::-ms-input-placeholder,
.rpx_field_3::-ms-input-placeholder {
    color: #C06;
}

/*-------------------------   Téléphone   -----------------------------------*/
/*-------------------------   Adresse   -------------------------------------*/
/*---  placeholder = texte indicatif   --*/
.rpx_field_4 input::placeholder,		/* Firefox, Chrome, Opera */
.rpx_field_6 input::placeholder {
    color: #6C757D;
}
.rpx_field_4:-ms-input-placeholder,		/* Internet Explorer 10-11 */
.rpx_field_6:-ms-input-placeholder {
    color: #6C757D;
}
.rpx_field_4::-ms-input-placeholder,	/* Microsoft Edge */
.rpx_field_6::-ms-input-placeholder {
    color: #6C757D;
}

/*-------------------------   Nom   ------------------------------------------*/
/*-------------------------   Mail   -----------------------------------------*/
/*-------------------------   Commune (liste)   ------------------------------*/
.rpx_field_1,
.rpx_field_3,
.rpx_field_5 {
    display: inline-block;
    width: 50%;
}

/*-------------------------   Prénom   ---------------------------------------*/
/*-------------------------   Téléphone   ------------------------------------*/
/*-------------------------   Adresse   -------------------------------------*/
.rpx_field_2,
.rpx_field_4,
.rpx_field_6 {
    display: inline-block;
    width: 48%;
    margin-left: 2%;
}

/*-------------------------   Téléphone   ------------------------------------*/
/*-------------------------   Adresse   --------------------------------------*/
/*-------------------------   Votre demande (zone de saisie)   ---------------*/
/*-------------------------   Date et heure (zone de saisie)   ---------------*/
/*                            #####   HORS JOOMLA 5   #####                   */
#rpx_formulairerpx_Telephone,
#rpx_formulairerpx_Adresse,
#rpx_formulairerpx_Message,
#rpx_formulairerpx_Date__Heure {
    font-style: italic;
}

/*-------------------------   Commune (liste)   ------------------------------*/
/*---  texte   --*/
.rpx_field_5 .inputbox {
    color: #C06;	/*  fushia  */
}
.rpx_field_5 .rpx_field_input {
    position:relative;
    margin-top: -1.1rem;
}
.rpx_field_5 .rpx_field_input select {
    position:absolute;
    z-index: 1;
	margin-top: -5px;
}

/*-------------------------   Objet de votre demande   -----------------------*/
.rpx_field_7 {
	margin-top: 20px;
	margin-bottom: -10px !important;
}

/*-------------------------   Checkbox / demande   ---------------------------*/
.rpx_form_container .checkbox {
    vertical-align: unset;
}
.checkbox {
    display: inline !important;
}
label {
    margin-bottom: 0 !important;
}
.rpx_field_input label {
    display: inline-block !important;
    margin-right: 0.6rem;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.0rem;
}
/*-------------------------   Votre demande (zone de saisie)   ---------------*/
/*-------------------------   Date et heure (zone de saisie)   ---------------*/
/*                            #####   HORS JOOMLA 5   #####                   */
.rpx_field_9 textarea,
.rpx_field_18 textarea {
    /*border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;*/
    border-radius: 5px;
}
/*---  placeholder bleu = texte indicatif   --*/
.rpx_field_9 textarea::placeholder,				/* Firefox, Chrome, Opera */
.rpx_field_18 textarea::placeholder {
    color: #6C757D;
}
.rpx_field_9:-ms-textarea-placeholder,			/* Internet Explorer 10-11 */
.rpx_field_18:-ms-textarea-placeholder {
    color: #6C757D;
}
.rpx_field_9::-ms-textarea-placeholder,			/* Microsoft Edge */
.rpx_field_18::-ms-textarea-placeholder {
    color: #6C757D;
}

/*-------------------------   Votre demande (zone de saisie)   ---------------*/
.rpx_field_9 {
    margin-top: 2.0rem;
}
.rpx_field_9 textarea.form-control {
    height: 70px;
}
/*-------------------------   Date et heure (zone de saisie)   ---------------*/
/*                            #####   HORS JOOMLA 5   #####                   */
.rpx_field_18 {
    margin-top: 1.5rem;
}
.rpx_field_18 textarea {
    margin-top: -15px;
}
.rpx_field_18 textarea.form-control {
    height: 45px;
	font-size: 1.12rem !important;
}

/*-------------------------   CGV   ------------------------------------------*/
.rpx_form_container #rpx_formulairerpx_CGV_-_chekboxe0.checkbox {
	margin-right: 10px;
}

/*============================================================================*/
/* Votre avis (TRÈS spécial)                                                  */
/*----------------------------------------------------------------------------*/
#rpx_formulairerpx_votre_avis {
	font-size: 0rem !important;
	padding: 0;
	line-height: 0;
	border-radius: 0;
	border: none;
	height: 1rem;
	overflow: hidden;
	width: 100px;
}
#rpx_formulairerpx_votre_avis_2 {
	font-size: 0rem !important;
	padding: 0;
	line-height: 0;
	border-radius: 0;
	border: none;
	height: 1rem;
	margin-top: -7px;
	width: 100px;
	color: white;
}
#votre_avis_2 {
	background-color: white;
}
.rpx_field_27, .rpx_field_31  {
	margin-bottom: 0 !important;
}
/*############################################################################*/

/*==============================================================*/
/*    Crédit d'impôt requis - Version Boutons Radio             */
/*---------------   Crédit d'impôt   ---------------------------*/
/*
.rpx_field_24 {
	margin-top: 20px;
	margin-bottom: 10px !important;
}
.rpx_field_24 .rapid_contact_ex {
	line-height: 1.5rem !important;
}
*/
/*---   Service Avance Immédiate     ---------------------------*/
/*---   Déduction différée           ---------------------------*/
/*---   Je choisirai plus tard       ---------------------------*/
/*
#rpx_formulairerpx_Credit_dimpot_Bouton_Radio0,
#rpx_formulairerpx_Credit_dimpot_Bouton_Radio1,
#rpx_formulairerpx_Credit_dimpot_Bouton_Radio2 {
    display: inline-block !important;
	margin-left: 20px;
}
*/
/*---   Groupe des 3 boutons radio   ---------------------------*/
/*
.rpx_field_25 .rpx_field_input label {
  margin-right: unset !important;
  display: block !important;
  margin-bottom: 10px !important;
}
*/

/*==============================================================*/

/*-------------------------   Conditions générales de ventes   -----------------*/
.rpx_field_22 {
    display: inline-block;
}
.rpx_field_22 .rpx_field_input label {
	margin-right: unset !important;
	display: flex !important;
}
/*-------------------------   Aimy Captcha-Less Form Guard anti-spam   -------*/
.rpx_field_captcha {
	margin-bottom: unset !important;
}
.rpx_field_captcha p {
	display: none;
}

#rpx_formulairerpx_votre_avis,
#rpx_formulairerpx_votre_avis_2 {
	height: 5px !important;
}

/*-------------------------   Envoyez-moi une copie   ------------------------*/
/*
.rpx_field_input .rpx_copy_label {
	color: gray;
	font-style: italic;
}
*/
/*-------------------------   Bouton ENVOYER   -------------------------------*/
.rpx_field_button input {
    /*border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;*/
    border-radius: 5px;
    width: 100%;
    font-family: Raleway, sans-serif;
    font-weight: 400 !important;
    font-size: 1.3rem;
    line-height: 1.2rem;
    letter-spacing: 0.2rem;
}
.btn.btn-primary {
    border: 1px solid #AD0056 !important;
	font-weight: 500 !important;
    background-color: #FFF7FA !important;
	color: #C06 !important;
}
.btn.btn-primary:hover {
    background-color: #C06 !important;
	color: white !important;
}
.btn.btn-primary:active {
    background-color: #C06 !important;
	color: white !important;
    font-style: italic;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/*-------------------------   Messages d'anomalies   -------------------------*/
.rpx_inline_error {
    font-size: 1.2rem;
    line-height: 1.5em;
    font-weight: 400;
    margin-top: -10px;
}
.rpx-error {
    border: 1px solid #0026FF !important; /* bleu */
    box-shadow: 0px 0px 5px -1px #0026FF !important; /* bleu */
}
/*-------------------------   Messages envoyé   ------------------------------*/
.fushia {
    color: #FF006E; /* fushia */
}

.rpx_msg_sent {
    font-family: Raleway, sans-serif;
    font-weight: 400 !important;
    font-size: 1.3rem;
    line-height: 1.5rem;
    letter-spacing: 0.2rem;
    text-align: center;
}

/*############################################################################*/
/*           BOUTON CGV sous Formulaire Contact                               */
/*----------------------------------------------------------------------------*/
.cgv_contact {
	font-weight: 400;
	font-size: 1.25rem;
}
@media screen and (min-width: 1910px) {
	a:hover.cgv_contact {
		padding: 5px 15px 5px 15px !important;
		margin-left: 20px !important;
	}
}
a.cgv_contact {
	color: white;
	background-color: #C06;
	padding: 5px 10px 5px 10px;
	border: 1px #A50052 solid;
	border-radius: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
a:hover.cgv_contact {
	color: white;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	font-weight: 500 !important;
}
@media screen and (min-width: 360px) and (max-width: 1919px) {
	a:hover.cgv_contact {
		margin-left: 5px !important;
	}
}

/*############################################################################*/
/*           SLIDESHOW ENTETE                                                 */
/*----------------------------------------------------------------------------*/
#t4-sideshow {
    width: 100%;
}
#t4-sideshow .container {
    max-width: 100%;
	color: #000000;
	padding-top: unset;
}
.slideshow {
  list-style-type: none;
}
.child2 {
    z-index: 1;
	position: relative;
}
/*-----------------------------------------------*/
#slide-h1 {
	height: 10px;
}
@media screen and (max-width: 599px) {
	#slide-h1 {
		height: 40px !important;
	}
}
#slide-h1 h1 {
    font-family: 'Raleway', sans-serif !important;
	font-size: 2.5rem !important;
	line-height: 1rem !important;
    color: transparent !important;
}
/*-----------------------------------------------*/
.slide-ligne-1, .slide-ligne-3 {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
}
@media screen and (max-width: 599px) {
	.slide-ligne-1 {
		padding-left: unset !important;
		padding-right: unset !important;
	}
}

.slide-ligne-1-div-separ {
    width: 33%;
}
.slide-ligne-1-div-1-bulle-texte {
    width: 300px;
    position: relative;
}
/*  cadre l'Assitance Informatique à Domicile ...  */
.slide-ligne-1-div-1-assistance {
    width: 400px;
	position: absolute;
	top: 60px;
	left: 50px;
}
/*   Votre                                   */
/*   Assistance                              */
/*   Informatique                            */
/*   à Domicile                              */
/*   7 jours/7 (mobile < 600px)              */
/*   ordinateurs - tablettes - smartphones   */
@media screen and (min-width: 600px) {
	.slide-ligne-1-div-1-texte-7jours {
		display: none !important;
	}
}
.slide-ligne-1-div-1-texte-1,
.slide-ligne-1-div-1-texte-2,
.slide-ligne-1-div-1-texte-3,
.slide-ligne-1-div-1-texte-4,
.slide-ligne-1-div-1-texte-7jours {
    font-family: 'Raleway', sans-serif;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 4rem;
}
.slide-ligne-1-div-1-texte-4 {
    letter-spacing: 0.22rem;
}
.slide-ligne-1-div-1-texte-4-aix {
    font-family: 'Raleway', sans-serif;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 4rem;
}
.slide-ligne-1-div-1-texte-5 {
    font-family: 'Raleway', sans-serif;
	font-size: 1.15rem;
	font-weight: 500;
	line-height: 1.6em;
	letter-spacing: 0.05rem;
}
#slide-ligne-1-info-circle-div {
	display: inline-block;
}
#slide-ligne-1-info-circle {
	font-size: 1.8rem !important;
	line-height: 2.6rem !important;
}
#slide-ligne-1-info-circle-fas {
	line-height: 0 !important;
}
a#slide-ligne-1-info-circle {
	color: #408FEC;				/* bleu */
}
a:hover#slide-ligne-1-info-circle,
a:active#slide-ligne-1-info-circle	 {
    color: #FF006E !important;	/* fushia */
}
/*-----------------------------------------------*/
/* images Bulles Haut */
.slide-ligne-1-div-2 {
    width: 550px;
    height: 413px;
	position: relative;
	display: block;
}
/* PAS images Bulles Haut SI < 600 px */
/*   (parformance Lighthouse +15)     */
@media screen and (max-width: 599px) {
	.slide-ligne-1-div-2 {
		display: none !important;
	}
}

.webp .slide-ligne-1-div-2-child-2 {
	background-image: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_0_v1.webp");
}
.no-webp .slide-ligne-1-div-2-child-2 {
	background-image: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_0_v1.png");
}
.slide-ligne-1-div-2-child-2 {
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

.webp #slide-ligne-1-div-2-child-2-1 {
	content: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_1_v1.webp");
}
.webp #slide-ligne-1-div-2-child-2-2 {
	content: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_2_v1.webp");
}
.webp #slide-ligne-1-div-2-child-2-3 {
	content: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_3_v1.webp");
}

.no-webp #slide-ligne-1-div-2-child-2-1 {
	content: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_1_v1.png");
}
.no-webp #slide-ligne-1-div-2-child-2-2 {
	content: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_2_v1.png");
}
.no-webp #slide-ligne-1-div-2-child-2-3 {
	content: url("/images/_odomi/bulles_entete_3_couleurs_550x413_fondu_3_v1.png");
}

/* définition de l'animation sur les images */
.slide-ligne-1-div-2-child-2 img {
	animation: fade-in-out 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}
/* définition délai des images */
.slide-ligne-1-div-2-child-2 img:nth-child(1) {animation-delay: 0s}
.slide-ligne-1-div-2-child-2 img:nth-child(2) {animation-delay: 4s}
.slide-ligne-1-div-2-child-2 img:nth-child(3) {animation-delay: 8s}
/* définition des étapes */
@keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
/*-----------------------------------------------*/
.slide-2-2-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 7.0rem;
}
.slide-ligne-2 {
	margin-top: 5px;
	margin-bottom: 20px;
}
/*-----------------------------------------------*/
.slide-ligne-3-div-2 {
    max-width: 219px;
    padding-right: 0;
    padding-left: 0;
    width: 20%;
}
/*  cadre l'Assitance Informatique à Domicile ...  */
.slide-ligne-3-div-1 {
	margin-left: auto;
	margin-right: auto;
    width: 600px;
}
/*  image - 50 %                 */
#slide-ligne-3-div-2-img {
	color: black;
}
.webp #slide-ligne-3-div-1-cinquante {
	background-image: url("/images/_odomi/moins_cinquante_Ombres_220x112.webp");
}
.no-webp #slide-ligne-3-div-1-cinquante {
	background-image: url("/images/_odomi/moins_cinquante_Ombres_220x112.png");
}
#slide-ligne-3-div-1-cinquante {
	background-repeat: no-repeat;
	height: 112px;
	width: 220px;
	position: absolute;
}

/*   AVEC LE CRÉDIT D'IMPÔT            */
/*   SIMPLE ET FACILE                  */
/*     ou                              */
/*   IMMÉDIAT OU DIFFÉRÉ               */
/*   C'EST VOUS QUI CHOISISSEZ         */

/*   même si vous êtes non imposable   */

@media screen and (min-width: 600px) {
	#slide-ligne-3-div-2-cinquante {
		float: right;
	}
}

#slide-ligne-3-div-2-1 {	/*  AVEC LE CRÉDIT D'IMPÔT ou IMMÉDIAT OU DIFFÉRÉ        */
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-weight: 400;
}
#slide-ligne-3-div-2-2 {	/*  SIMPLE ET FACILE ou C'EST VOUS QUI CHOISISSEZ  */
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-weight: 400;
	margin-top: 5px;
}
#slide-ligne-3-div-2-3 {	/*  même si vous êtes non imposable        */
	font-size: 1.2rem;
	line-height: 1.3rem;
	font-weight: 500;
	margin-top: 5px;
	font-style: italic;
	color: #CC0066;
}
#slide-ligne-3-div-2-4 {	/*  UN AVANTAGE QUI FAIT NOTRE DIFFÉRENCE  */
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: 600;
	margin-top: 5px;
}
#slide-ligne-3-div-2-1-info {
	float: right;
}
#cinquante-info-circle-fas {
	line-height: 0 !important;
}
#cinquante-info-circle {
	font-size: 1.8rem;
	display: block;
	line-height: 1.6rem !important;
	color: #408FEC;				/* bleu */
}
a:hover#cinquante-info-circle,
a:active#cinquante-info-circle {
    color: #FF006E !important;	/* fushia */
}

/*=================================================*/
#cinquante-info-circle-tarif-fas {
	line-height: 0 !important;
}
#cinquante-info-circle-tarif {
	font-size: 1.4rem;
	color: #408FEC;				/* bleu */
}
a:hover#cinquante-info-circle-tarif,
a:active#cinquante-info-circle-tarif {
    color: #FF006E !important;	/* fushia */
}

/*=================================================*/
.titre {
	font-weight: 300;
	line-height: 4.0rem;
	font-size: 4.1rem;
	float: right;
	padding-left: 83px;
}
/*#######################################################*/
/*   CRÉDIT D'IMPÔT                                      */
.depannage-et-autres {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    text-align: center;
    color: black;
}
.depannage-et-autres-ul {
    padding: 0;
}
.depannage-et-autres-ul > li {
    display: inline-block;
}
.depannage-et-autres-ul .depannage-et-autres-li:first-child::before {
    content: '';
	margin-left: 0;
}
.depannage-et-autres-ul .depannage-et-autres-li::before {
    content: '|';
    margin: 0 10px;
}

/*=========================================================================*/
/*                     Taille & Position Logo                              */
/*-------------------------------------------------------------------------*/
#slide-logo-position {
	width:100%;
	position: absolute;
	z-index: 3;
}
#slide-logo-odomi-bulle {
	background-repeat: no-repeat;
	width: 63px;
	height: 47px;
	position: absolute;
	left: 70px;
}
#slide-logo-odomi-text {
	color: black;
	font-family: 'Hammersmith One',sans-serif;
	font-size: 2.8rem;
	position: absolute;
	top: 4px;
	left: 143px;
}
a#slide-logo-odomi-text-a {
	color: black;
}
a:hover#slide-logo-odomi-text-a,
a:active#slide-logo-odomi-text-a {
    color: black !important;
}

#slide-logo-aid {
	width: max-content;
	height: 83px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: -22px;
	left: -50px;
}
/*-----------------------------------------------------------------------*/
#slide-logo-sap-image-div {
	width: calc(100% - 132px);
}
@media screen and (min-width: 600px) and (max-width: 1349px) {
	#slide-logo-sap-image-div {
		animation-name: shake-chunk;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
}

.webp #slide-logo-sap-image {
	content: url("/images/_odomi/services-a-la-personne_100x83_v1.webp");
	float: right;
}
.no-webp #slide-logo-sap-image {
	content: url("/images/_odomi/services-a-la-personne_100x83_v1.png");
	float: right;
}
/*-----------------------------------------------------------------------*/
@media screen and (min-width: 280px) and (max-width: 319px) {
	#slide-logo-separ-div {
		width: 20px;
	}
}
@media screen and (min-width: 320px) and (max-width: 599px) {
	#slide-logo-separ-div {
		width: 60px;
	}
}
@media screen and (min-width: 600px) and (max-width: 1349px) {
	#slide-logo-separ-div,
	#slide-logo-50-image-div {
		display: none;
	}
}
@media screen and (min-width: 1350px) {
	#slide-logo-separ-div {
		width: 60px;
	}
	#slide-logo-aid {
		display: flex;
	}
}
/*-----------------------------------------------------------------------*/
#slide-logo-50-image-div {
	animation-name: shake-chunk;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
@keyframes shake-chunk {
	50% { transform: rotate(5deg); }
	52% { transform: rotate(0eg); }
	54% { transform: rotate(-5deg); }
	56% { transform: rotate(0eg); }
	58% { transform: rotate(5deg); }
	60% { transform: rotate(0eg); }
	62% { transform: rotate(-5deg); }
	0%, 48%, 64%, 100% {
	  transform: translate(0, 0) rotate(0);
	}
}
#slide-logo-50-image {
	content: url("/images/_odomi/moins_cinquante_bleu_ombres_132x99.png");
}
/*-----------------------------------------------------------------------*/

@media screen and (max-width: 1349px) {
	#slide-logo-appareils {
		display: none;
	}
}
#slide-logo-appareils {
	width: 113px;
	height: 81px;
	position: relative;
	float: right;
	top: -100px;
	right: 95px;
}
#slide-logo-appareils-image {
	content: url("/images/_odomi/appareils.png");
}

@media screen and (min-width: 280px) and (max-width: 599px) {
	#t4-sideshow .container {
	  padding-top: 1.1rem !important;
	}

	#slide-logo-odomi-bulle {
		display: none;
	}
	#slide-logo-odomi-text {
		top: unset !important;
		left: unset !important;
		margin-left: auto;
		margin-right: auto;
		position: relative !important;
		text-align: center;
	}
	#slide-logo-aid {
		top: unset !important;
		left: unset !important;
		margin-top: 30px;
		display: flex;
	}
}

@media screen and (min-width: 600px) and (max-width: 1349px) {
	#slide-logo-aid {
		float: right;
		left: 0px;
	}
}

/*############################################################################*/
/*           Boutton CGV - Conditions Générales de Vente                      */
/*----------------------------------------------------------------------------*/
#t4-section-51-0 {
	padding-top: 50px;
	padding-bottom: 50px;
}
#section-51-0-avant {
}
#section-51-0-lien {
	padding-top: 20px;
	text-align: center;
	margin-bottom: 30px;
}

/*=========================================================================*/
/*                   Back To Top                                           */
/*-------------------------------------------------------------------------*/
#back-to-top {
  right: 10px !important;
  display: block !important;
  z-index: 2;
  background-color: #2365BB !important;
  border: 1px solid #19437D;
}
/*=========================================================================*/
/*                   Accessibilité (cf. icône fauteuil roulant bleu)       */
/*-------------------------------------------------------------------------*/
/*     icône masquée si largeur écran < 320 px                             */
/*     sinon l'icône de réinitialisation n'est pas accessible              */
@media screen and (max-width: 319px) {
	._access-icon {
		display: none;
	}
}
/*-------------------------------------------------------------------------*/
._access-icon {
	bottom: 0.45rem !important;
	font-size: 36px !important;
	margin-left: 5px;
}
._access-menu {
	min-width: unset !important;
	width: 320px !important;
}
._access-menu ._text-center {
	text-align: unset !important;
	width: 100%;
	font-size: 21px !important;
}
._access-menu ._menu-btn {
    position: static !important;
}
._access-menu h3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-left: 15px !important;
    font-size: 1.2rem !important;
    letter-spacing: 0.15rem !important
	display: inline !important;
}
._menu-close-btn {
	margin-right: 20px;
}
._menu-reset-btn {
	margin-right: 10px;
	float: right;
}

/*############################################################################*/
/*   Navigation au clavier                                                    */
/*     Plugin Skip-To Navigation (shift - Alt - 9)                            */
/*     (sa hauteur ne doit pas dépasser la hauteur de l'écran)                */
/*############################################################################*/
/*   A priori, utilisé sur Full HD 1920x1080           */
#id-skip-to-menu-4 {
	max-height: 80%;
	position: fixed;
	overflow: auto;
}

/*############################################################################*/
/*           Témoignages / Avis Google (Horizontal Slider)                    */
/*############################################################################*/
#t4-section-46 .container {
	padding: 0;
	max-width: 100%;
}
#t4-section-46 .module-inner {
	width: 100%;
}

.slider {
	color: #010101;
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
}

.slider__slide {
	display: flex;
	justify-content: center;
	scroll-snap-align: start;
	min-width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
}

.temoi-div {
	width: calc(100% - 30px);
	max-width: 430px;
}
@media screen and (max-width: 374px) {
	.temoi-div {
		width: calc(100% - 20px) !important;
	}
}

.temoi-quote {
    font-size: 0.8rem;
    text-align: center;
    color: #FF006E; /* fushia */
    margin-left: 0.2rem;
}
.temoi-cadre {
	border-style: solid;
	border-width: 1px;
	border-color: #BFBFBF;
	border-radius: 10px;
	padding: 1.0rem;
	margin-top: -1.3rem;
	cursor: url("/images/_odomi/curseur_avis_v2.png"), pointer;
	background-color: #FAFAFA;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
	min-height: 93%;
}
.temoi-cercle {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: white;
    border-style: solid;
    border-color: #BFBFBF;
    border-width: 1px;
    margin-top: -2.3rem;
    margin-left: auto;
    margin-right: auto;
}
.temoi-bulle {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
}
.temoi-nom {
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 0.02rem;
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	color: black;
}
.temoi-etoiles {
	display: block;
}

.temoi-texte {
	font-size: 1.3rem;
	line-height: 1.7rem;
	letter-spacing: 0.02rem;
	text-align: justify;
	margin-top: 0.5rem;
	margin-bottom: 20px;
	color: #010101;
}
@media screen and (max-width: 320px) {
	.temoi-texte {
		text-align: unset !important;
	}
}

.temoi-texte-1-trop-long,
.temoi-texte-1-sans-commentaire {
    font-style: italic;
	color: #707070;
	font-weight: 400;
	font-size: 1.25rem;
}
.temoi-texte-2 {
    margin-top: 1.0rem;
}
.temoi-google {
	width: 55%;
	float: left;
}

/*========================*/
/*    Compte à Rebours    */
/*------------------------*/
/*  https://medium.com/geekculture/23-javascript-countdown-timer-for-website-273efc2f5618  */

.pause {
	color: #010101;
	font-family: sans-serif;
	font-style: italic;
	font-size: 1rem;
	font-weight: 500;
	text-align: right;
	padding-top: 3px;
	width: 35%;
	float: left;
	text-decoration: underline;
}

.countdown {
	color: #FF006E; /* fushia */
	font-family: sans-serif;
	font-size: 1rem;
	font-weight: 600;
	text-align: right;
	padding-top: 3px;
}

/*---------   Flèches Droite & Gauche   ------------*/
/*  masquées si non mobiles ( iPad Pro / Microsoft Surface Pro 3 = 1024 px)  */
@media screen and (max-width: 1023px) {
	.right-arrow,
	.left-arrow {
		display: none;
	}
}
.right-arrow,
.left-arrow {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	z-index: 2;
	cursor: pointer;
}

.right-arrow {
	right: calc(100% - 80vw);
}
.left-arrow {
	left: calc(100% - 80vw);
}

.right-arrow::before,
.right-arrow::after,
.left-arrow::before,
.left-arrow::after {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 28px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
	content: "";
	position: absolute;
	width: 40px;
	height: 11px;
	background-color: white;
}

.right-arrow::before {
	transform: rotate(45deg);
}

.right-arrow::after {
	transform: rotate(-45deg);
	bottom: 14px;
}

.left-arrow::before {
	transform: rotate(-45deg);
}

.left-arrow::after {
	transform: rotate(45deg);
	bottom: 14px;
}

/* Hide the scrollbar */
.slider::-webkit-scrollbar {
	display: none; /* Safari, Google Chrome, Opera,  */
}
.slider {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

/*---------   Adaptive   ----------------------------*/
@media screen and (max-width: 720px) {
	.right-arrow::before,
	.right-arrow::after,
	.left-arrow::before,
	.left-arrow::after {
		width: 32px;
		height: 12px;
	}
	.right-arrow::after,
	.left-arrow::after {
		bottom: 16px;
	}
	.right-arrow::before,
	.left-arrow::before {
		top: 20px;
	}
	.right-arrow::before,
	.right-arrow::after {
		right: 0;
	}
}

/*---------   BOUTONS AVIS / ÉCRIRE   ---------*/
@media screen and (max-width: 389px) {
	#btn-avis-google {
		display: block !important;
	}
	#btn-avis-ecrire {
		margin-top: 20px;
	}
}
#btn-avis-google-centre {
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	margin-top: 20px;
}
#btn-avis-google {
	display: flex;
}

.btn-avis {
	border: none;
	display: block;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-color: #CC0066;
	padding: 0 10px 0 15px;
	margin: 0 auto;
	border-radius: 25px;
	font-weight: 600;
	font-size: 1.0rem;
	letter-spacing: 0.05rem;
	line-height: 1.7rem;
	border: 1px solid #A50052;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	padding: 0 10px 0 20px;
}
.btn-avis span {
	position: relative; 
	z-index: 1;
}
.btn-avis:after {
	border: none;
    outline:none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 470%;
	width: 140%;
	background: #FF006E;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
	transform: translateX(-100%) translateY(-25%) rotate(45deg);
}
.btn-avis:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	padding: 0 10px 0 15px;
	font-weight: 600;
}
.btn-avis:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
	border: none;
    outline:none;
}
/*   POUR GOOGLE CHROME, SINON BORDER NOIR APRÈS CLIC   */
.btn-avis:focus-within {
    outline: none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*           V2                                                                      */
/*===================================================================================*/

/*############################################################################*/
/*           Bulle avant NOS CLIENTS                                          */
/*----------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
	#t4-page-section-21-bulles {
		display: none !important;
	}
}
/*-----------   spécifique Joomla 5   ----------------*/
/*              Sinon, masque la bulle                */
@media (max-width: 575px) {
	#t4-page-section-21-bulles.d-none {
		display: block !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	#t4-page-section-21-bulles.d-sm-none {
		display: block !important;
	}
}
/*----------------------------------------------------*/

#t4-page-section-21-bulles {
    margin-top: 30px;
}
#t4-page-section-21-bulles .container {
    padding: 0;
    max-width: none;
}

.page-section-21-bulles {
	margin-left: auto;
	margin-right: auto;
	width: 226px;
	height: 226px;
}

.webp #page-section-21-bulles-1 {
	content: url("/images/_odomi/1343378123_couple_226.webp");
}
.webp #page-section-21-bulles-2 {
	content: url("/images/_odomi/1158258415_jeune_femme_pouce_226.webp");
}
.webp #page-section-21-bulles-3 {
	content: url("/images/_odomi/1334899533_homme_pouce_226.webp");
}

.no-webp #page-section-21-bulles-1 {
	content: url("/images/_odomi/1343378123_couple_226.png"));
}
.no-webp #page-section-21-bulles-2 {
	content: url("/images/_odomi/1158258415_jeune_femme_pouce_226.png");
}
.no-webp #page-section-21-bulles-3 {
	content: url("/images/_odomi/1334899533_homme_pouce_226.png");
}

/* définition de l'animation sur les images */
.page-section-21-bulles img {
	animation: fade-in-out 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}
/* définition délai des images */
.page-section-21-bulles img:nth-child(1) {animation-delay: 0s}
.page-section-21-bulles img:nth-child(2) {animation-delay: 4s}
.page-section-21-bulles img:nth-child(3) {animation-delay: 8s}
/* définition des étapes */
@keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

/*############################################################################*/
/*       page-section-31-urgence                                              */
/*----------------------------------------------------------------------------*/
#t4-page-section-31-urgence {
	margin-top: 25px;
}

.page-section-31-urgence,
.page-section-31-urgence-externe {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 600;
	line-height: 1.6rem;
	border: 1px solid #C06;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
	background-color: #FAFAFA;
}

@media screen and (min-width: 600px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		text-align: center;
	}
}

@media screen and (max-width: 319px) {
	.page-section-31.col-sm,
	.page-section-31-externe.col-sm {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media screen and (min-width: 320px) and (max-width: 359px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		width: 250px;
	}
}
@media screen and (max-width: 359px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media screen and (max-width: 359px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 360px) and (max-width: 479px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		width: 300px;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
	}
}
@media screen and (min-width: 480px) and (max-width: 599px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		width: 320px;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
	}
}
@media screen and (min-width: 600px) and (max-width: 1909px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		width: 420px;
		font-size: 1.3rem;
		line-height: 1.7rem;
		letter-spacing: 0.015rem;
	}
	#page-section-31-urgence-texte-2-600 {
		letter-spacing: 0.1rem;
	}
}
@media screen and (min-width: 1910px) {
	.page-section-31-urgence,
	.page-section-31-urgence-externe {
		width: 420px;
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0.015rem;
	}
	#page-section-31-urgence-texte-2-600 {
		letter-spacing: 0.1rem;
	}
}

#page-section-31-urgence-texte-1 {
	text-align: center;
}
#page-section-31-urgence-texte-2-600,
#page-section-31-urgence-texte-2-599 {
	text-align: center;
}
@media screen and (min-width: 600px) {
	#page-section-31-urgence-texte-2-600 {
		display: block;
	}
	#page-section-31-urgence-texte-2-599 {
		display: none;
	}
}
@media screen and (max-width: 599px) {
	#page-section-31-urgence-texte-2-600 {
		display: none;
	}
	#page-section-31-urgence-texte-2-599 {
		display: block;
	}
}

#page-texte-appelez,
#page-texte-appelez-externe {
	font-weight: 500;
	text-align: center;
	font-size: 2.2rem;
	line-height: 3.0rem;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 5px 8px 5px rgba(0, 0, 0, 0.2);
}
#page-texte-appelez {
	margin-top: 20px;
}
#page-texte-appelez-externe {
	margin-top: -10px;
	margin-bottom: 30px;
}
@media screen and (max-width: 799px) {
	#page-texte-appelez,
	#page-texte-appelez-externe{
		font-size: 2.0rem !important;
		line-height: 2.5rem !important;
	}
}

a#page-texte-appelez-lien {
	color: #CC0066 !important;			/* fushia */
}
a:hover#page-texte-appelez-lien,
a:active#page-texte-appelez-lien {
	color: #CC0066 !important;			/* fushia */
}

/*############################################################################*/
/*    page-section-31-gauche Bulle                                            */
/*============================================================================*/
.page-section-31-gauche {
	display: none;
	margin-top: 10px;
}
@media screen and (min-width: 1024px) {
	.page-section-31-gauche {
		display: block;
	}
}

.page-section-31-gauche-bulles {
    background-repeat: no-repeat;
	margin-right: 150px;
}
@media screen and (min-width: 1024px) and (max-width: 1919px) {
	.page-section-31-gauche-bulles {
		margin-right: 50px !important;
	}
	#page-section-31-gauche-bulles-1,
	#page-section-31-gauche-bulles-2,
	#page-section-31-gauche-bulles-3 {
		width: 175px !important;
	}
}

#page-section-31-gauche-bulles-1 {
	content: url("/images/_odomi/1497685559_jeune_femme_226.png");
}
#page-section-31-gauche-bulles-2 {
	content: url("/images/_odomi/1124997406_jeune_homme_226.png");
}
#page-section-31-gauche-bulles-3 {
	content: url("/images/_odomi/1304673102_couple_senior_226.png");
}


.page-section-31-gauche-bulles img {
	animation: fade-in-out 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}

.page-section-31-gauche-bulles img:nth-child(1) {animation-delay: 0s}
.page-section-31-gauche-bulles img:nth-child(2) {animation-delay: 4s}
.page-section-31-gauche-bulles img:nth-child(3) {animation-delay: 8s}

@keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

/*############################################################################*/
/*    page-section-31-droite Bulle                                             */
/*============================================================================*/
.page-section-31-droite {
	display: none;
	margin-top: 10px;
}
@media screen and (min-width: 1024px) {
	.page-section-31-droite {
		display: block;
	}
}

.page-section-31-droite-bulles {
    background-repeat: no-repeat;
	margin-left: 150px;
}
@media screen and (min-width: 1024px) and (max-width: 1919px) {
	.page-section-31-droite-bulles {
		margin-left: 50px !important;
	}
	#page-section-31-droite-bulles-1,
	#page-section-31-droite-bulles-2,
	#page-section-31-droite-bulles-3 {
		width: 175px !important;
	}
}

#page-section-31-droite-bulles-1 {
	content: url("/images/_odomi/1088347334_jeune_homme_226.png");
}
#page-section-31-droite-bulles-2 {
	content: url("/images/_odomi/1469154336_couple_senior_226.png");
}
#page-section-31-droite-bulles-3 {
	content: url("/images/_odomi/1008222928_jeune_femme_226.png");
}


.page-section-31-droite-bulles img {
	animation: fade-in-out 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}

.page-section-31-droite-bulles img:nth-child(1) {animation-delay: 0s}
.page-section-31-droite-bulles img:nth-child(2) {animation-delay: 4s}
.page-section-31-droite-bulles img:nth-child(3) {animation-delay: 8s}

@keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

/*PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP*/
/*          PAGES EXTERNES                                                                          */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          CONFIGURER - WINDOWS                                              */
/*############################################################################*/
#t4-page-section-11-haut {
	display: none;
}
#page-section-11-haut-image {
	content: url("/images/_odomi/windows_11_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-11-windows {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-11-gauche,
	.page-section-11-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-11.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-11-gauche.col-sm {
	padding: 0 !important;
}
.page-section-11-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-11-windows .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-11-gauche-image,
#page-section-11-droite-image {
	display: block;
	margin-top: 120px;
}
#page-section-11-gauche-image {
	content: url("/images/_odomi/windows_10_100x100.png");
	margin-left: auto;
}
#page-section-11-droite-image {
	content: url("/images/_odomi/windows_11_100x100.png");
	margin-right: auto;
}

#page-section-11-bas-image-1 {
	content: url("/images/_odomi/windows_10_50x50.png");
}
#page-section-11-bas-image-2 {
	content: url("/images/_odomi/windows_11_50x50.png");
	margin-left: 150px;
}
@media screen and (max-width: 599px) {
	#page-section-11-bas-image-2 {
		margin-left: 100px !important;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          CPL                                                               */
/*############################################################################*/
#t4-page-section-12-haut {
	display: none;
}
#page-section-12-haut-image {
	content: url("/images/_odomi/cpl_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-12-cpl {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-12-gauche,
	.page-section-12-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-12.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-12-gauche.col-sm {
	padding: 0 !important;
}
.page-section-12-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-12-cpl .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-12-gauche-image {
	content: url("/images/_odomi/wifi_100x100.png");
	margin-left: auto;
}
#page-section-12-droite-image {
	content: url("/images/_odomi/cpl_100x100.png");
	margin-right: auto;
}
#page-section-12-gauche-image,
#page-section-12-droite-image {
	display: block;
	margin-top: 20px;
}
@media screen and (max-width: 1023px) {
	#page-section-12-gauche-image,
	#page-section-12-droite-image {
		width: 75px;
		margin-top: 30px;
	}
}

/*===================================================================*/
#page-section-12-bas-image-1 {
	content: url("/images/_odomi/logo_boulanger_fushia_150x57.png");
}
#page-section-12-bas-image-2 {
	content: url("/images/_odomi/logo_netgear_fushia_150x57.png");
	margin-left: 100px;
}
#page-section-12-bas-image-3 {
	content: url("/images/_odomi/logo_tplink_fushia_150x57_v5.png");
}
#page-section-12-bas-image-4 {
	content: url("/images/_odomi/logo_devolo_fushia_150x57.png");
	margin-left: 100px;
}

@media screen and (max-width: 319px) {
	#page-section-12-bas-image-2,
	#page-section-12-bas-image-4 {
		margin-left: 20px;
	}
	#page-section-12-bas-image-1 {
		content: url("/images/_odomi/logo_boulanger_fushia_100x38.png");
	}
	#page-section-12-bas-image-2 {
		content: url("/images/_odomi/logo_netgear_fushia_100x38.png");
	}
	#page-section-12-bas-image-3 {
		content: url("/images/_odomi/logo_tplink_fushia_100x38_v5.png");
	}
	#page-section-12-bas-image-4 {
		content: url("/images/_odomi/logo_devolo_fushia_100x38.png");
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	#page-section-12-bas-image-2,
	#page-section-12-bas-image-4 {
		margin-left: 25px;
	}
	#page-section-12-bas-image-1 {
		content: url("/images/_odomi/logo_boulanger_fushia_120x46.png");
	}
	#page-section-12-bas-image-2 {
		content: url("/images/_odomi/logo_netgear_fushia_120x46.png");
	}
	#page-section-12-bas-image-3 {
		content: url("/images/_odomi/logo_tplink_fushia_120x46_v5.png");
	}
	#page-section-12-bas-image-4 {
		content: url("/images/_odomi/logo_devolo_fushia_120x46.png");
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#page-section-12-bas-image-2,
	#page-section-12-bas-image-4 {
		margin-left: 30px;
	}
	#page-section-12-bas-image-1 {
		content: url("/images/_odomi/logo_boulanger_fushia_130x49.png");
	}
	#page-section-12-bas-image-2 {
		content: url("/images/_odomi/logo_netgear_fushia_130x49.png");
	}
	#page-section-12-bas-image-3 {
		content: url("/images/_odomi/logo_tplink_fushia_130x49_v5.png");
	}
	#page-section-12-bas-image-4 {
		content: url("/images/_odomi/logo_devolo_fushia_130x49.png");
	}
}
@media screen and (min-width: 390px) and (max-width: 427px) {
	#page-section-12-bas-image-2,
	#page-section-12-bas-image-4 {
		margin-left: 40px;
	}
	#page-section-12-bas-image-1 {
		content: url("/images/_odomi/logo_boulanger_fushia_140x53.png");
	}
	#page-section-12-bas-image-2 {
		content: url("/images/_odomi/logo_netgear_fushia_140x53.png");
	}
	#page-section-12-bas-image-3 {
		content: url("/images/_odomi/logo_tplink_fushia_140x53_v5.png");
	}
	#page-section-12-bas-image-4 {
		content: url("/images/_odomi/logo_devolo_fushia_140x53.png");
	}
}
@media screen and (min-width: 428px) and (max-width: 599px) {
	#page-section-12-bas-image-2,
	#page-section-12-bas-image-4 {
		margin-left: 50px;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          IMPRIMANTES                                                       */
/*############################################################################*/
#t4-page-section-13-haut {
	display: none;
}
#page-section-13-haut-image {
	content: url("/images/_odomi/imprimante_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-13-imprimante {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-13-gauche,
	.page-section-13-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-13.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-13-gauche.col-sm {
	padding: 0 !important;
}
.page-section-13-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-13-imprimante .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-13-gauche-image-1,
#page-section-13-droite-image-1,
#page-section-13-gauche-image-2,
#page-section-13-droite-image-2 {
	display: block;
	margin-top: 15px;
}
@media screen and (max-width: 1023px) {
	#page-section-13-gauche-image-1,
	#page-section-13-droite-image-1,
	#page-section-13-gauche-image-2,
	#page-section-13-droite-image-2 {
		width: 120px;
	}
}

#page-section-13-gauche-image-1 {
	content: url("/images/_odomi/logo_hp_150x57.png");
	margin-left: auto;
}
#page-section-13-gauche-image-2 {
	content: url("/images/_odomi/logo_epson_150x57_fushia.png");
	margin-left: auto;
}
#page-section-13-droite-image-1 {
	content: url("/images/_odomi/logo_canon_150x57_fushia.png");
	margin-right: auto;
}
#page-section-13-droite-image-2 {
	content: url("/images/_odomi/logo_brother_150x57.png");
	margin-right: auto;
}

#page-section-13-bas-image-1 {
	content: url("/images/_odomi/logo_hp_150x57.png");
	margin-bottom: 20px;
}
#page-section-13-bas-image-2 {
	content: url("/images/_odomi/logo_canon_150x57_fushia.png");
	margin-left: 100px;
	margin-bottom: 20px;
	margin-right: 40px;
}
#page-section-13-bas-image-3 {
	content: url("/images/_odomi/logo_epson_150x57_fushia.png");
}
#page-section-13-bas-image-4 {
	content: url("/images/_odomi/logo_brother_150x57.png");
	margin-left: 100px;
	margin-right: 40px;
}
@media screen and (max-width: 299px) {
	#page-section-13-bas-image-2,
	#page-section-13-bas-image-4 {
		margin-right: 20px !important;
	}
}
@media screen and (max-width: 319px) {
	#page-section-13-bas-image-2,
	#page-section-13-bas-image-4 {
		margin-left: 20px;
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	#page-section-13-bas-image-2,
	#page-section-13-bas-image-4 {
		margin-left: 25px;
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#page-section-13-bas-image-2,
	#page-section-13-bas-image-4 {
		margin-left: 30px;
	}
}
@media screen and (min-width: 390px) and (max-width: 427px) {
	#page-section-13-bas-image-2,
	#page-section-13-bas-image-4 {
		margin-left: 40px;
	}
}
@media screen and (min-width: 428px) and (max-width: 599px) {
	#page-section-13-bas-image-2,
	#page-section-13-bas-image-4 {
		margin-left: 50px;
	}
}

@media screen and (max-width: 359px) {
	#page-section-13-bas-image-1 {
	content: url("/images/_odomi/logo_hp_100x38.png");
	}
	#page-section-13-bas-image-2 {
		content: url("/images/_odomi/logo_canon_100x38_fushia.png");
	}
	#page-section-13-bas-image-3 {
		content: url("/images/_odomi/logo_epson_100x38_fushia.png");
	}
	#page-section-13-bas-image-4 {
		content: url("/images/_odomi/logo_brother_100x38.png");
	}
}

@media screen and (min-width: 360px) and (max-width: 389px) {
	#page-section-13-bas-image-1 {
	content: url("/images/_odomi/logo_hp_130x49.png");
	}
	#page-section-13-bas-image-2 {
		content: url("/images/_odomi/logo_canon_130x49_fushia.png");
	}
	#page-section-13-bas-image-3 {
		content: url("/images/_odomi/logo_epson_130x49_fushia.png");
	}
	#page-section-13-bas-image-4 {
		content: url("/images/_odomi/logo_brother_130x49.png");
	}
}

@media screen and (min-width: 390px) and (max-width: 427px) {
	#page-section-13-bas-image-1 {
	content: url("/images/_odomi/logo_hp_140x53.png");
	}
	#page-section-13-bas-image-2 {
		content: url("/images/_odomi/logo_canon_140x53_fushia.png");
	}
	#page-section-13-bas-image-3 {
		content: url("/images/_odomi/logo_epson_140x53_fushia.png");
	}
	#page-section-13-bas-image-4 {
		content: url("/images/_odomi/logo_brother_140x53.png");
	}
}

@media screen and (max-width: 399px) {
	#t4-page-section-13-imprimante .page-liste-1,
	#t4-page-section-13-imprimante .page-liste-2,
	#t4-page-section-13-imprimante .page-liste-3,
	#t4-page-section-13-imprimante .page-liste-4,
	#t4-page-section-13-imprimante .page-liste-5,
	#t4-page-section-13-imprimante .page-liste-6,
	#t4-page-section-13-imprimante .page-liste-7,
	#t4-page-section-13-imprimante .page-liste-8 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          MAILS                                                             */
/*############################################################################*/
#t4-page-section-14-haut {
	display: none;
}
#page-section-14-haut-image {
	content: url("/images/_odomi/mail_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-14-mail {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-14-gauche,
	.page-section-14-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-14.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}
.page-section-14-gauche.col-sm {
	padding: 0 !important;
}
.page-section-14-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-14-mail .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-14-gauche-image-1,
#page-section-14-droite-image-1,
#page-section-14-gauche-image-2,
#page-section-14-droite-image-2,
#page-section-14-gauche-image-3,
#page-section-14-droite-image-3 {
	display: block;
	margin-top: 50px;
}
@media screen and (max-width: 1023px) {
	#page-section-14-gauche-image-1,
	#page-section-14-droite-image-1,
	#page-section-14-gauche-image-2,
	#page-section-14-droite-image-2 {
		width: 120px;
	}
}

#page-section-14-gauche-image-1 {
	content: url("/images/_odomi/logo_free_fushia_150x57.png");
	margin-left: auto;
}
#page-section-14-gauche-image-2 {
	content: url("/images/_odomi/logo_gmail_150x57.png");
	margin-left: auto;
}
#page-section-14-gauche-image-3 {
	content: url("/images/_odomi/logo_outlook_fushia_150x57.png");
	margin-left: auto;
}
#page-section-14-droite-image-1 {
	content: url("/images/_odomi/logo_sfr_fushia_150x57.png");
	margin-right: auto;
}
#page-section-14-droite-image-2 {
	content: url("/images/_odomi/logo_orange_fushia_150x57.png");
	margin-right: auto;
}
#page-section-14-droite-image-3 {
	content: url("/images/_odomi/logo_yahoo_150x57.png");
	margin-right: auto;
}

/*================================================================*/
#page-section-14-bas-image-1 {
	content: url("/images/_odomi/logo_free_fushia_150x57.png");
	margin-bottom: 20px;
}
#page-section-14-bas-image-2 {
	content: url("/images/_odomi/logo_sfr_fushia_150x57.png");
	margin-left: 100px;
	margin-bottom: 20px;
}
#page-section-14-bas-image-3 {
	content: url("/images/_odomi/logo_gmail_150x57.png");
	margin-bottom: 20px;
}
#page-section-14-bas-image-4 {
	content: url("/images/_odomi/logo_orange_fushia_150x57.png");
	margin-left: 100px;
	margin-bottom: 20px;
}
#page-section-14-bas-image-5 {
	content: url("/images/_odomi/logo_outlook_fushia_150x57.png");
}
#page-section-14-bas-image-6 {
	content: url("/images/_odomi/logo_yahoo_150x57.png");
	margin-left: 100px;
}

@media screen and (max-width: 319px) {
	#page-section-14-bas-image-2,
	#page-section-14-bas-image-4,
	#page-section-14-bas-image-6 {
		width: 100px;
		margin-left: 20px;
	}
	#page-section-14-bas-image-1 {
		content: url("/images/_odomi/logo_free_fushia_100x38.png");
	}
	#page-section-14-bas-image-2 {
		content: url("/images/_odomi/logo_sfr_fushia_100x38.png");
	}
	#page-section-14-bas-image-3 {
		content: url("/images/_odomi/logo_gmail_100x38.png");
	}
	#page-section-14-bas-image-4 {
		content: url("/images/_odomi/logo_orange_fushia_100x38.png");
	}
	#page-section-14-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_fushia_100x38.png");
	}
	#page-section-14-bas-image-6 {
		content: url("/images/_odomi/logo_yahoo_100x38.png");
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	#page-section-14-bas-image-2,
	#page-section-14-bas-image-4,
	#page-section-14-bas-image-6 {
		margin-left: 25px;
	}
	#page-section-14-bas-image-1 {
		content: url("/images/_odomi/logo_free_fushia_120x46.png");
	}
	#page-section-14-bas-image-2 {
		content: url("/images/_odomi/logo_sfr_fushia_120x46.png");
	}
	#page-section-14-bas-image-3 {
		content: url("/images/_odomi/logo_gmail_120x46.png");
	}
	#page-section-14-bas-image-4 {
		content: url("/images/_odomi/logo_orange_fushia_120x46.png");
	}
	#page-section-14-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_fushia_120x46.png");
	}
	#page-section-14-bas-image-6 {
		content: url("/images/_odomi/logo_yahoo_120x46.png");
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#page-section-14-bas-image-2,
	#page-section-14-bas-image-4,
	#page-section-14-bas-image-6 {
		margin-left: 30px;
	}
	#page-section-14-bas-image-1 {
		content: url("/images/_odomi/logo_free_fushia_130x49.png");
	}
	#page-section-14-bas-image-2 {
		content: url("/images/_odomi/logo_sfr_fushia_130x49.png");
	}
	#page-section-14-bas-image-3 {
		content: url("/images/_odomi/logo_gmail_130x49.png");
	}
	#page-section-14-bas-image-4 {
		content: url("/images/_odomi/logo_orange_fushia_130x49.png");
	}
	#page-section-14-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_fushia_130x49.png");
	}
	#page-section-14-bas-image-6 {
		content: url("/images/_odomi/logo_yahoo_130x49.png");
	}
}
@media screen and (min-width: 390px) and (max-width: 427px) {
	#page-section-14-bas-image-2,
	#page-section-14-bas-image-4,
	#page-section-14-bas-image-6 {
		margin-left: 40px;
	}
	#page-section-14-bas-image-1 {
		content: url("/images/_odomi/logo_free_fushia_140x53.png");
	}
	#page-section-14-bas-image-2 {
		content: url("/images/_odomi/logo_sfr_fushia_140x53.png");
	}
	#page-section-14-bas-image-3 {
		content: url("/images/_odomi/logo_gmail_140x53.png");
	}
	#page-section-14-bas-image-4 {
		content: url("/images/_odomi/logo_orange_fushia_140x53.png");
	}
	#page-section-14-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_fushia_140x53.png");
	}
	#page-section-14-bas-image-6 {
		content: url("/images/_odomi/logo_yahoo_140x53.png");
	}
}
@media screen and (min-width: 428px) and (max-width: 599px) {
	#page-section-14-bas-image-2,
	#page-section-14-bas-image-4,
	#page-section-14-bas-image-6 {
		margin-left: 50px;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          OFFICE                                                            */
/*############################################################################*/
#t4-page-section-15-haut {
	display: none;
}
#page-section-15-haut-image {
	content: url("/images/_odomi/office_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-15-office {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-15-gauche,
	.page-section-15-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-15.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-15-gauche.col-sm {
	padding: 0 !important;
}
.page-section-15-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-15-office .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-15-gauche-image-1,
#page-section-15-droite-image-1,
#page-section-15-gauche-image-2,
#page-section-15-droite-image-2,
#page-section-15-gauche-image-3,
#page-section-15-droite-image-3 {
	display: block;
	margin-top: 40px;
}
@media screen and (max-width: 1023px) {
	#page-section-15-gauche-image-1,
	#page-section-15-droite-image-1,
	#page-section-15-gauche-image-2,
	#page-section-15-droite-image-2 {
		width: 120px;
	}
}

#page-section-15-gauche-image-1 {
	content: url("/images/_odomi/logo_word_fushia_150x57.png");
	margin-left: auto;
}
#page-section-15-gauche-image-2 {
	content: url("/images/_odomi/logo_excel_fushia_150x57.png");
	margin-left: auto;
}
#page-section-15-gauche-image-3 {
	content: url("/images/_odomi/logo_outlook_office_fushia_150x57.png");
	margin-left: auto;
}
#page-section-15-droite-image-1 {
	content: url("/images/_odomi/logo_office_fushia_150x57.png");
	margin-right: auto;
}
#page-section-15-droite-image-2 {
	content: url("/images/_odomi/logo_openoffice_fushia_150x57.png");
	margin-right: auto;
}
#page-section-15-droite-image-3 {
	content: url("/images/_odomi/logo_libreoffice_fushia_150x57.png");
	margin-right: auto;
}

/*======================================================================*/
#page-section-15-bas-image-1 {
	content: url("/images/_odomi/logo_word_bas_fushia_150x57.png");
	margin-bottom: 20px;
}
#page-section-15-bas-image-2 {
	content: url("/images/_odomi/logo_office_bas_fushia_150x57.png");
	margin-left: 200px;
	margin-bottom: 20px;
}
#page-section-15-bas-image-3 {
	content: url("/images/_odomi/logo_excel_bas_fushia_150x57.png");
	margin-bottom: 20px;
}
#page-section-15-bas-image-4 {
	content: url("/images/_odomi/logo_openoffice_bas_fushia_156x57.png");
	margin-left: 200px;
	margin-bottom: 20px;
}
#page-section-15-bas-image-5 {
	content: url("/images/_odomi/logo_outlook_office_bas_fushia_150x57.png");
}
#page-section-15-bas-image-6 {
	content: url("/images/_odomi/logo_libreoffice_bas_fushia_162x57.png");
	margin-left: 200px;
}

@media screen and (max-width: 319px) {
	#page-section-15-bas-image-2,
	#page-section-15-bas-image-4,
	#page-section-15-bas-image-6 {
		margin-left: 30px;
	}
	#page-section-15-bas-image-1 {
		content: url("/images/_odomi/logo_word_bas_fushia_100x38.png");
	}
	#page-section-15-bas-image-2 {
		content: url("/images/_odomi/logo_office_bas_fushia_100x38.png");
	}
	#page-section-15-bas-image-3 {
		content: url("/images/_odomi/logo_excel_bas_fushia_100x38.png");
	}
	#page-section-15-bas-image-4 {
		content: url("/images/_odomi/logo_openoffice_bas_fushia_100x38.png");
	}
	#page-section-15-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_office_bas_fushia_100x38.png");
	}
	#page-section-15-bas-image-6 {
		content: url("/images/_odomi/logo_libreoffice_bas_fushia_108x38.png");
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	#page-section-15-bas-image-2,
	#page-section-15-bas-image-4,
	#page-section-15-bas-image-6 {
		margin-left: 30px;
	}
	#page-section-15-bas-image-1 {
		content: url("/images/_odomi/logo_word_bas_fushia_120x46.png");
	}
	#page-section-15-bas-image-2 {
		content: url("/images/_odomi/logo_office_bas_fushia_120x46.png");
	}
	#page-section-15-bas-image-3 {
		content: url("/images/_odomi/logo_excel_bas_fushia_120x46.png");
	}
	#page-section-15-bas-image-4 {
		content: url("/images/_odomi/logo_openoffice_bas_fushia_120x46.png");
	}
	#page-section-15-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_office_bas_fushia_120x46.png");
	}
	#page-section-15-bas-image-6 {
		content: url("/images/_odomi/logo_libreoffice_bas_fushia_131x46.png");
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#page-section-15-bas-image-2,
	#page-section-15-bas-image-4,
	#page-section-15-bas-image-6 {
		margin-left: 40px;
	}
	#page-section-15-bas-image-1 {
		content: url("/images/_odomi/logo_word_bas_fushia_130x49.png");
	}
	#page-section-15-bas-image-2 {
		content: url("/images/_odomi/logo_office_bas_fushia_130x49.png");
	}
	#page-section-15-bas-image-3 {
		content: url("/images/_odomi/logo_excel_bas_fushia_130x49.png");
	}
	#page-section-15-bas-image-4 {
		content: url("/images/_odomi/logo_openoffice_bas_fushia_130x49.png");
	}
	#page-section-15-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_office_bas_fushia_130x49.png");
	}
	#page-section-15-bas-image-6 {
		content: url("/images/_odomi/logo_libreoffice_bas_fushia_139x49.png");
	}
}
@media screen and (min-width: 390px) and (max-width: 427px) {
	#page-section-15-bas-image-2,
	#page-section-15-bas-image-4,
	#page-section-15-bas-image-6 {
		margin-left: 60px;
	}
	#page-section-15-bas-image-1 {
		content: url("/images/_odomi/logo_word_bas_fushia_140x53.png");
	}
	#page-section-15-bas-image-2 {
		content: url("/images/_odomi/logo_office_bas_fushia_140x53.png");
	}
	#page-section-15-bas-image-3 {
		content: url("/images/_odomi/logo_excel_bas_fushia_140x53.png");
	}
	#page-section-15-bas-image-4 {
		content: url("/images/_odomi/logo_openoffice_bas_fushia_140x53.png");
	}
	#page-section-15-bas-image-5 {
		content: url("/images/_odomi/logo_outlook_office_bas_fushia_140x53.png");
	}
	#page-section-15-bas-image-6 {
		content: url("/images/_odomi/logo_libreoffice_bas_fushia_151x53.png");
	}
}
@media screen and (min-width: 428px) and (max-width: 599px) {
	#page-section-15-bas-image-2,
	#page-section-15-bas-image-4,
	#page-section-15-bas-image-6 {
		margin-left: 40px;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	#page-section-15-bas-image-2,
	#page-section-15-bas-image-4,
	#page-section-15-bas-image-6 {
		margin-left: 120px;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          VIRUS                                                            */
/*############################################################################*/
#t4-page-section-16-haut {
	display: none;
}
#page-section-16-haut-image {
	content: url("/images/_odomi/virus_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-16-virus {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-16-gauche,
	.page-section-16-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-16.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-16-gauche.col-sm {
	padding: 0 !important;
}
.page-section-16-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-16-virus .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-16-gauche-image-1,
#page-section-16-droite-image-1,
#page-section-16-gauche-image-2,
#page-section-16-droite-image-2 {
	display: block;
	margin-top: 40px;
}
@media screen and (max-width: 1023px) {
	#page-section-16-gauche-image-1,
	#page-section-16-droite-image-1,
	#page-section-16-gauche-image-2,
	#page-section-16-droite-image-2 {
		width: 120px;
	}
}

#page-section-16-gauche-image-1 {
	content: url("/images/_odomi/logo_virus_fushia_150x57.png");
	margin-left: auto;
}
#page-section-16-gauche-image-2 {
	content: url("/images/_odomi/logo_trojan_fushia_150x57.png");
	margin-left: auto;
}
#page-section-16-droite-image-1 {
	content: url("/images/_odomi/logo_pirate_fushia_150x57.png");
	margin-right: auto;
}
#page-section-16-droite-image-2 {
	content: url("/images/_odomi/logo_pishing_fushia_150x57.png");
	margin-right: auto;
}

/*===================================================================*/
#page-section-16-bas-image-1 {
	content: url("/images/_odomi/logo_virus_fushia_150x57.png");
	margin-bottom: 20px;
}
#page-section-16-bas-image-2 {
	content: url("/images/_odomi/logo_pirate_fushia_150x57.png");
	margin-left: 90px;
	margin-bottom: 20px;
}
#page-section-16-bas-image-3 {
	content: url("/images/_odomi/logo_trojan_fushia_150x57.png");
	margin-bottom: 20px;
}
#page-section-16-bas-image-4 {
	content: url("/images/_odomi/logo_pishing_fushia_150x57.png");
	margin-left: 90px;
	margin-bottom: 20px;
}

@media screen and (max-width: 319px) {
	#page-section-16-bas-image-2,
	#page-section-16-bas-image-4 {
		margin-left: 30px;
	}
	#page-section-16-bas-image-1 {
		content: url("/images/_odomi/logo_virus_fushia_100x38.png");
	}
	#page-section-16-bas-image-2 {
		content: url("/images/_odomi/logo_pirate_fushia_100x38.png");
	}
	#page-section-16-bas-image-3 {
		content: url("/images/_odomi/logo_trojan_fushia_100x38.png");
	}
	#page-section-16-bas-image-4 {
		content: url("/images/_odomi/logo_pishing_fushia_100x38.png");
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	#page-section-16-bas-image-2,
	#page-section-16-bas-image-4 {
		margin-left: 30px;
	}
	#page-section-16-bas-image-1 {
		content: url("/images/_odomi/logo_virus_fushia_120x46.png");
	}
	#page-section-16-bas-image-2 {
		content: url("/images/_odomi/logo_pirate_fushia_120x46.png");
	}
	#page-section-16-bas-image-3 {
		content: url("/images/_odomi/logo_trojan_fushia_120x46.png");
	}
	#page-section-16-bas-image-4 {
		content: url("/images/_odomi/logo_pishing_fushia_120x46.png");
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#page-section-16-bas-image-2,
	#page-section-16-bas-image-4 {
		margin-left: 50px;
	}
	#page-section-16-bas-image-1 {
		content: url("/images/_odomi/logo_virus_fushia_130x49.png");
	}
	#page-section-16-bas-image-2 {
		content: url("/images/_odomi/logo_pirate_fushia_130x49.png");
	}
	#page-section-16-bas-image-3 {
		content: url("/images/_odomi/logo_trojan_fushia_130x49.png");
	}
	#page-section-16-bas-image-4 {
		content: url("/images/_odomi/logo_pishing_fushia_130x49.png");
	}
}
@media screen and (min-width: 390px) and (max-width: 427px) {
	#page-section-16-bas-image-2,
	#page-section-16-bas-image-4 {
		margin-left: 50px;
	}
	#page-section-16-bas-image-1 {
		content: url("/images/_odomi/logo_virus_fushia_140x53.png");
	}
	#page-section-16-bas-image-2 {
		content: url("/images/_odomi/logo_pirate_fushia_140x53.png");
	}
	#page-section-16-bas-image-3 {
		content: url("/images/_odomi/logo_trojan_fushia_140x53.png");
	}
	#page-section-16-bas-image-4 {
		content: url("/images/_odomi/logo_pishing_fushia_140x53.png");
	}
}
@media screen and (min-width: 428px) and (max-width: 599px) {
	#page-section-16-bas-image-2,
	#page-section-16-bas-image-4 {
		margin-left: 60px;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          WIFI                                                              */
/*############################################################################*/
#t4-page-section-17-haut {
	display: none;
}
#page-section-17-haut-image {
	content: url("/images/_odomi/wifi_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-17-wifi {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-17-gauche,
	.page-section-17-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-17.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-17-gauche.col-sm {
	padding: 0 !important;
}
.page-section-17-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-17-wifi .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-17-gauche-image-1,
#page-section-17-droite-image-1 {
	display: block;
	margin-top: 30px;
}
@media screen and (max-width: 1023px) {
	#page-section-17-gauche-image-1 {
		content: url("/images/_odomi/wifi_75x75.png") !important;
		margin-top: 50px !important;
	}
	#page-section-17-droite-image-1 {
		content: url("/images/_odomi/wifi_75x75_v0.png") !important;
		margin-top: 50px !important;
	}
}
#page-section-17-gauche-image-1 {
	content: url("/images/_odomi/wifi_100x100.png");
	margin-left: auto;
}
#page-section-17-droite-image-1 {
	content: url("/images/_odomi/wifi_100x100_v0.png");
	margin-right: auto;
}

/*===================================================================*/
#page-section-17-bas-image-1 {
	content: url("/images/_odomi/wifi_75x75.png");
	margin-bottom: 20px;
}
#page-section-17-bas-image-2 {
	content: url("/images/_odomi/wifi_75x75_v0.png");
	margin-bottom: 20px;
	margin-left: 200px;
}

@media screen and (max-width: 320px) {
	#page-section-17-bas-image-2 {
		margin-left: 50px;
	}
}
@media screen and (min-width: 321px) and (max-width: 400px) {
	#page-section-17-bas-image-2 {
		margin-left: 75px;
	}
}
@media screen and (min-width: 401px) {
	#page-section-17-bas-image-2 {
		margin-left: 140px;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          ASSISTANCE                                                        */
/*############################################################################*/
#t4-page-section-18-haut {
	display: none;
}
#page-section-18-haut-image {
	content: url("/images/_odomi/assistance_100x100.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-18-exactes {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-18-gauche,
	.page-section-18-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-18.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-18-gauche.col-sm {
	padding: 0 !important;
}
.page-section-18-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-18-exactes .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-18-gauche-image-1,
#page-section-18-droite-image-1 {
	display: block;
}

#page-section-18-gauche-image-1,
#page-section-18-droite-image-1 {
	margin-top: 50px;
}

#page-section-18-gauche-image-1 {
	content: url("/images/_odomi/assistance_100x100.png");	
	margin-left: auto;
}
#page-section-18-droite-image-1 {
	content: url("/images/_odomi/assistance_mains_100x100.png");
	margin-right: auto;
}

#page-section-18-bas-image-1 {
	content: url("/images/_odomi/assistance_75x75.png");
	margin-bottom: 20px;
}
#page-section-18-bas-image-3 {
	content: url("/images/_odomi/assistance_mains_75x75.png");
	margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
	#page-section-18-gauche-image-1,
	#page-section-18-droite-image-1 {
		width: 75px;
	}
}

@media screen and (max-width: 320px) {
	#page-section-18-bas-image-3 {
		margin-left: 50px;
	}
}
@media screen and (min-width: 321px) and (max-width: 400px) {
	#page-section-18-bas-image-3 {
		margin-left: 75px;
	}
}
@media screen and (min-width: 401px) {
	#page-section-18-bas-image-3 {
		margin-left: 140px;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          MAC                                                               */
/*############################################################################*/
#t4-page-section-19-haut {
	display: none;
}
#page-section-19-haut-image {
	content: url("/images/_odomi/pomme_100x100_haut.png");
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-19-mac {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-section-19-gauche,
	.page-section-19-droite {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.page-section-19.col-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
}

.page-section-19-gauche.col-sm {
	padding: 0 !important;
}
.page-section-19-droite.col-sm {
	padding: 0 !important;
}

#t4-page-section-19-mac .container {
    max-width: 100%;
	color: #1E1E1E;
}

#page-section-19-gauche-image,
#page-section-19-droite-image {
	display: block;
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
	#page-section-19-gauche-image,
	#page-section-19-droite-image {
		width: 75px;
		margin-top: 10px;
	}
}
#page-section-19-gauche-image {
	content: url("/images/_odomi/pomme_100x100.png");
	margin-left: auto;
}
#page-section-19-droite-image {
	content: url("/images/_odomi/finder_100x100.png");
	margin-right: auto;
}

#page-section-19-bas-image-1 {
	content: url("/images/_odomi/pomme_75X75.png");		/* attention : Grand X */
}
#page-section-19-bas-image-2 {
	content: url("/images/_odomi/finder_75X75.png");	/* attention : Grand X */
	margin-left: 150px;
}
@media screen and (max-width: 599px) {
	#page-section-19-bas-image-2 {
		margin-left: 100px !important;
	}
}

.page-section-19 .page-liste {
	margin-top: 5px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*          GLOBAL                                                            */
/*############################################################################*/
#page-section-61-div {
	padding-top: 50px;
	text-align: center;
	margin-bottom: 50px;
}

/*-----------------------------------------------------------------------------*/
.page-section-11.d-none,
.page-section-12.d-none,
.page-section-13.d-none,
.page-section-14.d-none,
.page-section-15.d-none,
.page-section-16.d-none,
.page-section-17.d-none,
.page-section-18.d-none,
.page-section-19.d-none {
  display: unset !important;
}

@media screen and (max-width: 767px) {
	#t4-page-section-11-haut,
	#t4-page-section-12-haut,
	#t4-page-section-13-haut,
	#t4-page-section-14-haut,
	#t4-page-section-15-haut,
	#t4-page-section-16-haut,
	#t4-page-section-17-haut,
	#t4-page-section-18-haut,
	#t4-page-section-19-haut {
		display: block;
	}
}

.page-liste-haut {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 10px;
}

.page-liste-ligne-separ {
	height: 1.5rem;
}

.page-liste {
	color: white;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	border: #C06 1px solid;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-radius: 10px;
}

@media screen and (max-width: 359px) {
	.page-liste {
		font-size: 1.0rem;
	}
}

@media screen and (min-width: 360px) and (max-width: 399px) {
	.page-liste {
		font-size: 1.1rem;
	}
}

@media screen and (min-width: 400px) and (max-width: 479px) {
	.page-liste {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 480px) {
	.page-liste {
		font-size: 1.25rem;
	}
}

.page-liste-1,
.page-liste-2,
.page-liste-3,
.page-liste-4,
.page-liste-5,
.page-liste-6,
.page-liste-7,
.page-liste-8 {
	background-color: #C06;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
	line-height: 2.3rem;
}
@media screen and (min-width: 280px) {
	.page-liste-1,
	.page-liste-2,
	.page-liste-3,
	.page-liste-4,
	.page-liste-5,
	.page-liste-6,
	.page-liste-7,
	.page-liste-8 {
		min-width: 210px;
	}
}
@media screen and (min-width: 320px) {
	.page-liste-1,
	.page-liste-2,
	.page-liste-3,
	.page-liste-4,
	.page-liste-5,
	.page-liste-6,
	.page-liste-7,
	.page-liste-8 {
		min-width: 250px;
	}
}
@media screen and (min-width: 400px) {
	.page-liste-1,
	.page-liste-2,
	.page-liste-3,
	.page-liste-4,
	.page-liste-5,
	.page-liste-6,
	.page-liste-7,
	.page-liste-8 {
		min-width: 260px;
	}
}

.page-texte-italic {
	font-style : italic;
	color: #1E1E1E;
	font-weight: 400;
}

.page-texte-1 h3,
.page-texte-2 h3,
.page-texte-3 h3 {
	display: inline;
}

.page-texte-2,
.page-texte-3 {
	margin-top: 20px;
}
.page-texte-3 {
	margin-top: 10px;
	color: #c06;
	font-weight: 500;
}

.page-texte-1,
.page-texte-2,
.page-texte-3 {
	font-size: 1.25rem;
	line-height: 2.0rem;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 319px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 10px);
	}
}
@media screen and (max-width: 319px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 20px) !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 20px);
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 50px) !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 60px) !important;
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 50px);
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 50px) !important;
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 20px) !important;
	}
}
@media screen and (min-width: 360px) and (max-width: 389px) {
	#t4-page-section-18-exactes-texte .page-texte-1,
	#t4-page-section-18-exactes-texte .page-texte-2,
	#t4-page-section-18-exactes-texte .page-texte-3 {
		width: calc(100% - 20px) !important;
	}
}
@media screen and (min-width: 390px) and (max-width: 399px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 70px);
	}
}
@media screen and (min-width: 390px) and (max-width: 399px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 40px) !important;
	}
}
@media screen and (min-width: 390px) and (max-width: 399px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: calc(100% - 60px) !important;
	}
}
@media screen and (min-width: 390px) and (max-width: 399px) {
	#t4-page-section-17-wifi-texte .page-texte-1,
	#t4-page-section-17-wifi-texte .page-texte-2,
	#t4-page-section-17-wifi-texte .page-texte-3 {
		width: calc(100% - 60px) !important;
	}
}
@media screen and (min-width: 400px) and (max-width: 427px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 30px);
	}
}
@media screen and (min-width: 400px) and (max-width: 427px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 65px) !important;
	}
}
@media screen and (min-width: 400px) and (max-width: 427px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: calc(100% - 70px) !important;
	}
}
@media screen and (min-width: 410px) and (max-width: 427px) {
	#t4-page-section-17-wifi-texte.page-texte-1,
	#t4-page-section-17-wifi-texte.page-texte-2,
	#t4-page-section-17-wifi-texte.page-texte-3 {
		width: calc(100% - 80px) !important;
	}
}
@media screen and (min-width: 428px) and (max-width: 532px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 40px);
	}
}
@media screen and (min-width: 428px) and (max-width: 532px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 50px) !important;
	}
}
@media screen and (min-width: 428px) and (max-width: 532px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 90px) !important;
	}
}
@media screen and (min-width: 533px) and (max-width: 599px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 80px);
	}
}
@media screen and (min-width: 533px) and (max-width: 599px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 50px) !important;
	}
}
@media screen and (min-width: 533px) and (max-width: 599px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 160px) !important;
	}
}
@media screen and (min-width: 533px) and (max-width: 599px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: calc(100% - 60px) !important;
	}
}
@media screen and (min-width: 533px) and (max-width: 599px) {
	#t4-page-section-17-wifi-texte .page-texte-1,
	#t4-page-section-17-wifi-texte .page-texte-2,
	#t4-page-section-17-wifi-texte .page-texte-3 {
		width: calc(100% - 60px) !important;
	}
}
@media screen and (min-width: 533px) and (max-width: 599px) {
	#t4-page-section-18-exactes-texte .page-texte-1,
	#t4-page-section-18-exactes-texte .page-texte-2,
	#t4-page-section-18-exactes-texte .page-texte-3 {
		width: calc(100% - 20px) !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 120px);
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 80px) !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		width: calc(100% - 200px) !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: calc(100% - 60px) !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	#t4-page-section-17-wifi-texte .page-texte-1,
	#t4-page-section-17-wifi-texte .page-texte-2,
	#t4-page-section-17-wifi-texte .page-texte-3 {
		width: calc(100% - 40px) !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	#t4-page-section-18-exactes-texte .page-texte-1,
	#t4-page-section-18-exactes-texte .page-texte-2,
	#t4-page-section-18-exactes-texte .page-texte-3 {
		width: calc(100% - 10px) !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 140px);
	}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 260px) !important;
	}
}
@media screen and (min-width: 768px) {
	#t4-page-section-14-mail-texte .page-texte-1,
	#t4-page-section-14-mail-texte .page-texte-2,
	#t4-page-section-14-mail-texte .page-texte-3 {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: calc(100% - 140px) !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#t4-page-section-18-exactes-texte .page-texte-1,
	#t4-page-section-18-exactes-texte .page-texte-2,
	#t4-page-section-18-exactes-texte .page-texte-3 {
		width: calc(100% - 190px) !important;
	}
}
@media screen and (min-width: 800px) and (max-width: 809px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 160px);
	}
}
@media screen and (min-width: 800px) and (max-width: 949px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 260px) !important;
	}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: calc(100% - 120px) !important;
	}
}
@media screen and (min-width: 810px) and (max-width: 883px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 120px);
	}
}
@media screen and (min-width: 884px) and (max-width: 949px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 160px);
	}
}
@media screen and (min-width: 950px) and (max-width: 1023px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: calc(100% - 200px);
	}
}
@media screen and (min-width: 950px) and (max-width: 1023px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: calc(100% - 260px) !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: 69%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: 45% !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: 60% !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
	#t4-page-section-17-wifi-texte .page-texte-1,
	#t4-page-section-17-wifi-texte .page-texte-2,
	#t4-page-section-17-wifi-texte .page-texte-3 {
		width: 52% !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
	#t4-page-section-18-exactes-texte .page-texte-1,
	#t4-page-section-18-exactes-texte .page-texte-2,
	#t4-page-section-18-exactes-texte .page-texte-3 {
		width: 54% !important;
	}
}
@media screen and (min-width: 1260px) and (max-width: 1919px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: 62%;
	}
}
@media screen and (min-width: 1260px) and (max-width: 1919px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: 38% !important;
	}
}
@media screen and (min-width: 1260px) and (max-width: 1919px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: 50% !important;
	}
}
@media screen and (min-width: 1260px) and (max-width: 1909px) {
	#t4-page-section-18-exactes-texte .page-texte-1,
	#t4-page-section-18-exactes-texte .page-texte-2,
	#t4-page-section-18-exactes-texte .page-texte-3 {
		width: 46% !important;
	}
}
@media screen and (min-width: 1910px) {
	.page-texte-1,
	.page-texte-2,
	.page-texte-3 {
		width: 58%;
	}
}
@media screen and (min-width: 1910px) {
	#t4-page-section-13-imprimante-texte .page-texte-1,
	#t4-page-section-13-imprimante-texte .page-texte-2,
	#t4-page-section-13-imprimante-texte .page-texte-3 {
		width: 38% !important;
	}
}
@media screen and (min-width: 1910px) {
	#t4-page-section-16-virus-texte .page-texte-1,
	#t4-page-section-16-virus-texte .page-texte-2,
	#t4-page-section-16-virus-texte .page-texte-3 {
		width: 50% !important;
	}
}
@media screen and (min-width: 1910px) {
	#t4-page-section-17-wifi-texte .page-texte-1,
	#t4-page-section-17-wifi-texte .page-texte-2,
	#t4-page-section-17-wifi-texte .page-texte-3 {
		width: 70% !important;
	}
}
@media screen and (min-width: 1910px) {
	#t4-page-section-18-exactes-texte .page-texte-1,
	#t4-page-section-18-exactes-texte .page-texte-2,
	#t4-page-section-18-exactes-texte .page-texte-3 {
		width: 46% !important;
	}
}

.page-liste-gauche-texte,
.page-liste-droite-texte {
	display: block;
	color: #CC0066;
	font-size: 1.15rem;
	font-weight: 500;
}
.page-liste-gauche-texte {
	text-align: right;
}
.page-liste-droite-texte {
	text-align: left;
}

.page-bas-centre {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: max-content;
}
.page-bas-centre-separ {
	display: block;
	width: 50px;
}

/*############################################################################*/
/*           page-section-35 DEPLACEMENTS carte                               */
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 1023px) {
	#t4-page-section-35-deplacements-carte {
		margin-top: 30px;
	}
}
@media screen and (min-width: 1024px) {
	#t4-page-section-35-deplacements-carte {
		margin-top: 60px;
	}
}

#t4-page-section-35-deplacements-carte .container {
	width: 700px;
	padding-right: 5px;
	padding-left: 5px;
}

#carte-deplacements {
	color: black;
}

#carte-deplacements-cadre {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
}
@media screen and (max-width: 699px) {
	#carte-deplacements-cadre {
		width: unset !important;
	}
	#t4-page-section-35-deplacements-carte .container {
		width: unset !important;
	}
}

#carte-deplacements-img {
	margin-left: auto;
	margin-right: auto;
}

#carte-deplacements-cadre img {
	aspect-ratio: 531/424;
	content: url("/images/_odomi/pays_aix_FRAIS_v16_531x424.png");
}

#carte-deplacements-cadre-texte-1 {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-style: italic;
	font-weight: 600;
	color: #CC0066;
}
.carte-cadre-texte-1-avant-449 {
	display: none;
}
.carte-cadre-texte-1-apres-768 {
	display: none;
}
.carte-cadre-texte-1-avant-768 {
	display: none;
}
@media screen and (max-width: 449px) {
	.carte-cadre-texte-1-avant-449 {
		display: block;
	}
}
@media screen and (min-width: 450px) and (max-width: 767px) {
	.carte-cadre-texte-1-avant-768 {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.carte-cadre-texte-1-apres-768 {
		display: block;
	}
}

#carte-deplacements-cadre-texte-2 {
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-style: italic;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 20px;
}

#carte-deplacements-cadre-texte-3 {
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-style: italic;
	font-weight: 600;
	margin-top: 10px;
	color: #CC0066;
}
@media screen and (max-width: 767px) {
	.carte-cadre-texte-3-avant-768 {
		display: block;
	}
	.carte-cadre-texte-3-apres-768 {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.carte-cadre-texte-3-avant-768 {
		display: none;
	}
	.carte-cadre-texte-3-apres-768 {
		display: block;
	}
}

#popup-pays-aix-titre-2 {
	font-size: 1.2rem;
}

#popup-pays-aix-mobile-annexe h3 {
	vertical-align: top;
}

@media screen and (min-width: 760px) {	/*  760px est l'équivalent 794px du mobile */
	#popup-pays-aix-non-mobile-annexe {
		display: table !important;
		margin-left: auto;
		margin-right: auto;
	}
	#popup-pays-aix-mobile-annexe,
	#popup-pays-aix-mobile-annexe-2 {
		display: none !important;
	}
}
@media screen and (min-width: 550px) and (max-width: 759px) {	/*  759px est l'équivalent 793px du mobile */
	#popup-pays-aix-non-mobile-annexe,
	#popup-pays-aix-mobile-annexe {
		display: none !important;
	}
	#popup-pays-aix-mobile-annexe-2 {
		display: block !important;
		text-align: left;
		text-justify: unset;
	}
}
@media screen and (max-width: 549px) {	/*  759px est l'équivalent 793px du mobile */
	#popup-pays-aix-non-mobile-annexe,
	#popup-pays-aix-mobile-annexe-2 {
		display: none !important;
	}
	#popup-pays-aix-mobile-annexe {
		display: block !important;
		text-align: left;
		text-justify: unset;
	}
}

.popup-pays-aix-td-avant-pas-zone {
	padding-left: 20px;
}
.popup-pays-aix-td-centre-pas-zone {
	padding-left: 100px;
}

@media screen and (min-width: 550px) and (max-width: 699px) {
	#popup-pays-aix-mobile-annexe-2 .popup-pays-aix-td1-pas-zone,
	#popup-pays-aix-mobile-annexe-2 .popup-pays-aix-td2-pas-zone {
		padding-left: 0 !important;
	}
	.popup-pays-aix-td-centre-pas-zone {
		padding-left: 30px !important;
	}
}

/*############################################################################*/
/*    page-section-9 Bouton Devis par Mail                                    */
/*============================================================================*/
.page-section-9.d-none {
  display: unset !important;
}

#t4-page-section-9 {
    margin-top: 2.0rem;
    margin-bottom: 1.0rem;
}
#t4-page-section-9 .container {
	padding: 0;
}
@media screen and (min-width: 1024px) {
	.page-section-9 {
		min-width: 450px;
		margin-top: 35px;
	}
}
@media screen and (max-width: 1023px) {
	.page-section-9.col-sm {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
}

/*----------------------------------------------------------------------------*/
#page-section-9-btn-contact {
	border: none;
	display: block;
	text-align: center;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-color: #CC0066;
	margin: 0 auto;
	border-radius: 25px;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 0.5rem;
	border: 1px solid #A50052;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);
	padding: 0 10px 0 20px;
}
@media screen and (max-width: 390px) {
	#page-section-9-btn-contact {
		letter-spacing: unset !important;
	}
}

#page-section-9-btn-contact span {
	position: relative; 
	z-index: 1;
}

#page-section-9-btn-contact #page-section-9-btn-contact-span-apres,
#page-section-9-btn-contact:hover #page-section-9-btn-contact-span-avant {
    display : none;
}

#page-section-9-btn-contact:hover #page-section-9-btn-contact-span-apres {
    display : block;
	letter-spacing: 0.2rem !important;
}
@media screen and (max-width: 319px) {
	#page-section-9-btn-contact:hover #page-section-9-btn-contact-span-apres {
		letter-spacing: 0rem !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 400px) {
	#page-section-9-btn-contact:hover #page-section-9-btn-contact-span-apres {
		letter-spacing: 0.1rem !important;
	}
}

#page-section-9-btn-contact:after {
	border: none;
    outline:none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 470%;
	width: 140%;
	background: #FF006E;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
	transform: translateX(-100%) translateY(-25%) rotate(45deg);
}
#page-section-9-btn-contact:hover {
	font-weight: 500;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	padding: 0 10px 0 15px;
	font-size: 1.4rem;
}
#page-section-9-btn-contact:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
	border: none;
    outline:none;
}
/*   POUR GOOGLE CHROME, SINON BORDER NOIR APRÈS CLIC   */
#page-section-9-btn-contact:focus-within {
    outline: none;
}

/*############################################################################*/
/*    page-section-9-gauche Bulle                                             */
/*============================================================================*/
.page-section-9-gauche {
	display: none;
}
@media screen and (min-width: 1024px) {
	.page-section-9-gauche {
		display: block;
	}
}

.page-section-9-gauche-bulles {
    background-repeat: no-repeat;
	margin-right: 150px;
}
@media screen and (min-width: 1024px) and (max-width: 1919px) {
	.page-section-9-gauche-bulles {
		margin-right: 50px !important;
	}
	#page-section-9-gauche-bulles-1,
	#page-section-9-gauche-bulles-2,
	#page-section-9-gauche-bulles-3 {
		width: 175px !important;
	}
}

#page-section-9-gauche-bulles-1 {
	content: url("/images/_odomi/1497685559_jeune_femme_226.png");
}
#page-section-9-gauche-bulles-2 {
	content: url("/images/_odomi/1124997406_jeune_homme_226.png");
}
#page-section-9-gauche-bulles-3 {
	content: url("/images/_odomi/1304673102_couple_senior_226.png");
}

/* définition de l'animation sur les images */
.page-section-9-gauche-bulles img {
	animation: fade-in-out 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}
/* définition délai des images */
.page-section-9-gauche-bulles img:nth-child(1) {animation-delay: 0s}
.page-section-9-gauche-bulles img:nth-child(2) {animation-delay: 4s}
.page-section-9-gauche-bulles img:nth-child(3) {animation-delay: 8s}
/* définition des étapes */
@keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

/*############################################################################*/
/*    page-section-9-droite Bulle                                             */
/*============================================================================*/
.page-section-9-droite {
	display: none;
}
@media screen and (min-width: 1024px) {
	.page-section-9-droite {
		display: block;
	}
}

.page-section-9-droite-bulles {
    background-repeat: no-repeat;
	margin-left: 150px;
}
@media screen and (min-width: 1024px) and (max-width: 1919px) {
	.page-section-9-droite-bulles {
		margin-left: 50px !important;
	}
	#page-section-9-droite-bulles-1,
	#page-section-9-droite-bulles-2,
	#page-section-9-droite-bulles-3 {
		width: 175px !important;
	}
}

#page-section-9-droite-bulles-1 {
	content: url("/images/_odomi/1088347334_jeune_homme_226.png");
}
#page-section-9-droite-bulles-2 {
	content: url("/images/_odomi/1469154336_couple_senior_226.png");
}
#page-section-9-droite-bulles-3 {
	content: url("/images/_odomi/1008222928_jeune_femme_226.png");
}

/* définition de l'animation sur les images */
.page-section-9-droite-bulles img {
	animation: fade-in-out 12s ease infinite 0s;
	opacity: 0;
	position: absolute;
}
/* définition délai des images */
.page-section-9-droite-bulles img:nth-child(1) {animation-delay: 0s}
.page-section-9-droite-bulles img:nth-child(2) {animation-delay: 4s}
.page-section-9-droite-bulles img:nth-child(3) {animation-delay: 8s}
/* définition des étapes */
@keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	16.67% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

/*############################################################################*/
/*    page-section-47 - AVANT Crédit Impôt pour menu                          */
/*============================================================================*/
#t4-page-section-47 {
	height: 1px;
}

/*############################################################################*/
/*    page-section-48 Crédit d'Impôt si < Full HD                             */
/*============================================================================*/
@media screen and (min-width: 1910px) {
	#t4-page-section-48-credit-impot {
		display: none;
	}
}
#t4-page-section-48-credit-impot {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#t4-page-section-48-credit-impot .container {
    max-width: 100%;
	color: #000000;
	padding-top: unset;
}

#t4-page-section-48-credit-impot .module-inner {
    width: 100%;
}

.slide-ligne-3 {
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	padding-top: 25px;
	padding-bottom: 20px;
	border: solid 1px #707070;
	background-color: #FAFAFA;	
}

@media screen and (min-width: 480px) {
	#t4-page-section-48-credit-impot .slide-ligne-3 {
		width: 400px;
	}
}

@media screen and (min-width: 360px) {
	#t4-page-section-48-credit-impot .slide-ligne-3 {
		padding-left: unset !important;
		padding-right: unset !important;
		box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	}
	#t4-page-section-48-credit-impot #slide-ligne-3-div-1-cinquante {
		position: relative !important;
		margin-left: auto;
		margin-right: auto;
	}
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-cinquante {
		display: block;
		text-align: center;
		width: 100% !important;
	}
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-1,
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-2,
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-3 {
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: max-content;
	}
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-1 {
		line-height: 1.6rem !important;
		font-weight: 500 !important;
		margin-top: 10px !important;
		font-size: 1.3rem !important;
	}
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-2 {
		font-size: 1.2rem !important;
		font-weight: 500 !important;
		margin-top: unset !important;
		line-height: 1.8rem !important;
	}
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-3 {
		font-size: 1.15rem !important;
		margin-top: unset !important;
		line-height: 1.3rem !important;
	}
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-4 {
		font-size: 1.05rem !important;
	}
}

@media screen and (min-width: 384px) {
	#t4-page-section-48-credit-impot #slide-ligne-3-div-2-3 {
		font-size: 1.15rem !important;
	}
}

#page-section-48-gauche {
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 150px;
}

.webp #page-section-48-gauche-image {
	content: url("/images/_odomi/services-a-la-personne_180x150.webp");
}
.no-webp #page-section-48-gauche-image {
	content: url("/images/_odomi/services-a-la-personne_180x150.png");
}

#page-section-48-droite {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 180px;
}

.webp #page-section-48-droite-image {
	content: url("/images/_odomi/organisme_agréé_180x180_v4.webp");
}
.no-webp #page-section-48-droite-image {
	content: url("/images/_odomi/organisme_agréé_180x180_v4.png");
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	#page-section-48-gauche {
		width: 110px;
		height: auto;
		background-size: 110px auto;
		margin-top: 95px;
	}
	#page-section-48-gauche-image {
		width: 110px;
		height: auto;
		display: inline-block;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	#page-section-48-droite {
		width: 110px;
		height: auto;
		background-size: 110px auto;
		margin-top: 90px;
	}
	#page-section-48-droite-image {
		width: 110px;
		height: auto;
		display: inline-block;
		/*content: url("/images/_odomi/organisme_agréé_110x110_v4.png");*/
	}
	.webp #page-section-48-droite-image {
		content: url("/images/_odomi/organisme_agréé_110x110_v4.webp");
	}
	.no-webp #page-section-48-droite-image {
		content: url("/images/_odomi/organisme_agréé_110x110_v4.png");
	}
}

@media screen and (min-width: 1024px) and (max-width: 1920px) {
	#page-section-48-gauche {
		width: 125px;
		height: auto;
		background-size: 125px auto;
	}
	#page-section-48-gauche-image {
		width: 125px;
		height: auto;
		display: inline-block;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1920px) {
	#page-section-48-droite {
		width: 140px;
		height: auto;
		background-size: 140px auto;
		margin-top: 65px;
	}
	#page-section-48-droite-image {
		width: 140px;
		height: auto;
		display: inline-block;
		/*content: url("/images/_odomi/organisme_agréé_140x140_v4.png");*/
	}
	.webp #page-section-48-droite-image {
		content: url("/images/_odomi/organisme_agréé_140x140_v4.webp");
	}
	.no-webp #page-section-48-droite-image {
		content: url("/images/_odomi/organisme_agréé_140x140_v4.png");
	}
}

@media screen and (max-width: 767px) {
	#page-section-48-gauche,
	#page-section-48-droite {
		display: none;
	}
}

/*############################################################################*/
/*    page-section-49 Crédit d'Impôt si Full HD et +                          */
/*============================================================================*/
@media screen and (max-width: 1909px) {
	#t4-page-section-49-credit-impot {
		display: none;
	}
}
#t4-page-section-49-credit-impot {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#t4-page-section-49-credit-impot .container {
    max-width: 100%;
	color: #000000;
	padding: 0;
}

#t4-page-section-49-credit-impot .module-inner {
    width: 100%;
}

.page-section-49 {
	min-width: 40%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	border-radius: 12px;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	border: solid 1px #707070;
	background-color: #FAFAFA;
}

.page-section-49-gauche {
	margin-left: 30px;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	border: solid 1px #707070;
	border-radius: 12px;
	background-color: #FAFAFA;
}

.page-section-49-droite {
	margin-right: 30px;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	border: solid 1px #707070;
	border-radius: 12px;
	background-color: #FAFAFA;
}

.webp #page-section-49-gauche-image {
	content: url("/images/_odomi/services-a-la-personne_180x150.webp");
}
.no-webp #page-section-49-gauche-image {
	content: url("/images/_odomi/services-a-la-personne_180x150.png");
}

.webp #page-section-49-droite-image {
	content: url("/images/_odomi/organisme_agréé_180x180_v4.webp");
}
.no-webp #page-section-49-droite-image {
	content: url("/images/_odomi/organisme_agréé_180x180_v4.png");
}

#page-section-49-gauche-div-1 {
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-left: calc(50% - 62px);
}
#page-section-49-droite-div-1 {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-left: calc(50% - 70px);
}

@media screen and (min-width: 1910px) and (max-width: 1920px) {
	#page-section-49-gauche-div-1 {
		width: 125px;
		height: auto;
		background-size: 125px auto;
	}
	#page-section-49-gauche-image {
		width: 125px;
		height: auto;
		display: inline-block;
	}
}

@media screen and (min-width: 1910px) and (max-width: 1920px) {
	#page-section-49-droite-div-1 {
		width: 140px;
		height: auto;
		background-size: 140px auto;
		margin-top: 65px;
	}
	#page-section-49-droite-image {
		width: 140px;
		height: auto;
		display: inline-block;
		/*content: url("/images/_odomi/organisme_agréé_140x140_v4.png");*/
	}
	.webp #page-section-49-droite-image {
		content: url("/images/_odomi/organisme_agréé_140x140_v4.webp");
	}
	.no-webp #page-section-49-droite-image {
		content: url("/images/_odomi/organisme_agréé_140x140_v4.png");
	}
}

.slide-ligne-3-49 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	width: 400px;
	background-color: #FAFAFA;
}

.slide-ligne-3-49-div-1 {
	margin-left: auto;
	margin-right: auto;
}

#t4-page-section-49-credit-impot .slide-ligne-3-49 {
	padding-left: unset !important;
	padding-right: unset !important;
}
#t4-page-section-49-credit-impot #slide-ligne-3-div-1-cinquante {
	position: relative !important;
	margin-left: auto;
	margin-right: auto;
}
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-cinquante {
	display: block;
	text-align: center;
	width: 100% !important;
}
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-1,
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-2,
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-3 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: max-content;
}
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-1 {
	line-height: 1.6rem !important;
	margin-top: 10px !important;
	font-size: 1.7rem !important;
}
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-2 {
	font-size: 1.6rem !important;
	margin-top: unset !important;
	line-height: 2.8rem !important;
}
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-3 {
	font-size: 1.45rem !important;
	margin-top: unset !important;
	line-height: 1.3rem !important;
	font-weight: unset !important;
}
#t4-page-section-49-credit-impot #slide-ligne-3-div-2-4 {
	font-size: 1.37rem !important;
	margin-top: unset !important;
	line-height: 3rem !important;
	font-weight: 500 !important;
}

/*----------------------------------------------------------------------------*/
#page-section-49-gauche-div-2 {
	font-size: 1.0rem;
	font-weight: 500;
	margin-top: 41px;
	text-align: center;
}
#page-section-49-droite-div-2 {
	font-size: 1.0rem;
	font-weight: 500;
	margin-top: 20px;
	text-align: center;
}

#page-section-49-gauche-lien,
#page-section-49-droite-lien {
	color: black;
}
a:hover#page-section-49-gauche-lien,
a:active#page-section-49-gauche-lien,
a:hover#page-section-49-droite-lien,
a:active#page-section-49-droite-lien {
	color: #CC0066;
}

/*############################################################################*/
/*    page-section-51 Bouton Tarifs                                           */
/*============================================================================*/
#t4-page-section-51-bouton-tarifs {
    margin-top: 4.0rem;
    margin-bottom: 3.0rem;
}
#t4-page-section-51-bouton-tarifs .container {
	padding: 0;
}
#btn-tarifs-div {
	font-weight: 400;
	font-size: 2.0rem;
	margin-left: 10px;
	margin-right: 10px;
}

#btn-tarifs {
	border: none;
	display: block;
	text-align: center;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-color: #CC0066;
	margin: 0 auto;
	border-radius: 25px;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 0.5rem;
	border: 1px solid #A50052;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);
	padding: 0 10px 0 20px;
}
@media screen and (max-width: 390px) {
	#btn-tarifs {
		letter-spacing: unset !important;
	}
}

#btn-tarifs span {
	position: relative; 
	z-index: 1;
}

#btn-tarifs #btn-tarifs-span-apres,
#btn-tarifs:hover #btn-tarifs-span-avant {
    display : none;
}

#btn-tarifs:hover #btn-tarifs-span-apres {
    display : block;
	/*letter-spacing: 0.2rem !important;*/
}
@media screen and (max-width: 390px) {
	#btn-tarifs:hover #btn-tarifs-span-apres {
		letter-spacing: unset !important;
	}
}

#btn-tarifs:after {
	border: none;
    outline:none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 470%;
	width: 140%;
	background: #FF006E;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
	transform: translateX(-100%) translateY(-25%) rotate(45deg);
}
#btn-tarifs:hover {
	font-weight: 500;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	padding: 0 10px 0 15px;
	font-size: 1.4rem;
}
#btn-tarifs:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
	border: none;
    outline:none;
}
/*   POUR GOOGLE CHROME, SINON BORDER NOIR APRÈS CLIC   */
#btn-tarifs:focus-within {
    outline: none;
}

/*############################################################################*/
/*    page-section-55 Bouton Accueil                                          */
/*============================================================================*/
#t4-page-section-55-bouton-accueil {
    margin-top: 4.0rem;
    margin-bottom: 3.0rem;
}
#t4-page-section-55-bouton-accueil .container {
	padding: 0;
}
#btn-accueil-div {
	font-weight: 500;
	font-size: 1.3rem;
	margin-left: 10px;
	margin-right: 10px;
}

#btn-accueil {
	border: none;
	display: block;
	text-align: center;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-color: #559EE5;
	margin: 0 auto;
	border-radius: 25px;
	font-weight: 500;
	font-size: 1.4rem;
	letter-spacing: 0.5rem;
	border: 1px solid #0061FF;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);
	padding: 0 10px 0 20px;
}
@media screen and (max-width: 390px) {
	#btn-accueil {
		letter-spacing: 0.1rem !important;
	}
}

#btn-accueil span {
	position: relative; 
	z-index: 1;
}

#btn-accueil #btn-accueil-span-apres,
#btn-accueil:hover #btn-accueil-span-avant {
    display : none;
}

#btn-accueil:hover #btn-accueil-span-apres {
    display : block;
}
@media screen and (max-width: 390px) {
	#btn-accueil:hover #btn-accueil-span-apres {
		letter-spacing: 0.1rem !important;
	}
}

#btn-accueil:after {
	border: none;
	outline:none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 470%;
	width: 140%;
	background: #0061FF;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
	transform: translateX(-100%) translateY(-25%) rotate(45deg);
}
#btn-accueil:hover {
	font-weight: 400;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	padding: 0 10px 0 15px;
	font-size: 1.4rem;
}
#btn-accueil:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
	border: none;
    outline:none;
}
/*   POUR GOOGLE CHROME, SINON BORDER NOIR APRÈS CLIC   */
#btn-accueil:focus-within {
    outline: none;
}

/*============================================================================*/
.btn-accueil-div {
	font-weight: 500;
	font-size: 1.3rem;
}

.btn-accueil {
	border: none;
	display: block;
	text-align: center;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-color: #559EE5;
	margin: 0 auto;
	border-radius: 25px;
	font-weight: 500;
	font-size: 1.4rem;
	letter-spacing: 0.5rem;
	border: 1px solid #0061FF;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);
	padding: 0 10px 0 20px;
}
@media screen and (max-width: 390px) {
	.btn-accueil {
		letter-spacing: 0.1rem !important;
	}
}

.btn-accueil span {
	position: relative; 
	z-index: 1;
}

.btn-accueil .btn-accueil-span-apres,
.btn-accueil:hover .btn-accueil-span-avant {
    display : none;
}

.btn-accueil:hover .btn-accueil-span-apres {
    display : block;
}
@media screen and (max-width: 390px) {
	.btn-accueil:hover .btn-accueil-span-apres {
		letter-spacing: 0.1rem !important;
	}
}

.btn-accueil:after {
	border: none;
	outline:none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 470%;
	width: 140%;
	background: #0061FF;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
	transform: translateX(-100%) translateY(-25%) rotate(45deg);
}
.btn-accueil:hover {
	font-weight: 400;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	padding: 0 10px 0 15px;
	font-size: 1.4rem;
}
.btn-accueil:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
	border: none;
    outline:none;
}

/*   POUR GOOGLE CHROME, SINON BORDER NOIR APRÈS CLIC   */
.btn-accueil:focus-within {
    outline: none;
}

/*############################################################################*/
/*    page-section-90 Boutons Accueil                                         */
/*    page-section-91 Boutons Assistance                                      */
/*    page-section-92 Boutons Imprimante                                      */
/*    page-section-99 Boutons Mac                                             */
/*    page-section-93 Boutons Mails                                           */
/*    page-section-94 Boutons Office                                          */
/*    page-section-95 Boutons Prises CPL                                      */
/*    page-section-96 Boutons Virus                                           */
/*    page-section-97 Boutons WiFi                                            */
/*    page-section-98 Boutons Windows                                         */
/*============================================================================*/
#t4-page-section-91,
#t4-page-section-92,
#t4-page-section-93,
#t4-page-section-94,
#t4-page-section-95,
#t4-page-section-96,
#t4-page-section-97,
#t4-page-section-98,
#t4-page-section-99 {
    margin-top: 4.0rem;
	padding-bottom: 150px;
}
#t4-page-section-90 .container,
#t4-page-section-91 .container,
#t4-page-section-92 .container,
#t4-page-section-93 .container,
#t4-page-section-94 .container,
#t4-page-section-95 .container,
#t4-page-section-96 .container,
#t4-page-section-97 .container,
#t4-page-section-98 .container,
#t4-page-section-99 .container {
	padding: 0;
}

.btn-autres-div {
	font-weight: 400;
	font-size: 1.2rem;
	margin-top: 40px;
	padding-bottom: 150px;
}
.btn-autres-div #btn-cpl-a {
	font-size: 1.1rem;
}

.btn-autres-centre-339,
.btn-autres-centre-499,
.btn-autres-centre-659,
.btn-autres-centre-660 {
	display: none;
}


@media screen and (min-width: 660px) {	
	.btn-autres-centre-660 {
		display: block;
		margin-right: auto;
		margin-left: auto;
		width: max-content;
	}
	#bottom-btn-autres-div {
		height: 100px;
	}
}

@media screen and (min-width: 500px) and (max-width: 659px) {
	.btn-autres-centre-659 {
		display: block;
	}
	.btn-autres-centre-659 #btn-wifi-a,
	.btn-autres-centre-659 #btn-virus-a {
		margin-left: 80px;
	}
	#bottom-btn-autres-div {
		height: 100px;
	}
}
@media screen and (min-width: 340px) and (max-width: 499px) {
	.btn-autres-centre-499 {
		margin-left: calc((100% - 280px) / 2);
		display: block;
		width: max-content;
	}
	#t4-page-section-90 .btn-autres-centre-499 #btn-windows-a {
		margin-left: 72px;
	}
	#bottom-btn-autres-div {
		height: 200px;
	}
}
@media screen and (max-width: 339px) {
	.btn-autres-centre-339 {
		margin-left: calc((100% - 135px) / 2);
		display: block;
	}
	#bottom-btn-autres-div {
		height: 400px;
	}
}

#btn-assistance-a,
#btn-imprimante-a,
#btn-mac-a,
#btn-mails-a,
#btn-office-a,
#btn-cpl-a,
#btn-virus-a,
#btn-wifi-a,
#btn-virus-a-sans-margin-left,
#btn-wifi-a-sans-margin-left,
#btn-windows-a {
	float: left;
	margin-right: 10px;
}

#btn-assistance,
#btn-imprimante,
#btn-mac,
#btn-mails,
#btn-office,
#btn-cpl,
#btn-virus,
#btn-wifi,
#btn-windows {
	display: block;
	text-align: center;
	overflow: hidden;
	position: relative;
	color: #fff;
	background-color: #559EE5;
	border-radius: 25px;
	border: 1px solid #0061FF;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);
	padding: 0 10px 0 7px;
	margin-bottom: 20px;
	width: 135px;
}

#btn-assistance span,
#btn-imprimante span,
#btn-mac span,
#btn-mails span,
#btn-office span,
#btn-cpl span,
#btn-virus span,
#btn-wifi span,
#btn-windows span {
	position: relative; 
	z-index: 1;
}

#btn-assistance #btn-assistance-span-apres,
#btn-assistance:hover #btn-assistance-span-avant,
#btn-imprimante #btn-imprimante-span-apres,
#btn-imprimante:hover #btn-imprimante-span-avant,
#btn-mac #btn-mac-span-apres,
#btn-mac:hover #btn-mac-span-avant,
#btn-mails #btn-mails-span-apres,
#btn-mails:hover #btn-mails-span-avant,
#btn-office #btn-office-span-apres,
#btn-office:hover #btn-office-span-avant,
#btn-cpl #btn-cpl-span-apres,
#btn-cpl:hover #btn-cpl-span-avant,
#btn-virus #btn-virus-span-apres,
#btn-virus:hover #btn-virus-span-avant,
#btn-wifi #btn-wifi-span-apres,
#btn-wifi:hover #btn-wifi-span-avant,
#btn-windows #btn-windows-span-apres,
#btn-windows:hover #btn-windows-span-avant {
    display : none;
}

#btn-assistance:hover #btn-assistance-span-apres,
#btn-imprimante:hover #btn-imprimante-span-apres,
#btn-mac:hover #btn-mac-span-apres,
#btn-mails:hover #btn-mails-span-apres,
#btn-office:hover #btn-office-span-apres,
#btn-cpl:hover #btn-cpl-span-apres,
#btn-virus:hover #btn-virus-span-apres,
#btn-wifi:hover #btn-wifi-span-apres,
#btn-windows:hover #btn-windows-span-apres {
    display : block;
}

#btn-assistance:after,
#btn-imprimante:after,
#btn-mac:after,
#btn-mails:after,
#btn-office:after,
#btn-cpl:after,
#btn-virus:after,
#btn-wifi:after,
#btn-windows:after {
	border: none;
	outline:none;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 470%;
	width: 260%;
	background: #0061FF;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
	transform: translateX(-100%) translateY(-25%) rotate(45deg);
}

#btn-assistance:hover:after,
#btn-imprimante:hover:after,
#btn-mac:hover:after,
#btn-mails:hover:after,
#btn-office:hover:after,
#btn-cpl:hover:after,
#btn-virus:hover:after,
#btn-wifi:hover:after,
#btn-windows:hover:after {
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-9%) translateY(-25%) rotate(45deg);
	border: none;
    outline:none;
}

/*   POUR GOOGLE CHROME, SINON BORDER NOIR APRÈS CLIC   */
#btn-assistance:focus-within,
#btn-imprimante:focus-within,
#btn-mac:focus-within,
#btn-mails:focus-within,
#btn-office:focus-within,
#btn-cpl:focus-within,
#btn-virus:focus-within,
#btn-wifi:focus-within,
#btn-windows:focus-within {
    outline: none;
}

/*############################################################################*/
/*       POUR INFORMATION                                                     */
/*============================================================================*/
#t4-page-info-01-pour-information-titre {
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  margin-top: 150px;
  background-color: #CC0066;
  color: white;
  text-align: center;
}
@media screen and (max-width: 1023px) {
	#t4-page-info-01-pour-information-titre {
	  margin-top: 75px !important;
	}
}

#t4-page-info-01-pour-information-titre .container {
  padding: 0;
  max-width: none;
}

/*----------------------------------------------------------------------------*/
#pour-information-titre {
    font-weight: 300;
    font-size: 2.1rem;
}
@media screen and (max-width: 359px) {
	#pour-information-titre {
		font-weight: 400 !important;	/* puis 300 cf. custom.css */
	}
}
@media screen and (max-width: 359px) {
	#pour-information-titre {
		font-size: 1.6rem !important
	}
}
@media screen and (min-width: 360px) and (max-width: 374px) {
	#pour-information-titre {
		font-size: 1.8rem !important;
	}
}
@media screen and (min-width: 375px) and (max-width: 413px) {
	#pour-information-titre {
		font-size: 1.8rem !important;
	}
}
@media screen and (min-width: 414px) and (max-width: 479px) {
	#pour-information-titre {
		font-size: 1.8rem !important;
	}
}
@media screen and (min-width: 480px) and (max-width: 532px) {
	#pour-information-titre {
		font-size: 1.9rem !important;
	}
}
@media screen and (min-width: 533px) and (max-width: 599px) {
	#pour-information-titre {
		font-size: 1.9rem !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 699px) {
	#pour-information-titre {
		font-size: 2.0rem !important;
	}
}
@media screen and (min-width: 700px) and (max-width: 767px) {
	#pour-information-titre {
		font-size: 2.0rem !important;
	}
}

/*----------------------------------------------------------------------------*/
.page-info-cadre {
	margin-top: 30px;
	border-radius: 20px;
	border: 1px solid #CC0066;
	padding: 10px 10px 20px 20px;
}

.page-info-titre {
	color: #CC0066;
	font-weight: 500;
	font-size: 1.5rem;
}
@media screen and (max-width: 539px) {
	.page-info-titre {
		font-size: 1.2rem !important;
		line-height: 1.6rem;
	}
}
@media screen and (min-width: 540px) and (max-width: 549px) {
	.page-info-titre {
		font-size: 1.2rem !important;
	}
}
@media screen and (min-width: 550px) and (max-width: 579px) {
	.page-info-titre {
		font-size: 1.2rem !important;
	}
}
@media screen and (min-width: 580px) and (max-width: 649px) {
	.page-info-titre {
		font-size: 1.3rem !important;
	}
}
@media screen and (min-width: 650px) and (max-width: 699px) {
	.page-info-titre {
		font-size: 1.4rem !important;
	}
}

.page-info-texte-1,
.page-info-texte-2 {
	margin-left: 15px;
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1.8rem;
}
@media screen and (max-width: 539px) {
	.page-info-texte-1,
	.page-info-texte-2,
	.page-info-texte-appelez {
		margin-left: 0 !important;
	}
}
@media screen and (max-width: 539px) {
	.page-info-texte-1,
	.page-info-texte-2 {
		font-size: 1.15rem !important;
	}
}
.page-info-texte-2 {
	margin-top: 10px;
}

.page-info-texte-devis {
	margin-top: 0 !important;
	font-style: italic;  font-size: 1.1rem;
	letter-spacing: 0.02rem;
}

.page-info-fushia {
	color: #CC0066;
}

.page-info-texte-appelez {
	margin-top: 10px;
	margin-left: 15px;
	font-weight: 500;
	font-size: 1.4rem;
	text-shadow: 5px 8px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 399px) {
	.page-info-texte-appelez {
		font-size: 1.2rem !important;
		line-height: 1.8rem;
	}
}
@media screen and (min-width: 400px) and (max-width: 427px) {
	.page-info-texte-appelez {
		font-size: 1.35rem !important;
	}
}

a.page-info-texte-appelez-lien {
	color: #CC0066 !important;			/* fushia */
}
a:hover.page-info-texte-appelez-lien,
a:active.page-info-texte-appelez-lien {
	color: #CC0066 !important;			/* fushia */
}

.page-info-table {
	display: table;
	margin-left: 20px;
}
@media screen and (max-width: 767px) {
	.page-info-table {
		margin-left: 5px !important;
	}
}

.page-info-td-0,
.page-info-td-1,
.page-info-td-2 {
	font-size: 1.10rem;
	line-height: 2.0rem;
	vertical-align: top;
}

.page-info-td-0 {
	padding-right: 10px;
}

.page-info-td-centre {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.page-info-etoile {
	color: #CC0066;
	font-size: 1.5rem;
	font-weight: 600;
}

.page-info-texte-etoile {
	margin-left: 15px;
	font-weight: 400;
	font-size: 1.0rem;
	font-style: italic;
	color: #404040;
}

details > summary {
	padding-left: 15px;
	font-weight: 500;
	font-size: 1.2rem;
	color: #CC0066;
	border: none;
}
details.details-description[open] summary::after {
  content: attr(data-open);
}

details.details-description:not([open]) summary::after {
  content: attr(data-close);
}

/*----------------------------------------------------------------------------*/
/*   IMPORTANT :
       la class "page-info" est ajoutée dans System / Site Template Style / ...
       les Templates WINDOWS, CPL, ...
       les Layouts page-info-nn, dans "extra class"
*/
@media screen and (max-width: 1023px) {
	.page-info .container {
		max-width: 95%
	}
}
@media screen and (min-width: 1024px) and (max-width: 1909px) {
	.page-info .container {
		max-width: 70%
	}
}
@media screen and (min-width: 1910px) {
	.page-info .container {
		max-width: 45%
	}
}

.page-info .module-inner {
	width: 100%
}

/*----------------------------------------------------------------------------*/
.page-info-lien {
	color: #0055FF;				/* bleu */
	font-weight: 500;
}
a:hover.page-info-lien,
a:active.page-info-lien {
	color: #FF006E;				/* fushia */
}

/*############################################################################*/
/*       ENCARTS PAGES EXTERNES (bas de page)                                 */
/*============================================================================*/
#t4-section-62 {
  margin-left: auto;
  margin-right: auto;
}
#t4-section-62 .container {
  padding: 0;
  max-width: none;
}

#section-62-global {
	padding-bottom: 50px;
	line-height: 1.7rem;
}

#section-62-assistance,
#section-62-imprimante,
#section-62-mail,
#section-62-office,
#section-62-cpl,
#section-62-virus,
#section-62-wifi,
#section-62-windows,
#section-62-mac {
	border: 1px solid #CC0066;
	border-radius: 7px;
	padding: 15px;
	display: inline-grid;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.2);
	background-color: #FAFAFA;
}

@media screen and (min-width: 1800px) {
	#section-62-global {
		columns: 4;
		column-gap: 20px;
		margin-left: calc((100% - (((384px + 30px + 7px) * 3) + 384px)) / 2);
		margin-right: calc((100% - (((384px + 30px + 7px) * 3) + 384px)) / 2);
	}
}

@media screen and (min-width: 1300px) and (max-width: 1799px) {
	#section-62-global {
		columns: 3;
		column-gap: 20px;
		margin-left: calc((100% - (((384px + 30px + 7px) * 2) + 384px)) / 2);
		margin-right: calc((100% - (((384px + 30px + 7px) * 2) + 384px)) / 2);
	}
}

@media screen and (min-width: 800px) and (max-width: 1299px) {
	#section-62-global {
		columns: 2;
		column-gap: 20px;
		margin-left: calc((100% - (((370px + 15px + 7px) * 1) + 370px)) / 2);
		margin-right: calc((100% - (((370px + 15px + 7px) * 1) + 370px)) / 2);
	}
}

@media screen and (min-width: 480px) and (max-width: 799px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((400px) * 1))) / 2);
		margin-right: calc((100% - (((400px) * 1))) / 2);
	}
}

@media screen and (min-width: 412px) and (max-width: 479px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((384px) * 1))) / 2);
		margin-right: calc((100% - (((384px) * 1))) / 2);
	}
}

@media screen and (min-width: 400px) and (max-width: 411px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((370px) * 1))) / 2);
		margin-right: calc((100% - (((370px) * 1))) / 2);
	}
}

@media screen and (min-width: 390px) and (max-width: 399px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((360px) * 1))) / 2);
		margin-right: calc((100% - (((360px) * 1))) / 2);
	}
}

@media screen and (min-width: 380px) and (max-width: 389px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((370px) * 1))) / 2);
		margin-right: calc((100% - (((370px) * 1))) / 2);
	}
}

@media screen and (min-width: 350px) and (max-width: 379px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((320px) * 1))) / 2);
		margin-right: calc((100% - (((320px) * 1))) / 2);
	}
}

@media screen and (min-width: 320px) and (max-width: 349px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((310px) * 1))) / 2);
		margin-right: calc((100% - (((310px) * 1))) / 2);
	}
}

@media screen and (min-width: 280px) and (max-width: 319px) {
	#section-62-global {
		columns: 1;
		column-gap: 20px;
		margin-left: calc((100% - (((270px) * 1))) / 2);
		margin-right: calc((100% - (((270px) * 1))) / 2);
	}
}

@media screen and (max-width: 279px) {
	#section-62-global {
		display: none;
	}
}

.section-62-titre {
	font-size: 1.3rem;
	font-weight: 500;
	color: #0061FF;
}

.section-62-gras {
	font-size: 1.3rem;
	font-weight: 500;
	color: black;
	margin-top: 10px;
}
.section-62-texte {
	font-size: 1.3rem;
}
.section-62-texte-1 {
	margin-top: 10px;
	text-align: justify;
}
.section-62-texte-2 {
	margin-top: 10px;
	text-align: justify;
}
.section-62-besoins {
	margin-top: 7px;
}
.section-62-besoins-summary {
	font-size: 1.0rem;
	list-style-type: disc;
	display: list-item;
	margin-left: 40px;
}
.section-62-besoins-sans-disc {
	margin-left: 40px;
	font-weight: 500;
	font-size: 1.2rem;
	color: #CC0066;
}

.section-62-appelez,
.section-62-cliquez {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 1.3rem;
	font-weight: 500;
	text-shadow: 5px 8px 5px rgba(0, 0, 0, 0.2);
}

/*------------  mobiles              */
@media screen and (max-width: 532px) {
	.section-62-appelez {
		display: none;
	}
	.section-62-cliquez {
		display: block;
	}
}
/*------------  HORS mobiles         */
@media screen and (min-width: 533px) {
	.section-62-appelez {
		display: block;
	}
	.section-62-cliquez {
		display: none;
	}
}
/*-----------------------------------*/
@media screen and (min-width: 380px) {
	.section-62-appelez,
	.section-62-cliquez	{
		font-size: 1.4rem;
	}
}
/*-----------------------------------*/
.section-62-appelez-num {
  color: #CC0066 !important;
}

a.section-62-cliquez-lien {
  color: #CC0066 !important;
}
a:hover.section-62-cliquez-lien,
a:active.section-62-cliquez-lien {
	color: #CC0066 !important;
}
/* En non mobile, Safari reconnaît un n° de téléphone > Empêche de générer le lien */
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

/*############################################################################*/
/*       50 % de votre facture 2025 (bas de page)                             */
/*============================================================================*/
#t4-section-98 .container {
    padding: 4rem 0 0 0;
    max-width: none;
}
.section-98-1, .section-98-3 {
    max-width: 25%;
	margin-top: 10%;
}

@media screen and (max-width: 1439px) {
	.section-98-1, .section-98-3 {
		display: none;
	}
}

.section-98-1 .section-98-bulle img {
	margin-left: calc( (100% - 206px) / 2);
}
.webp .section-98-1 .section-98-bulle img {
    content: url("/images/_odomi/1469154336_couple_senior_226.webp");
}
.no-webp .section-98-1 .section-98-bulle img {
    content: url("/images/_odomi/1469154336_couple_senior_226.png");
}

.section-98-3 .section-98-bulle img {
	margin-left: calc( (100% - 226px) / 2);
}
.webp .section-98-3 .section-98-bulle img {
    content: url("/images/_odomi/1497685559_jeune_femme_226.webp");
}
.no-webp .section-98-3 .section-98-bulle img {
    content: url("/images/_odomi/1497685559_jeune_femme_226.png");
}

/*----------------------------------------------------------------------------*/
.section-98-2 {
	box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	border: solid 1px #707070;
	background-color: #FAFAFA;
	padding: 0 5px 20px 5px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.3rem;
	line-height: 1.9rem;
	padding-right: 15px;
	padding-left: 15px;
}

.section-98-2 .container {
	max-width: unset;
}

@media screen and (min-width: 1000px) {
	.section-98-2 {
		max-width: 800px;
		min-width: 800px;
	}
}
@media screen and (max-width: 999px) and (min-width: 750px) {
	.section-98-2 {
		max-width: 700px !important;
	}
}
@media screen and (max-width: 749px) and (min-width: 680px) {
	.section-98-2 {
		max-width: 650px !important;
	}
}
@media screen and (max-width: 679px) and (min-width: 533px) {
	.section-98-2 {
		max-width: 500px !important;
	}
	#section-98-ul-classe {
		padding-left: 25% !important;
	}
}
@media screen and (max-width: 532px) and (min-width: 450px) {
	.section-98-2 {
		max-width: 400px !important;
	}
	#section-98-ul-classe {
		padding-left: 20% !important;
	}
}
@media screen and (max-width: 449px) and (min-width: 410px) {
	.section-98-2 {
		max-width: 380px !important;
	}
	#section-98-ul-classe {
		padding-left: 15% !important;
	}
}
@media screen and (max-width: 409px) and (min-width: 350px) {
	.section-98-2 {
		max-width: 340px !important;
	}
	#section-98-ul-classe {
		padding-left: 5% !important;
	}
}
@media screen and (max-width: 349px) and (min-width: 320px) {
	.section-98-2 {
		max-width: 300px !important;
	}
	#section-98-ul-classe {
		padding-left: 5% !important;
	}
}
@media screen and (max-width: 319px) and (min-width: 280px) {
	.section-98-2 {
		max-width: 270px !important;
	}
	#section-98-ul-classe {
		padding-left: 5% !important;
	}
}
@media screen and (max-width: 279px) {
	.section-98-2 {
		display: none;
	}
}
/*-------------------------------------------------------------*/
#section-98-titre {
	text-align: center;
	margin-top: 20px;
}

#section-98-img-1,
#section-98-img-2 {
	background-image: url("/images/_odomi/moins_cinquante_bleu_ombres_110x57_v2.png");
	background-repeat: no-repeat;
	width: 110px;
	height: 57px;
}
#section-98-img-1 {
	float: left;
}
#section-98-img-2 {
	float: right;
}

#section-98-cinquante-titre {
	display: inline-block;
	margin-top: 0px;
	font-size: 1.5rem;
	line-height: 3.0rem;
}
@media screen and (max-width: 420px) {
	#section-98-cinquante-titre {
		font-size: 1.35rem !important;
		font-weight: 500;
	}
}
@media screen and (max-width: 349px) {
	#section-98-cinquante-titre {
		line-height: 2.0rem !important;
	}
}

/* Masque l'image 50% de droite ... */
@media screen and (max-width: 716px) {
	#section-98-img-2 {
		display: none;
	}
	#section-98-img-1 {
	float: unset;
	margin-left: auto;
	margin-right: auto;
	}
}

#section-98-corp-credit {
	text-align: justify;
}
/*-------------------------------------------------------------*/
#section-98-meilleure-offre {
	text-align: center;
}
#section-98-meilleure-offre-2,
#section-98-meilleure-offre-3,
#section-98-meilleure-offre-4 {
	display: inline-block;
	font-size: 1.5rem;
}

@media screen and (min-width: 533px) {
	#section-98-meilleure-offre-3,
	#section-98-meilleure-offre-4 {
		display: none;
	}
}
@media screen and (max-width: 532px) and (min-width: 410px) {
	#section-98-meilleure-offre-2 {
		display: none;
	}
}
@media screen and (max-width: 409px) {
	#section-98-meilleure-offre-3,
	#section-98-meilleure-offre-4 {
		display: none;
	}
}

@media screen and (max-width: 679px) {
	#section-98-meilleure-offre-2,
	#section-98-meilleure-offre-3,
	#section-98-meilleure-offre-4 {
		font-size: 1.4rem !important;
		line-height: 2.0rem !important;
	}
}
/*-------------------------------------------------------------*/

.section-98-credit-autrement-dit-1,
.section-98-credit-autrement-dit-2-1,
.section-98-credit-autrement-dit-2-2 {
	font-weight: 500;
}
@media screen and (min-width: 1000px) {
	.section-98-credit-autrement-dit-1 {
		display: none;
	}
}
@media screen and (max-width: 999px) {
	.section-98-credit-autrement-dit-2-1,
	.section-98-credit-autrement-dit-2-2 {
		display: none;
	}
}


.section-98-credit-impot-etoile {
	color: #CC0066;
	font-size: 1.5rem;
	font-weight: 600;
}

.section-98-credit-impot-texte-etoile {
	margin-top: 5px;
	font-weight: 400;
	font-size: 1.0rem;
	font-style: italic;
	color: #404040;
}
@media screen and (max-width: 690px) {
	.section-98-credit-impot-texte-etoile {
		font-size: 1.2rem !important;
	}
}

.section-98-interligne {
	clear: left;
    line-height: 0.65rem;
}

.section-98-lien h3 {
	display: inline;
}
a.section-98-lien {
	color: #0026FF;				/* bleu */
	font-weight: 500;
}
a:hover.section-98-lien,
a:active.section-98-lien {
    color: #C60070 !important;
}

.section-98-gras {
    font-weight: 500 !important;
}
.section-98-fushia-fonce {
	color: #C06;				/* fushia foncé */
	font-weight: 500;
}

.section-98-parenthese {
	font-style: italic;
	font-size : 1.2rem;
}

#section-98-communes-suivantes {
	margin-bottom: 10px;
}

#section-98-mobile-annexe h3 {
	vertical-align: top;
}

@media screen and (min-width: 1000px) {
	#section-98-non-mobile-annexe {
		display: table !important;
	}
	#section-98-mobile-annexe,
	#section-98-mobile-annexe-2 {
		display: none !important;
	}
}
@media screen and (min-width: 750px) and (max-width: 999px) {
	#section-98-non-mobile-annexe,
	#section-98-mobile-annexe {
		display: none !important;
	}
	#section-98-mobile-annexe-2 {
		display: block !important;
		text-align: left;
		text-justify: unset;
	}
}
@media screen and (max-width: 749px) {
	#section-98-non-mobile-annexe,
	#section-98-mobile-annexe-2 {
		display: none !important;
	}
	#section-98-mobile-annexe {
		display: block !important;
		text-align: left;
		text-justify: unset;
	}
}

.section-98-td-avant-pas-zone {
	padding-left: 20px;
}
.section-98-td-centre-pas-zone {
	padding-left: 100px;
}


.section-98-td1-pas-zone,
.section-98-td2-pas-zone,
.section-98-td3-pas-zone {
	font-size: 1.15rem !important;
	padding-left: 1rem;
	line-height: 1.7rem !important;
	vertical-align: top;
}

@media screen and (min-width: 550px) and (max-width: 699px) {
	#section-98-mobile-annexe-2 .section-98-td1-pas-zone,
	#section-98-mobile-annexe-2 .section-98-td2-pas-zone {
		padding-left: 0 !important;
	}
	.section-98-td-centre-pas-zone {
		padding-left: 30px !important;
	}
}

#section-98-ul-classe {
	padding-left: 33%;
}

.section-98-detail-cadre {
	border : 1px solid #C06;
	padding: 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 5px;
}

/*############################################################################*/
/*       footer                                                               */
/*============================================================================*/
#section-footer {
	padding-bottom: 200px;
}