/*############################################################################*/
/*############################################################################*/
/*############################################################################*/
/*######                                                                ######*/
/*######                 infodomi.fr / test     custom_768.css          ######*/
/*######                               ====                             ######*/
/*############################################################################*/ 
/*############################################################################*/
/*############################################################################*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*                                                      */
/*             AU DELA DE 768 (non mobiles)             */
/*                                                      */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media (min-width: 768px) {
  .t4-main-body {
    padding-top: 0rem !important;
  }
}
/*
@media (min-width: 768px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}
*/
@media (min-width: 768px) and (max-width: 1023px) {
	.li-classe {
		font-size: 1.3rem !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1349px) {
	#t4-section-5 .container {
		padding-top: 6rem !important;
	}
}

@media screen and (min-width: 1910px) {
	.section-12-0-meilleure-offre {
		width: 400px;
		line-height: 1.9rem;
		margin-top: -3.5rem;
	}
	#section-12-0-meilleure-offre-1 {
		font-size: 1.5rem;
		letter-spacing: 0.15rem;
	}
	#section-12-0-meilleure-offre-2 {
		font-size: 1.3rem;
		letter-spacing: 0.08rem;
	}
}

@media screen and (min-width: 780px) and (max-width: 1366px) {
	#mes-tarifs-nonimposable-non-mobile {
		margin-top: -1.5rem !important;
	}
}

@media screen and (min-width: 1366px) {	/* 1366 px = Microsoft Surface & iPad Pro (12.9 inch) */
	#t4-section-42 {
		display: none;
	}
}

/*######################################################*/
/*       SOUS LE TITRE "LE CRÉDIT D'IMPÔT"              */
/*======================================================*/
/*  De 768 à 949, on masque ...                         */
/*   SANS CONDITION DE REVENU, D'ÂGE, OU DE SITUATION,  */
/*   IMMÉDIAT OU DIFFÉRÉ, C'EST VOUS QUI CHOISISSEZ     */
/*                                                      */
/*  pour laisser s'afficher ...                         */
/*   SANS CONDITION DE REVENU,                          */
/*   D'ÂGE, OU DE SITUATION,                            */
/*   IMMÉDIAT OU DIFFÉRÉ,                               */
/*   C'EST VOUS QUI CHOISISSEZ                          */
@media (min-width: 768px) and (max-width: 949px) {
	#credit-impot-sous-titre-1-non-mobile,
	#credit-impot-sous-titre-2-non-mobile {
		display: none;
	}
	#credit-impot-sous-titre-1-non-mobile-949,
	#credit-impot-sous-titre-2-non-mobile-949,
	#credit-impot-sous-titre-3-non-mobile-949,
	#credit-impot-sous-titre-4-non-mobile-949 {
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin-left: 40px;
	}
	#credit-impot-sous-titre-1-non-mobile-949 {
		letter-spacing: 0.15rem;
		font-weight: 400;
	}
	#credit-impot-sous-titre-2-non-mobile-949 {
		letter-spacing: 0.309rem;
		font-weight: 400;
	}
	#credit-impot-sous-titre-3-non-mobile-949 {
		letter-spacing: 0.42rem;
		font-weight: 500;
		margin-top: 15px;
	}
	#credit-impot-sous-titre-4-non-mobile-949 {
		letter-spacing: 0.17rem;
		font-weight: 500;
		margin-bottom: 30px;
	}
}
/*======================================================*/
@media (min-width: 950px) {
/*  A partir de 950, on masque ...                      */
/*   SANS CONDITION DE REVENU,                          */
/*   D'ÂGE, OU DE SITUATION,                            */
/*   IMMÉDIAT OU DIFFÉRÉ,                               */
/*   C'EST VOUS QUI CHOISISSEZ                          */
/*                                                      */
/*  pour laisser s'afficher ...                         */
/*   SANS CONDITION DE REVENU, D'ÂGE, OU DE SITUATION,  */
/*   IMMÉDIAT OU DIFFÉRÉ, C'EST VOUS QUI CHOISISSEZ     */
	#credit-impot-sous-titre-1-non-mobile-949,
	#credit-impot-sous-titre-2-non-mobile-949,
	#credit-impot-sous-titre-3-non-mobile-949,
	#credit-impot-sous-titre-4-non-mobile-949 {
		display: none;
	}
}
/*======================================================*/
@media (min-width: 950px) and (max-width: 1349px) {
	#credit-impot-sous-titre-1-non-mobile {
		line-height: 1.1rem !important;
		letter-spacing: .044rem !important;
		font-size: 1.2rem !important;
	}
	#credit-impot-sous-titre-2-non-mobile {
		letter-spacing: 0.09rem !important;
		font-size: 1.2rem !important;
		margin-top: 10px;
	}
}
/*======================================================*/
.spacing-zero {
	letter-spacing: 0;
}

