p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	@include font-size(2);
	font-weight:400;
	font-family:$font__title;
	position:relative;
	margin:0px;
	padding:0px;
	border:0px;
	line-height:1.2em;
	letter-spacing:0.03em;
	
	p{
		margin:0px;
	}
	strong{
		font-weight:400;
	}

	.wysiwyg & p{
		margin:0px;
	}

	@media screen and (max-width: 1023px) {
		@include font-size(1.75);
	}
	@media screen and (max-width: 767px) {
		@include font-size(1.75);
	}
	footer{
		font-family:$font__main;
		line-height:1.55em;
		letter-spacing:0.01em;
		@include font-size(1.125);
		@media screen and (max-width: 767px) {
			@include font-size(1);
		}
	}

}

address {
	margin: 0 0 1.5em;
}

pre {
	background: $color__background-pre;
	font-family: $font__pre;
	@include font-size(0.9375);
	line-height: $font__line-height-pre;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: $font__code;
	@include font-size(0.9375);
}

abbr, acronym {
	border-bottom: 1px dotted $color__border-abbr;
	cursor: help;
}

mark, ins {
	background: $color__background-ins;
	text-decoration: none;
}

big {
	font-size: 125%;
}


body,
button,
input,
select,
optgroup,
textarea {
	color: $color__text-main;
	font-family: $font__main;
	@include font-size(1);
	line-height: $font__line-height-body;
}


h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1.3em;
}


.ToDesapear, .visuallyhidden{
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}


.wysiwyg{

	font-weight:400;
	line-height:1.7em;
	letter-spacing:0em;
	@include font-size(1.125);

	@media screen and (max-width: $max_size_big_tablette - 1px){
		@include font-size(1);
	}


	p{
		margin:1.2em 0px;
		

		// &.overtitle{
		// 	text-transform:uppercase;
		// 	font-family:$font__title;
		// 	color:$color__tchatbooster_orange;
		// 	font-size:1.25em;
		// 	letter-spacing:0.1em;
		// 	margin-bottom:0px;
		// 	line-height:1.2em;
		// 	@media screen and (max-width: 768px){
		// 		font-size:1.125em;
		// 	}
		// }
	}


	li{
		list-style: none;
		position:relative;
		//line-height:1.45em;
		//margin-left:1em;
		padding-left:18px;
		margin-bottom: 0.2em;

		&:last-child{
			margin-bottom: 0px;
		}

		&:before{
			content:'';
			display:block;
			width:4px;
			height:4px;
			background:$color__tchatbooster_orange;
			position:absolute;
			left:0px;
			top:0.65em;
			border-radius:50%;
		}

		> ul{
			margin-top:10px;
			margin-bottom:15px;
			li{
				
			}
		}

		@media screen and (max-width: 450px){
			padding-left:15px;
			&:before{
				left:-5px;
			}
		}
	}	
	

	strong, b, .like_strong{
		font-weight:900;
	}
	/* tyny */
	
	ul{
		margin-left:0em;
		padding-left:0em;
		text-align: left;
		padding-top:0.2em;

		@media screen and (max-width: 450px){
			margin-left: 0px;
		}
	}

	em{
		font-style:italic;
	}

	> :first-child{
		margin-top:0px;
	}
	> :last-child{
		margin-bottom:0px;
	}

	a{
		color:$color__tchatbooster_bleuf;
		border-bottom:1px solid $color__tchatbooster_orange;
		padding-bottom:0px;
		transition:0.35s;
		&:hover{
			border-color:$color__tchatbooster_orange;
			color:$color__tchatbooster_orange;
		}
	}
	
	.btn + .btn{
		margin-left:15px;
		@media screen and (max-width: 340px){
			margin-top:10px;
			margin-left:0px;
		}
	}

	.btn{
		border: 1px solid $color__tchatbooster_bleuf;
		
		&:hover{
			border-color:$color__tchatbooster_orange;
			color:#fff;
		}
	}

	blockquote{
		background:$color__tchatbooster_bleuf;
		color:#fff;
		text-align:center;
		padding:3.5em 0px;
		line-height:1.4em;
		margin:2em 0px;
		font-size:1.7em;
		
		margin-left:calc(-1 * ((100vw - 922px - 150px) / 2));
		margin-right:calc(-1 * ((100vw - 922px - 150px) / 2));
		width:auto;

		> p{
			max-width:922px;
			margin-left:auto;
			margin-right:auto;

		}

	

		@media screen and (max-width: 1100px) {
			margin-left:-50px;
			margin-right:-50px;
			width:calc(100% + 100px);

			padding:2.5em 50px;
			font-size:1.5em;
		}


		@media screen and (max-width: 768px) {
			margin-left:-24px;
			margin-right:-24px;
			width:calc(100% + 48px);
			font-size:1.3em;

			.author_citation{
				@include font-size(1);
			}

			padding:1.8em 24px;
		}
	}

	p.big_txt{
		font-size:1.22em;
		font-weight:700;
		line-height:1.8em;
	}

	.big_number_orange{
		font-size:1.3em;
		color:$color__tchatbooster_orange;
	}
	

	h1.title_slider,h2.title_slider{
		@include font-size(3.125);
		font-family:$font__title;
		line-height:1.2em;
		font-weight:700;

		@media screen and (max-width: 1439px) {
			@include font-size(2.5);
		}
		@media screen and (max-width: 1024px) {
			@include font-size(2.25);
		}
		@media screen and (max-width: $max_size_small_tablette) {
			@include font-size(2);
		}
		@media screen and (max-width: 450px) {
			@include font-size(1.5);
		}
	}

	h1{
		font-weight:400;
		font-size:1.5em;
		line-height:1.7em;
	}	
	h2{
		font-size:1.9em;
		font-family:$font__main;
		font-weight:400;
		margin-top:0px;
		line-height:1.3em;
	
		@media screen and (max-width: $max_size_small_tablette - 1px) {
			font-size:1.7em;
		}
		
	}

	p + h2{
		margin-top:1.5em;
	}


	&--white{
		color:#fff;
		li:before{
			background:#fff;
		}
	}


	
	h3{
		font-size:1.77em;
		font-weight:900;
		font-family:$font__title;

		@media screen and (max-width: $max_size_small_tablette - 1px) {
			font-size:1.4em;
		}

		+ p{
			margin-top:0px;
		}



	.surtitre{
		font-weight:300;
		display:block;
		font-style:italic;
		font-size:1em;
		font-family:$font__main;

		.bg_orange &{
			color:#fff;
		}
	}


	}

	h4{
		text-transform:uppercase;
		font-size:1.25em;
		font-weight:400;
		font-family:$font__main;
	}

	p + h3{
		margin-top:1.5em;
	}

	em{
		color:$color__tchatbooster_orange;
		font-style:normal;
	}

	&--valeurwhite{
		em{
			color:#fff;
		}
	}

	.caption{
		font-weight:500;
		margin-top:1em;
	}
			
}

