/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: < 95%
*/

/***********************************************************************
404
***********************************************************************/


.products_404{
	margin-top: 30px;
	margin-top: 3rem;
}

.products_404{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	margin: 40px 0;
	margin: 4rem 0;
}

.products_404 .product{
	margin: 0;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
}

.products_404 .product{
	position: relative;

	display: inline-block;

	max-width: 100%;

	margin-bottom: 50px;
	margin-bottom: 5rem;
}

.products_404 .product a{
	display: inline-block;
}

.products_404 .product.cheapest::after{
	position: absolute;

	top: 2px;
	top: 0.2rem;

	right: 2px;
	right: 0.2rem;
	
	width: 70px;
	width: 7rem;
	
	height: 70px;
	height: 7rem;
	
	color: transparent;
	
	background-position: center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
}

body.lang_fr .products_404 .product.cheapest::after{
	background-image: url('/site/charte/images/tb/moins-chers-europe.png');
	content: 'Moins chers d\'Europe';
}

body.lang_it .products_404 .product.cheapest::after{
	background-image: url('/site/charte/images/tb/prezzi-piu-bassi-italia.png');
	content: 'Prezzi piu bassi d\'italia';
}

.products_404 .product.falling_price::before,
.products_404 .product.new_product::before{
	position: absolute;

	top: 20px;
	top: 2rem;

	left: 0;

	background: red;

	padding: 5px 10px;
	padding: 0.5rem 1rem;

	color: #FFFFFF;

	font-weight: 400;

	font-size: 16px;
	font-size: 1.6rem;
}

body.lang_fr .products_404 .product.falling_price::before{
	content: 'Prix en baisse !';
}

body.lang_it .products_404 .product.falling_price::before{
	content: 'Prezzi abbassati!';
}

body.lang_fr .products_404 .product.new_product::before{
	content: 'Nouveau !';
}

body.lang_it .products_404 .product.new_product::before{
	content: 'Novità!';
}

.products_404 .product div{
	margin-top: 10px;
	margin-top: 1rem;

	padding: 0 5px;
	padding: 0 0.5rem;
}

.products_404 .product .product_name{
	font-size: 16px;
	font-size: 1.6rem;

	font-weight: 500;
}

.products_404 .product .product_snippet{
	font-size: 14px;
	font-size: 1.4rem;
}

.products_404 .product .product_snippet::first-letter{
	text-transform: uppercase;
}

.products_404 .product .product_snippet .price{
	color: #F37023;
	font-weight: 500;
	font-size: 16px;
	font-size: 1.6rem;
}


@media all and (min-width: 600px){
	.products_404{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;

		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
		
		-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	}

	.products_404 .product{
		min-width: 200px;
		min-width: 20rem;

		max-width: 285px;
		max-width: 28.5rem;
	}
}

/***********************************************************************
/404
***********************************************************************/

/***********************************************************************
Print On Demand
***********************************************************************/

#print_on_demand,
#print_on_demand *,
#print_on_demand *::before,
#print_on_demand *::after{
	-webkit-box-sizing: border-box;
	        -moz-box-sizing: border-box;
	     box-sizing: border-box;
}
#print_on_demand h1,
#print_on_demand h2,
#print_on_demand h3{
	text-transform: none;
}

#print_on_demand #intro,
#print_on_demand #bandeau_text,
#print_on_demand #bandeau_temoignages,
#print_on_demand #bandeau_contact{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afa6bc+0,5398a2+100 */
	background: #afa6bc; /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #afa6bc 0%,#5398a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#afa6bc),to(#5398a2));
	background: -o-linear-gradient(left, #afa6bc 0%,#5398a2 100%);
	background: -moz-linear-gradient(left, #afa6bc 0%,#5398a2 100%);
	background: linear-gradient(to right, #afa6bc 0%,#5398a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afa6bc', endColorstr='#5398a2',GradientType=1 ); /* IE6-9 */
	
	color: #FFFFFF;
}

#print_on_demand #intro{
	position: relative;
	
	padding-top: 50px;
	padding-top: 5rem;
	
	overflow: hidden;
}

#print_on_demand #intro > div{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	padding: 0 20px;
	padding: 0 2rem;
}

#print_on_demand #intro .text{
	position: relative;

	z-index: 1;
}

#print_on_demand #intro h1{
	font-size: 40px;
	font-size: 4rem;

	font-weight: 400;
}

#print_on_demand #intro h1 span{
	font-weight: 800;
}

#print_on_demand #intro h2{
	font-size: 28px;
	font-size: 2.8rem;

	font-weight: 400;
}

#print_on_demand #intro p{
	font-size: 16px;
	font-size: 1.6rem;
}

#print_on_demand #intro .text div a{
	display: inline-block;

	width: -webkit-calc(50% - 10px);

	width: -moz-calc(50% - 10px);

	width: calc(50% - 10px);
	width: -webkit-calc(50% - 1rem);
	width: -moz-calc(50% - 1rem);
	width: calc(50% - 1rem);

	padding: 8px 10px;
	padding: 0.8rem 1rem;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;

	font-size: 16px;
	font-size: 1.6rem;
	
	text-align: center;
	
	color: #FFFFFF;

	background: #333333;

	-webkit-transition: 0.3s all;

	-o-transition: 0.3s all;

	-moz-transition: 0.3s all;

	transition: 0.3s all;
}

#print_on_demand #intro .text div a:last-child{
	margin-left: 10px;
	margin-left: 1rem;

	background: #D4D4D4;
	color: #525151;
}

#print_on_demand #intro .text div a:hover{
	color: #949494;
}

#print_on_demand #intro .illustration{
	position: relative;
	z-index: 2;

	margin-top: 20px;
	margin-top: 2rem;
}

#print_on_demand #intro #empty_white_bloc{
	position: absolute;
	
	bottom: -50%;
	left: -50%;

	width: 200%;

	height: 400px;
	height: 40rem;

	background: #FFFFFF;

	-webkit-transform: rotateZ(-10deg);

	    -ms-transform: rotate(-10deg);

	        -moz-transform: rotateZ(-10deg);

	          -o-transform: rotateZ(-10deg);

	     transform: rotateZ(-10deg);
}


#print_on_demand #points{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;

	padding: 50px 20px;
	padding: 5rem 2rem;
}

#print_on_demand #points .point{
	float: none;
	margin: 0;

	width: 250px;
	width: 25rem;
}

#print_on_demand #points .point img{
	float: none;
	width: 115px;
	width: 11.5rem;
	margin: 0 auto;
}

#print_on_demand #points .point h3{
	color: #949494;

	text-align: center;

	font-size: 18px;
	font-size: 1.8rem;

	font-weight: 400;

	margin-top: 10px;
	margin-top: 1rem;
}

#print_on_demand #bandeau_text{
	padding: 50px 0;
	padding: 5rem 0;
}

#print_on_demand #bandeau_text div{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;

	padding: 0 20px;
	padding: 0 2rem;
}

#print_on_demand #bandeau_text h2,
#print_on_demand #bandeau_text p{
	display: inline-block;

	width: 100%;

	margin: 0;

}

#print_on_demand #bandeau_text h2{
	font-size: 40px;
	font-size: 4rem;
	
	font-weight: 600;
}

#print_on_demand #bandeau_text p{
	text-align: justify;

	font-size: 16px;
	font-size: 1.6rem;

	margin-top: 20px;
	margin-top: 2rem;
}

#print_on_demand #nos_outils{
	padding: 50px 0;
	padding: 5rem 0;
}

#print_on_demand #nos_outils h2{
	text-align: center;

	font-size: 30px;
	font-size: 3rem;

	color: #949494;
}

#print_on_demand #nos_outils h3{
	text-align: center;

	font-size: 24px;
	font-size: 2.4rem;

	color: #C4C4C4;
}

#print_on_demand #nos_outils .outil{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	        justify-content: space-around;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;

	color: #949494;

	font-size: 18px;
	font-size: 1.8rem;

	margin: 80px 0;
	margin: 8rem 0;
}

#print_on_demand #nos_outils .outil .text{
	max-width: 700px;
	max-width: 70rem;
}

#print_on_demand #nos_outils .outil .illustration{
	max-width: 300px;
	max-width: 30rem;
}

#print_on_demand #bandeau_exemples{
	padding: 50px 20px;
	padding: 5rem 2rem;
	text-align: center;
}

#print_on_demand #bandeau_exemples h2{
	margin-bottom: 20px;
	margin-bottom: 2rem;

	font-size: 30px;
	font-size: 3rem;

	/* font-weight: 700; */

	color: #949494;
}

#print_on_demand #bandeau_exemples input[type='radio'],
#tb.printondemand #bandeau_exemples input[type='radio']{
	display: none;
}

#print_on_demand #bandeau_exemples .scenario,
#tb.printondemand #bandeau_exemples .scenario{
	display: none;
	position: relative;
}

#print_on_demand #bandeau_exemples .arrow_previous,
#print_on_demand #bandeau_exemples .arrow_next,
#tb.printondemand #bandeau_exemples .arrow_previous,
#tb.printondemand #bandeau_exemples .arrow_next{
	position: absolute;
	
	display: inline-block;

	top: -webkit-calc(50% - 20px);

	top: -moz-calc(50% - 20px);

	top: calc(50% - 20px);
	top: -webkit-calc(50% - 2rem);
	top: -moz-calc(50% - 2rem);
	top: calc(50% - 2rem);

	width: 20px;
	width: 2rem;

	height: 50px;
	height: 5rem;

	font-size: 40px;
	font-size: 4rem;

	cursor: pointer;
}

#print_on_demand #bandeau_exemples .arrow_previous,
#tb.printondemand #bandeau_exemples .arrow_previous{
	left: 0;
}

#print_on_demand #bandeau_exemples .arrow_next,
#tb.printondemand #bandeau_exemples .arrow_next{
	right: 0;
}

#print_on_demand #bandeau_exemples .exemples,
#tb.printondemand #bandeau_exemples .exemples{
	padding: 0 20px;
	padding: 0 2rem;
	margin-top: 20px;
	margin-top: 2rem;
}

#print_on_demand #bandeau_exemples .exemple,
#tb.printondemand #bandeau_exemples .exemple{
	display: none;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

    -webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	        justify-content: center;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
}

#print_on_demand #bandeau_exemples label,
#tb.printondemand #bandeau_exemples label{
	display: inline-block;
	margin: 5px 5px;
	margin: 0.5rem 0.5rem;
}

#print_on_demand #bandeau_exemples #scenarios label,
#tb.printondemand #bandeau_exemples #scenarios label{
	width: 150px;
	width: 15rem;
	padding: 8px 10px;
	padding: 0.8rem 1rem;
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	color: #949494;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	cursor: pointer;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#print_on_demand #bandeau_exemples #scenario_anniversaire:checked ~ #scenarios label[for='scenario_anniversaire'],
#print_on_demand #bandeau_exemples #scenario_promotion:checked ~ #scenarios label[for='scenario_promotion'],
#print_on_demand #bandeau_exemples #scenario_fidelite:checked ~ #scenarios label[for='scenario_fidelite'],
#tb.printondemand #bandeau_exemples #scenario_anniversaire:checked ~ #scenarios label[for='scenario_anniversaire'],
#tb.printondemand #bandeau_exemples #scenario_promotion:checked ~ #scenarios label[for='scenario_promotion'],
#tb.printondemand #bandeau_exemples #scenario_fidelite:checked ~ #scenarios label[for='scenario_fidelite']{
	background: #F37023;
	color: #FFFFFF;
}

#print_on_demand #bandeau_exemples #scenario_anniversaire:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'],
#print_on_demand #bandeau_exemples #scenario_promotion:checked ~ #scenarios_scene .scenario[data-scenario='promotion'],
#print_on_demand #bandeau_exemples #scenario_fidelite:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'],
#tb.printondemand #bandeau_exemples #scenario_anniversaire:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'],
#tb.printondemand #bandeau_exemples #scenario_promotion:checked ~ #scenarios_scene .scenario[data-scenario='promotion'],
#tb.printondemand #bandeau_exemples #scenario_fidelite:checked ~ #scenarios_scene .scenario[data-scenario='fidelite']{
	display: block;
}

#print_on_demand #bandeau_exemples #exemple_anniversaire_1:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='1'],
#print_on_demand #bandeau_exemples #exemple_anniversaire_2:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='2'],
#print_on_demand #bandeau_exemples #exemple_anniversaire_3:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='3'],
#print_on_demand #bandeau_exemples #exemple_anniversaire_4:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='4'],
#print_on_demand #bandeau_exemples #exemple_promotion_1:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='1'],
#print_on_demand #bandeau_exemples #exemple_promotion_2:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='2'],
#print_on_demand #bandeau_exemples #exemple_promotion_3:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='3'],
#print_on_demand #bandeau_exemples #exemple_promotion_4:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='4'],
#print_on_demand #bandeau_exemples #exemple_fidelite_1:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='1'],
#print_on_demand #bandeau_exemples #exemple_fidelite_2:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='2'],
#print_on_demand #bandeau_exemples #exemple_fidelite_3:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='3'],
#print_on_demand #bandeau_exemples #exemple_fidelite_4:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='4'],
#tb.printondemand #bandeau_exemples #exemple_anniversaire_1:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='1'],
#tb.printondemand #bandeau_exemples #exemple_anniversaire_2:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='2'],
#tb.printondemand #bandeau_exemples #exemple_anniversaire_3:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='3'],
#tb.printondemand #bandeau_exemples #exemple_anniversaire_4:checked ~ #scenarios_scene .scenario[data-scenario='anniversaire'] .exemple[data-exemple='4'],
#tb.printondemand #bandeau_exemples #exemple_promotion_1:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='1'],
#tb.printondemand #bandeau_exemples #exemple_promotion_2:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='2'],
#tb.printondemand #bandeau_exemples #exemple_promotion_3:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='3'],
#tb.printondemand #bandeau_exemples #exemple_promotion_4:checked ~ #scenarios_scene .scenario[data-scenario='promotion'] .exemple[data-exemple='4'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_1:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='1'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_2:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='2'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_3:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='3'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_4:checked ~ #scenarios_scene .scenario[data-scenario='fidelite'] .exemple[data-exemple='4']{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
}

#print_on_demand #bandeau_exemples .illustration,
#tb.printondemand #bandeau_exemples .illustration{
	max-width: 340px;
	max-width: 34rem;
}

#print_on_demand #bandeau_exemples .text,
#tb.printondemand #bandeau_exemples .text{
	/* width: calc(100% - 450px); */
	/* width: calc(100% - 45rem); */

	text-align: justify;
}

