/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Julie

00 - COULEURS
01 - SPRITE
03 - TITRES
04 - LIENS
05 - BOUTONS
06 - CONTENU WYSIWYG
07 - PADDING ET LARGEURS
08 - MENU SCROLL UP
09 - POPUP ACTUALITE
10 - MENU HAMBURGERS
11 - ICONES SOCIALES
12 - CLASS GENERIQUES
13 - PAGE TEXTE EN BLOC
14 - SLICK
15 - POPUP
*/

#rightbarFixed .p3d-embed .p3d-viewport-option:first-of-type{
	display: none !important;
}
/* ----------
00 - COULEURS
-------------*/
:root{
	--color00: #fff;    /*Blanc*/
	--color01: #000;    /*Noir*/
	--color02: #0DA9CF; /*Bleu*/	
	--color03: #65B32E; /*vert*/
	--color04: #6A6D71; /*Gris foncé*/
	--color05: #f4f4f4; /*Gris clair*/
	--color06: #4b8820; /*Orange foncér*/

}
/*
Utilisation :
background: var(--color1);
border-bottom: 3px solid var(--color1);
color: var(--color1);
*/

/* color00 : Blanc */
.hover-color00:hover,
.color00 *,
.color00{
	color: #fff;
	color: var(--color00) !important;
}
.bg-color00{
	background-color: #fff;
	background-color: var(--color00) !important;
}

/* color01 : Noir */
.hover-color01:hover,
.color01 *,
.color01{
	color: #000;
	color: var(--color01) !important;
}
.bg-color01{
	background-color: #000;
	background-color: var(--color01) !important;
}
/* color02 : Bleu Foncé*/
.hncolor02 h2,
.hover-color02:hover,
.color02, .color02 *{
	color: #0DA9CF;
	color: var(--color02) !important;
}
.bg-color02{
	background-color: #0DA9CF;
	background-color: var(--color02) !important;
}
/* color03 : Bleu clair */
.hncolor03 h2,
.hover-color03:hover,
.color03, .color03 *{
	color: #E35205;
	color: var(--color03) !important;
}
.bg-color03{
	background-color: #E35205;
	background-color: var(--color03) !important;
}
/* color04 : Vert */
.hover-color04:hover,
.color04, .color04 *{
	color: #6A6D71;
	color: var(--color04) !important;
}
.bg-color04{
	background-color: #6A6D71;
	background-color: var(--color04) !important;
}
/* color05 : Gris foncé */
.hover-color05:hover,
.color05, .color05 *{
	color: #f4f4f4;
	color: var(--color05) !important;
}
.bg-color05{
	background-color: #f4f4f4;
	background-color: var(--color05) !important;
}
/* color06 : Gris clair */
.hover-color06:hover,
.color06, .color06 *{
	color: #f4f4f4;
	color: var(--color06) !important;
}
.bg-color06{
	background-color: #f4f4f4;
	background-color: var(--color06) !important;
}
/* color07 : Beige */
.hover-color07:hover,
.color07, .color07 *{
	color: #fbf7eb;
	color: var(--color07) !important;
}
.bg-color07{
	background-color: #fbf7eb;
	background-color: var(--color07) !important;
}

/* color08 : Gris très foncé */
.hover-color08:hover,
.color08, .color08 *{
	color: #fbf7eb;
	color: var(--color08) !important;
}
.bg-color08{
	background-color: #fbf7eb;
	background-color: var(--color08) !important;
}