// /* GRAND TITRE DE SECTION */
.BigSectionTitle{
	font-family:$font__title;
	//color:$color__tchatbooster_orange;
 	@include font-size(5.625);
 	margin:0px;
 	text-transform:uppercase;
 	font-weight:900;
 	line-height:0.95em;

 	@media screen and (max-width: 1439px) {
		@include font-size(5);
	}
	@media screen and (max-width: 1024px) {
		@include font-size(4);
	}
	@media screen and (max-width: $max_size_small_tablette) {
		@include font-size(3);
	}
	@media screen and (max-width: 450px) {
		@include font-size(2)
	}

	@media screen and (max-width: 360px) {
		@include font-size(1.75);
	}
	.bg_bleuc &{
		color:#fff;
	}
}
.PageTitle{
	font-family:$font__title;
	//color:$color__tchatbooster_orange;
 	@include font-size(3);
 	margin:0px;
 	text-transform:uppercase;
 	font-weight:900;
 	line-height:0.95em;

 	@media screen and (max-width: 1439px) {
		@include font-size(3);
	}
	@media screen and (max-width: 1024px) {
		@include font-size(2);
	}
	@media screen and (max-width: $max_size_small_tablette) {
		@include font-size(2);
	}
	@media screen and (max-width: 450px) {
		@include font-size(2)
	}

	@media screen and (max-width: 360px) {
		@include font-size(1.75);
	}
	.bg_bleuc &{
		color:#fff;
	}
}
.surtitre_big_title{
	font-family:$font__title;
	color:$color__tchatbooster_orange;
 	@include font-size(1.875);
 	margin:0px;
 	text-transform:uppercase;
 	font-weight:900;
 	line-height:0.95em;
 	margin-bottom:0.3em;
 	display:block;
 	letter-spacing:0.02em;
}