#print_on_demand #bandeau_exemples .text h3,
#print_on_demand #bandeau_exemples .text p,
#tb.printondemand #bandeau_exemples .text h3,
#tb.printondemand #bandeau_exemples .text p{
	color: #949494;
}

#print_on_demand #bandeau_exemples .text h3,
#tb.printondemand #bandeau_exemples .text h3{
	font-size: 24px;
	font-size: 2.4rem;

	margin-bottom: 15px;
	margin-bottom: 1.5rem;
}

#print_on_demand #bandeau_exemples .text p,
#tb.printondemand #bandeau_exemples .text p{
	font-size: 18px;
	font-size: 1.8rem;
}

#print_on_demand #bandeau_exemples .nav_scene label,
#tb.printondemand #bandeau_exemples .nav_scene label{
	color: transparent;

	background: #7A7A7A;

	width: 15px;
	width: 1.5rem;

	height: 15px;
	height: 1.5rem;

	border: 2px solid #7A7A7A;
	border: 0.2rem solid #7A7A7A;

	-webkit-border-radius: 50%;

	   -moz-border-radius: 50%;

	        border-radius: 50%;

	cursor: pointer;

	-webkit-transition: 0.3s all;

	-o-transition: 0.3s all;

	-moz-transition: 0.3s all;

	transition: 0.3s all;
}

#print_on_demand #bandeau_exemples #exemple_anniversaire_1:checked ~ #scenarios_scene label[for='exemple_anniversaire_1'],
#print_on_demand #bandeau_exemples #exemple_anniversaire_2:checked ~ #scenarios_scene label[for='exemple_anniversaire_2'],
#print_on_demand #bandeau_exemples #exemple_anniversaire_3:checked ~ #scenarios_scene label[for='exemple_anniversaire_3'],
#print_on_demand #bandeau_exemples #exemple_anniversaire_4:checked ~ #scenarios_scene label[for='exemple_anniversaire_4'],
#print_on_demand #bandeau_exemples #exemple_promotion_1:checked ~ #scenarios_scene label[for='exemple_promotion_1'],
#print_on_demand #bandeau_exemples #exemple_promotion_2:checked ~ #scenarios_scene label[for='exemple_promotion_2'],
#print_on_demand #bandeau_exemples #exemple_promotion_3:checked ~ #scenarios_scene label[for='exemple_promotion_3'],
#print_on_demand #bandeau_exemples #exemple_promotion_4:checked ~ #scenarios_scene label[for='exemple_promotion_4'],
#print_on_demand #bandeau_exemples #exemple_fidelite_1:checked ~ #scenarios_scene label[for='exemple_fidelite_1'],
#print_on_demand #bandeau_exemples #exemple_fidelite_2:checked ~ #scenarios_scene label[for='exemple_fidelite_2'],
#print_on_demand #bandeau_exemples #exemple_fidelite_3:checked ~ #scenarios_scene label[for='exemple_fidelite_3'],
#print_on_demand #bandeau_exemples #exemple_fidelite_4:checked ~ #scenarios_scene label[for='exemple_fidelite_4'],

#tb.printondemand #bandeau_exemples #exemple_anniversaire_1:checked ~ #scenarios_scene label[for='exemple_anniversaire_1'],
#tb.printondemand #bandeau_exemples #exemple_anniversaire_2:checked ~ #scenarios_scene label[for='exemple_anniversaire_2'],
#tb.printondemand #bandeau_exemples #exemple_anniversaire_3:checked ~ #scenarios_scene label[for='exemple_anniversaire_3'],
#tb.printondemand #bandeau_exemples #exemple_anniversaire_4:checked ~ #scenarios_scene label[for='exemple_anniversaire_4'],
#tb.printondemand #bandeau_exemples #exemple_promotion_1:checked ~ #scenarios_scene label[for='exemple_promotion_1'],
#tb.printondemand #bandeau_exemples #exemple_promotion_2:checked ~ #scenarios_scene label[for='exemple_promotion_2'],
#tb.printondemand #bandeau_exemples #exemple_promotion_3:checked ~ #scenarios_scene label[for='exemple_promotion_3'],
#tb.printondemand #bandeau_exemples #exemple_promotion_4:checked ~ #scenarios_scene label[for='exemple_promotion_4'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_1:checked ~ #scenarios_scene label[for='exemple_fidelite_1'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_2:checked ~ #scenarios_scene label[for='exemple_fidelite_2'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_3:checked ~ #scenarios_scene label[for='exemple_fidelite_3'],
#tb.printondemand #bandeau_exemples #exemple_fidelite_4:checked ~ #scenarios_scene label[for='exemple_fidelite_4']{
	background: transparent;
}

#print_on_demand #bandeau_temoignages,
#tb.printondemand #bandeau_temoignages{
	padding: 50px 0;
	padding: 5rem 0;

	color: #FFFFFF;
}

#print_on_demand #bandeau_temoignages h2,
#tb.printondemand #bandeau_temoignages h2{
	text-align: center;

	font-size: 30px;
	font-size: 3rem;


}

#print_on_demand #bandeau_temoignages h3,
#tb.printondemand #bandeau_temoignages h3{
	font-size: 18px;
	font-size: 1.8rem;


	font-weight: 400;

	margin-bottom: 20px;
	margin-bottom: 2rem;
}

#print_on_demand #bandeau_temoignages .illustration,
#tb.printondemand #bandeau_temoignages .illustration{
	/* background: #009900; */
	display: inline-block;
	max-width: 110px;
	max-width: 11rem;

	overflow: hidden;

	-webkit-border-radius: 50%;

	   -moz-border-radius: 50%;

	        border-radius: 50%;
}

#print_on_demand #bandeau_temoignages .text,
#tb.printondemand #bandeau_temoignages .text{
	display: inline-block;
	width: 100%;

	color: #FFFFFF;
}

#print_on_demand #bandeau_temoignages p,
#tb.printondemand #bandeau_temoignages p{
	margin: 0;
}

#print_on_demand #bandeau_temoignages #temoignage_scene,
#tb.printondemand #bandeau_temoignages #temoignage_scene{
	padding: 0 60px;
}

#print_on_demand #bandeau_temoignages .temoignage,
#tb.printondemand #bandeau_temoignages .temoignage{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;

	padding: 0;

	background: transparent;
}

#print_on_demand #bandeau_temoignages .slick-arrow.slick-prev,
#print_on_demand #bandeau_temoignages .slick-arrow.slick-next,
#tb.printondemand #bandeau_temoignages .slick-arrow.slick-prev,
#tb.printondemand #bandeau_temoignages .slick-arrow.slick-next{
	top: -webkit-calc(50% - 10px);
	top: -moz-calc(50% - 10px);
	top: calc(50% - 10px);
	top: -webkit-calc(50% - 1rem);
	top: -moz-calc(50% - 1rem);
	top: calc(50% - 1rem);
	
	height: auto;
	
	font-size: 40px;
	font-size: 4rem;
	
	color: #FFFFFF;

	background: transparent;
}

#print_on_demand #bandeau_temoignages .slick-arrow.slick-prev,
#tb.printondemand #bandeau_temoignages .slick-arrow.slick-prev{
	left: 0;
}

#print_on_demand #bandeau_temoignages .slick-arrow.slick-next,
#tb.printondemand #bandeau_temoignages .slick-arrow.slick-next{
	right: 0;
}

#print_on_demand #bandeau_contact{
	padding: 50px 20px;
	padding: 5rem 2rem;
}

#print_on_demand #bandeau_contact h2{
	text-align: center;

	font-size: 30px;
	font-size: 3rem;

	/* font-weight: 700; */

	color: #FFFFFF;
}

#print_on_demand #bandeau_contact form{
	text-align: center;
}

#print_on_demand #bandeau_contact form div{
	display: -webkit-box;
    display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	        flex-direction: row;

	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	        justify-content: space-around;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#print_on_demand #bandeau_contact input,
#print_on_demand #bandeau_contact textarea{
	display: inline-block;

	float: none;

	width: 100%;
	
	margin: 40px 0 0 0;
	margin: 4rem 0 0 0;
	
	border: none;
	
	-webkit-box-shadow: none;
	
	        -moz-box-shadow: none;
	
	     box-shadow: none;
	
	background: transparent;
	
	color: #FFFFFF;
	
	font-family: pangram, sans-serif;
}

#print_on_demand #bandeau_contact input{
	font-size: 14px;
	font-size: 1.4rem;
}

#print_on_demand #bandeau_contact input::-webkit-input-placeholder,
#print_on_demand #bandeau_contact textarea::-webkit-input-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input:-ms-input-placeholder,

#print_on_demand #bandeau_contact textarea:-ms-input-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input::-ms-input-placeholder,
#print_on_demand #bandeau_contact textarea::-ms-input-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input:-moz-placeholder,
#print_on_demand #bandeau_contact textarea:-moz-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input::-moz-placeholder,
#print_on_demand #bandeau_contact textarea::-moz-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input::-webkit-input-placeholder, #print_on_demand #bandeau_contact textarea::-webkit-input-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input:-moz-placeholder, #print_on_demand #bandeau_contact textarea:-moz-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input::-moz-placeholder, #print_on_demand #bandeau_contact textarea::-moz-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input:-ms-input-placeholder, #print_on_demand #bandeau_contact textarea:-ms-input-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input::-ms-input-placeholder, #print_on_demand #bandeau_contact textarea::-ms-input-placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact input::placeholder,
#print_on_demand #bandeau_contact textarea::placeholder{
	color: #E4E4E4;
}

#print_on_demand #bandeau_contact textarea{
	width: 100%;
	
	min-width: 100%;

	max-width: 100%;

	min-height: 50px;
	min-height: 5rem;

	padding: 5px 10px;
	padding: 0.5rem 1rem;

	border-bottom: 1px solid #FFFFFF;
}

#print_on_demand #bandeau_contact input[type="text"],
#print_on_demand #bandeau_contact input[type="tel"],
#print_on_demand #bandeau_contact input[type="email"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: none;
	border-bottom: 1px solid #FFFFFF;

	padding: 5px 10px;
	padding: 0.5rem 1rem;

	height: 40px;
	height: 4rem;
}

#print_on_demand #bandeau_contact input[type="submit"]{
	background: #FFFFFF;
	width: auto;
	height: auto;

	padding: 8px 20px;
	padding: 0.8rem 2rem;
	

	font-weight: 300;

	font-size: 16px;
	font-size: 1.6rem;

	color: #525151;

	/* text-transform: uppercase; */

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

@media all and (min-width: 450px){
	#print_on_demand #intro #empty_white_bloc{
		bottom: -35%;
	}
	#print_on_demand #points{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;
	
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		        justify-content: space-around;

		-ms-flex-wrap: wrap;

		    -webkit-flex-wrap: wrap;

		        flex-wrap: wrap;
	}
}

@media all and (min-width: 600px){
	#print_on_demand #bandeau_temoignages .temoignage,
	#tb.printondemand #bandeau_temoignages .temoignage{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;
	}

	#print_on_demand #bandeau_temoignages .text,
	#tb.printondemand #bandeau_temoignages .text{
		display: inline-block;
		width: -webkit-calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		width: calc(100% - 150px);
		width: -webkit-calc(100% - 15rem);
		width: -moz-calc(100% - 15rem);
		width: calc(100% - 15rem);
	}
	
}

@media all and (min-width: 700px){
	#print_on_demand #intro #empty_white_bloc{

		bottom: -15%;
	}

	#print_on_demand #bandeau_text div{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;
	}
	
	#print_on_demand #bandeau_contact input{
		width: 40%;
	}

	#print_on_demand #bandeau_contact textarea{
		width: 90%;
		min-width: 90%;
		max-width: 90%;
	}
	
	#print_on_demand #nos_outils .outil{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;
	}

	#print_on_demand #nos_outils .outil:first-of-type{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: reverse;
		        flex-direction: row-reverse;
	}
}

@media all and (min-width: 800px){
	#print_on_demand #bandeau_text h2,
	#print_on_demand #bandeau_text p{
		width: 45%;
	}

	#print_on_demand #bandeau_text p{
		margin-top: 0;
	}

	#print_on_demand #bandeau_exemples .exemple,
	#tb.printondemand #bandeau_exemples .exemple{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;
	}

	#print_on_demand #bandeau_exemples .illustration,
	#tb.printondemand #bandeau_exemples .illustration{
		max-width: 340px;
		max-width: 34rem;
	}
	
	#print_on_demand #bandeau_exemples .text,
	#tb.printondemand #bandeau_exemples .text{
		/* width: calc(100% - 450px); */
		/* width: calc(100% - 45rem); */
		width: 450px;
		width: 45rem;
	
		text-align: left;
	}
	
}

@media all and (min-width: 1070px){
	#print_on_demand #intro > div{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;
	
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		        justify-content: space-between;
	
		padding: 0 20px;
		padding: 0 2rem;
	}

	#print_on_demand #intro .text{	
		/* width: 35%; */
		width: 350px;
		width: 35rem;
	}
	
	#print_on_demand #intro .illustration{
		width: -webkit-calc(100% - 400px);
		width: -moz-calc(100% - 400px);
		width: calc(100% - 400px);
		width: -webkit-calc(100% - 40rem);
		width: -moz-calc(100% - 40rem);
		width: calc(100% - 40rem);

		margin-top: 0;
	}

	#print_on_demand #intro #empty_white_bloc{
		bottom: -50%;
	}

	#print_on_demand #points{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		        justify-content: space-between;
	}
	
}

/* Special step : demand page */
#print_on_demand #demand_ok{
	padding: 200px 20px;
	padding: 20rem 2rem;

	text-align: center;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#756f7e+0,38676e+100 */
	background: #756f7e; /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #756f7e 0%,#38676e 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#756f7e),to(#38676e));
	background: -o-linear-gradient(left, #756f7e 0%,#38676e 100%);
	background: -moz-linear-gradient(left, #756f7e 0%,#38676e 100%);
	background: linear-gradient(to right, #756f7e 0%,#38676e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#756f7e', endColorstr='#38676e',GradientType=1 ); /* IE6-9 */
}

#print_on_demand #demand_ok h1{
	display: inline-block;

	font-size: 34px;
	font-size: 3.4rem;

	font-weight: 300;
	
	color: #FFFFFF;

	padding: 20px;
	padding: 2rem;

	border-bottom: 2px solid #FFFFFF;
	border-bottom: 0.2rem solid #FFFFFF;
}


#print_on_demand #demand_ok h2{
	color: #00BB00;

	font-size: 24px;
	font-size: 2.4rem;

	font-weight: 300;

	padding: 20px;
	padding: 2rem;
}
@media all and (min-width: 617px){
	#print_on_demand #demand_ok h1{
		font-size: 50px;
		font-size: 5rem;
	}
	#print_on_demand #demand_ok h2{
		font-size: 40px;
		font-size: 4rem;
	}
}
/***********************************************************************
/Print On Demand
***********************************************************************/


