body.home{
	padding: 0;
	color: #777;
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
}

a:hover{
	color: #6D99C1;
}



.red-btn,.red-btn-cloud,
.white-btn{
	font-size: 1.5rem;
	background: #DC2323;
	line-height: 3.75rem;
	padding: 0 2.5rem;
	display: inline-block;
	border-radius: 2rem;
	color: #fff;
	border: none;
	white-space: nowrap;
}

.white-btn{
	background: #fff;
	color: #DC2323;
}

.red-btn:hover,.red-btn-cloud:hover,
.white-btn:hover{
	background: #6D99C1;
	text-decoration: none;
	color: #fff;
}

.home .navbar{
	padding: 0 15px;
}

.home .navbar .navbar-brand img{
	max-width: 100% !important;
}

.home nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top{
	background: transparent !important;
}

.home nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top.scrolled{
	background: #222 !important;
	transition: background-color 300ms linear;
}

.home .navbar-nav{
	padding: 0;
	margin-left: auto !important;
	margin-right: 0 !important;
}

.home .navbar-brand{
	padding: 0 !important;
	margin: 0 !important;
}

.home nav.navbar .container{
	max-width: 1680px;
	padding: 2rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.home nav.navbar.scrolled .container{
	border: none;
}

.navbar-dark .navbar-nav .nav-link{
	color: rgba(255,255,255,1);
	font-size: 0.875rem;
	line-height: 1.313rem;
	padding: 0;
}

.navbar-nav .nav-item{
	padding: 0 0 0 3rem;
	align-self: center;
}

.navbar-nav .nav-item:last-child .nav-link{
	background: #DC2323;
	padding: 0.75rem 2.375rem;
	border-radius: 2rem;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
	color: #6D99C1;
}

.navbar-nav .nav-item:last-child .nav-link:hover{
	background: #6D99C1;
	color: #fff;
}

.nav-link i{
	display: none !important;
}

/* hero block */

.hero{
	background: url("../accueil/img/domaine-achat-hebergement-web.jpg") top center fixed;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}
.hero-server{
	background: url("../images/serveur_dedie/domaine-achat-serveur-dedie-a.jpeg") top center fixed;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}
.hero-docker{
	background: url("../images/instance/instance-c.jpeg") top center fixed;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}
.hero-routeur{
	background: url("../images/instance/instance-c.jpeg") top center fixed;
	/* background: url("../images/routeur-smtp.jpeg") top center fixed; */
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}
.choix-docker{
	background: url("../images//instance/instance-b.jpeg") top center fixed;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}
.hero-domaine{
	background: url("../images/nom_domaine/domaine-achat-nom-de-domaine-a.jpeg") top center fixed;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}

.hero-avis{
	background: url("../images/avis/domaine-achat-avis.jpg") top center fixed;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}

.hero-dns-externe{
	background: url("../images/dns/zone-dns-externe.jpg") top center fixed;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	display: flex;
}
.instance-title-h1 {
	font-size: 2.5rem !important; 
}
.instance-title-h2 {
	font-size: 1.5rem !important; 
}

.promo-wrapper{
	max-width: 1800px;
	margin: 0 auto 3.438rem;
}

.promo{
	padding: 2.5rem 3.75rem;
	height: 100%;
	display: flex;
	align-self: center;
}

.promo > div{
	align-self: center;
}

.promo > div:nth-child(2){
	margin: 0 2.188rem;
}

.promo > div:last-child{
	margin-left: auto;
}

.promo.blue{
	background: rgba(109, 153, 193, 0.7);
	color: #fff;
}

.promo.white{
	background: rgba(255, 255, 255, 0.7);
	color: #222; 
}

.promo-icon{
	font-size: 3.75rem;
}

.register-domain-container{
	max-width: 1320px;
}

.register-domain{
	background: #222;
	padding: 2.5rem 3.125rem;
}

.register-domain h3{
	color: #fff;
}

.register-form{
	margin: 0 0 1.875rem;
}

.register-form .input-group,
#newDomainToRegister{
	height: 3.75rem;
	background: #fff;
	border-radius: 2rem;
	border: none;
}

.register-form h3{
	color: #fff;
	font-weight: 400;
}