.GarantieItem:hover .itemContainer,
.boxshadow1{
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.boxshadow2{
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
}
.borderradius10{
	border-radius: 10px;
}
.borderradius15{
	border-radius: 15px;
}
.borderradius20{
	border-radius: 20px;
}

/* ----------
01 - SPRITE
-------------*/
.gform_confirmation_message a::before,
.link3::after,
.link2::after,
.link1::after,
.slick-arrow,	
[class*="ico-"],
.ico{
	background-image: url('../img/charte/dentalhitec-sprite.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
	width: 40px;
	min-width: 40px;
	height: 40px;
	display: block;
}
.ico-20{
	min-width: 20px;
    width: 20px;
	height: 20px;
}
[class*="ico-file"] {
	transition: 0.2s ease-in-out;
    border-radius: 50%;
}
[class*="ico-file"]:hover{
	transform: scale(1.05);
}

.ico-file-download {
    background-position: -280px -520px;
}
.ico-file-view {
    background-position: -320px -520px;
}
	.ico-en{
		background-position: -200px -448px;
		height: 24px;
	}
	.ico-fr{
		background-position: -240px -448px;
		height: 24px;
	}




.ico-map{
	width: 20px;
	min-width: 20px;
	height: 26px;
	background-position: -170px -167px;
}
.ico-profil{
	width: 22px;
	min-width: 22px;
	height: 22px;
	background-position: -209px -209px;
}
.ico-contrat{
	width: 20px;
	min-width: 20px;
	height: 26px;
	background-position: -210px -167px;
}
/* .ico-profil{
	width: 20px;
	min-width: 20px;
	height: 26px;
	background-position: -10px -7px;
} */
.ico-rs {
	border-radius: 50%;
	width: 20px;
	min-width: 20px;
	height: 20px;
	transition: 0.2s;
}
.ico-rs:hover{
	transform: scale(1.1);
	background-color:var(--color03);
}
.ico-facebook {
    background-position: -90px -10px;
}
.ico-instagram {
    background-position: -170px -10px;
}
.ico-linkedin {
    background-position: -130px -10px;
}
.ico-conseiller{
	width: 24px;
	height: 30px;
	background-position: -368px -45px;
}
.ico-academy-white{
	width: 24px;
	height: 30px;
	background-position: -88px -45px;
}

.ico-cart{
	background-position: -40px -40px;
}
.ico-contact{
	background-position: -280px 0;
}
	.active .ico-contact{
		background-position: -280px -40px;
	}
.ico-call{
	background-position: -320px 0;
}
	.active .ico-call{
		background-position: -320px -40px;
	}
.ico-recall{
	background-position: -360px 0;
}
	.active .ico-recall{
		background-position: -360px -40px;
		
	}
.ico-espaceclient{
	background-position: -210px -10px;
}
	a:hover .ico-espaceclient{
		background-position: -210px -50px;
	}
.ico-espacepartenaire{
	background-position: -250px -10px;
}
	a:hover .ico-espacepartenaire{
		background-position: -250px -50px;
	}

.ico-arrowwhite{
	 background-position: -360px -120px;
}

.ico-small-arrow{
	background-position: -295px -96px;
	min-width: 10px;
	width: 10px;
	height: 8px;

}
.ico-moregreen{
	background-position: -120px -160px;
}
.ico-moregreen.btnClose{
	transform: rotate(45deg);
}
.ico-more02{
	background-position: -160px -520px;
}
.ico-more02.btnClose{
	transform: rotate(45deg);
}
.ico-more04{
	background-position: -120px -520px;
}
.ico-more04.btnClose{
	transform: rotate(45deg);
}



.ico-formation{
	width: 80px;
	min-width: 80px;
	height: 80px;
	background-position: 0 -160px;
}
.ico-elearningbig{
	width: 80px;
	min-width: 80px;
	height: 80px;
	background-position: 0 -320px;
}
.ico-espaceclientbig{
	width: 80px;
	min-width: 80px;
	height: 80px;
	background-position: 0 -240px;
}
.ico-temoignagesbig{
	width: 80px;
	min-width: 80px;
	height: 80px;
	background-position: -80px -240px;
}
.ico-recommandebig{
	width: 100px;
	min-width: 100px;
	height: 140px;
	background-position: -200px -320px;
}
	/* ico nav */
	.menu-academy [class*="ico-"]{
		background-position: -90px -90px;
	}
	.menu-faq [class*="ico-"]{
		background-position: -250px -250px;
	}
	.menu-produits [class*="ico-"]{
		background-position: -130px -90px;
	}	
	.menu-applications [class*="ico-"]{
		background-position: -170px -90px;
	}	
	.menu-evenements [class*="ico-"]{
		background-position: -210px -90px;
	}	
	.menu-item-3217 [class*="ico-"],
	.menu-simulateur [class*="ico-"]{
		background-position: -250px -90px;
	}	


	/* Espace client */
	
	.menu-accompagnement [class*="ico-"]{
		background-position: -245px -570px;
		width: 30px;
		min-width: 30px;
	}	
	.menu-communaute [class*="ico-"]{
		background-position: -170px -450px;
	}	

	.ico-20.ico-contact{
		background-position: -10px -530px;
	}
		a:hover .ico-20.ico-contact{
			background-position: -10px -490px;
		}
	.ico-20.ico-favoris{
		background-position: -50px -530px;
	}
	a:hover .ico-20.ico-favoris{
			background-position: -50px -490px;
		}

	.ico-hand{
		background-position: 0 -560px;
	}
	.ico-revision{
		background-position: -80px -560px;
	}
	.ico-faq{
		background-position: -40px -560px;
	}
	.ico-arrow.ico-20{
		background-position: -80px -520px;
	}
	.ico-arrowblack.ico-20{
		background-position: -79px -610px;
	}
	.linkBloc .box-search input#searchsubmit {
		background-color: transparent;
		border: transparent !important;
		text-indent: -5000px;
		width: 35px;
		height: 35px;
		padding: 0;
		margin: 0;
		background-image: url(../img/charte/dentalhitec-sprite.svg);
		background-repeat: no-repeat;
		background-size: 500px auto;
		cursor: pointer;
		background-position: -58px -157px;
		border-radius: 0;
	}
	

	.ico-guide{
		background-position: 0 -600px;
	}
/* ------
03 - TITRES
---------*/
h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6{
	line-height:1;
	margin:0 0 30px 0;
	color: var(--color04);
	font-family: 'sf_compact_displaymedium', sans-serif;

	font-weight: normal;
}

	/* Couleurs formes */
	h1, .like-h1{
		font-family: 'sf_compact_textheavy', sans-serif;
	}
	h2, .like-h2{
		color: var(--color04);
	}

	h2 strong, .like-h2 strong,
	h3 strong, .like-h3 strong,
	h4 strong, .like-h4 strong,
	h5 strong, .like-h5 strong,
	h6 strong, .like-h6 strong{
		font-family: 'sf_compact_textheavy', sans-serif;
	}
	#page_equipe .carriere  h2::after,
	.likeh4 h3::after,
	h4::after, .like-h4::after{
		display: block;
		width: 40px;
		height: 5px;
		content: "";
		margin-top: 5px;
		background-color: var(--color04);
	}



	#page_equipe .carriere  h2::after{
		margin:  20px auto 0;
	}
	
	 #page_equipe .carriere.color00 h2::after,
	.color00 .likeh4 h3::after,
	.color00 h4::after,
	.color00 .like-h4::after{
		background-color: var(--color00);
	}

	.like-h5::after{
		display: none;
	}

	h5, .like-h5{
		color:#313131;
		font-family: 'sf_compact_textheavy', sans-serif;
	}
	h6, .like-h6{
		color:#313131;
		font-family: 'sf_compact_textheavy', sans-serif;
	}




	.font-regular{
		font-family: 'open_sansregular', sans-serif;
	}
	.font-semibold{
		font-family: 'open_sanssemibold', sans-serif;
	}
	.font-bold{
		font-family: 'open_sansbold', sans-serif;
	}
	.fonttitle-regular{
		font-family: 'sf_compact_displaymedium', sans-serif;
	}
	.fonttitle-bold{
		font-family: 'sf_compact_textheavy', sans-serif;
	}
	
		
	.lh1{
		line-height: 1;
	}


	/* Mobile size */
	
	h1, .like-h1{
		font-size:5rem;
		font-family: 'sf_compact_displaymedium', sans-serif;
	}
		h1 strong {
			font-family: 'sf_compact_textheavy', sans-serif;
		}
		
	.home_section3 .formation_titre h2,
	h2, .like-h2{
		font-size: 2.5rem;
	}
	
	h3, .like-h3{
		font-size:2.1rem;
	}
	.likeh4 h3,
	.likeh4 h2,
	h4, .like-h4{
		font-size: 2.1rem;
	}

	.like-h5::after{
		display: none;
	}
	
	.likeh5 h4,
	h5, .like-h5{
		font-size: 1.8rem;
	}
	h6, .like-h6{
		font-size: 1.4rem;
	}

	.fs11{
		font-size: 1.0rem;
	}
	.fs12{
		font-size: 1.1rem;
	}
	.fs13{
		font-size: 1.2rem;
	}
	.fs14{
		font-size: 1.3rem;
	}
	.fs16{
		font-size: 1.4rem;
	}



	.fs18{
		font-size: 1.5rem;
	}
	.fs20{
		font-size: 1.6rem;
	}


	/* MD */
	@media (min-width:768px) and (max-width:1199px){

		h1, .like-h1{
			font-size: 3rem;
		}
		h2, .like-h2{
			font-size: 2.8rem;
		}

		h3, .like-h3{
			font-size: 2.2rem;
		}
		.likeh4 h3,
		.likeh4 h2,
		h4, .like-h4{
			font-size: 1.8rem;
		}
		.likeh5 h4,
		h5, .like-h5{
			font-size: 1.5rem;
		}
		h6, .like-h6{
			font-size: 1.4rem;
		}
	}

	/* XL */
	@media (min-width:1200px){
		.fs11{
			font-size: 1.1rem;
		}
		.fs12{
			font-size: 1.2rem;
		}
		.fs13{
			font-size: 1.3rem;
		}
		.fs14{
			font-size: 1.4rem;
		}
		.fs16{
			font-size: 1.6rem;
		}
		.fs18{
			font-size: 1.8rem;
		}
		.fs20{
			font-size: 2rem;
		}

		h2, .like-h2{
			font-size: 3.8rem;
		}

		h3, .like-h3{
			font-size: 3.2rem;
		}
		.likeh5 h3,
		.likeh4 h3,
		.likeh4 h2,
		h4, .like-h4{
			font-size: 2.8rem;
		}
		.likeh5 h2,
		.likeh5 h3,
		.likeh5 h4,
		h5, .like-h5{
			font-size: 2.5rem;
		}
		h6, .like-h6{
			font-size: 2rem;
		}
	}


	