/************************** PAGE AVIS ********************************/

#avis,
#avis *,
#avis *::before,
#avis *::after{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#avis{
	padding: 40px 0;
	padding: 4rem 0;
}

body.new_body #avis h1{
	margin: 20px 0 40px 0;
	margin: 2rem 0 4rem 0;
}

body.new_body #avis h2{
	text-transform: none;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 300;
	margin: 0 0 20px 0;
	margin: 0 0 2rem 0;
}

#avis p{
	color: #525151;
}

#avis .temoignages{
	margin: 40px 0;
	margin: 4rem 0;
}

#avis .temoignages .temoignage{
	position: relative;
	text-align: center;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 2rem);
	width: -moz-calc(100% - 2rem);
	width: calc(100% - 2rem);
	margin: 100px 0 50px 0;
	margin: 10rem 0 5rem 0;
	padding: 90px 20px 20px 20px;
	padding: 9rem 2rem 2rem 2rem;
	background: transparent;
	-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);
	     box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);
}

#avis .temoignage .logo{
	position: absolute;
	top: -50px;
	left: -webkit-calc(50% - 50px);
	left: -moz-calc(50% - 50px);
	left: calc(50% - 50px);
	left: -webkit-calc(50% - 5rem);
	left: -moz-calc(50% - 5rem);
	left: calc(50% - 5rem);
	width: 100px;
	width: 10rem;
	height: 100px;
	height: 10rem;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: 3px 0 20px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 0 20px 0 rgba(0,0,0,0.2);
	     box-shadow: 3px 0 20px 0 rgba(0,0,0,0.2);
	overflow: hidden;
}

#avis .temoignages .temoignage .society{
	display: block;
	text-transform: none;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 500;
	color: #333333;
	margin: 0;
}

#avis .temoignage .separator{
	width: 35%;
	margin: 20px auto;
	margin: 2rem auto;
	border-bottom: 1px solid #525151;
	border-bottom: 0.1rem solid #525151;
}

#avis .temoignage .stars_1,
#avis .temoignage .stars_2,
#avis .temoignage .stars_3,
#avis .temoignage .stars_4,
#avis .temoignage .stars_5{
	color: #F37023;
}

#avis .temoignage .stars_0 i,
#avis .temoignage .stars_1 i:not(:first-child),
#avis .temoignage .stars_2 i:nth-child(3),
#avis .temoignage .stars_2 i:nth-child(4),
#avis .temoignage .stars_2 i:nth-child(5),
#avis .temoignage .stars_3 i:nth-child(4),
#avis .temoignage .stars_3 i:nth-child(5),
#avis .temoignage .stars_4 i:nth-child(5){
	color: #FCDECC;
}

#avis .temoignage p{
	position: relative;
	padding: 20px 0;
	padding: 2rem 0;
	margin-top: 20px;
	margin-top: 2rem;
	z-index: 2;
}

#avis .temoignage p::before{
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Font Awesome 5 Pro';
	content: '\f10e';
	z-index: -1;
	font-size: 40px;
	font-size: 4rem;
	font-weight: 600;
	color: #FDE8DC;
}

#avis .temoignage input[type="checkbox"] + p{
	overflow: hidden;
	max-height: 150px;
	max-height: 15rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#avis .temoignage input[type="checkbox"]:checked + p{
	max-height: 2000px;
	max-height: 200rem;
}

#avis .temoignage input[type="checkbox"] + p::after{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	height: 5rem;
	width: 100%;
	background-image: url('/site/charte/images/tb/degrade_blanc_1px_v2.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	content: '';
}

#avis .temoignage input[type="checkbox"]:checked + p::after{
	visibility: hidden;
}

#avis .temoignage .btn-aspect{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	width: auto;
	margin-top: 30px;
	margin-top: 3rem;
	padding: 10px 30px;
	padding: 1rem 3rem;
	background: #2AAF52;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 5px;
	-moz-border-radius: 0.5rem;
	border-radius: 5px;
	border-radius: 0.5rem;
	cursor: pointer;
}
	
@media all and (min-width: 700px){
	#avis .temoignages .temoignage{
		max-width: 320px;
		max-width: 32rem;
	}
}

/************************** /PAGE AVIS *******************************/


/************************** PAGE RESEAU POSE *************************/
body.new_body #content #reseau_pose{
	max-width: 100%;
}

#reseau_pose,
#reseau_pose *
#reseau_pose *::before,
#reseau_pose *::after{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#reseau_pose{
	background: #C9C9C9;
	text-align: center;
}

#reseau_pose > div{
	display: inline-block;
	padding: 20px;
	padding: 2rem;
	background: #FFFFFF;
}

body.new_body #content #reseau_pose h1{
	text-transform: none;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 600;
	color: #525151;
	margin: 0;
}

#reseau_pose p{
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	color: #525151;
	margin: 30px 0;
	margin: 3rem 0;
}

#reseau_pose input[type="radio"]{
	display: none;
}

#reseau_pose a{
	display: none;
	text-align: center;
	padding: 5px 50px;
	padding: 0.5rem 5rem;
	background: #019E06;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

#reseau_pose a.disabled_link{
	display: inline-block;
	cursor: not-allowed;
	background: #C9C9C9;
}

#reseau_pose #reseau_pose_demande:checked ~ div label[for="reseau_pose_demande"],
#reseau_pose #reseau_pose_rejoindre:checked ~ div label[for="reseau_pose_rejoindre"]{
	background: #F37023;
	color: #FFFFFF;
	border-color: transparent;
}

#reseau_pose #reseau_pose_demande:checked ~ div #link_demande,
#reseau_pose #reseau_pose_rejoindre:checked ~ div #link_rejoindre{
	display: inline-block;
}

#reseau_pose input[type="radio"]:checked ~ div a.disabled_link{
	display: none;
}

#reseau_pose label{
	display: inline-block;
	width: auto;
	padding: 10px 20px;
	padding: 1rem 2rem;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
	        border-radius: 1rem;
	border: 2px solid #C9C9C9;
	border: 0.2rem solid #C9C9C9;
	background: #FFFFFF;
	color: #707070;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#reseau_pose label:hover{
	border-color: #F37023;
}

#reseau_pose label i{
	font-size: 40px;
	font-size: 4rem;
	margin: 10px 0 15px 0;
	margin: 1rem 0 1.5rem 0;
}

#reseau_pose label span{
	display: block;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 300;
	padding: 5px;
	padding: 0.5rem;
}

#reseau_pose label span:last-child{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
}

#reseau_pose .separator{
	display: block;
	height: 1px;
	height: 0.1rem;
	width: 50%;
	margin: 0 auto;
	background-color: #C9C9C9;
}

#reseau_pose #reseau_pose_demande:checked ~ div label[for="reseau_pose_demande"] .separator,
#reseau_pose #reseau_pose_rejoindre:checked ~ div label[for="reseau_pose_rejoindre"] .separator{
	background-color: #FFFFFF;
}

@media all and (min-width: 450px){
	#reseau_pose{
		background: #C9C9C9;
		background: url('../../images/tb/reseau-pose/background.png') center center no-repeat;
		text-align: center;
		min-height: 610px;
		min-height: 61rem;
	}
	
	#reseau_pose > div{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		   -moz-transform: translateX(-50%) translateY(-50%);
		    -ms-transform: translateX(-50%) translateY(-50%);
		     -o-transform: translateX(-50%) translateY(-50%);
		        transform: translateX(-50%) translateY(-50%);
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
		-webkit-border-radius: 1rem;
		   -moz-border-radius: 1rem;
		        border-radius: 1rem;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
		     box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);	
	}
}

/************************* /PAGE RESEAU POSE *************************/
/************************* PAGE RESEAU POSE - REJOINDRE ET DEMANDE **************************/

#reseau_pose_ask_or_join,
#reseau_pose_ask_or_join *,
#reseau_pose_ask_or_join *::before,
#reseau_pose_ask_or_join *::after{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body.new_body #content #reseau_pose_ask_or_join{
	max-width: 100%;
}

#reseau_pose_ask_or_join > div{
	padding: 50px 0;
	padding: 5rem 0;
}

#reseau_pose_ask_or_join .line_grey{
	background: #F8F8F8;
}

#reseau_pose_ask_or_join #intro{
	padding-bottom: 0;
}

#reseau_pose_ask_or_join #intro p{
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}

body.new_body #content #reseau_pose_ask_or_join h1,
body.new_body #content #reseau_pose_ask_or_join h2,
body.new_body #content #reseau_pose_ask_or_join h3{
	text-transform: none;
}

body.new_body #content #reseau_pose_ask_or_join h1{
	text-align: center;
	font-size: 40px;
	font-size: 4rem;
	font-weight: 600;
	color: #525151;
	margin: 20px auto;
	margin: 2rem auto;
}

body.new_body #content #reseau_pose_ask_or_join h2{
	text-align: center;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	color: #707070;
}

body.new_body #content #reseau_pose_ask_or_join h2 span{
	font-weight: 600;
	color: #F37023;
}

body.new_body #content #reseau_pose_ask_or_join h3{
	font-size: 30px;
	font-size: 3rem;
	font-weight: 600;
	color: #707070;
}

#reseau_pose_ask_or_join .onglets{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 40px;
	margin-top: 4rem;
}

#reseau_pose_ask_or_join a.onglet{
	display: inline-block;
	background: #C9C9C9;
	color: #525151;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	-webkit-border-radius: 20px 20px 0 0;
	   -moz-border-radius: 20px 20px 0 0;
	        border-radius: 20px 20px 0 0;
	-webkit-border-radius: 2rem 2rem 0 0;
	   -moz-border-radius: 2rem 2rem 0 0;
	        border-radius: 2rem 2rem 0 0;
	margin: 0 5px;
	margin: 0 0.5rem;
	padding: 15px;
	padding: 1.5rem;
	width: 49%;
}

#reseau_pose_ask_or_join a.onglet.selected{
	background: #F37023;
	color: #FFFFFF;
}

#reseau_pose_ask_or_join #reasons > div > div{
	margin-top: 60px;
	margin-top: 6rem;
}

#reseau_pose_ask_or_join .reason{
	text-align: center;
	width: 380px;
	width: 38rem;
	max-width: 100%;
}

#reseau_pose_ask_or_join .reason .img-container{
	overflow: hidden;
	max-height: 80px;
	max-height: 8rem;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

#reseau_pose_ask_or_join .reason img{
	display: block;
	max-width: 100%;
	width: 80px;
	width: 8rem;
	margin: 0 auto;
}

#reseau_pose_ask_or_join .reason .img-container.large img{
	width: 120px;
	width: 12rem;
}

#reseau_pose_ask_or_join .reason span{
	font-weight: 500;
}

#reseau_pose_ask_or_join .reason span,
#reseau_pose_ask_or_join .reason p{
	font-size: 16px;
	color: #707070;
}

#reseau_pose_ask_or_join .reason .separator{
	width: 65px;
	width: 6.5rem;
	height: 2px;
	height: 0.2rem;
	background: #F37023;
	margin: 10px auto 15px auto;
	margin: 1rem auto 1.5rem auto;
}

#reseau_pose_ask_or_join #text p{
	font-size: 16px;
	font-size: 1.6rem;
	color: #707070;
	margin: 0;
	max-width: 100%;
	width: 750px;
	width: 75rem;
}

#reseau_pose_ask_or_join #how_to_join > div > div{
	margin-top: 60px;
	margin-top: 6rem;
}

#reseau_pose_ask_or_join .step{
	position: relative;
	max-width: 100%;
	width: 24%;
	background: #F8F8F8;
	margin: 50px 0;
	margin: 5rem 0;
	padding: 40px 0 0 0;
	padding: 4rem 0 0 0;
	text-align: center;
}

#reseau_pose_ask_or_join .step .step_number{
	position: absolute;
	top: -30px;
	left: -webkit-calc(50% - 30px);
	left: -moz-calc(50% - 30px);
	left: calc(50% - 30px);
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	width: 60px;
	height: 60px;
	width: 6rem;
	height: 6rem;
	padding: 12px;
	padding: 1.2rem;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	     box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	text-align: center;
}

#reseau_pose_ask_or_join .step .step_number span{
	position: relative;

	font-size: 30px;
	font-size: 3rem;
	font-weight: 600;
	color: #F37023;
}

#reseau_pose_ask_or_join .step > span,
#reseau_pose_ask_or_join .step > p{
	color: #707070;
}

#reseau_pose_ask_or_join .step > span{
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
}
#reseau_pose_ask_or_join .step > p{
	font-size: 16px;
	font-size: 1.6rem;
}

#reseau_pose_ask_or_join #form_pose form > .disflex > div{
	width: 100%;
	padding: 10px;
	padding: 1rem;
}

#reseau_pose_ask_or_join #form_pose form > .disflex > div > div{
	margin: 20px 0;
	margin: 2rem 0;
}

#reseau_pose_ask_or_join #form_pose #services{
	margin: 33px 0 38px 0;
	margin: 3.3rem 0 3.8rem 0;
}

#reseau_pose_ask_or_join #form_pose #dimensions{
	max-height: 200px;
	max-height: 20rem;
	overflow-y: scroll;
}

#reseau_pose_ask_or_join #form_pose .mini_title{
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	color: #525151;
	margin: 0 0 10px 0;
	margin: 0 0 1rem 0;
	width: 100%;
}

#reseau_pose_ask_or_join #form_pose .input_aspect{
	cursor: not-allowed;
}

#reseau_pose_ask_or_join #form_pose .input_aspect,
#reseau_pose_ask_or_join #form_pose input[type="email"],
#reseau_pose_ask_or_join #form_pose input[type="tel"],
#reseau_pose_ask_or_join #form_pose input[type="text"],
#reseau_pose_ask_or_join #form_pose input[type="number"]{
	display: inline-block;
	/* width: 100%; */
	height: auto;
	max-width: 100%;
	margin: 0 0 10px 0;
	margin: 0 0 1rem 0;
	padding: 10px 0;
	padding: 1rem 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid #333333;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	color: #525151;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: Pangram, sans-serif;
	font-weight: 400;
	line-height: 20px;
	line-height: 2rem;
}

#reseau_pose_ask_or_join #form_pose input[type="number"]{
	-moz-appearance: textfield;
	font-family: Pangram, sans-serif;
}

#reseau_pose_ask_or_join #form_pose input[type="number"]::-webkit-inner-spin-button, 
#reseau_pose_ask_or_join #form_pose input[type="number"]::-webkit-outer-spin-button{ 
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