/*######################################################*/
@media (min-width: 768px) and (max-width: 1024px) {
	/*==================================================*/
	/*         3 BULLES ENTÊTE                          */
	.slide-ligne-1-div-2 {
		width: 350px !important;
		height: 263px !important;
	}
	/*=================================================*/
	/*  cadre l'Assitance Informatique à Domicile ...  */
	.slide-ligne-1-div-1-bulle-texte {
		width: 50% !important;
	}
	.slide-ligne-1-div-1-assistance {
		width: 100% !important;
		top: 40px !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 {
		font-size: 2.2rem !important;
		line-height: 2.7rem !important;
	}
	.slide-ligne-1-div-1-texte-4-aix {
		font-size: 2.0rem !important;
		line-height: 2.7rem !important;
	}
	.slide-ligne-1-div-1-texte-5 {
		letter-spacing: unset !important;
	}
	/*=================================================*/
	.slide-ligne-1-div-separ {
		width: unset !important;
	}
	.slide-ligne-2 {
		margin-top: 50px !important;
	}
	.depannage-et-autres {
		font-size: 1.3rem !important;
	}
	/*=================================================*/
	.slide-ligne-3-div-1 {
		/*width: 510px !important;*/
		width: 585px !important;
	}
	#slide-ligne-3-div-2-1,
	#slide-ligne-3-div-2-2 {
		font-size: 1.5rem !important;
	}
	#slide-ligne-3-div-2-1 {
		margin-top: 0px !important;
	}
	#cinquante-info-circle {
		font-size: 1.5rem !important;
	}
	/*=================================================*/
	.titre-bulles-non-mobile-1 {
		margin-left: 8% !important;
	}
	.titre {
		font-size: 2.6rem !important;
		line-height: 3.8rem !important;
	}
	#nos-services-ordinateur-non-mobile {
		margin-top: -1.5rem !important;
		font-size: 1.22rem !important;
		letter-spacing: unset !important;
	}
	#nos-services,
	#nos-tarifs,
	#nos-frais {
		width: 170px !important;
		height: 170px !important;
		background-size: 170px 170px;
	}
	#nos-services {
		margin-top: -2.5rem !important;
	}
	#nos-frais {
		margin-top: -1.0rem !important;
	}
	#nos-tarifs {
		margin-top: -3.5rem !important;
	}
	.section-6-2.d-md-block,
	.section-7-2.d-md-block {
		display: none !important;
	}
	.section-6-1,
	.section-6-3,
	.section-7-1,
	.section-7-3 {
		margin-left: 20px;
	}
	.section-6-3,
	.section-7-1,
	.section-7-3 {
		/*margin-top: 20px;*/
	}
	#t4-section-12 .container {
		margin-left: 20px !important;
	}
	.section-5-3,
	.section-11-3,
	.section-21-3  {
		max-width: max-content !important;
		margin-right: 20px;
	}
	#deplacement-pays-aix {
		letter-spacing: unset !important;
		font-size: 1.5rem !important;
	}
	#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 {
		font-size: 1.4rem !important;
	}
	.section-22-1.col-sm, .section-22-3.col-sm {
		flex-basis: unset !important;
	}
	#detail-frais {
		text-align: center !important;
		margin-top: 0px !important;
	}
	#carte-cadre {
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		padding-right: 25px;
	}
	#t4-section-22 {
		padding-bottom: 2rem !important;
	}
	#credit-impot-bulle {
		width: 170px !important;
		height: 170px !important;
		background-size: 170px 170px;
	}
}

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

@media (min-width: 768px) and (max-width: 1349px) {	
	/*==================================================*/
	/*         3 BULLES ENTÊTE et TEXTE                 */
	.slide-ligne-1 {
		padding-top: 60px !important;
	}
}

/*     1366px = iPad Pro (12.9 inch) / iPad Pro 12 / COMPAQ     */
@media (min-width: 1025px) and (max-width: 1366px) {
	/*==================================================*/
	/*         3 BULLES ENTÊTE 66 %                     */
	.slide-ligne-1-div-2 {
		width: 452px !important;
		height: 340px !important;
	}
	/*=================================================*/
	/*  cadre l'Assitance Informatique à Domicile ...  */
	.slide-ligne-1-div-1-bulle-texte {
		width: 50% !important;
	}
	.slide-ligne-1-div-1-assistance {
		width: 100% !important;
		top: 60px !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 {
		font-size: 2.8rem !important;
		line-height: 3.2rem !important;
	}
	.slide-ligne-1-div-1-texte-4-aix {
		font-size: 2.8rem !important;
		line-height: 3.2rem !important;
	}
	.slide-ligne-1-div-1-texte-5 {
		letter-spacing: unset !important;
	}
	/*=================================================*/
	.slide-ligne-1-div-separ {
		width: unset !important;
	}
	.slide-ligne-2 {
		margin-top: 50px !important;
	}
	.depannage-et-autres {
		font-size: 1.3rem !important;
	}
	/*=================================================*/
	.slide-ligne-3-div-1 {
		width: 585px !important;
	}
	#slide-ligne-3-div-2-1,
	#slide-ligne-3-div-2-2 {
		font-size: 1.5rem !important;
	}
	#slide-ligne-3-div-2-1 {
		margin-top: 0px !important;
	}
	#cinquante-info-circle {
		font-size: 1.5rem !important;
	}
}