/* ------------
04 - LIENS
--------------*/
a, a:link, a:visited{
	color: inherit;
	text-decoration: none;
}
a:hover, a:active{
	color: inherit;
}


/* ------------
05 - BOUTONS
--------------*/
.wc-backward,
.btn {
    font-family: 'open_sansregular', sans-serif;
    display: inline-flex;
    align-items: center;
    padding: 18px 28px;
    margin: 10px 0;
    line-height: 1;
    text-decoration: none !important;
}
.btn span{
	position: relative;
	z-index: 10;
	flex: 1 0 auto;
}


	/* BOUTON1 */
	.btn1{
		border-radius: 8px;
		color: var(--color00) !important;
		position: relative;
		background-color: var(--color02);
		overflow: hidden;
	}

	.btn1::before{
		--size: 0;
		content: '';
		position: absolute;
		left: var(--x);
		top: var(--y);
		width: var(--size);
		height: var(--size);
		background: radial-gradient(circle closest-side, var(--color02), transparent);
		transform: translate(-50%, -50%);
		transition: width .2s ease, height .2s ease;

		z-index: 0;
	}
	.btn1:hover::before {
		--size: 400px;
	}

	/* BOUTON2 */
	.btn2{
		border-radius: 8px;
		color: var(--color04) !important;
		position: relative;
		border: 1px solid var(--color04);
		background-color: var(--color00);
		overflow: hidden;
	}
	.btn2:hover{
		color: var(--color00) !important;
		background-color: var(--color04);
	}
	.btn2::before{
		--size: 0;
		content: '';
		position: absolute;
		left: var(--x);
		top: var(--y);
		width: var(--size);
		height: var(--size);
		background: radial-gradient(circle closest-side, var(--color02), transparent);
		transform: translate(-50%, -50%);
		transition: width .2s ease, height .2s ease;

		z-index: 0;
	}
	.btn2:hover::before {
		--size: 400px;
	}


	.woocommerce a.button.wc-backward{
		
		font-family: 'sf_compact_displaymedium', sans-serif;
		font-size: 1.8rem !important;
		font-weight: normal;
		background-color: var(--color03) !important;
		color: var(--color05) !important;
	}
	.woocommerce a.button.wc-backward:hover{
		background-color: var(--color06) !important;
		color: var(--color05) !important;
	}
	/* BOUTON3 */
	.btn3{
		padding: 0;
		position: relative;
		color: var(--color04) !important;
	}
	.btn3 span{
		display: block;
		padding:10px 0;
		transition: 0.2s ease-in-out;
	}
	.btn3:hover span{
		padding:10px 20px;
	}
	.btn3 span::after,
	.btn3 span::before,
	.btn3::after,
	.btn3::before{
		position: absolute;
		display: block;
		content:'';
		background-color: var(--color03);
	}
	.btn3::after{
		left: 50%;
		transform: translateX(-50%);
		bottom:0;
		width: 30px;
		height:5px;
		transition: all 0.3s ease;
	}
	
	.btn3:hover::after{
		transform: translateX(0);
		left: 0;
		right: 0;
		width: 100%;
	}



	.btn3 span::after{
		width: 5px;
		right: 0;
		top: 100%;
		bottom:0;
		transition: all 0.3s ease;
	}
	.btn3:hover span::after{
		top: 0;
	}
	.btn3::before{
		left: 100%;
		right: 0;
		height:5px;
		top: 0;
		transition: all 0.3s 0.2s ease;
	}
	.btn3:hover::before{
		left: 0;
	}
	.btn3 span::before{
		left: 0;
		top: 0;
		bottom: 100%;
		width: 5px;
		transition: all 0.3s 0.2s ease;
	}
	.btn3:hover span::before{
		bottom: 0;
	}
	/* BOUTON4 */
	.btn4{
		padding: 0;
		position: relative;
		color: var(--color04) !important;
	}
	.btn4 span{
		display: block;
		padding:10px 0;
		transition: 0.2s ease-in-out;
	}
	.btn4:hover span{
		padding:10px 20px;
	}
	.btn4 span::after,
	.btn4 span::before,
	.btn4::after,
	.btn4::before{
		position: absolute;
		display: block;
		content:'';
		background-color: var(--color03);
	}
	.btn4::after{
		left: 0;
		bottom:0;
		width: 30px;
		height:5px;
		transition: all 0.3s ease;
	}
	
	.btn4:hover::after{
		left: 0;
		right: 0;
		width: 100%;
	}



	.btn4 span::after{
		width: 5px;
		right: 0;
		top: 100%;
		bottom:0;
		transition: all 0.3s ease;
	}
	.btn4:hover span::after{
		top: 0;
	}
	.btn4::before{
		left: 100%;
		right: 0;
		height:5px;
		top: 0;
		transition: all 0.3s 0.2s ease;
	}
	.btn4:hover::before{
		left: 0;
	}
	.btn4 span::before{
		left: 0;
		top: 0;
		bottom: 100%;
		width: 5px;
		transition: all 0.3s 0.2s ease;
	}
	.btn4:hover span::before{
		bottom: 0;
	}



	/* BOUTON5 */
		.btn5{
			border-radius: 8px;
			color: var(--color00) !important;
			position: relative;
			background-color: var(--color03);
			overflow: hidden;
			text-transform: uppercase;
    		font-weight: 500;
			font-family: 'open_sansbold', sans-serif;
			font-size: 15px;

		}
	
		.btn5::before{
			--size: 0;
			content: '';
			position: absolute;
			left: var(--x);
			top: var(--y);
			width: var(--size);
			height: var(--size);
			background: radial-gradient(circle closest-side, var(--color02), transparent);
			transform: translate(-50%, -50%);
			transition: width .2s ease, height .2s ease;
	
			z-index: 0;
		}
		.btn5:hover::before {
			--size: 400px;
		}

	/* BOUTON PDF */
	.btnPDF{
		border-radius: 8px;
		color: var(--color00) !important;
		position: relative;
		background-color: var(--color03);
		overflow: hidden;
		margin: 10px 0;
		padding: 18px 18px 18px 45px;
	}

	.btnPDF::before{
		content: '';
		width: 30px;
		height: 30px;
		background-image: url(../img/charte/dentalhitec-sprite.svg);
		background-repeat: no-repeat;
		background-size: 400px auto;
		background-position: -45px -645px;
		position: absolute;
		left: 4%;
	}

	/* BOUTON E-SHOP */
	.btnSHOP{
		border-radius: 8px;
		color: var(--color00) !important;
		position: relative;
		background-color: var(--color03);
		overflow: hidden;
		margin: 10px 0;
		padding: 18px 18px 18px 45px;
	}

	.btnSHOP::before{
		content: '';
		width: 30px;
		height: 30px;
		background-image: url(../img/charte/dentalhitec-sprite.svg);
		background-repeat: no-repeat;
		background-size: 400px auto;
		background-position: -4px -644px;
		position: absolute;
		left: 4%;
	}




		.link{
			font-family: 'open_sansbold', sans-serif;
			display: inline-flex;
			align-items: flex-end;
			font-size: 1.6rem;
			margin:0;
			line-height: 1;
			text-decoration: none !important;
			color: var(--color04) !important;
		}

		.link::after{
			content:"";
			display: block;
			width: 20px;
			height: 20px;
			min-width: 20px;
			background-position: -330px -170px;
			top: 3px;
			position: relative;
			transition: 0.2s;
		}
		.link:hover::after{
			transform: translateX(10px);
		}

		/* Lien fléché */


		/* Orange */
		/* .link1{
			color: var(--color03) !important;
		} */
		.link1::after{
			background-position: -330px -170px;
		}


		/* Bleu */
		/* .link2{
			color: var(--color02) !important;
		} */
		.link2::after{
			background-position: -330px -210px;
		}

		/* Gris */
		/* .link3{
			color: var(--color04) !important; */
		
		.link3::after{
			background-position: -330px -90px;
		}

		.bg-color04 .link-1{
			color: var(--color00) !important;
		}



		.link1 em{
			display: block;
			font-size: 1.3rem;
			color: var(--color04);
			font-style: normal;
			font-family: 'open_sansbold', sans-serif;
			transform: translateY(-5px);
		}

		.link2::after{
			background-position: -330px -210px;
		}