.home h1{
	/* font-size: 4rem; */
	font-weight: 400;
	line-height: 4rem;
	/* line-height: 4.5rem; */
	color: #fff;
	text-align: center;
	padding: 10rem 0 0 0;
	margin: 0rem;
	/* margin: 0 0 3.438rem; */
	font-size: 3.5rem; 
	/* margin-bottom: 0px; */
}

.home h2{
	font-size: 3.75rem;
	font-weight: 400;
	color: #6D99C1;
	text-transform: uppercase;
	margin: 0 0 2.5rem;
}
.subtitle {
	color: white !important; 
	font-size: 1.5rem !important; 
	text-transform: none !important; 
	margin-top: 0px !important;
	font-style: italic;
}

.home h3{
	font-size: 2.25rem;
	line-height: 3rem;
	text-transform: uppercase;
	margin: 0 0 1.563rem;
}

.slick-initialized .slick-slide{
	display: flex;
	justify-content: center;
}

.slick-initialized .slick-slide > div{
	align-self: center;
}

.promo-extension, .discount{
	color: #6D99C1;
	font-size: 2.25rem;
	line-height: 1;
}

.discount{
	color: #fff;
}

.prices{
	margin: 0 1.25rem;
}

.prices div{
	font-size: 1.125rem;
	color: #fff;
}

.prices div.old{
	color: #6D99C1;
	text-decoration: line-through;
}
	


/**/

/* */

.domain-extensions{
	margin-bottom: 3.75rem;
}

.extension{
	font-size: 1.125rem;
	line-height: 1.688rem;
	width: 100%;
	padding: 1rem;
	color: #fff;
	background: #777;
	text-align: center;
	font-weight: 600;
	margin: 0 0 1rem;
}

.text-link{
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: #DC2323;
	font-weight: 600;
	text-decoration: underline;
}

.text-link:hover{
	text-decoration: none;
}

.text-link.white{
	color: #fff;
}

/* email-adresses */

section{
	padding: 7.188rem 0 8.75rem;
}


section.with-gradient{
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	/*height: 100vh;*/
	padding: 11.25rem 0;
}

.email-addresses{
	background-image: url("../accueil/img/domaine-achat-email.jpg");
	
}

section.with-gradient:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(34,34,34,1) 100%);
	content: "";
}

section.with-gradient .container{
	color: #fff;
	position: relative;
	z-index: 100;
	align-self: center;
}

section.with-gradient .container h2{
	color: #fff;
}

section.with-gradient .container p{
	margin: 0 0 3.125rem;
}

section p.description{
	margin: 0 0 3rem;
}

/**/

/* hosting */

.shared-hosting{
	margin-bottom: 3.125rem;
}

.hosting .card{
	border: 1px solid #6D99C1;
	background: #6D99C1;
	border-radius: 0;
	height: 100%;
	color: #fff;
}

.hosting .card h4{
	margin: 0 0 1.25rem;
}

.hosting .card-header{
	background: #fff;
	border-radius: 0;
	border: none;
	padding: 1.563rem 2.5rem;
}

.hosting .card-header h4{
	color: #6D99C1;
	margin: 0;
}

.hosting .card-body{
	padding: 2.188rem 2.5rem 1.563rem;
}
.hosting .card-body-cloud{
	padding: 2.188rem 2.5rem 1.563rem;
}
.hosting .links{
	padding: 0 2.5rem 2.188rem;
}
.hosting .links-cloud{
	padding: 0 2.5rem 2.188rem;
}
.hosting .red-btn:hover{
	background: #fff;
	color: #DC2323;
}

.hosting .links .red-btn:hover{
	background: #fff;
	color: #DC2323;
}

.hosting .links a:first-child{
	padding-right: 2.5rem;
}

/* data-storage */

.data-storage{
	background-image: url("../accueil/img/domaine-achat-stockage-donnees.jpg");
}


/* who we are */

.who-we-are{
	background-image: url("../accueil/img/domaine-achat-team.jpg");
}

footer{
	background: #000;
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.313rem;
	padding: 7.188rem 0 8.75rem;
}

footer a{
	color: #fff;
	text-decoration: none;
	/* text-decoration: underline; */
}

footer a:hover{
	/* text-decoration: none; */
	text-decoration: underline;
}

footer ul{
	list-style: none;
	padding: 0;
}

footer li{
	margin: 0 0 0.625rem;
}

.socials li{
	display: inline-block;
}