#reseau_pose_ask_or_join #form_pose .select_aspect{
	position: relative;
	width: 100%;
}

#reseau_pose_ask_or_join #form_pose .select_aspect:first-child:last-child{
	/* width: 100%; */
}

#reseau_pose_ask_or_join #form_pose .select_aspect:after{
	position: absolute;
	z-index: 1;
	top: -webkit-calc(50% - 10px);
	top: -moz-calc(50% - 10px);
	top: calc(50% - 10px);
	top: -webkit-calc(50% - 1rem);
	top: -moz-calc(50% - 1rem);
	top: calc(50% - 1rem);
	right: 10px;
	right: 1rem;
	font-family: 'Font Awesome 5 Pro';
	content: '\f078';
}

#reseau_pose_ask_or_join #form_pose .select_aspect.with_info:after{
	right: 45px;
	right: 4.5rem;
}

#reseau_pose_ask_or_join #form_pose select{
	position: relative;
	display: inline-block;
	z-index: 2;
	max-width: 100%;
	width: 100%;
	height: auto;
	line-height: 20px;
	line-height: 2rem;
	border: none;
	border-bottom: 1px solid #333333;
	border-bottom: 0.1rem solid #333333;
	padding: 10px 30px 10px 0;
	padding: 1rem 3rem 1rem 0;
	background: transparent;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: Pangram, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#reseau_pose_ask_or_join #form_pose .select_aspect.with_info select{
	width: -webkit-calc(100% - 35px);
	width: -moz-calc(100% - 35px);
	width: calc(100% - 35px);
	width: -webkit-calc(100% - 3.5rem);
	width: -moz-calc(100% - 3.5rem);
	width: calc(100% - 3.5rem);
}

#reseau_pose_ask_or_join #form_pose select::-ms-expand{
	display: none;
}

#reseau_pose_ask_or_join #form_pose label{
	display: inline-block;
}

#reseau_pose_ask_or_join #form_pose .input_file_aspect label{
	padding: 3px 15px;
	padding: 0.3rem 1.5rem;
	background: #E1E1E1;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
	cursor: pointer;
}

#reseau_pose_ask_or_join #form_pose .input_file_aspect span{
	cursor: default;
}

#reseau_pose_ask_or_join #form_pose input[type="submit"]{
	display: block;
	max-width: 100%;
	width: 420px;
	width: 42rem;
	height: auto;
	text-align: center;
	background: #2AAF52;
	color: #FFFFFF;
	font-family: Pangram, sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	border: none;
	padding: 15px 50px;
	padding: 1.5rem 5rem;
	margin: 40px auto;
	margin: 4rem auto;
}

#reseau_pose_ask_or_join .info-bulle{
	position: relative;
	margin-left: 10px;
	margin-left: 1rem;
	cursor: help;
	font-size: 16px;
	font-size: 1.6rem;
}

#reseau_pose_ask_or_join .info-bulle-item{
	display: none;
	position: absolute;
	bottom: 100%;
	width: 250px;
	width: 25rem;
	background: #525151;
	color: #FFFFFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: normal;
	padding: 10px;
	padding: 1rem;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	z-index: 1;
}

#reseau_pose_ask_or_join .info-bulle-item.left{
	left: 100%;
}
#reseau_pose_ask_or_join .info-bulle-item.right{
	right: 100%;
}

#reseau_pose_ask_or_join .info-bulle:hover .info-bulle-item,
#reseau_pose_ask_or_join .info-bulle-item:hover{
	display: block;
}

@media all and (min-width: 600px){
	#reseau_pose_ask_or_join .onglets{
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		width: auto;
	}
	
	#reseau_pose_ask_or_join a.onglet{
		width: auto;
		padding: 15px 70px;
		padding: 1.5rem 7rem;
	}

}

@media all and (min-width: 900px){
	#reseau_pose_ask_or_join #form_pose form > .disflex > div{
		width: 50%;
	}
	
	#reseau_pose_ask_or_join #message_email_success{
		position: absolute;
		top: 13px;
		top: 1.3rem;
		right: 10px;
		right: 1rem;
	}
}


/************************* /PAGE RESEAU POSE - REJOINDRE ET DEMANDE **************************/
/************************* PAGE RESEAU POSE - REJOINDRE **************************/

#reseau_pose_ask_or_join #form_pose .services{
	width: 50%;
	max-width: 100%;
	min-width: 230px;

	min-width: 23rem;
}

#reseau_pose_ask_or_join #form_pose .services > div{
	padding: 5px 0;
	padding: 0.5rem 0;
}

#reseau_pose_ask_or_join #form_pose #join_service_autre{
	display: none;
}

#reseau_pose_ask_or_join #form_pose input[type="checkbox"]:checked ~ #join_service_autre{
	display: block;
}

#reseau_pose_ask_or_join #form_pose .number_with_unit{
	position: relative;
	display: inline-block;
	width: 100px;
	width: 10rem;
	width: auto;
	height: auto;
	background: #D4D4D4;
	border: 1px solid #D4D4D4;
	border: 0.1rem solid #D4D4D4;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	margin: 0 0 0 10px;
	margin: 0 0 0 1rem;
	padding: 0 5px 0 0;
	padding: 0 0.5rem 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: bottom;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
	     box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}

/*
#reseau_pose_ask_or_join #form_pose #join_height{
	border: none;
	-webkit-border-radius: 5px 0 0 5px;
	   -moz-border-radius: 5px 0 0 5px;
	        border-radius: 5px 0 0 5px;
	-webkit-border-radius: 0.5rem 0 0 0.5rem;
	   -moz-border-radius: 0.5rem 0 0 0.5rem;
	        border-radius: 0.5rem 0 0 0.5rem;
	width: 110px;
	width: 11rem;
	height: auto;
	margin: 0;
	padding: 3px;
	padding: 0.3rem;
	font-size: 14px;
	font-size: 1.4rem;
}
*/

#reseau_pose_ask_or_join #form_pose .number_with_unit span{
	display: inline-block;
	margin: 0 0 0 10px;
	margin: 0 0 0 1rem;
	vertical-align: middle;
	cursor: default;
}

#reseau_pose_ask_or_join #form_pose input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	display: inline-block;
	width: 20px;
	width: 2rem;
	height: 20px;
	height: 2rem;
	margin: 0 10px 0 0;
	margin: 0 1rem 0 0;
	border: 1px solid #E1E1E1;
	border: 0.1rem solid #E1E1E1;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-border-radius: 0.3rem;
	   -moz-border-radius: 0.3rem;
	        border-radius: 0.3rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.2);
	     box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.2);
	vertical-align: bottom;
	cursor: pointer;
}

#reseau_pose_ask_or_join #form_pose input[type="checkbox"]:checked::after{
	position: absolute;
	top: 1px;
	top: 0.1rem;
	left: 1px;
	left: 0.1rem;
	font-family: 'Font Awesome 5 Pro';
	content: '\f00c';
	color: #2AAF52;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
}

#reseau_pose_ask_or_join #form_pose input[type="radio"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:	#FFFFFF;
	display: inline-block;
	width: 14px;
	width: 1.4rem;
	height: 14px;
	height: 1.4rem;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-border-radius: 0.3rem;
	   -moz-border-radius: 0.3rem;
	        border-radius: 0.3rem;
	margin: 0 5px 0 0;
	margin: 0 0.5rem 0 0;
	border: 1px solid #333333;
	border: 0.1rem solid #333333;
	position: relative;
}

#reseau_pose_ask_or_join #form_pose input[type="radio"]:checked::after{
	position: absolute;
	top: -webkit-calc(50% - 6px);
	top: -moz-calc(50% - 6px);
	top: calc(50% - 6px);
	top: -webkit-calc(50% - 0.6rem);
	top: -moz-calc(50% - 0.6rem);
	top: calc(50% - 0.6rem);
	left: -webkit-calc(50% - 5px);
	left: -moz-calc(50% - 5px);
	left: calc(50% - 5px);
	left: -webkit-calc(50% - 0.5rem);
	left: -moz-calc(50% - 0.5rem);
	left: calc(50% - 0.5rem);
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	color: #2AAF52;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 600;
}

#reseau_pose_ask_or_join #form_pose label[for^="ask_service_"]{
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0;
}

#reseau_pose_ask_or_join #form_pose #ask_service_2{
	margin-left: 30px;
	margin-left: 3rem;
}

#reseau_pose_ask_or_join #form_pose #message_services_error{
	margin-top: 20px;
	margin-top: 2rem;
}

#reseau_pose_ask_or_join #form_pose #join_perimeter,
#reseau_pose_ask_or_join #form_pose #join_experience{
	display: inline-block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0 0 10px 0;
	margin: 0 0 1rem 0;
	padding: 10px 0;
	padding: 1rem 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid #333333;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	font-size: 16px;
	font-size: 1.6rem;
}

#reseau_pose_ask_or_join #form_pose .services label{
	margin-bottom: 0;
	font-size: 16px;
	font-size: 1.6rem;
	color: #707070;
	cursor: pointer;
}

#reseau_pose_ask_or_join #form_pose ul{
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

#reseau_pose_ask_or_join #form_pose ul li{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	color: #707070;
	line-height: 30px;
	line-height: 3rem;
}

#reseau_pose_ask_or_join #form_pose small{
	font-size: 12px;
	font-size: 1.2rem;
	color: #707070;
}

#reseau_pose_ask_or_join #form_pose .solo_duo{
	width: 100%;
}

@media all and (min-width: 600px){
	#reseau_pose_ask_or_join #form_pose .solo_duo{
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
		width: -webkit-calc(50% - 1rem);
		width: -moz-calc(50% - 1rem);
		width: calc(50% - 1rem);
	}
	
	#reseau_pose_ask_or_join #form_pose .select_aspect{
		position: relative;
		/*
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
		width: -webkit-calc(50% - 1rem);
		width: -moz-calc(50% - 1rem);
		width: calc(50% - 1rem);
		/*  */
	}

	#reseau_pose_ask_or_join #form_pose #join_city{
		/*
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
		width: -webkit-calc(50% - 1rem);
		width: -moz-calc(50% - 1rem);
		width: calc(50% - 1rem);
		/*  */
	}
}

/************************* /PAGE RESEAU POSE - REJOINDRE *************************/
/************************* PAGE RESEAU POSE - DEMANDE **************************/
/*
#reseau_pose_ask_or_join #form_pose #ask_height{
	display: inline-block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0 0 10px 0;
	margin: 0 0 1rem 0;
	padding: 10px 0;
	padding: 1rem 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid #333333;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	font-size: 16px;
	font-size: 1.6rem;
}*/

#reseau_pose_ask_or_join #form_pose #ask_file{
	display: block;
}

#reseau_pose_ask_or_join #form_pose textarea{
	border: none;
	border-bottom: 1px solid #333333;
	border-bottom: 0.1rem solid #333333;
	background: transparent;
	max-width: 100%;
	min-width: 100%;
	/*min-height: 100px;*/
	/*min-height: 10rem;*/
	min-height: 40px;
	min-height: 4rem;
	width: 100%;
	height: 40px;
	height: 4rem;
	padding: 0 0 0 5px;
	padding: 0 0 0 0.5rem;
	line-height: normal;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: Pangram, sans-serif;
}


@media all and (min-width: 600px){
	#reseau_pose_ask_or_join #form_pose #ask_cp,
	#reseau_pose_ask_or_join #form_pose #ask_city,
	#reseau_pose_ask_or_join #form_pose #ask_height{
		/*
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
		width: -webkit-calc(50% - 1rem);
		width: -moz-calc(50% - 1rem);
		width: calc(50% - 1rem);
		/*  */
	}
}

/************************* /PAGE RESEAU POSE - DEMANDE *************************/
/************************* PAGE RESEAU POSE - OK *************************/

#reseau_pose_ask_or_join #confirm_form{
	padding: 150px 0;
	padding: 15rem 0;
	text-align: center;
}

body.new_body #content #reseau_pose_ask_or_join #confirm_form h2{
	margin-bottom: 30px;
	margin-bottom: 3rem;
	color: #2AAF52;
}

#reseau_pose_ask_or_join #confirm_form p{
	font-size: 30px;
	font-size: 3rem;
	
}

/************************* /PAGE RESEAU POSE - OK *************************/




/************************* PAGE SUCCESS STORY *************************/

#success_story,
#success_story *,
#success_story *::after,
#success_story *::before{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#success_story #title{
	background: #F5F5F5;
	padding: 70px 0 45px 0;
	padding: 7rem 0 4.5rem 0;
	margin: 20px auto;
	margin: 2rem auto;
}

#success_story #title h1{
	text-align: center;
	color: #909090;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
}

#success_story #title h2{
	text-align: center;
	font-size: 46px;
	font-size: 4.6rem;
	font-weight: 500;
	text-transform: none;
}

#success_story #intro{
	text-align: justify;
	color: #707070;
	font-weight: 500;
	margin: 20px auto 60px auto;
	margin: 2rem auto 6rem auto;
	padding: 0 20px;
	padding: 0 2rem;
}

#success_story #timeline{
	position: relative;
}

#success_story #timeline > div{
	position: relative;
	z-index: 1;
}

#success_story #timeline .breadcrumb{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 90px;
	left: 9rem;
	width: auto;
	height: 100%;
	max-height: 100%;
	text-align: center;
}

#success_story #timeline .breadcrumb .start{
	/*display: inline-block;*/
	width: 21px;
	width: 2.1rem;
	height: 21px;
	height: 2.1rem;
	background: #F37023;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

#success_story #timeline .breadcrumb .breadcrumb_line{
	display: inline-block;
	width: 5px;
	width: 0.5rem;
	height: -webkit-calc(100% - 29px);
	height: -moz-calc(100% - 29px);
	height: calc(100% - 29px);
	height: -webkit-calc(100% - 2.9rem);
	height: -moz-calc(100% - 2.9rem);
	height: calc(100% - 2.9rem);
	background: #EFEFEF;
}

#success_story #timeline .events_list,
#success_story #timeline .events_list > div{
	width: 100%;
}

#success_story #timeline .events_list{
	padding: 80px 0;
	padding: 8rem 0;
}

#success_story #timeline .events_list> div{
	margin: 40px 0;
	margin: 4rem 0;
}

#success_story #timeline .events_list .not_yet{
	opacity: 0.4;
}

#success_story #timeline .year{
	padding-top: 20px;
	padding-top: 2rem;
}

#success_story #timeline .year span{
	color: #525151;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	width: 70px;
	width: 7rem;
	text-align: right;
}

#success_story #timeline .year_pin{
	width: 21px;
	width: 2.1rem;
	height: 21px;
	height: 2.1rem;
	background: #FFFFFF;
	border: 4px solid #F37023;
	border: 0.4rem solid #F37023;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	margin-left: 20px;
	margin-left: 2rem;
}