.btn-small, 
.btn-small:link, 
.btn-small:visited {
    background: var(--color03);
    color: var(--color00);
    font-weight: 500;
    padding: .75rem 1.5rem;
    border-radius: .5rem;
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    letter-spacing: 1px;
    margin: 1rem auto;
}
.btn-blue,
.btn-blue:visited,
.btn-blue:link {
	background-color: var(--color02);
}
.btn-green,
.btn-green:visited,
.btn-green:link {
	background-color: var(--color03);
}

button.single_add_to_cart_button.button {
	border:0;
    background: var(--color02);
    color: var(--color00);
    font-weight: 500;
    text-transform: uppercase;
    padding: .75rem;
    border-radius: .5rem;
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    letter-spacing: 1px;
    margin: 1rem auto;
	margin-bottom: -40px;
    display: flex;
    align-items: center;
	transition: .5s ease 0s;
	
	width: auto;
}
button.single_add_to_cart_button.button:hover,
button.single_add_to_cart_button.button:active {
	background-color: var(--color03);
}
	button.single_add_to_cart_button.button:before {
		content: url(../img/charte/icon-cart-white.svg);
		display: inline-block;
		margin: 0 .5rem 0 0;
	}

/* ------------
06 - CONTENU WYSIWYG
--------------*/
p{
	margin: 0 0 20px 0;
}
strong{
	font-weight: normal;
	font-family: 'open_sansbold', sans-serif;
}
em{
	font-style:normal;
	font-family: 'open_sansitalic', sans-serif;

}
	em strong, strong em{
		font-family: 'open_sansbold', sans-serif;
		font-style: italic;
		font-weight: normal;
	}