@media (min-width: 1025px) and (max-width: 1365px) {
	.titre-bulles-non-mobile-1 {
		margin-left: 8% !important;
	}
	.titre {
		font-size: 2.6rem !important;
		line-height: 3.8rem !important;
	}
	#nos-services-ordinateur-non-mobile {
		margin-top: -1.5rem !important;
		font-size: 1.22rem !important;
		letter-spacing: unset !important;
	}
	#nos-services,
	#nos-tarifs,
	#nos-frais {
		width: 170px !important;
		height: 170px !important;
		background-size: 170px 170px;
	}
	#nos-services {
		margin-top: -2.5rem !important;
	}
	#nos-frais {
		margin-top: -1.0rem !important;
	}
	#nos-tarifs {
		margin-top: -3.5rem !important;
	}
	.section-6-2.d-md-block,
	.section-7-2.d-md-block {
		display: none !important;
	}
	.section-6-1,
	.section-6-3,
	.section-7-1,
	.section-7-3 {
		margin-left: 20px;
	}
	#t4-section-12 .container {
		margin-left: 7% !important;
	}
	.section-5-3,
	.section-11-3,
	.section-21-3  {
		max-width: max-content !important;
		margin-right: 20px;
	}
	#deplacement-pays-aix {
		letter-spacing: unset !important;
		font-size: 1.5rem !important;
	}
	#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 {
		font-size: 1.4rem !important;
	}
	.section-22-1.col-sm, .section-22-3.col-sm {
		flex-basis: unset !important;
	}
	#detail-frais {
		text-align: center !important;
		margin-top: 0px !important;
	}
	#carte-cadre {
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		padding-right: 25px;
	}
	#t4-section-22 {
		padding-bottom: 2rem !important;
	}
	#credit-impot-bulle {
		width: 170px !important;
		height: 170px !important;
		background-size: 170px 170px;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media (min-width: 1350px) and (max-width: 1600px) {
	#t4-section-12 .container {
		margin-left: 10% !important;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media (min-width: 1601px) {
	#t4-section-12 .container {
		margin-left: 15% !important;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media (min-width: 1025px) {
	/*=========================================================================*/
	/*                     Scroll Down Button                                  */
	/*-------------------------------------------------------------------------*/
	.scroll-down a {
	  position: absolute;
	  z-index: 2;
	  display: inline-block;
	  -webkit-transform: translate(0, -50%);
	  transform: translate(0, -50%);
	  text-decoration: none;
	  transition: opacity .3s;
	}
	.scroll-down a:hover {
	  opacity: .5;
	}
	#scroll-down-gauche {
	  left: 10%;
	}
	#scroll-down-droite {
	  left: 90%;
	}
	#slide-ligne-4 a {
	  padding-top: 220px;
	}
	#slide-ligne-4 a span {
	  position: absolute;
	  top: 0;
	  width: 35px;
	  height: 35px;
	  border-left: 3px solid #408FEC;			/* bleu */
	  border-bottom: 3px solid #408FEC;			/* bleu */
	  border-radius: 3px;
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  -webkit-animation: sdb05 1.5s infinite;
	  animation: sdb05 1.5s infinite;
	  box-sizing: border-box;
	}
	@-webkit-keyframes sdb05 {
	  0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		-webkit-transform: rotate(-45deg) translate(-30px, 30px);
		opacity: 0;
	  }
	}
	@keyframes sdb05 {
	  0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		transform: rotate(-45deg) translate(-30px, 30px);
		opacity: 0;
	  }
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*       TÉMOIGNAGES                                    */
@media screen and (min-width: 1366px) {
	#t4-section-44 {
		display: none;
	}
}
#t4-section-44 .container {
	max-width: 95%;
}

/*  Témoignages > Largeur écran, l'un en dessous de l'autre (pas côte à côte)  */
@media (max-width: 1199px) {
	#t4-section-44 .col-sm {
	  flex-basis: unset !important;
	}
}