.LittleSectionTitle{
	font-family:$font__title;
	//color:$color__tchatbooster_orange;
 	@include font-size(2);
 	margin:0px;
 	font-weight:900;
 	line-height:0.95em;

 
	@media screen and (max-width: 767px) {
		@include font-size(1.75)
	}

	@media screen and (max-width: 360px) {
		@include font-size(1.5);
	}
	.bg_bleuc &{
		color:#fff;
	}
}


.surtitre_little_title{
	font-weight:300;
	font-style:italic;
	@include font-size(2);

	@media screen and (max-width: 767px) {
		@include font-size(1.75)
	}

	@media screen and (max-width: 360px) {
		@include font-size(1.5);
	}

	.bg_orange &{
		color:#fff;
	}
}



// .PageTitle{
// 	@include font-size(4.375);
// 	font-family:$font__main;
// 	margin:0px;
// 	@media screen and (max-width: 1500px ) {
//  		@include font-size(4);
//  	}

// 	@media screen and (max-width: $max_size_big_tablette ) {
//  		@include font-size(3);
//  	}
//  	@media screen and (max-width: $max_size_small_tablette - 1px) {
//  		@include font-size(2);
//  	}
// }


// .SectionTitle{
// 	font-family:$font__title;
// 	color:$color__tchatbooster_orange;
// 	@include font-size(3.25);
// 	margin:0px;
	
//  	@media screen and (max-width: $max_size_big_tablette ) {
//  		font-size:2em;
//  	}
//  	@media screen and (max-width: $max_size_small_tablette - 1px) {
//  		font-size:1.75em;
//  	}
// }

// .BigQuote{
// 	font-family:$font__title;
// 	color:$color__tchatbooster_bleutc;
// 	@include font-size(2.125);
// 	margin:0px;
// 	line-height:1.56em;

// 	@media screen and (max-width: $max_size_big_tablette ) {
//  		font-size:1.75em;
//  	}
//  	@media screen and (max-width: $max_size_small_tablette - 1px) {
//  		font-size:1.5em;
//  	}
// }

// .SectionIntro{
// 	margin:0px;
// 	@include font-size(1.875);
// 	line-height:1.4em;
// 	margin-top: 0.2em;

// 	@media screen and (max-width: $max_size_big_tablette ) {
//  		font-size:1.5em;
//  	}
//  	@media screen and (max-width: $max_size_small_tablette - 1px) {
//  		font-size:1.2em;
//  	}
// }

/*** btn bleu**/
.btn, .wysiwyg .btn{
	border:1px solid $color__tchatbooster_bleuf;
	background:#fff;
	padding:0.6em 1em;
	line-height:1.2em;
	transition:0.35s;
	position:relative;
	z-index:10;
	overflow:hidden;
	display:inline-block;
	color:$color__tchatbooster_bleuf;
	font-weight:500;
	border-radius:100px;



	&:hover{
		background:$color__tchatbooster_orange;
		border-color:$color__tchatbooster_orange;
		color:#fff;
	}

	@media screen and (max-width: 1550px) {
		@include font-size(1);
	}

 	@media screen and (max-width: $max_size_big_tablette - 1px) {
 		padding:1.1em 1.1em;
	}

	&:focus{
		outline:0px;
	}

}


/**************************************************************************/
/*********** GRAND BUTTON *********/
/**************************************************************************/

.BigBtn{
	background:$color__tchatbooster_orange;
	border-radius:20px;
	color:#fff;
	border:0px;
	font-weight:600;
	@include font-size(1.5);
	padding:0.6em 1em;

	box-shadow: 5px 5px 0px rgba($color__tchatbooster_bleutc, 1.0);
	transition:0.35s;
		
	color:#fff;
	
	@media screen and (max-width: $max_size_big_tablette) {
		@include font-size(1.25);
	}

	&:hover{
		background:$color__tchatbooster_bleutc;
		color:$color__tchatbooster_bleuf;
		box-shadow: 5px 5px 0px rgba($color__tchatbooster_bleuf, 1.0);
	}
}