u{
	text-decoration:underline;
}
strike{
	text-decoration: line-through;
}
address{
	color: #007AAA;
}
pre{
	background:#ccc;
	border:1px solid #007aaa;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	margin:20px auto;
	overflow:auto;
	padding:5%;
	width:80%;
}
code{
	background:#007aaa;
	color:#fff;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	padding:2px;
}
cite{
	color:#000;
	font-family: Arial, sans-serif;
	font-size:1.1em;
	padding:0 3px 0 3px;
}
.intro,
p.text-intro {
	font-family: 'sf_compact_displaymedium', sans-serif;
	font-size: 1.8rem;
	font-weight: normal;
}
div.text-important {
	font-size: 1.4rem;
	background-color: var(--color03) !important;
	color: var(--color00);
	padding: 35px 50px;
	position: relative;
	margin-top: 50px;
}
div.text-important::before {
	content: '';
	display: block;
	position: absolute;
	top: -30px;
	left: 15px;
    width: 60px;
    height: 60px;
	background-image: url(../../espace_client/img/charte/Dental-info-important.png);
	background-position: center;
	border-radius: 100%;
}
div.text-important::after {
	content: '';
	display: block;
	position: absolute;
	top: 35px;
	left: 25px;
    width: 20px;
    height: 20px;
	background-image: url('../img/charte/dentalhitec-sprite.svg');
	background-size: 400px auto;
	background-position: 30px -170px;
}
div.text-important ul li, div.text-important ol li{
	color: var(--color00) !important;
}
div.text-important ul li::before, div.text-important ol li::before{
	color: var(--color00) !important;
}
div.text-important a{
	color: var(--color00) !important;
}
acronym{
	border-bottom:1px dashed #007aaa;
	cursor:help;
}
q{
	color:#007aaa;
	font-style:italic;
}
	q:after{
		content: " ' Source: "attr(cite)" ";
		font-size:1em;
	}