.footer-logo{
	margin: 0 0 2.188rem;
	display: inline-block;
}

footer blockquote{
	color: #6D99C1;
	margin: 0 0 2.188rem;
}

footer address{
	margin: 0 0 2.188rem;
}

/* why us */

.why-us h4{
	color: #222;
	text-transform: uppercase;
	margin: 0 0 1.25rem;
}

.circle-icon{
	width: 6.25rem;
	height: 6.25rem;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto 1.25rem;
}

.circle-icon i{
	color: #fff;
	line-height: 6.25rem;
}

.experience{
	background: #F88A72;
}

.experience i{
	font-size: 4.125rem;
}

.infrastructure{
	background: #94CE9A;
}

.infrastructure i{
	font-size: 3rem;
}

.monitoring{
	background: #6D99C1;
}

.monitoring i{
	font-size: 3.438rem;
}

.quality{
	background: #FFD464;
}

.quality i{
	font-size: 4.125rem;
}

/* partners */

.partners-wrap{
	padding-top: 1rem;
}

.partners-wrap .slick-initialized .slick-slide{
	float: none;
    display: inline-block;
    vertical-align: middle;
}

.partners-wrap .slick-initialized .slick-slide img{
	margin: 0 auto;
}


/* RESPONSIVE */

.navbar-dark .navbar-toggler{
	position: relative;
	width: 30px;
	height: 30px;
	
}

.navbar-dark .navbar-toggler:focus{
	border: none;
	outline: none;
}



.navbar-dark .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon{
	background: #fff;
	width: 100%;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 15px;
	left: 0;
}

.navbar-dark .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before{
	width: 100%;
	height: 2px;
	width: 100%;
	position: absolute;
	content: "";
	background: #fff;
	bottom: -7px;
	left: 0;
	transform: rotate(0);
}

.navbar-dark .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:after{
	width: 100%;
	height: 2px;
	width: 100%;
	position: absolute;
	content: "";
	background: #fff;
	top: -7px;
	left: 0;
	transform: rotate(0);
}

.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
	background: transparent;
	width: 100%;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 15px;
	left: 0;
	
}

.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before{
	width: 100%;
	height: 2px;
	width: 100%;
	position: absolute;
	content: "";
	background: #fff;
	left: 0;
	top: 0;
	transform: rotate(45deg);
}



.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{
	width: 100%;
	height: 2px;
	width: 100%;
	position: absolute;
	content: "";
	background: #fff;
	bottom: 0;
	transform: rotate(-45deg);
	left: 0;
}

.header-text-serveur-dedie {
	width: 100%; 
	margin: 15% auto; 
	background-color: #000; 
	opacity: 0.8;
	padding: 30px;;
}
.header-text-serveur-dedie div {
	font-size: 1.5rem; 
	color: #fff; 
	text-align: center;
}

.header-text-instance-docker {
	width: 100%; 
	margin: 10% auto; 
	background-color: #ffffff; 
	opacity: 0.9;
	padding: 30px;
}
.choix-text-instance-docker {
	width: 100%; 
	margin: 10% auto; 
	background-color: #ffffff; 
	opacity: 0.9;
	padding: 30px;
}
.header-text-instance-docker div {
	font-size: 1.1rem; 
	line-height: 2rem;;
	color: #333; 
	text-align: left;
}
.header-text-instance-docker div b {
	color: #df5a49; 
}
.section-dedicated-include {
	background: rgba(109, 153, 193, 1);
	color: #fff;
}
.dedicated-infogerance{
	background-image: url("../images/serveur_dedie/domaine-achat-serveur-dedie.jpg");
}
.dedicated-difference{
	background-image: url("../images/serveur_dedie/domaine-achat-serveur-dedie-b.jpeg");
}
.nom-domaine-promo{
	background-image: url("../images/nom_domaine/domaine-achat-nom-de-domaine.jpeg");
}
.nom-domaine-choix{
	background-image: url("../images/nom_domaine/domaine-achat-nom-de-domaine-b.jpeg");
}
.docker-infogerance{
	background-image: url("../images/serveur_dedie/domaine-achat-serveur-dedie.jpg");
}
.bg-serveur-dedie {
	background-color: #000; 
	opacity: 0.7;
	padding: 30px;;
}