#success_story #timeline .events{
	width: -webkit-calc(100% - 160px);
	width: -moz-calc(100% - 160px);
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 16rem);
	width: -moz-calc(100% - 16rem);
	width: calc(100% - 16rem);
}

#success_story #timeline .event{
	position: relative;
	width: 100%;
	padding-right: 10px; 
	padding-right: 1rem; 
}

#success_story #timeline .event > div{
	width: 100%;
	max-width: 450px;
	max-width: 45rem;
}

#success_story #timeline .event .description{
	padding: 20px;
	padding: 2rem;
	border: 1px solid #F1F1F1;
	border: 0.1rem solid #F1F1F1;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.3);
	   -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.3);
	        box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0, 0.3);
	   -moz-box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0, 0.3);
	        box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0, 0.3);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

#success_story #timeline .event .title,
#success_story #timeline .event .text{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	color: #707070;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

#success_story #timeline .event .text{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0;
}

#success_story #timeline .event .slider_success_story{
	position: relative;
	max-width: 440px;
	max-width: 44rem;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	border: 1px solid #707070;
	border: 0.1rem solid #707070;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	padding: 10px;
	padding: 1rem;
}

#success_story #timeline .event .slider_success_story .rslides_nav{
	position: absolute;
	top: -webkit-calc(50% - 10px);
	top: -moz-calc(50% - 10px);
	top: calc(50% - 10px);
	top: -webkit-calc(50% - 1rem);
	top: -moz-calc(50% - 1rem);
	top: calc(50% - 1rem);
	z-index: 2;
	display: inline-block;
	width: 28px;
	width: 2.8rem;
	height: 28px;
	height: 2.8rem;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background: rgba(255,255,255, 0.7);
	opacity: 0.3;
}

#success_story #timeline .event .slider_success_story:hover .rslides_nav{
	opacity: 1;
}

#success_story #timeline .event .slider_success_story .prev{
	left: 15px;
	left: 1.5rem;
}

#success_story #timeline .event .slider_success_story .next{
	right: 15px;
	right: 1.5rem;
}

#success_story #timeline .event .slider_success_story .rslides_nav i{
	position: absolute;
	top: -webkit-calc(50% - 14px);
	top: -moz-calc(50% - 14px);
	top: calc(50% - 14px);
	top: -webkit-calc(50% - 1.4rem);
	top: -moz-calc(50% - 1.4rem);
	top: calc(50% - 1.4rem);
}

#success_story #timeline .event .slider_success_story .prev i{
	left: 8px;
	left: 0.8rem;
}

#success_story #timeline .event .slider_success_story .next i{
	right: 7px;
	right: 0.7rem;
}

#success_story #timeline .event .slider_success_story .caption{
	background: rgba(255,255,255, 0.8);
	top: auto;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 10px;
	padding: 1rem;
	margin: 0;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	opacity: 0;
}

#success_story #timeline .event .slider_success_story:hover .caption{
	opacity: 1;
}

@media all and (min-width: 900px){
	#success_story #timeline .event{
		padding-right: 0;
	}
	
	#success_story #timeline .event .slider_success_story{
		position: absolute;
		top: 0;
		right: 10px;
		right: 1rem;
		max-width: 260px;
		max-width: 26rem;
	}
}

@media all and (min-width: 1200px){
	#success_story #intro{
		padding: 0;
	}
}

/************************* /PAGE SUCCESS STORY *************************/

/************************* PAGE FAQ *************************/

#tb.faq .faq_question a{
	text-decoration: underline;
}

/************************* /PAGE FAQ *************************/

/************************* PAGE ECHANTILLON *************************/

#echantillon h1{
	color: #525151;
	font-size: 20px;
	font-size: 2rem;
	text-transform: none;
	margin: 30px 0;
	margin: 3rem 0;
}

#echantillon .btn-connexion{
	display: inline-block;
	width: auto;
	padding: 10px 30px;
	padding: 1rem 3rem;
	margin: 30px 0;
	margin: 3rem 0;
	background: #E9E9E9;
	color: #525151;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	-webkit-border-radius: 0.2rem;
	   -moz-border-radius: 0.2rem;
	        border-radius: 0.2rem;
}

#echantillon .ask-sample{
	display: inline-block;
	width: auto;
	padding: 30px 50px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	border: 1px solid #C4C4C4;
	border: 0.1rem solid #C4C4C4;
	margin-bottom: 30px;
	margin-bottom: 3rem;
	font-size: 16px;
	font-size: 1.6rem;
	color: #525151;
}

#echantillon .btn-aspect{
	display: inline-block;
	width: auto;
	padding: 10px 30px;
	padding: 1rem 3rem;
	margin-top: 30px;
	margin-top: 3rem;
	background: transparent;
	color: #179d08;
	font-family: Pangram, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	border: 1px solid #179d08;
	border: 0.1rem solid #179d08;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	cursor: pointer;
}

#echantillon .btn-aspect:hover{
	background: #179d08;
	color: #FFFFFF;
}

#echantillon .send-to{
	font-size: 16px;
	font-size: 1.6rem;
}


/************************* /PAGE ECHANTILLON *************************/

/************************* /PAGE WEB2PRINT *************************/

body.new_body #tb.web2print h1{
	color: #333333;
	font-size: 40px;
	font-size: 4rem;
	text-transform: none;
}

body.new_body #tb.web2print h2{
	font-size: 26px;
	font-size: 2.6rem;
	text-transform: none;
	font-weight: 400;
}

#tb.web2print h1 ~ p{
	font-size: 16px;
	font-size: 1.6rem;
}

#tb.web2print #bloc1 .text{
	max-width: 100%;
	width: 100%;
}

#tb.web2print #bloc1 .btn-aspect{
	display: inline-block;
	background: #2AAF52;
	color: #FFFFFF;
	font-weight: 400;
	border: 1px solid #2AAF52;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	padding: 10px 30px;
	padding: 1rem 3rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	cursor: pointer;
}

#tb.web2print.api #bloc1 .btn-aspect{
	background: #F37023;
	border-color: #F37023;
}

#tb.web2print.plug #bloc1 .btn-aspect{
	background: #1996CE;
	border-color: #1996CE;
}

#tb.web2print.printondemand #bloc1 .btn-aspect{
	background: #619AA6;
	border-color: #619AA6;
}

#tb.web2print.shopify #bloc1 .btn-aspect{
	background: #95bf47;
	border-color: #95bf47;
}

#tb.web2print #bloc1 .btn-aspect:hover{
	background: transparent;
	color: #2AAF52;
}

#tb.web2print.api #bloc1 .btn-aspect:hover{
	color: #F37023;
}

#tb.web2print.plug #bloc1 .btn-aspect:hover{
	color: #1996CE;
}

#tb.web2print.shopify #bloc1 .btn-aspect:hover{
	color: #95bf47;
}

#tb.web2print #bloc2 h2 ~ p{
	font-size: 16px;
	font-size: 1.6rem;
}

#tb.web2print.printondemand #bloc1 .btn-aspect:hover{
	color: #619AA6;
}

#tb.web2print .avantages .avantage{
	border: 1px solid #F1F1F1;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.15);
	margin: 10px;
	margin: 1rem;
	padding: 10px 20px;
	padding: 1rem 2rem;
	width: 300px;
	width: 30rem;
	max-width: 100%;
}

#tb.web2print .avantages .avantage i{
	font-size: 36px;
	font-size: 3.6rem;
	color: #2AAF52;
}

#tb.web2print.api .avantages .avantage i{
	color: #F37023;
}

#tb.web2print.plug .avantages .avantage i{
	color: #1996CE;
}

#tb.web2print.printondemand .avantages .avantage i{
	color: #619AA6;
}

#tb.web2print.shopify .avantages .avantage i{
	color: #95bf47;
}

#tb.web2print .avantages .avantage .text{
	margin-left: 10px;
	margin-left: 1rem;
}

#tb.web2print .avantages .avantage .text p{
	margin-bottom: 2px;
	margin-bottom: 0.2rem;
}

#tb.web2print .solutions .solution{
	color: #333333;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
	        border-radius: 1rem;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	-webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	padding: 20px;
	padding: 2rem;
	width: 100%;
	max-width: 100%;
	margin: 10px;
	margin: 1rem;
}

/*
#tb.web2print #bloc3 .solutions .demi_container .solution{
	padding: 20px;
	padding: 2rem;
}
*/

#tb.web2print .solutions .solution.blue{}
#tb.web2print .solutions .solution.orange{}
#tb.web2print .solutions .solution.skyblue{}
#tb.web2print .solutions .solution.yellow{}

#tb.web2print .solutions .solution .icon{
	display: inline-block;
	text-align: center;
	background: transparent;
	width: 100px;
	width: 10rem;
	height: 100px;
	height: 10rem;
	padding: 22px 5px;
	padding: 2.2rem 0.5rem;
	border: 2px solid #333333;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.web2print .solutions .solution .icon i{
	font-size: 50px;
	font-size: 5rem;
	margin: 0;
}

#tb.web2print .solutions .solution .btn-aspect{
	display: inline-block;
	color: #333333;
	background: transparent;
	border: 1px solid #333333;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	padding: 10px 30px;
	padding: 1rem 3rem;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.web2print .solutions .solution.blue .icon,
#tb.web2print .solutions .solution.blue .btn-aspect{
	color: #0097D1;
	border-color: #0097D1;
}


#tb.web2print .solutions .solution.blue .icon:hover,
#tb.web2print .solutions .solution.blue .btn-aspect:hover{
	color: #FFFFFF;
	background: #0097D1;
}

#tb.web2print .solutions .solution.orange .icon,
#tb.web2print .solutions .solution.orange .btn-aspect{
	color: #F37023;
	border-color: #F37023;
}

#tb.web2print .solutions .solution.orange .icon:hover,
#tb.web2print .solutions .solution.orange .btn-aspect:hover{
	color: #FFFFFF;
	background: #F37023;
}

#tb.web2print .solutions .solution.skyblue .icon,
#tb.web2print .solutions .solution.skyblue .btn-aspect{
	color: #619AA6;
	border-color: #619AA6;
}

#tb.web2print .solutions .solution.skyblue .icon:hover,
#tb.web2print .solutions .solution.skyblue .btn-aspect:hover{
	color: #FFFFFF;
	background: #619AA6;
}

#tb.web2print .solutions .solution.green .icon,
#tb.web2print .solutions .solution.green .btn-aspect{
	color: #2AAF52;
	border-color: #2AAF52;
}

#tb.web2print .solutions .solution.green .icon:hover,
#tb.web2print .solutions .solution.green .btn-aspect:hover{
	color: #FFFFFF;
	background: #2AAF52;
}

#tb.web2print .solutions .solution.greenshopify .icon,
#tb.web2print .solutions .solution.greenshopify .btn-aspect{
	color: #95bf47;
	border-color: #95bf47;
}

#tb.web2print .solutions .solution.greenshopify .icon:hover,
#tb.web2print .solutions .solution.greenshopify .btn-aspect:hover{
	color: #FFFFFF;
	background: #95bf47;
}

#tb.web2print .solutions .solution.yellow .icon,
#tb.web2print .solutions .solution.yellow .btn-aspect{
	color: #FAB51E;
	border-color: #FAB51E;
}

#tb.web2print .solutions .solution.yellow .icon:hover,
#tb.web2print .solutions .solution.yellow .btn-aspect:hover{
	color: #FFFFFF;
	background: #FAB51E;
}

#tb.web2print .solution > p{
	height: auto;
}

#tb.web2print .input_webprint{
	background: transparent;
	height: 40px;
	height: 4rem;
	padding: 10px 5px;
	padding: 1rem 0.5rem;
	font-family: Pangram, sans-serif;
	color: #333333;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	border-color: #707070;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.web2print textarea.input_webprint{
	height: auto;
}

#tb.web2print .input_webprint:disabled{
	background: #EEEEEE;
	border-color: #A1A1A1;
	opacity: 0.5;
}

#tb.web2print #form .btn-submit{
	display: inline-block;
	color: #FFFFFF;
	background: #525151;
	border: 1px solid #525151;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	padding: 10px 30px;
	padding: 1rem 3rem;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	cursor: pointer;
}

#tb.web2print #form .btn-submit.blue{
	background: #0097D1;
	border-color: #0097D1;
}

#tb.web2print #form .btn-submit.orange{
	background: #F37023;
	border-color: #F37023;
}

#tb.web2print #form .btn-submit.skyblue{
	background: #619AA6;
	border-color: #619AA6;
}

#tb.web2print #form .btn-submit.green{
	background: #2AAF52;
	border-color: #2AAF52;
}

#tb.web2print #form .btn-submit.greenshopify{
	background: #95bf47;
	border-color: #95bf47;
}

#tb.web2print #form .btn-submit.yellow{
	background: #FAB51E;
	border-color: #FAB51E;
}

#tb.web2print #form .btn-submit.blue:hover,
#tb.web2print #form .btn-submit.orange:hover,
#tb.web2print #form .btn-submit.greenshopify:hover,
#tb.web2print #form .btn-submit.skyblue:hover,
#tb.web2print #form .btn-submit.yellow:hover{
	background: transparent;
}

#tb.web2print #form .btn-submit.blue:hover{
	color: #0097D1;
}

#tb.web2print #form .btn-submit.orange:hover{
	color: #F37023;
}

#tb.web2print #form .btn-submit.greenshopify:hover{
	color: #95bf47;
}

#tb.web2print #form .btn-submit.skyblue:hover{
	color: #619AA6;
}

#tb.web2print #form .btn-submit.yellow:hover{
	color: #FAB51E;
}

#tb.web2print .outil{
	width: 100%;
	margin: 10px;
	margin: 1rem;
	padding: 20px;
	padding: 2rem;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	-webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	background: #FFFFFF;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

#tb.web2print .outil h4{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	margin: 20px auto;
	margin: 2rem auto;
}

#tb.web2print .outil p{
	font-weight: 400;
}

#tb.web2print.dropshipping .relative{
	position: relative;
}

#tb.web2print.dropshipping .strong_line{
	display: none;
	position: absolute;
	z-index: 0;
	top: 30%;
	left: 10%;
	width: 80%;
	height: 5px;
	height: 0.5rem;
	background: #57b34a;
}

#tb.web2print.dropshipping .strong_line ~ *{
	position: relative;
	z-index: 1;
}

#tb.printondemand #bandeau_temoignages{
	color: #333333;
}

#tb.printondemand #bandeau_temoignages .text{
	color: #333333;
}

#tb.printondemand #bandeau_temoignages .slick-arrow.slick-prev,
#tb.printondemand #bandeau_temoignages .slick-arrow.slick-next{
	color: #333333;
}