ul:not(.noBefore){
	margin: 5px 0 20px 0;
}
ul.noMargin {
	margin: 0;
}
ul li{
	list-style: none;
	margin: 0;
}	



	ul li:not(.noBefore),
	div:not(.noBefore) ul li,
	ul:not(.noBefore) li{
		list-style: none;
		padding: 0 0 0 20px;
		margin-bottom: 15px;
		line-height: 120%;
		position: relative;
		color: var(--color04);
		/* font-size: 1.2rem; */
	}

		
	.noBefore li,
	.noBefore ul li{
		margin-bottom:0 !important;
	}
	ul li.noPadding {
		padding: 0;
	}
	ul:not(.noBefore) li::before {
		background-image: url('../img/charte/dentalhitec-sprite.svg');
		background-repeat: no-repeat;
		background-size: 400px auto;
		background-position: -374px -94px;

		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 3px;
		left: 0;
	}
	.date_description ul li::before,
	.listwhite ul li::before {
		background-image: url('../img/charte/dentalhitec-sprite.svg');
		background-repeat: no-repeat;
		background-size: 400px auto;
		background-position: -374px -174px;

		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 3px;
		left: 0;
	}
	ul.noBefore li::before,
	div.noBefore ul li::before{
		display: none;
	}


ol {
    counter-reset: numList;
    margin: 5px 0 30px 15px;
}
	ol li {
		color: var(--color02);
		font-size: 1.6rem;
		line-height: 120%;
		margin-bottom: 15px;
		padding-left: 30px;
		position: relative;
		list-style-type: none;
	}
	ol li::before {
		position: absolute;
		top: 0;
		left: 0;
		color: var(--color04);
		counter-increment: numList;
		content: counter(numList);
		font-family: 'open_sansbold', sans-serif;
		margin: 0 5px 0 0;
	}

hr{
	border-bottom:2px ridge #666;
	border:0;
}
.separator{
	clear:both;
	visibility:hidden;
	margin: 5px 0 5px 0;
}
dl{
	margin:10px 5px;
}
	dt{
		color:#000;
		font-size:1.1em;
		font-weight:bold;
	}
	dd{
		font-style:normal;
		margin:0;
		padding:0;
		text-indent:10px;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	line-height: 1;
	margin:auto;
	width:100%;
	margin-bottom:15px;
}
	table caption{
		color: #ccc;
		font-size: 1.4rem;
		font-weight:bold;
		margin:5px 0;
		text-align:left;
	}
th{
	color:var(--color02);
	border:none;
	font-size: 1.4rem;
	font-family: 'open_sansbold', sans-serif;
	padding:5px;
}
thead tr th{
	background-color: var(--color04);
	color: var(--color00);
}

table tr:nth-child(even) th,
table tr:nth-child(even) td{
	background-color: var(--color06);

}
td img{
	height: auto !important;
}
td{
	border:none;
	padding:2px;
}
td img{
	padding:3px;
}


#wrapperInner p a:not([class*="btn-"]),
#wrapperInner ul li a:not([class*="btn-"]) {
	color: var(--color02);
	text-decoration: underline;
}

/* ------------------------
08 - MENU SCROLL UP
--------------------------*/
.scrollUp{
	position: fixed;
	top: 0;
	width: 100%;
	z-index : 10000;
	transition: top 0.2s ease-in-out;
}
.scrollUp.nav-up{
	transition: top 0.2s ease-in-out;
}


.scrollTop {
	display: block;
	background-color: var(--color03);
	border-radius: 50%;
	bottom: 20px;
	top: auto !important;
	right: 20px;
	position: fixed;
	left: auto !important;
	text-indent: -5000px;
	overflow: hidden;
}
/* ------------------------
09 - POPUP ACTUALITE
--------------------------*/
.popup-wrap {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(3,27,84,.9);
	padding: 15% 15%;
	z-index: 10000;
}

	@media (min-width: 1200px) {
		.popup-wrap {
			padding: 15% 30%;
		}	
	}