.header-text-nom-domaine {
	width: 100%; 
	margin: 5% auto; 
	background-color: #ffffff; 
	opacity: 0.8;
	padding: 30px;;
}
.header-text-nom-domaine div {
	font-size: 1.2rem; 
	color: #500; 
	text-align: left;
}
.bg-domain-white {
	background-color: #fff;
	margin: 10px;
	padding: 10px;
	color: #000000;
}
.top-blue {
	border-top: 10px solid #6D99C1;
}
.top-red {
	border-top: 10px solid #500;
}
.top-green {
	border-top: 10px solid #39942d;
}
.font-blue {
	color: #6D99C1;
	font-weight: bolder;
	font-size: 1.5rem;
}
.font-red {
	color: #500;
	font-weight: bolder;
	font-size: 1.5rem;
}
.font-green {
	color: #39942d;
	font-weight: bolder;
	font-size: 1.5rem;
}
.h3-da {
	text-transform: none !important;
	margin-bottom: 0rem !important;
	font-weight: bolder;;
}
.popover{
	width:600px !important;
}
.row_popover_da {
	/* width: 80%; */
	line-height: 30px;
	margin-left: 10px;;
	border-bottom: 1px solid #f2f2f2;
	font-size: 0.8rem;
}
.promotion_formule_extenion {
	font-weight: bolder; 
	margin-right: 5px; 
	background-color: #df5a49; 
	color: #ffffff; 
	padding: 5px;
}
/* .col-popover_da {
	width: max-content;
} */

/* .domaines-extensions-slider {
	display: grid !important;
} */
.backToTop {
	width: max-content;
	padding: 10px;
	font-weight: bolder;
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #000000;
	color: #ffffff;
	border-radius: 3px;
	cursor: pointer;
	display: none;
}

#tarteaucitronAlertBig {
    background-color: white !important;
    color: #333 !important;
 }
#tarteaucitronDisclaimerAlert {
    color: #333 !important;
}
#tarteaucitronCloseAlert {
    background-color: orange !important;
    color: white !important;
}
#tarteaucitronSaveButton {
    font-size: inherit;
    cursor: pointer;
    background: #337ab7;
    color: white;
    padding: 0.5rem 1.5rem;
    line-height: 1.5rem;
    min-height: 2.5rem;
}

#tarteaucitronScrollbarAdjust, .tarteaucitronH2, #googletagmanagerDenied, #tawktoDenied {
	display: none !important;
}
#googletagmanagerLine, #tawktoLine {
	background-color: #dddddd !important;
	padding: 10px !important;
}
#gcmanalyticsstorageLine {
	padding: 10px !important;
}
#googletagmanagerAllowed, #tawktoAllowed, #gcmanalyticsstorageAllowed, #gcmanalyticsstorageDenied {
	padding-top: 30px !important;
}
#tarteaucitronAllDenied2 {
	display: none !important;
}
/* .tarteaucitronAlertBigBottom > .tarteaucitronDeny {
	display: none !important;
} */

@media (max-width: 1600px){
	.heading{
		margin-top: auto;
	}
	
	.promo-wrapper,
	.register-domain-container{
		max-width: 1140px;
		margin-bottom: 0;
		margin-top: auto;
	}
	
	.register-form .input-group, #newDomainToRegister{
		height: 3rem;
	}
	
	.promo{
		padding: 1rem;
	}
	
	.promo-icon{
		font-size: 2rem;
	}
	
	.promo > div{
		align-self: normal;
	}
	
	.promo > div:nth-child(2){
		margin: 0 1rem;
	}
	
	.promo > div:last-child{
		margin-top: auto;
	}
	
	.red-btn, .white-btn{
		line-height: 3rem;
		font-size: 1rem;
	}
	
	.promo .red-btn,
	.promo .white-btn{
		line-height: 3rem;
		padding: 0 1rem;
		line-height: 2rem;
	}
	
	.promo-extension, .discount{
		font-size: 1.5rem;
	}
	
	.register-form{
		margin-bottom: 0.75rem;
		padding: 0 20px;
	}
	
	.extensions-slider .prices div{
		font-size: 0.75rem;
		line-height: 1;
	}
	
	.text-link{
		font-size: 1rem;
	}
	
	.home h3{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}
	
	.home h2{
		font-size: 3rem;
		line-height: 1;
	}
	
	/*.promo{
		flex-direction: column;
		text-align: center;
		padding: 2rem;
	}*/
	
	.promo-wrapper .col-5{
		margin: 0 0 2rem;
		max-width: 50%;
		flex: 0 0 50%;
	}
	/*.promo > div:last-child {
		margin-top: auto;
		margin-left: 0;
	}
	.promo > div:nth-child(2){
		margin: 1rem 0;
	}*/
	.home h1{
		font-size: 3.5rem;
		line-height: 1;
		padding-top: 7rem;
	}
	.home nav.navbar .container{
		padding: 1rem 0;
	}
	
	.register-domain{
		padding: 1.5rem;
	}
}