/*
#tb.printondemand #bandeau_contact input[type="text"],
#tb.printondemand #bandeau_contact input[type="tel"],
#tb.printondemand #bandeau_contact input[type="email"],
#tb.printondemand #bandeau_contact textarea{
	color: #333333;
	border-color: #333333;
}

#tb.printondemand #bandeau_contact input::-webkit-input-placeholder,
#tb.printondemand #bandeau_contact textarea::-webkit-input-placeholder{
	color: #707070;
}

#tb.printondemand #bandeau_contact input:-ms-input-placeholder,
#tb.printondemand #bandeau_contact textarea:-ms-input-placeholder{
	color: #707070;
}

#tb.printondemand #bandeau_contact input::-ms-input-placeholder,
#tb.printondemand #bandeau_contact textarea::-ms-input-placeholder{
	color: #707070;
}

#tb.printondemand #bandeau_contact input:-moz-placeholder,
#tb.printondemand #bandeau_contact textarea:-moz-placeholder{
	color: #707070;
}

#tb.printondemand #bandeau_contact input::-moz-placeholder,
#tb.printondemand #bandeau_contact textarea::-moz-placeholder{
	color: #707070;
}

#tb.printondemand #bandeau_contact input::placeholder,
#tb.printondemand #bandeau_contact textarea::placeholder{
	color: #707070;
}
*/

#tb.web2print #show_form + * {
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.web2print #show_form:checked + * {
	max-height: 1000px;
	max-height: 100rem;
}

@media all and (min-width: 600px){
	#tb.web2print #bloc1 .text{
		min-width: 620px;
		min-width: 62rem;
		width: 650px;
		width: 65rem;
	}
	
	#tb.web2print #bloc3 .solutions .demi_container .solution{
		width: -webkit-calc(50% - 20px);
		width: -moz-calc(50% - 20px);
		width: calc(50% - 20px);
		width: -webkit-calc(50% - 2rem);
		width: -moz-calc(50% - 2rem);
		width: calc(50% - 2rem);
		margin: 10px;
		margin: 1rem;
	}
	
/*
	#tb.web2print #bloc3 .solutions .solution{
		width: 300px;
		width: 30rem;
	}
*/
	
	#tb.web2print .outil{
		width: 40%;
		min-width: 270px;
		min-width: 27rem;
	}

}

@media all and (min-width: 850px){
	#tb.web2print.dropshipping .strong_line{
		display: block;
	}
}

/* API Documentation Call to action banner */
#apidocs-cta b {
	font-size: 30px;
	font-weight: 600;
}

#apidocs-cta a.cta-button {
	background: white;
	color: #F37023;
	font-size: 30px;
	padding: 7px 20px;
	-webkit-border-radius: 5.6px;
	   -moz-border-radius: 5.6px;
	        border-radius: 5.6px;
	font-weight: 600;
	-webkit-transition: background .2s ease;
	-o-transition: background .2s ease;
	-moz-transition: background .2s ease;
	transition: background .2s ease;
}

#apidocs-cta a.cta-button:hover {
	color: white;
	background: #f37023;
	border: 2px solid white;
	-webkit-transition: background .2s ease;
	-o-transition: background .2s ease;
	-moz-transition: background .2s ease;
	transition: background .2s ease;
}

@media screen and (max-width: 1330px) {
	#apidocs-cta .row {
		display: -ms-grid !important;
		display: grid !important;
		height: 250px;
		-webkit-box-align: center !important;
		-webkit-align-items: center !important;
		   -moz-box-align: center !important;
		    -ms-flex-align: center !important;
		        align-items: center !important;
		-webkit-box-pack: center !important;
		-webkit-justify-content: center !important;
		   -moz-box-pack: center !important;
		    -ms-flex-pack: center !important;
		        justify-content: center !important;
	}

	#apidocs-cta .col-md-8 {
		text-align: center;
	}
}

/************************* /PAGE WEB2PRINT *************************/

/************************* PAGE produits par thématique *************************/

#tb.products_by_thematics .banner{
	position: relative;
}

#tb.products_by_thematics .banner h1{
	position: absolute;
	top: 40px;
	top: 4rem;
	left: 40px;
	left: 4rem;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 400;
	text-transform: none;
}

#tb.products_by_thematics.noel .banner h1{
	opacity: 0.5;
	color: #333333;
/*
	text-shadow: 1px 1px 0 #FFFFFF,
				 1px -1px 0 #FFFFFF,
				 -1px 1px 0 #FFFFFF,
				 -1px -1px 0 #FFFFFF;
*/
/*
	text-shadow: 1px 1px 0 #F37023,
				 1px -1px 0 #F37023,
				 -1px 1px 0 #F37023,
				 -1px -1px 0 #F37023,
				 2px 2px 0 #000000,
				 2px -2px 0 #000000,
				 -2px 2px 0 #000000,
				 -2px -2px 0 #000000;
*/
}

#tb.products_by_thematics .categories_title{
	margin: 30px 0;
	margin: 3rem 0;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 500;
	color: #707070;
	text-transform: none;
}

#tb.products_by_thematics .category{
	width: 100%;
	border: 1px solid #C4C4C4;
	margin: 30px 10px;
	margin: 3rem 1rem;
	padding: 8px;
	padding: 0.8rem;
}

#tb.products_by_thematics .category .pack_elmt_img{
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

#tb.products_by_thematics .category .pack_elmt_details{
	width: -webkit-calc(100% - 250px - 35px);
	width: -moz-calc(100% - 250px - 35px);
	width: calc(100% - 250px - 35px);
	width: -webkit-calc(100% - 25rem - 3.5rem);
	width: -moz-calc(100% - 25rem - 3.5rem);
	width: calc(100% - 25rem - 3.5rem);
	min-width: 210px;
	min-width: 21rem;
}

#tb.products_by_thematics .category .pack_elmt_details h3{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

#tb.products_by_thematics .category ul li{
	padding: 5px 0;
	padding: 0.5rem 0;
/*
	font-size: 12px;
	font-size: 1.2rem;
*/
}

#tb.products_by_thematics .category a{
	display: inline-block;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}


#tb.products_by_thematics i.fa-chevron-circle-right{
	margin-right: 10px;
	margin-right: 1rem;
}

#tb.products_by_thematics.noel i.fa-chevron-circle-right,
#tb.products_by_thematics.noel .category a:hover{
	color: #E22D2D;
}

@media all and (min-width: 500px){
	#tb.products_by_thematics .category .pack_elmt_img{
		width: 250px;
		width: 25rem;
	}
}

@media all and (min-width: 600px){
	#tb.products_by_thematics.noel .category{
		width: -webkit-calc(85%);
		width: -moz-calc(85%);
		width: calc(85%);

		min-width: 500px;
		min-width: 50rem;
	}
}

@media all and (min-width: 1020px){
	#tb.products_by_thematics.noel .category{
		width: -webkit-calc(50% - 30px);
		width: -moz-calc(50% - 30px);
		width: calc(50% - 30px);
		width: -webkit-calc(50% - 3rem);
		width: -moz-calc(50% - 3rem);
		width: calc(50% - 3rem);
		margin: 30px 0;
		margin: 3rem 0;
	}
}


/************************* /PAGE produits par thématique *************************/

/************************* PAGE élections *************************/

body.new_body #tb.elections h1{
	text-transform: none;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 300;
}

#tb.elections img{
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

#tb.elections #see_more_content{
	position: relative;
	overflow: hidden;
	max-height: 50px;
	max-height: 5rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.elections #see_more:checked ~ #see_more_content{
	max-height: 1500px;
	max-height: 150rem;
}

#tb.elections .white_gradient{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url('/site/charte/images/tb/degrade_blanc_1px_v2.png');
	background-repeat: repeat-x;
	background-position: bottom center;
}

#tb.elections #see_more:checked ~ #see_more_content .white_gradient{
	visibility: hidden;
}

#tb.elections .see_more{
	position: relative;
	display: block;
	color: #707070;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	width: auto;
	padding: 20px 40px;
	padding: 2rem 4rem;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}

#tb.elections .see_more::after{
	position: absolute;
	bottom: -5px;
	bottom: -0.5rem;
	left: -webkit-calc(50% - 9px);
	left: -moz-calc(50% - 9px);
	left: calc(50% - 9px);
	left: -webkit-calc(50% - 0.9rem);
	left: -moz-calc(50% - 0.9rem);
	left: calc(50% - 0.9rem);
	font-family: 'Font Awesome 5 Pro';
	content: '\f078';
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
}

#tb.elections #see_more:checked ~ .see_more::after{
	top: -5px;
	top: -0.5rem;
	bottom: auto;
	content: '\f077';
}

#tb.elections .see_more .less,
#tb.elections #see_more:checked ~ .see_more .more{
	display: none;
}

#tb.elections #see_more:checked ~ .see_more .less{
	display: inline;
}

#tb.elections .title_aspect{
	background-image: url('/site/charte/images/tb/point_1x1_707070.jpg');
	/* background-position: center center; */
	background-position: 50% 60%;
	background-repeat: repeat-x;

	text-align: center;
}

#tb.elections .title_aspect p{
	display: inline-block;

	background: #FFFFFF;

	text-transform: none;
	
	font-size: 26px;
	font-size: 2.6rem;

	padding: 0 20px;
	padding: 0 2rem;

	margin: 0;
}

#tb.elections .products{
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}

#tb.elections .products .product{
	width: 100%;
	border: 1px solid #E1E1E1;
	border: 0.1rem solid #E1E1E1;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

#tb.elections .product img{
	height: 200px;
	height: 20rem;
	/*background: red;*/
}

#tb.elections .product img.picto{
	display: inline-block;
	width: 20px;
	width: 2rem;
	height: 20px;
	height: 2rem;
	margin: 0 10px 0 0;
	margin: 0 1rem 0 0;
	vertical-align: bottom;
}

#tb.elections .product > div{
	background: #FFFFFF;
	padding: 15px;
	padding: 1.5rem;
}

#tb.elections .product .product_name{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
}

#tb.elections .product .product_delay{
	border: 1px solid #707070;
	border: 0.1rem solid #707070;
	padding: 5px 10px;
	padding: 0.5rem 1rem;
	color: #707070;
	font-weight: 500;
}

#tb.elections .product .product_details br{
	display: none;
}

#tb.elections .product .product_details .separator{
	background: #707070;
	margin: 10px 0;
	margin: 1rem 0;
	width: 100%;
	height: 1px;
	height: 0.1rem;
}

#tb.elections .product .product_details > div:first-child p:last-child{
	margin: 0;
	min-width: 100px;
	min-width: 10rem;
}

#tb.elections .product a{
	display: inline-block;
	width: 100%;
	padding: 7px;
	padding: 0.7rem;
	margin-top: 20px;
	margin-top: 2rem;
	color: #FFFFFF;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	background: #2AAF52;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}


@media all and (min-width: 400px){
	#tb.elections .products .product{
		width: 354px;
		width: 35.4rem;
	}
	
	#tb.elections .product .product_details .separator{
		margin: 0 10px;
		margin: 0 1rem;
		width: 1px;
		width: 0.1rem;
		height: auto;
	}
	#tb.elections .product .product_details br{
		display: inline;
	}
}

@media all and (min-width: 1070px){
	#tb.elections .products{
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}


/************************* /PAGE élections *************************/


/************************* PAGE Réservation borne gel hydroalcoolique *************************/

#reservation,
#reservation *,
#reservation *::after,
#reservation *::before{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body.new_body #content #reservation h1{
	text-align: center;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

body.new_body #content #reservation h2{
	color: #2AAF52;
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

#reservation form{
	padding: 20px;
	padding: 2rem;
	margin: 0;
}

#reservation .input_aspect,
#reservation .select_aspect{
	position: relative;
	margin: 10px 0;
	margin: 1rem 0;
	width: 100%;
}

#reservation .input_aspect label,
#reservation .select_aspect label{
	position: absolute;
	z-index: 3;
	top: -12px;
	top: -1.2rem;
	left: 10px;
	left: 1rem;
	display: inline-block;
	padding: 0 5px;
	padding: 0 0.5rem;
	margin: 0;
	background: #FFFFFF;
	color: #A1A1A1;
}

#reservation .input_aspect p,
#reservation .input_aspect input{
	display: block;
	margin: 0;
	padding: 10px;
	padding: 1rem;
	width: 100%;
	height: 40px;
	height: 4rem;
	line-height: normal;
	font-family: pangram, sans-serif;
	background: transparent;
	border: 1px solid #A1A1A1;
	border: 0.1rem solid #A1A1A1;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#reservation .input_aspect p{
	cursor: default;
}

#reservation .input_aspect input[type="number"]::-webkit-inner-spin-button, 
#reservation .input_aspect input[type="number"]::-webkit-outer-spin-button{ 
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

#reservation .select_aspect::after{
	position: absolute;
	z-index: 1;
	top: -webkit-calc(50% - 10px);
	top: -moz-calc(50% - 10px);
	top: calc(50% - 10px);
	top: -webkit-calc(50% - 1rem);
	top: -moz-calc(50% - 1rem);
	top: calc(50% - 1rem);
	right: 10px;
	right: 1rem;
	font-family: 'Font Awesome 5 Pro';
	content: '\f078';
}


#reservation .select_aspect select{
	position: relative;
	z-index: 2;
	display: block;
	margin: 0;
	padding: 5px;
	padding: 0.5rem;
	width: 100%;
	height: 40px;
	height: 4rem;
	line-height: normal;
	font-family: pangram, sans-serif;
	background: transparent;
	border: 1px solid #A1A1A1;
	border: 0.1rem solid #A1A1A1;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#reservation .select_aspect select::-ms-expand{
	display: none;
}

#reservation .btn-aspect{
	display: inline-block;
	width: auto;
	height: auto;
	line-height: normal;
	padding: 10px 20px;
	padding: 1rem 2rem;
	margin: 10px auto;
	margin: 1rem auto;
	background: #2AAF52;
	color: #FFFFFF;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	border: 1px solid #2AAF52;
	border: 0.1rem solid #2AAF52;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	cursor: pointer;
}

#reservation .btn-aspect:hover{
	background: transparent;
	color: #2AAF52
}

@media all and (min-width: 850px){
	#illustration_and_text{
		width: 300px;
		width: 30rem;
	}
	
	#illustration_and_text + div{
		width: -webkit-calc(100% - 320px);
		width: -moz-calc(100% - 320px);
		width: calc(100% - 320px);
		width: -webkit-calc(100% - 32rem);
		width: -moz-calc(100% - 32rem);
		width: calc(100% - 32rem);
	}
	
	#reservation .input_aspect,
	#reservation .select_aspect{
		width: 48%;
	}
	
}