#mp_popu{
	max-width: 800px;
	background-color: #fff;
	padding: 30px;
	border-radius: 20px;
	position: relative;
}
#mp_popu .popup-btn-close{
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	right: 0;
	background-image: url('../img/charte/dentalhitec-sprite.svg');
	background-position: -160px -520px;
	background-size: 400px auto;
	transform: rotate(45deg);
	cursor: pointer;
}
#mp_popu .popup-btn-close span{
	display: none;
}

.popup-content{}

.box-simple-popup
{
	display:none;
}



/* ----------
10 - MENU HAMBURGERS
-------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{
	background-color: transparent;
	color: inherit;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	margin: 0;
	overflow: visible;
	padding: 5px 15px 0;
	text-transform: none;
	
	transition-property: opacity, -webkit-filter;
	
	transition-property: opacity, filter;
	
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
}
	.hamburger:hover, .hamburger:focus{
		opacity: 0.7;
	}

.hamburger-box{
	display: inline-block;
	height: 24px;
	position: relative;
	width: 40px;
}

.hamburger-inner{
	display: block;
	margin-top: -2px;
	top: 50%;
}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
		background-color: #00b4cd;
		border-radius: 4px;
		height: 4px;
		position: absolute;
		width: 40px;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	.hamburger-inner::before, .hamburger-inner::after{
		content: "";
		display: block;
	}
	.hamburger-inner::before{
		top: -10px;
	}
	.hamburger-inner::after{
		bottom: -10px;
	}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner{
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
	.hamburger--spin .hamburger-inner::before{
		transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
	}
	.hamburger--spin .hamburger-inner::after{
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

.hamburger--spin.is-active .hamburger-inner{
	transform: rotate(225deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
	.hamburger--spin.is-active .hamburger-inner::before{
		top: 0;
		opacity: 0;
		transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
	}
	.hamburger--spin.is-active .hamburger-inner::after{
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	}



/* ----------
11 - ICONES SOCIALES
-------------*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
	.jssocials-share a{
		
	}
		.jssocials-share .jssocials-share-logo{
			background-image: url('/images/charte/sprite-partages-rs.png');
			background-repeat: no-repeat;
			background-size: 130px auto;
			display: block;
			height: 33px;
			width: 33px;
		}
		.jssocials-share .jssocials-share-label{
			display: none;
		}

		.jssocials-share-email .jssocials-share-logo{ background-position: 0 0 }
		.jssocials-share-email:hover .jssocials-share-logo, .jssocials-share-email:focus .jssocials-share-logo{ /*background-position: 0 -34px*/ opacity: 0.7; }

		.jssocials-share-twitter .jssocials-share-logo{ background-position: -32px 0 }
		.jssocials-share-twitter:hover .jssocials-share-logo, .jssocials-share-twitter:focus .jssocials-share-logo{ /*background-position: -32px -34px*/ opacity: 0.7; }

		.jssocials-share-facebook .jssocials-share-logo{ background-position: -64px 0 }
		.jssocials-share-facebook:hover .jssocials-share-logo, .jssocials-share-facebook:focus .jssocials-share-logo{ /*background-position: -64px -34px*/ opacity: 0.7; }

		.jssocials-share-googleplus .jssocials-share-logo{ background-position: -97px 0 }
		.jssocials-share-googleplus:hover .jssocials-share-logo, .jssocials-share-googleplus:focus .jssocials-share-logo{ /*background-position: -97px -34px*/ opacity: 0.7; }



/**
* alert
*/
.alert
{
	background:var(--color02);;
	color:#FFF;
	padding:10px;

	width:100%;
	text-align: center;
}

.alert.alert-error
{
	background: rgb(194, 24, 12);
}

/* 12 - CLASS GENERIQUES */

/* Position */

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

/* Border radius */

.br10 {
	border-radius: 10px;
}



/* Box shadow */

.box-shadow {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
}

/* MEDIA // Cover */

.cover {
	overflow: hidden;
}
	.cover img{
		-o-object-fit: cover;
		   object-fit: cover;
		font-family: 'object-fit: cover';
		height: 100%;
		width: 100%;
	}

/* 13 - PAGE TEXTE EN BLOC */

.templatePageTextBloc > div:not(:last-child) {
    margin-bottom:50px;
}

/* Bloc introduction */

.bloc-introduction {
    padding: 0 15%;
    text-align: center;
}
	.bloc-introduction p {
		font-family: "rb", sans-serif;
		font-size: 1.5rem;
	}

/* Bloc texte et image */

.bloc-texte-image .slider-page .item {
    height: 500px;
}
.bloc-texte-image .slider-page.w100 .item {
	display: flex;
}
.bloc-texte-image .slider-page.w100.high {
    margin: 0 0 30px 0;
}
.bloc-texte-image .slider-page.w100.low {
    margin: 30px 0 0 0;
}

/* Galerie image */

.galerie-image {
    margin: 0 -10px 50px -10px !important;
}
	.galerie-image .item {
		margin: 0 10px 20px 10px;
		background-color: #000;
	}
		.galerie-image .item img {
			transition: transform .3s, opacity .3s;
		}
		.galerie-image .item:hover img {
			opacity: 0.5;
			transform: scale(1.05);
		}