@media (max-width: 1200px){
	.navbar-nav .nav-item{
		padding-left: 1.5rem;
	}
	
	.hosting .col-lg-6,
	.why-us .col-lg-3{
		margin: 0 0 2rem;
	}
}

@media (max-width: 991px){
	.home nav.navbar .container{
		border: none;
	}
	.home nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top{
		background: #222 !important;
	}
	
	.home h1 {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.subtitle {
		font-size: 1.5rem !important; 
	}
	.navbar-toggler{
		padding: 0;
		border: none;
	}
	
	.home .navbar-nav{
		max-height: calc(100vh - 2.875rem);
		overflow: auto;
		padding: 1rem 0;
	}
	
	.home .navbar-nav .nav-item{
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		text-align: center;
		width: 100%;
		padding: 1rem 0;
	}
	
	.navbar-nav .nav-item:last-child .nav-link{
		display: inline-block;
	}
	
	.mobile-promo{
		display: block !important;
		width: 100%;
	}
	
	.promo-data{
		background: #6D99C1;
		color: #fff;
		padding: 2rem;
		margin: 0 0 2rem;
	}
	
	.domain-name{
		color: #222;
	}
	
	.domain-name strong{
		color: #222;	
	}
	
	.promo-data .row{
		padding: 1rem 0;
		align-items: center;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		
	}
	
	.promo-data .row:first-child{
		border: none;
	}
	
	.promo-data .new-price{
		font-weight: bold;
	}
	
	.old-price{
		text-decoration: line-through;
		color: #222;
		text-align: right;
		font-weight: bold;
	}
	
	.domain-discount{
		padding: 0.5rem;
		text-align: center;
		background: #fff;
		color: #222;
		font-weight: bold;
	}
	.backToTop {
		width: 0px;
		height: 0px;
		padding: 0px;
	}
	
}

@media (max-width: 767px){
	.home h1{
		font-size: 2rem;
		line-height: 2.5rem;
		padding-top: 6rem;
		margin: 0;
	}
	.home h2{
		font-size: 2rem;
		line-height: 2.5rem;
		margin: 0 0 1.5rem;
	}
	.subtitle {
		font-size: 1.5rem !important; 
	}
	.home h3{
		font-size: 1.75rem;
		line-height: 2rem;
		text-transform: none;
	}
	.register-domain h3{
		font-size: 1rem;
		line-height: 1;
	}
	
	.register-form .input-group{
		height: 2rem;
	}
	
	#newDomainToRegister {
		height: 2rem;
		margin-bottom: 1rem;
	}
	#btnRegisterDomain{
		line-height: 2rem;
	}
	section p.description{
		margin: 0 0 1.5rem;
	}
	.hosting .card-header,
	.hosting .card-body,
	.hosting .links
	{
		padding: 1rem;
	}
	.text-link,
	.red-btn{
		font-size: 1.2rem;
	}
	
	section,
	section.with-gradient{
		padding: 4rem 0 4.5rem;
	}
	
	section.with-gradient .container p{
		margin: 0 0 2rem;
	}
	
	.domain-name{
		margin: 0 0 0.5rem;
	}
	.instance-title-h1 {
		font-size: 2rem !important; 
	}
	.instance-title-h2 {
		font-size: 1.2rem !important; 
	}
}

@media (max-width: 575px){
	footer{
		text-align: center;
	}
	.footer-wrap .col-lg-3:nth-child(3),
	.footer-wrap .col-lg-3:nth-child(4){
		display: none;
	}
	.red-btn{
		font-size: 1rem;
		padding: 0 1rem;
	}
}

@media (max-width: 467px){
	.register-form .input-group{
		height: auto;
		background: transparent;
		display: block;
	}
	#btnRegisterDomain{
		width: 100%;
	}
}