/************************* /PAGE Réservation borne gel hydroalcoolique *************************/


/************************* PAGE Tarif produit (Quizz) *************************/

#quiz,
#quiz *,
#quiz *::after,
#quiz *::before{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.quiz .btn-quiz{
	display: inline-block;
	text-align: center;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 500;
	width: auto;
	padding: 10px 30px;
	padding: 1rem 3rem;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.btn-quiz.btn-white{
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	border: 0.1rem solid #FFFFFF;
	color: #E22D2D;
}

.btn-quiz.btn-white:hover{
	background: transparent;
	color: #FFFFFF;
}

/************************* /PAGE Tarif produit (Quizz) *************************/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/************************* PAGE partenariat VBSL *************************/

.partenariat-vbsl .player{
	position: relative;
	width: 100%;
	cursor: default;
}

.partenariat-vbsl .separator{
	font-size: 1px;
	height: 2px;
	background: #FFFFFF;
	width: 60%;
	margin: 10px auto;
}

.partenariat-vbsl .player > div{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20% 15px;
	padding: 20% 1.5rem;
	background: #515352;
	opacity: 1;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	overflow: hidden
}

.partenariat-vbsl .player:nth-child(2) > div,
.partenariat-vbsl .player:nth-child(5) > div,
.partenariat-vbsl .player:nth-child(8) > div,
.partenariat-vbsl .player:nth-child(11) > div{
	background: #292929;
}

.partenariat-vbsl .player:nth-child(3) > div,
.partenariat-vbsl .player:nth-child(6) > div,
.partenariat-vbsl .player:nth-child(9) > div,
.partenariat-vbsl .player:nth-child(12) > div{
	background: #000000;
}

.partenariat-vbsl .player:hover > div{
	opacity: 0;
}

.partenariat-vbsl .player.nohover:hover > div{
	opacity: 1;
}

.partenariat-vbsl .player .country_flag{
	position: absolute;
	top: 10px;
	top: 1rem;
	right: 10px;
	right: 1rem;
	width: 40px;
	width: 4rem;
	height: 32px;
	height: 3.2rem;
}

.partenariat-vbsl .player .player_name{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.partenariat-vbsl .player .player_info,
.partenariat-vbsl .player .player_citation{
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}

.partenariat-vbsl .player .player_img,
.partenariat-vbsl .player .noimg{
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	max-width: 100%;
}

@media all and (max-width: 450px){
	.partenariat-vbsl h1{
		font-size: 28px;
		font-size: 2.8rem;
	}
}

@media all and (min-width: 320px){
	.partenariat-vbsl .player .player_name{
		font-size: 24px;
		font-size: 2.4rem;
	}
	
	.partenariat-vbsl .player .player_info,
	.partenariat-vbsl .player .player_citation{
		font-size: 18px;
		font-size: 1.8rem;
	}
}

@media all and (min-width: 470px){
	.partenariat-vbsl .player{
		width: 50%;
	}
	
	.partenariat-vbsl .player > div{}
	
	.partenariat-vbsl .player .player_name{
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	.partenariat-vbsl .player .player_info,
	.partenariat-vbsl .player .player_citation{
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media all and (min-width: 850px){
	.partenariat-vbsl .player{
		width: 33.33%;
	}
}

@media all and (min-width: 1000px){
	.partenariat-vbsl .player{
		width: 25%;
	}
}

@media all and (min-width: 1540px){
	.partenariat-vbsl .player{
		width: 16.66%;
	}
}

/************************* /PAGE partenariat VBSL *************************/

/************************* PAGE Made in France *************************/

#tb.made-in-france .img_and_text:first-child,
#tb.made-in-france .img_and_text:last-child{
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	   -moz-box-orient: vertical;
	   -moz-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}

#tb.made-in-france h1,
#tb.made-in-france h2{
	font-size: 18px;
	font-size: 1.8rem;
}

#tb.made-in-france h3{
	font-size: 26px;
	font-size: 2.6rem;
}

#tb.made-in-france .product{
	width: 100%;
}

@media all and (min-width: 400px){
	#tb.made-in-france .product{
		width: 50%;
	}
}

@media all and (min-width: 850px){
	#tb.made-in-france .img_and_text:first-child,
	#tb.made-in-france .img_and_text:last-child{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	
	#tb.made-in-france h1,
	#tb.made-in-france h2{
		font-size: 26px;
		font-size: 2.6rem;
	}

	#tb.made-in-france h3{
		font-size: 34px;
		font-size: 3.4rem;
	}
}
/************************* /PAGE Made in France *************************/

/****************************  UNSUBSCRIBE  *****************************/

#unsubscribe h1{
	color: #525151;
	font-size: 20px;
	font-size: 2rem;
	text-transform: none;
	margin: 30px 0;
	margin: 3rem 0;
}

/***************************  /UNSUBSCRIBE  *****************************/



/****************************  READAYS  *****************************/

#tb.readays-content{
	background: #f37023;
	color: #ffffff;
}

#tb.readays-content #banner_readays,
#tb.readays-content #banner_readays ~ *{
	width: 100%;
}

#tb.readays-content .product{
	position: relative;
	/*width: 100%;*/
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 4rem);
	width: -moz-calc(100% - 4rem);
	width: calc(100% - 4rem);
	
	padding: 20px;
	padding: 2rem;
	margin: 20px auto;
	margin: 2rem auto;
	color: #333333;
	background: #ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	-webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.readays-content .product:hover{
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.55);
	   -moz-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.55);
	        box-shadow: 0 0 10px 0 rgba(0,0,0, 0.55);
	-webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.55);
	   -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.55);
	        box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.55);
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	     -o-transform: scale(1.05);
	        transform: scale(1.05);
}

#tb.readays-content .product .reduc{
	position: absolute;
	top: 25px;
	top: 2.5rem;
	right: 25px;
	right: 2.5rem;
	width: 90px;
	width: 9rem;
}

#tb.readays-content .btn-green{
	display: inline-block;
	padding: 5px 20px;
	padding: 0.5rem 2rem;
	margin: 0;
	background: #2aaf52;
	border: 1px solid #2aaf52;
	border: 0.1rem solid #2aaf52;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	color: #ffffff;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.readays-content .btn-orange{
	display: inline-block;
	padding: 5px 20px;
	padding: 0.5rem 2rem;
	margin: 0;
	background: #f37023;
	border: 1px solid #f37023;
	border: 0.1rem solid #f37023;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	color: #ffffff;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.readays-content .btn-white{
	display: inline-block;
	padding: 10px 20px;
	padding: 1rem 2rem;
	margin: 0;
	background: #ffffff;
	border: 1px solid #ffffff;
	border: 0.1rem solid #ffffff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	color: #f37023;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.readays-content .btn-green:hover{
	background: #ffffff;
	color: #2aaf52;
}

#tb.readays-content .btn-green.btn-nohover:hover{
	background: #2aaf52;
	color: #ffffff;
}

#tb.readays-content .btn-orange:hover{
	background: #ffffff;
	color: #f37023;
}

#tb.readays-content .btn-orange.btn-nohover:hover{
	background: #f37023;
	color: #ffffff;
}

#tb.readays-content .btn-white:hover{
	background: #f37023;
	color: #ffffff;
}

#tb.readays-content .btn-white.btn-nohover:hover{
	background: #ffffff;
	color: #f37023;
}

@media all and (min-width: 700px){
	#tb.readays-content .product{
		width: -webkit-calc(50% - 40px);
		width: -moz-calc(50% - 40px);
		width: calc(50% - 40px);
		width: -webkit-calc(50% - 4rem);
		width: -moz-calc(50% - 4rem);
		width: calc(50% - 4rem);
	}
}

@media all and (min-width: 1000px){
	#tb.readays-content #banner_readays{
		width: 60%;
	}
	
	#tb.readays-content #banner_readays ~ *{
		width: 40%;
	}

}

@media all and (min-width: 1000px){
	#tb.readays-content .product{
		/*width: calc(33% - 80px);*/
		/*width: calc(33% - 8rem);*/
		width: 310px;
		width: 31rem;
	}
}

/***************************  /READAYS  *****************************/



/***************************  BLACK FRIDAY WEEK  *****************************/

#tb.black-friday-week-content{
	background: #000000;
	color: #ffffff;
}

#tb.black-friday-week-content #banner_black_friday_week,
#tb.black-friday-week-content #banner_black_friday_week ~ *{
	width: 100%;
}

#tb.black-friday-week-content #bloc1 .disflex{
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}

#tb.black-friday-week-content .product{
	position: relative;
	/*width: 100%;*/
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 4rem);
	width: -moz-calc(100% - 4rem);
	width: calc(100% - 4rem);
	
	padding: 20px;
	padding: 2rem;
	margin: 20px auto;
	margin: 2rem auto;
	color: #333333;
	background: #ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 10px 0 rgba(0,0,0, 0.15);
	-webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	   -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	        box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.15);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.black-friday-week-content .product:hover{
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.55);
	   -moz-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.55);
	        box-shadow: 0 0 10px 0 rgba(0,0,0, 0.55);
	-webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.55);
	   -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.55);
	        box-shadow: 0 0 1rem 0 rgba(0,0,0, 0.55);
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	     -o-transform: scale(1.05);
	        transform: scale(1.05);
}

#tb.black-friday-week-content .product .reduc{
	position: absolute;
	top: 25px;
	top: 2.5rem;
	right: 25px;
	right: 2.5rem;
	width: 120px;
	width: 12rem;
}

#tb.black-friday-week-content .btn-green{
	display: inline-block;
	padding: 5px 20px;
	padding: 0.5rem 2rem;
	margin: 0;
	background: #2aaf52;
	border: 1px solid #2aaf52;
	border: 0.1rem solid #2aaf52;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	color: #ffffff;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.black-friday-week-content .btn-orange{
	display: inline-block;
	padding: 5px 20px;
	padding: 0.5rem 2rem;
	margin: 0;
	background: #f37023;
	border: 1px solid #f37023;
	border: 0.1rem solid #f37023;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	color: #ffffff;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.black-friday-week-content .btn-white{
	display: inline-block;
	padding: 10px 20px;
	padding: 1rem 2rem;
	margin: 0;
	background: #ffffff;
	border: 1px solid #ffffff;
	border: 0.1rem solid #ffffff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	color: #000000;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#tb.black-friday-week-content .btn-green:hover{
	background: #ffffff;
	color: #2aaf52;
}

#tb.black-friday-week-content .btn-green.btn-nohover:hover{
	background: #2aaf52;
	color: #ffffff;
}

#tb.black-friday-week-content .btn-orange:hover{
	background: #ffffff;
	color: #f37023;
}

#tb.black-friday-week-content .btn-orange.btn-nohover:hover{
	background: #f37023;
	color: #ffffff;
}

#tb.black-friday-week-content .btn-white:hover{
	/*background: #f37023;
	color: #ffffff;*/
}

#tb.black-friday-week-content .btn-white.btn-nohover:hover{
	background: #ffffff;
	color: #f37023;
}

@media all and (min-width: 700px){
	#tb.black-friday-week-content .product{
		width: -webkit-calc(50% - 40px);
		width: -moz-calc(50% - 40px);
		width: calc(50% - 40px);
		width: -webkit-calc(50% - 4rem);
		width: -moz-calc(50% - 4rem);
		width: calc(50% - 4rem);
	}
}

@media all and (min-width: 1000px){
	#tb.black-friday-week-content #banner_black_friday_week{
		width: 60%;
	}
	
	#tb.black-friday-week-content #banner_black_friday_week ~ *{
		width: 40%;
	}
	
	#tb.black-friday-week-content #bloc1 .disflex{
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	
	.lang_fr #tb.black-friday-week-content #bloc1{
		background-image: url('/site/charte/images/tb/black-friday-week/fr/black-friday-week-background.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #000000;
	}
	
	.lang_fr #tb.black-friday-week-content #bloc1.all_products{
		background-image: url('/site/charte/images/tb/black-friday-week/fr/black-friday-week-background2.jpg');
	}

	.lang_it #tb.black-friday-week-content #bloc1{
		background-image: url('/site/charte/images/tb/black-friday-week/it/black-friday-week-background.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #000000;
	}
	
	.lang_it #tb.black-friday-week-content #bloc1.all_products{
		background-image: url('/site/charte/images/tb/black-friday-week/it/black-friday-week-background2.jpg');
	}
	
	#tb.black-friday-week-content .not-desktop{
		display: none;
	}
}

@media all and (min-width: 1000px){
	#tb.black-friday-week-content .product{
		/*width: calc(33% - 80px);*/
		/*width: calc(33% - 8rem);*/
		width: 310px;
		width: 31rem;
	}
}

/***************************  /BLACK FRIDAY WEEK  *****************************/




/***************************  NOTRE SOCIETE v2  *****************************/

#tb.notre-societe-v2 p{
	font-size: 16px;
	font-size: 1.6rem;
}

#tb.notre-societe-v2 h2,
#tb.made-in-france #bloc7 h2{
	text-transform: none;
}

#tb.notre-societe-v2 .graphic-element,
#tb.made-in-france .graphic-element{
	position: absolute;
	z-index: 1;
}

#tb.notre-societe-v2 #bloc1{
	background: #fbd338;
}

#tb.notre-societe-v2 #bloc1 > div:first-child,
#tb.notre-societe-v2 #bloc1 > div:last-child{
	width: 100%;
}

#tb.notre-societe-v2 #bloc1 h1{
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 400;
	margin: 20px auto;
	margin: 2rem auto;
}

#tb.notre-societe-v2 #bloc1 h1 strong{
	font-weight: 700;
}

#tb.notre-societe-v2 #bloc2{
	color: #707070;
}

#tb.notre-societe-v2 #bloc2 > div{
	max-width: 1200px;
	max-width: 120rem;
}

#tb.notre-societe-v2 #bloc2 h2{
	color: #f37023;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	margin-left: 10px;
	margin-left: 1rem;
	padding: 10px 30px;
	padding: 1rem 3rem;
	border-left: 15px solid #f37023;
	border-left: 1.5rem solid #f37023;
}

#tb.notre-societe-v2 #bloc3{
	color: #707070;
}

#tb.notre-societe-v2 #bloc3 h2{
	font-size: 34px;
	font-size: 3.4rem;
}

#tb.notre-societe-v2 #bloc3 > div{
	max-width: 1000px;
	max-width: 100rem;
}

#tb.notre-societe-v2 #bloc3 > div > div{
	width: 100%;
}