/* Diaporama */

.slider-page .image-diapo {
    height: 500px;
}

/* Glissière */
.glissiere-item {
	border-bottom: 1px solid var(--color02);
    padding: 0;
    position: relative;
}
.ico-arrowgreen {
	background-position: -280px -120px;
	transition: transform .2s;
}
.glissiere-item.active .ico-arrowgreen {
	background-position: -120px -480px !important;
}
	.glissiere-item .contenu {
		display: none;
	}
	.glissiere-item.active .contenu {
		display: block;
	}
	.glissiere-item .titre {
		min-height: 40px;
		font-size: 1.6rem;
		font-family: 'open_sansregular', sans-serif;
		line-height: 1;		
		cursor: pointer;
		padding: 15px 0;
		color: var(--color02);
	}
	.glissiere-item.active .titre {
		font-family: 'open_sansbold', sans-serif;
		color: var(--color04);
	}

/* Téléchargement fichier */
.fileDownload-itemContent {
	padding: 15px;
}
.fileDownload-item .title {
	flex-grow: 1;
	font-family: 'sf_compact_textheavy', sans-serif;
	line-height: 1;
    font-size: 1.6rem;
    color: var(--color04);
    margin: 0;
}

.fileDownload-item{
	display: flex;
	flex-direction: column;
}
.fileDownload-item .vignette {
	width: 100%;
	position: relative;
	min-height: 200px;
    overflow: hidden;
}
	.fileDownload-item .vignette::before{
		display: block;
		width: 100%;
		padding-top: 100%;
		content: "";
	}
		.fileDownload-item .vignette a{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
.fileDownload-item .link a {
    margin: 0 0 0 5px;
}

/* Vignette page */

.blocVignettesCarrefours-itemContent {
	overflow: hidden;
}

/* .blocVignettesCarrefours-item:nth-child(3n+2) {
    margin: 0 40px 30px 40px;
} */
	.blocVignettesCarrefours-item .image {
		max-height: 200px;
		display: flex;
	}
		.blocVignettesCarrefours-item .image .sliderVignette {
			margin: 0 auto;
		}
			.blocVignettesCarrefours-item .image img {
				transition: opacity .3s, transform .3s;
				max-height: 200px;
			}
			.blocVignettesCarrefours-item .image:hover img {
				opacity: 0.5;
				transform: scale(1.05);
			}

/* 14 - SLICK */
button.slick-arrow {
	background-color: transparent;
	background-position: -280px -120px;
    border: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    text-indent: -5000px;
    overflow: hidden;
    outline: transparent;
    cursor: pointer;
}
button.slick-arrow.slick-prev {
    right: 40px;
    z-index: 1;
    transform: rotate(-180deg);
}
.slick-dots {
	margin: 0 !important;
}
.slick-dots li::before{
	display: none;
}
	
/*RESPONSIVE
01 - DESKTOP */





/* ------
02 - ANIMATION SCROLL
---------*/
/*
Opacité seule : classSectionToAnimate
Opacité + top : classSectionToAnimate animateTop
Opacité + bottom : classSectionToAnimate animateBottom
Opacité + right : classSectionToAnimate animateRight
Opacité + left : classSectionToAnimate animateLeft
Opacité + top Left : classSectionToAnimate animateTopLeft
Opacité + top Right : classSectionToAnimate animateTopRight
Opacité + bottom Left : classSectionToAnimate animateBottomLeft
Opacité + bottom Right : classSectionToAnimate animateBottomRight
Opacité + scale : classSectionToAnimate animateScale
*/
.animate-elem{
	opacity: 0;
	position: relative;
}
.animate-elem-25{
	opacity: 1;

	transition-duration: 2s;
	-webkit-transition-duration: 2s;
}




.animate-elem.animateTop{ top: -30px; }
.animate-elem-25.animateTop{ top: 0; }

.animate-elem.animateBottom{ bottom: -30px; }
.animate-elem-25.animateBottom{ bottom: 0; }

.animate-elem.animateRight{ right: -50%; }
.animate-elem-100.animateRight{ right: 0; }

.animate-elem.animateLeft{ left: -50%; }
.animate-elem-100.animateLeft{ left: 0; }

.animate-elem.animateScale{ transform: scale(0); }
.animate-elem-100.animateScale{ transform: scale(1); }


.animate-elem.animateTopLeft{ left: -30px; top: -30px; }
.animate-elem-25.animateTopLeft{ left: 0; top: 0; }

.animate-elem.animateTopRight{ right: -30px; top: -30px; }
.animate-elem-25.animateTopRight{ right: 0; top: 0; }

.animate-elem.animateBottomLeft{ left: -30px; bottom: -30px; }
.animate-elem-25.animateBottomLeft{ left: 0; bottom: 0; }

.animate-elem.animateBottomRight{ right: -30px; bottom: -30px; }
.animate-elem-25.animateBottomRight{ right: 0; bottom: 0; }







/* -----------------------------------------------
----------------------------------------------- */