#tb.notre-societe-v2 #bloc3 #auto-pictures{
	background: #ffffff;
	padding: 10px;
	padding: 1rem;
	max-width: 280px;
	max-width: 28rem;
	-webkit-transform: rotateZ(-6deg);
	   -moz-transform: rotateZ(-6deg);
	    -ms-transform: rotate(-6deg);
	     -o-transform: rotateZ(-6deg);
	        transform: rotateZ(-6deg);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	     box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

#tb.notre-societe-v2 #bloc3 #auto-pictures img{
	width: 260px;
	width: 26rem;
}

#tb.notre-societe-v2 #bloc4{
	color: #f37023;
}

#tb.notre-societe-v2 #bloc4 .bloc-orange{
	position: relative;
	background: #f6dac9;
	max-width: -webkit-calc(100% - 20px);
	max-width: -moz-calc(100% - 20px);
	max-width: calc(100% - 20px);
	max-width: -webkit-calc(100% - 2rem);
	max-width: -moz-calc(100% - 2rem);
	max-width: calc(100% - 2rem);
	padding: 30px;
	padding: 3rem;
}

#tb.notre-societe-v2 #bloc4 .elem1{
	display: none;
}

#tb.notre-societe-v2 #bloc4 .elem2{
	bottom: -13px;
	bottom: -1.3rem;
	left: -13px;
	left: -1.3rem;
}

#tb.notre-societe-v2 #bloc4 .reason{
	width: 100%;
	padding: 10px;
	padding: 1rem;
}

#tb.notre-societe-v2 #bloc4 .reason .picture{
	width: 100%;
}

#tb.notre-societe-v2 #bloc4 .reason .text{
	width: 100%;
	padding: 20px;
	padding: 2rem;
}

#tb.notre-societe-v2 #bloc4 h2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 34px;
	font-size: 3.4rem;
}

#tb.notre-societe-v2 #bloc4 h3{
	text-transform: uppercase;
}

#tb.notre-societe-v2 #bloc4 p{
	font-size: 14px;
	font-size: 1.4rem;
}

#tb.notre-societe-v2 #bloc5{
	color: #707070;
}

#tb.notre-societe-v2 #bloc5 h2{
	font-size: 34px;
	font-size: 3.4rem;
}

#tb.notre-societe-v2 #bloc5 #auto-words{
	color: #f37023;
	border-right: 1px solid transparent;
}

#tb.notre-societe-v2 #bloc5 #slider_equipe_v2{
	overflow: hidden;
}

#tb.notre-societe-v2 #bloc5 #slider_equipe_v2 .slick-arrow{
	position: absolute;
	top: -webkit-calc(50% + 25px);
	top: -moz-calc(50% + 25px);
	top: calc(50% + 25px);
	top: -webkit-calc(50% + 2.5rem);
	top: -moz-calc(50% + 2.5rem);
	top: calc(50% + 2.5rem);
	z-index: 2;
	color: #707070;
	--fa-primary-color: #ffffff;
	--fa-secondary-color: #707070;
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: 1;
	background: transparent;
	font-size: 50px;
	font-size: 5rem;
}

#tb.notre-societe-v2 #bloc5 #slider_equipe_v2 .slick-arrow.fa-chevron-circle-left{
	left: 20px;
	left: 2rem;
}
#tb.notre-societe-v2 #bloc5 #slider_equipe_v2 .slick-arrow.fa-chevron-circle-right{
	right: 20px;
	right: 2rem;
}

#tb.notre-societe-v2 #bloc6{
	position: relative;
	color: #707070;
}

#tb.notre-societe-v2 #bloc6 .elem3{
	top: -webkit-calc(50% - 197px);
	top: -moz-calc(50% - 197px);
	top: calc(50% - 197px);
	top: -webkit-calc(50% - 19.7rem);
	top: -moz-calc(50% - 19.7rem);
	top: calc(50% - 19.7rem);
	left: 0;
	width: 200px;
	width: 20rem;
}

#tb.notre-societe-v2 #bloc6 #statistics{
	position: relative;
	z-index: 2;
	background: #ffffff;
	padding: 30px 40px;
	padding: 3rem 4rem;
	max-width: -webkit-calc(100% - 40px);
	max-width: -moz-calc(100% - 40px);
	max-width: calc(100% - 40px);
	max-width: -webkit-calc(100% - 4rem);
	max-width: -moz-calc(100% - 4rem);
	max-width: calc(100% - 4rem);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
	     box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
}

#tb.notre-societe-v2 #bloc6 .stat{
	width: 100%;
}

#tb.notre-societe-v2 #bloc6 #statistics p{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
}

#tb.notre-societe-v2 #bloc6 #statistics .numbers{
	color: #f37023;
	font-family: Roboto, Pangram;
	font-size: 70px;
	font-size: 7rem;
	font-weight: 600;
	text-shadow: 4px 4px 0 #f6dac9;
	text-shadow: 0.4rem 0.4rem 0 #f6dac9;
	margin: 0;
}

#tb.notre-societe-v2 #bloc6 a{
	color: #707070;
}

#tb.notre-societe-v2 #bloc6 a:hover{
	text-decoration: underline;
}

#tb.notre-societe-v2 #bloc7{
	color: #707070;
}
#tb.made-in-france #bloc7 {
  color: #fff;
}

#tb.notre-societe-v2 #bloc7 .disflex,
#tb.made-in-france #bloc7 .disflex{
	position: relative;
}

#tb.notre-societe-v2 #bloc7 .disflex > div,
#tb.made-in-france #bloc7 .disflex > div{
	width: 100%;
}

#tb.notre-societe-v2 #bloc7 .bloc-orange,
#tb.made-in-france #bloc7 .bloc-orange{
	position: relative;
	background: #f6dac9;
	padding: 30px;
	padding: 3rem;
}

#tb.made-in-france #bloc7 .bloc-orange.bloc-blue{
	background: #002395;
}

#tb.notre-societe-v2 #bloc7 .elem4,
#tb.made-in-france #bloc7 .elem4{
	display: none;
}

#tb.notre-societe-v2 #bloc7 .bloc-video,
#tb.made-in-france #bloc7 .bloc-video{
}

#tb.notre-societe-v2 #bloc7 h2,
#tb.made-in-france #bloc7 h2{
	font-size: 34px;
	font-size: 3.4rem;
	color: #f37023;
}

#tb.made-in-france #bloc7 .bloc-blue h2{
	color: white;
}

/*
#tb.notre-societe-v2 #bloc7 .h100:last-child,
#tb.notre-societe-v2 #bloc7 .h100:nth-child(3){
	display: none;
}
/*  */

#tb.notre-societe-v2 #bloc7 .btn-aspect,
#tb.made-in-france #bloc7 .btn-aspect{
	background: #f37023;
	padding: 5px 20px;
	padding: 0.5rem 2rem;
}

#tb.made-in-france #bloc7 .bloc-blue .btn-aspect{
	background: white;
}

#tb.notre-societe-v2 #bloc8{
}

#tb.notre-societe-v2 #bloc9{
	color: #707070;
}

#tb.notre-societe-v2 #bloc9 h2{
	font-size: 34px;
	font-size: 3.4rem;
	color: #525151;
}

#tb.notre-societe-v2 #bloc9 a{
	margin: 0 5px;
	margin: 0 0.5rem;
}

/*
#tb.notre-societe-v2 #bloc3 > .h50,
#tb.notre-societe-v2 #bloc6 > .h50:first-child,
#tb.notre-societe-v2 #bloc6 > .h50:last-child,
#tb.notre-societe-v2 #bloc7 > .h50:nth-child(4),
#tb.notre-societe-v2 #bloc7 > .h50:nth-child(5),
#tb.notre-societe-v2 #bloc7 > .h100:nth-child(4),
#tb.notre-societe-v2 #bloc7 > .h100:nth-child(5),
#tb.notre-societe-v2 #bloc9 > .h50{
	display: none;
}
/*  */

#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(3),
#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(2),
#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(1),
#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(0),
#tb.made-in-france #bloc7 > .h50:nth-last-child(3),
#tb.made-in-france #bloc7 > .h50:nth-last-child(2),
#tb.made-in-france #bloc7 > .h50:nth-last-child(1),
#tb.made-in-france #bloc7 > .h50:nth-last-child(0){
	display: none;
}

#tb.notre-societe-v2 > .h50{
	display: none;
}

@media all and (min-width: 450px){
	#tb.notre-societe-v2 #bloc1 h1{
		font-size: 35px;
		font-size: 3.5rem;
	}
	
	#tb.notre-societe-v2 #bloc4 .reason .picture{
		width: 75px;
		width: 7.5rem;
	}

	#tb.notre-societe-v2 #bloc4 .reason .text{
		width: -webkit-calc(100% - 75px);
		width: -moz-calc(100% - 75px);
		width: calc(100% - 75px);
		width: -webkit-calc(100% - 7.5rem);
		width: -moz-calc(100% - 7.5rem);
		width: calc(100% - 7.5rem);
	}
	
	#tb.notre-societe-v2 #bloc6 .stat{
		width: 50%;
	}
}

@media all and (min-width: 600px){
	#tb.notre-societe-v2 #bloc1 h1{
		font-size: 40px;
		font-size: 4rem;
	}
	
	#tb.notre-societe-v2 #bloc2 > div > div{
		width: 50%;
	}
	
	#tb.notre-societe-v2 #bloc4 .reason{
		width: 50%;
	}
	
	
}

@media all and (min-width: 800px){
	/*
	#tb.notre-societe-v2 #bloc3 > .h50,
	#tb.notre-societe-v2 #bloc6 > .h50:first-child,
	#tb.notre-societe-v2 #bloc6 > .h50:last-child,
	#tb.notre-societe-v2 #bloc7 > .h50:nth-child(4),
	#tb.notre-societe-v2 #bloc7 > .h50:nth-child(5),
	#tb.notre-societe-v2 #bloc7 > .h100:nth-child(4),
	#tb.notre-societe-v2 #bloc7 > .h100:nth-child(5),
	#tb.notre-societe-v2 #bloc9 > .h50{
		display: block;
	}
	/*  */
	
	#tb.notre-societe-v2 > .h50,
	#tb.made-in-france > .h50{
		display: block;
	}
	
	/*
	#tb.notre-societe-v2 #bloc7 .h50:last-child,
	#tb.notre-societe-v2 #bloc7 .h50:nth-child(5),
	#tb.notre-societe-v2 #bloc7 .h100:nth-child(4){
		display: block;
	}
	/*  */
	
	#tb.notre-societe-v2 #bloc1 > div:first-child{
		width: 40%
	}
	
	#tb.notre-societe-v2 #bloc1 > div:last-child{
		width: 60%;
	}
	
	#tb.notre-societe-v2 #bloc1 h1{
		font-size: 45px;
		font-size: 4.5rem;
	}
	
	#tb.notre-societe-v2 #bloc2 h2{
		font-size: 40px;
		font-size: 4rem;
	}
	
	#tb.notre-societe-v2 #bloc3 > div > div{
		width: 50%;
	}
	
	#tb.notre-societe-v2 #bloc3 #auto-pictures{
		max-width: 380px;
		max-width: 38rem;
	}
	
	#tb.notre-societe-v2 #bloc3 #auto-pictures img{
		width: 380px;
		width: 38rem;
	}

	#tb.notre-societe-v2 #bloc4 .elem1{
		display: block;
		top: -120px;
		top: -12rem;
		right: 12px;
		right: 1.2rem;
		width: 130px;
		width: 13rem;
	}
	
	#tb.notre-societe-v2 #bloc6 #statistics{
		padding: 30px 60px;
		padding: 3rem 6rem;
	}
	
	#tb.notre-societe-v2 #bloc6 .stat{
		width: auto;
	}
	
	#tb.notre-societe-v2 #bloc7 .disflex > div:first-child,
	#tb.made-in-france #bloc7 .disflex > div:first-child{
		width: 55%;
	}
	
	#tb.notre-societe-v2 #bloc7 .disflex > .bloc-orange,
	#tb.made-in-france #bloc7 .disflex > .bloc-orange{
		width: 45%;
		padding: 70px 0 70px 110px;
		padding: 7rem 0 7rem 11rem;
	}
	
	#tb.notre-societe-v2 #bloc7 .text,
	#tb.made-in-france #bloc7 .text{
		max-width: 450px;
		max-width: 45rem;
	}
	
	#tb.notre-societe-v2 #bloc7 .elem4,
	#tb.made-in-france #bloc7 .elem4{
		display: block;
		top: -55px;
		top: -5.5rem;
		right: 30px;
		right: 3rem;
		width: 50px;
		width: 5rem;
	}
	
	#tb.notre-societe-v2 #bloc7 .bloc-video,
	#tb.made-in-france #bloc7 .bloc-video{
		position: absolute;
		top: 100px;
		top: 10rem;
		right: -webkit-calc(50% - 140px);
		right: -moz-calc(50% - 140px);
		right: calc(50% - 140px);
		right: -webkit-calc(50% - 14rem);
		right: -moz-calc(50% - 14rem);
		right: calc(50% - 14rem);
		width: 60% !important;
	}

	#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(4),
	#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(3),
	#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(2),
	#tb.notre-societe-v2 #bloc7 > .h50:nth-last-child(1),
	#tb.made-in-france #bloc7 > .h50:nth-last-child(4),
	#tb.made-in-france #bloc7 > .h50:nth-last-child(3),
	#tb.made-in-france #bloc7 > .h50:nth-last-child(2),
	#tb.made-in-france #bloc7 > .h50:nth-last-child(1){
		display: block;
		
	}
}

@media all and (min-width: 1000px){
	#tb.notre-societe-v2 #bloc1 h1{
		font-size: 55px;
		font-size: 5.5rem;
	}
	
	#tb.notre-societe-v2 #bloc4 .reason{
		width: 33%;
	}
	
	#tb.notre-societe-v2 #bloc6 #statistics{
		max-width: 1000px;
		max-width: 100rem;
	}
	
	#tb.notre-societe-v2 #bloc7 .bloc-video,
	#tb.made-in-france #bloc7 .bloc-video{
		width: 50% !important;
	}
}

@media all and (min-width: 1200px){
	#tb.notre-societe-v2 #bloc1 h1{
		font-size: 65px;
		font-size: 6.5rem;
	}
	
	#tb.notre-societe-v2 #bloc4 .bloc-orange{
		max-width: 1200px;
		max-width: 120rem;
	}
}

@media all and (min-width: 1600px){
	#tb.notre-societe-v2 #bloc1 h1{
		font-size: 90px;
		font-size: 9rem;
	}
	
	#tb.notre-societe-v2 #bloc7 .bloc-video,
	#tb.made-in-france #bloc7 .bloc-video{
		width: 40% !important;
	}
}

/***************************  /NOTRE SOCIETE v2  *****************************/