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

/* @import 'font-awesome.css'; */
/* @import 'fontawesome/css/all.css'; */
/* @import 'fontawesome/css/v4-shims.css'; */
@import 'fonts_pangram.css';

:root{
	--un-tier: -webkit-calc(1 / 3);
	--un-tier: -moz-calc(1 / 3);
	--un-tier: calc(1 / 3);
	--deux-tier: -webkit-calc(2 / 3);
	--deux-tier: -moz-calc(2 / 3);
	--deux-tier: calc(2 / 3);
	--orange-realisaprint : #F37023;
	--orange-realisaprint-200 : rgb(243, 112, 35, 0.5);
	--black-realisaprint : #333333;
	--black-realisaprint-200 : rgb(51, 51, 51, 0.5);
	--green-realisaprint : #2AAF52;
	--green-realisaprint-200 : rgb(42, 175, 82, 0.5);
	--grey-realisaprint : #525151;
	--grey-realisaprint-200 : rgb(82, 81, 81,0.5);
	--red-realisaprint : #E22D2D;
	--red-realisaprint-200 : rgb(226, 45, 45, 0.5);
	--blue-realisaprint : #2D7BC9;
	--blue-realisaprint-200 : rgba(45, 123, 201, 0.5);
}

html{
	font-size: 62.5%;
}

#content {
	padding-bottom: 0;
}

select option{
	background: #efefef;
}


.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
         transform: rotate(45deg);
}

.fa-rotate-135 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
         transform: rotate(135deg);
}

.fa-info-circle{
	font-weight: 800;
	color: #707070;
}

.prix_barre{
	text-decoration: line-through;
	-webkit-text-decoration-color: #F37023;
	   -moz-text-decoration-color: #F37023;
	        text-decoration-color: #F37023;
}

.hover_underline:hover{
	text-decoration: underline;
}

.br_0000{
	-webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.br_0005{
	-webkit-border-radius: 0 0 0 5px;
       -moz-border-radius: 0 0 0 5px;
            border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 0.5rem;
       -moz-border-radius: 0 0 0 0.5rem;
            border-radius: 0 0 0 0.5rem;
}

.br_0050{
	-webkit-border-radius: 0 0 5px 0;
       -moz-border-radius: 0 0 5px 0;
            border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 0.5rem 0;
       -moz-border-radius: 0 0 0.5rem 0;
            border-radius: 0 0 0.5rem 0;
}

.br_0055{
	-webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 0.5rem 0.5rem;
       -moz-border-radius: 0 0 0.5rem 0.5rem;
            border-radius: 0 0 0.5rem 0.5rem;
}

.br_0500{
	-webkit-border-radius: 0 5px 0 0;
       -moz-border-radius: 0 5px 0 0;
            border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 0.5rem 0 0;
       -moz-border-radius: 0 0.5rem 0 0;
            border-radius: 0 0.5rem 0 0;
}

.br_0505{
	-webkit-border-radius: 0 5px 0 5px;
       -moz-border-radius: 0 5px 0 5px;
            border-radius: 0 5px 0 5px;
    -webkit-border-radius: 0 0.5rem 0 0.5rem;
       -moz-border-radius: 0 0.5rem 0 0.5rem;
            border-radius: 0 0.5rem 0 0.5rem;
}

.br_0550{
	-webkit-border-radius: 0 5px 5px 0;
       -moz-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
       -moz-border-radius: 0 0.5rem 0.5rem 0;
            border-radius: 0 0.5rem 0.5rem 0;
}

.br_0555{
	-webkit-border-radius: 0 5px 5px 5px;
       -moz-border-radius: 0 5px 5px 5px;
            border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 0.5rem 0.5rem 0.5rem;
       -moz-border-radius: 0 0.5rem 0.5rem 0.5rem;
            border-radius: 0 0.5rem 0.5rem 0.5rem;
}

.br_5000{
	-webkit-border-radius: 5px 0 0 0;
       -moz-border-radius: 5px 0 0 0;
            border-radius: 5px 0 0 0;
    -webkit-border-radius: 0.5rem 0 0 0;
       -moz-border-radius: 0.5rem 0 0 0;
            border-radius: 0.5rem 0 0 0;
}

.br_5005{
	-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;
}

.br_5050{
	-webkit-border-radius: 5px 0 5px 0;
       -moz-border-radius: 5px 0 5px 0;
            border-radius: 5px 0 5px 0;
    -webkit-border-radius: 0.5rem 0 0.5rem 0;
       -moz-border-radius: 0.5rem 0 0.5rem 0;
            border-radius: 0.5rem 0 0.5rem 0;
}

.br_5055{
	-webkit-border-radius: 5px 0 5px 5px;
       -moz-border-radius: 5px 0 5px 5px;
            border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 0.5rem 0 0.5rem 0.5rem;
       -moz-border-radius: 0.5rem 0 0.5rem 0.5rem;
            border-radius: 0.5rem 0 0.5rem 0.5rem;
}

.br_5500{
	-webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    -webkit-border-radius: 0.5rem 0.5rem 0 0;
       -moz-border-radius: 0.5rem 0.5rem 0 0;
            border-radius: 0.5rem 0.5rem 0 0;
}

.br_5505{
	-webkit-border-radius: 5px 5px 0 5px;
       -moz-border-radius: 5px 5px 0 5px;
            border-radius: 5px 5px 0 5px;
    -webkit-border-radius: 0.5rem 0.5rem 0 0.5rem;
       -moz-border-radius: 0.5rem 0.5rem 0 0.5rem;
            border-radius: 0.5rem 0.5rem 0 0.5rem;
}

.br_5550{
	-webkit-border-radius: 5px 5px 5px 0;
       -moz-border-radius: 5px 5px 5px 0;
            border-radius: 5px 5px 5px 0;
    -webkit-border-radius: 0.5rem 0.5rem 0.5rem 0;
       -moz-border-radius: 0.5rem 0.5rem 0.5rem 0;
            border-radius: 0.5rem 0.5rem 0.5rem 0;
}

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

.bg_color_site{
	background-color: #F37023 !important;
}

/* Correction of focus outline */
/*
textarea:focus,
textarea:focus-visible,
textarea:-moz-focusring,
input[type="text"]:focus,
input[type="text"]:focus-visible,
input[type="text"]:-moz-focusring,
input[type="password"]:focus,
input[type="password"]:focus-visible,
input[type="password"]:-moz-focusring,
input[type="datetime"]:focus,
input[type="datetime"]:focus-visible,
input[type="datetime"]:-moz-focusring,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:focus-visible,
input[type="datetime-local"]:-moz-focusring,
input[type="date"]:focus,
input[type="date"]:focus-visible,
input[type="date"]:-moz-focusring,
input[type="month"]:focus,
input[type="month"]:focus-visible,
input[type="month"]:-moz-focusring,
input[type="time"]:focus,
input[type="time"]:focus-visible,
input[type="time"]:-moz-focusring,
input[type="week"]:focus,
input[type="week"]:focus-visible,
input[type="week"]:-moz-focusring,
input[type="number"]:focus,
input[type="number"]:focus-visible,
input[type="number"]:-moz-focusring,
input[type="email"]:focus,
input[type="email"]:focus-visible,
input[type="email"]:-moz-focusring,
input[type="url"]:focus,
input[type="url"]:focus-visible,
input[type="url"]:-moz-focusring,
input[type="search"]:focus,
input[type="search"]:focus-visible,
input[type="search"]:-moz-focusring,
input[type="tel"]:focus,
input[type="tel"]:focus-visible,
input[type="tel"]:-moz-focusring,
input[type="color"]:focus,
input[type="color"]:focus-visible,
input[type="color"]:-moz-focusring,
.uneditable-input:focus,
.uneditable-input:focus-visible,
.uneditable-input:-moz-focusring{
	outline: 1px solid;
}
/*  */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
	outline: 2px solid #525151;
	-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;
}


/* correct a bug because of the "height: 100%"" */
.slick-track .slick-slide{
	height: auto;
}

/* correct a bug on product pages */
.bulletip i.fa-info-circle.bulletip-item::after{
	width: auto;
	height: auto;
	bottom: auto;
	left: auto;
	-webkit-transform: none;
	   -moz-transform: none;
	    -ms-transform: none;
	     -o-transform: none;
	        transform: none;
}

body.new_body, .pangram, td, th{
	font-family: pangram, sans-serif !important;
	letter-spacing: 0.5px;
	letter-spacing: 0.05rem;
	font-weight: 300;
}

body.new_body #content h1,
body.new_body #content h2,
body.new_body #content h3,
body.new_body #content h4,
body.new_body #content h5,
body.new_body #content h6{
	font-weight: 500;
}

body.new_body strong{
	font-weight: 600;
}

.bold-orange{
	font-weight: 600;
}

button.submit_orange, .btn_submit{
	font-family: pangram, sans-serif !important;
	font-weight: 500;
}

.charte_realisaprint_numero2 .bold{
	font-weight: 600;
}

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

body.new_body #content .sitewidth{
	width: 100%;
	max-width: 1200px;
	max-width: 120rem;
}

body.new_body .bg-rea-green{
	background: #61CA6B;
}

body.new_body .bg-rea-red{
	background: #F84E4E;
}

body.new_body{
	background: #ffffff;
}

body.stopscroll_for_notif{
	overflow: hidden;
}

@media all and (min-width: 420px){
	body.stopscroll_for_notif{
		overflow: auto;
	}
}

body.new_body #content{
	width: 100%;
	border: none;
	position: relative;
}

body.new_body.blackfridayweek #content,
body.new_body.readays #content,
body.new_body.euro_italia #content,
body.new_body.italia_2years #content{
	margin-top: 0 !important;
}

body.new_body #content.new_product{
	max-width: 1200px;
	max-width: 120rem;
}

body.new_body #content > div{
	max-width: 1200px;
	max-width: 120rem;
	width: 100%;
	margin: 0 auto;
}

body.new_body #content > div.account_wrapper {
	max-width: 1400px;
	max-width: 140rem;
}

body.new_body #content > #tb{
	max-width: inherit;
}


/***********************************************************************
DIAPORAMA
************************************************************************/

body.new_body:not(.index) #content.mobile-header .diaporama{
	display: none;
}

.diaporama{
	width: 100%;
	background: #ffffff;
}

.diaporama > div{
	position: relative;
	max-width: 1200px;
	max-width: 120rem;
	width: 100%;
	margin: 0 auto;
}

.diaporama > div > .rslides_nav{
	position: absolute;
	top: -webkit-calc(50% - 15px);
	top: -moz-calc(50% - 15px);
	top: calc(50% - 15px);
	top: -webkit-calc(50% - 1.5rem);
	top: -moz-calc(50% - 1.5rem);
	top: calc(50% - 1.5rem);
	z-index: 2;
	opacity: 0.3;
	color: #f37023;
	text-shadow: 0 0 5px #000000;
	text-shadow: 0 0 0.5rem #000000;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.diaporama > div > .rslides_nav:hover{
	opacity: 1;
}

.diaporama > div > .rslides_nav.prev{
	left: 10px;
	left: 1rem;
}


.diaporama > div > .rslides_nav.next{
	right: 10px;
	right: 1rem;
}

.diaporama > div > .rslides_tabs{
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
}

.diaporama > div > .rslides_tabs > li{
	display: inline-block;
	padding: 5px;
	padding: 0.5rem;
	text-shadow: 0 0 5px #000000;
	text-shadow: 0 0 0.5rem #000000;
	opacity: 0.3;
}

.diaporama > div > .rslides_tabs > li:hover{
	opacity: 1;
}

.diaporama > div > .rslides_tabs > li > a{
	color: #333333;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	transition: 0.5s all;
}

.diaporama > div > .rslides_tabs > .rslides_here > a{
	color: #f37023;
}

.diaporama .toslide{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	/*
	background: #770000;
	opacity: 0.6;
	/*  */
}

.diaporama .draggable{
	width: 100%;
	height: 100%;
	/*
	background: #333333;
	border: 1px solid #FFFFFF;
	/*  */
}

/******************************************************************************
/DIAPORAMA
*******************************************************************************/


/********************************************************************
BODY-IMG
********************************************************************/

body.new_body #content.mobile-header .body-img-left,
body.new_body #content.mobile-header .body-img-right{
	display: none;
}	

body.new_body #content .body-img-left,
body.new_body #content .body-img-right{
	position: fixed;
	z-index: 2;
	/*top: 26px; 
	top: 2.6rem; */
	top: 0;
	width: -webkit-calc((100% - 1200px) / 2);
	width: -moz-calc((100% - 1200px) / 2);
	width: calc((100% - 1200px) / 2);
	width: -webkit-calc((100% - 120rem) / 2);
	width: -moz-calc((100% - 120rem) / 2);
	width: calc((100% - 120rem) / 2);
	/* height: calc(100% - 3.4rem); */
	height: 100%;
	/* background: green; */
	/* background: url('/site/charte/images/tb/fiers-detre-bleus.png') repeat-y top center; */
	/*background-image: url('/site/charte/images/tb/fiers-detre-bleus.png');*/
	background-position: top center;
	background-repeat: repeat; 
	/* background-size: cover; */
}
/*
body.new_body #content.sticky-header .body-img-left,
body.new_body #content.sticky-header .body-img-right{
	top: 34px;
	top: 3.4rem;
	height: -webkit-calc(100% - 34px);
	height: -moz-calc(100% - 34px);
	height: calc(100% - 34px);
	height: -webkit-calc(100% - 3.4rem);
	height: -moz-calc(100% - 3.4rem);
	height: calc(100% - 3.4rem);
}
*/
body.new_body #content .body-img-left{
	display: none;
	left: 0;
	/* background-position: 2rem; */
}

body.new_body #content .body-img-right{
	display: none;
	right: 0;
	/* background-position: 2rem; */
}

body.new_body #content .body-img-left.fr,
body.new_body #content .body-img-right.fr {
	/*background-image: url('/site/charte/images/tb/blue-friday.jpg');*/
	background: #f37023;
}

body.new_body.readays #content .body-img-left.fr{
	/*background-image: url('/site/charte/images/tb/readays/fr/side-readays-2.gif');*/
	background-image: url('/site/charte/images/tb/readays/fr/side-readays-calendrier.gif');
	background-position: center right;
	background-repeat: no-repeat;
}

body.new_body.readays #content .body-img-right.fr {
	/*background-image: url('/site/charte/images/tb/readays/fr/side-readays-2.gif');*/
	background-image: url('/site/charte/images/tb/readays/fr/side-readays-calendrier.gif');
	background-position: center left;
	background-repeat: no-repeat;
}

body.new_body.readays #content .body-img-left.it{
	background-image: url('/site/charte/images/tb/readays/it/side-readays-calendario.gif');
	background-position: center right;
	background-repeat: no-repeat;
    background-color: #f37023;
}

body.new_body.readays #content .body-img-right.it {
	background-image: url('/site/charte/images/tb/readays/it/side-readays-calendario.gif');
	background-position: center left;
	background-repeat: no-repeat;
    background-color: #f37023;
}



body.new_body.blackfridayweek #content .body-img-left.fr,
body.new_body.blackfridayweek #content .body-img-right.fr,
body.new_body.blackfridayweek #content .body-img-left.it,
body.new_body.blackfridayweek #content .body-img-right.it{
	background: #000000;
}

body.new_body.blackfridayweek header.sticky ~ #content .body-img-left.fr{
	background-image: url('/site/charte/images/tb/black-friday-week/fr/side-black-friday-week.gif');
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #000000;
}

body.new_body.blackfridayweek header.sticky ~ #content .body-img-right.fr {
	background-image: url('/site/charte/images/tb/black-friday-week/fr/side-black-friday-week.gif');
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #000000;
}

body.new_body.blackfridayweek header.sticky ~ #content .body-img-left.it{
	background-image: url('/site/charte/images/tb/black-friday-week/it/side-black-friday-week.gif');
	background-position: center right;
	background-repeat: no-repeat;
    background-color: #000000;
}

body.new_body.blackfridayweek header.sticky ~ #content .body-img-right.it {
	background-image: url('/site/charte/images/tb/black-friday-week/it/side-black-friday-week.gif');
	background-position: center left;
	background-repeat: no-repeat;
    background-color: #000000;
}

body.new_body.deconfinement #content .body-img-left.fr,
body.new_body.deconfinement #content .body-img-right.fr{
	background-image: url('/site/charte/images/tb/side-deconfinement.gif?v1.1');
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #00e195;
	z-index: 10;
}

body.new_body.euro_italia #content .body-img-left.it,
body.new_body.euro_italia #content .body-img-right.it{
	background-image: url('/site/charte/images/tb/side-euro-italia.png?v1.1');
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #0b1889;
}

body.new_body.euro_italia #content .body-img-right.it{
	background-position: center left;
}

body.new_body #content .body-img-left.it,
body.new_body #content .body-img-right.it {
	background-image: url('/site/charte/images/tb/green-white-red-friday.jpg');
}

body.new_body.italia_2years #content .body-img-left.it,
body.new_body.italia_2years #content .body-img-right.it {
    background-color: #fe8d3f;
	background-image: url('/site/charte/images/tb/body-img/it/buon-compleanno.jpg');
    background-repeat: no-repeat;
    background-position: center right;
}

body.new_body.italia_2years #content .body-img-right.it {
    background-position: center left;
}

#banner_readays{
	background: #f37023;
	max-width: 100%;

}

#banner_black_friday_week{
	background: #000000;
	max-width: 100%;
}

#banner_readays .wrap-banner{
	width: 637px;
	width: 63.7rem;
	margin: 0 auto;
	max-width: 100%;
}

#banner_black_friday_week .wrap-banner{
	margin: 0 auto;
	max-width: 100%;	
}

#banner_black_friday_week > div > div{
	width: 100%;
}

#banner_black_friday_week .wrap-countdown,
#banner_readays .wrap-countdown{
	position: relative;
}

#banner_black_friday_week .wrap-countdown{
	width: 432px;
	width: 43.2rem;
	max-width: 100%;
	margin: 0 auto;
}

#banner_black_friday_week .img-countdown,
#banner_readays .img-countdown{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#banner_black_friday_week p,
#banner_readays p{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
}

#banner_black_friday_week #black_friday_week_form{
	display: none;
}

#banner_black_friday_week #show_form_black_friday_week:checked ~ #black_friday_week_form{
	display: block;
}

#banner_black_friday_week .btn-aspect{
	font-family: pangram, sans-serif !important;
	display: inline-block;
	padding: 20px;
	padding: 2rem;
	margin: 0;
	-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;
}

#banner_black_friday_week #show_form_black_friday_week:checked ~ .btn-aspect + div,
#banner_black_friday_week #show_form_black_friday_week:checked ~ .btn-aspect{
	display: none;
}

#banner_black_friday_week .btn-green{
	color: #ffffff;
	background: #2aaf52;
	border: 2px solid #2aaf52;
}

#banner_black_friday_week .btn-black{
	color: #ffffff;
	background: #000000;
	border: 2px solid #ffffff;
}

#banner_black_friday_week .btn-black:hover{
	color: #000000;
	background: #ffffff;
}

#banner_black_friday_week #black_friday_week_mail{
	height: auto;
	margin: 0;
	padding: 5px;
	padding: 0.5rem;
	-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-family: pangram, sans-serif !important;
}

@media all and (min-width: 400px){
	#banner_black_friday_week p,
	#banner_readays p{
		font-size: 40px;
		font-size: 4rem;
	}	
}

@media all and (min-width: 800px){
	#banner_black_friday_week > div > div{
		width: 48%;
	}

}

/*************************************************************************
/BODY-IMG
*************************************************************************/

/************************************************************************
		REINITIALISATION MDP
************************************************************************/
#wrapper-statique.reinitialisation-mdp .password{
	display: inline-block;
	position: relative;
}

#wrapper-statique.reinitialisation-mdp #nouveau_mot_de_passe{
	margin: 0;

	padding-right: 30px;
	padding-right: 3rem;
}

#wrapper-statique.reinitialisation-mdp #nouveau_mot_de_passe_visible{
	display: none;
}

#wrapper-statique.reinitialisation-mdp #nouveau_mot_de_passe_visible + label{
	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);

	right: 5px;
	right: 0.5rem;

	display: inline-block;

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

	color: #707070;

	margin: 0 0 0 5px;
	margin: 0 0 0 0.5rem;

	vertical-align: middle;

	cursor: pointer;
}

#wrapper-statique.reinitialisation-mdp #nouveau_mot_de_passe_visible + label:hover{
	opacity: 0.9;
}

#wrapper-statique.reinitialisation-mdp #nouveau_mot_de_passe_visible:checked + label{
	color: #F37023;
}
/************************************************************************
		/REINITIALISATION MDP
************************************************************************/


/************************************************************************
		5 CONSEILS
************************************************************************/

#print_tips{
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border: 0.1rem solid #E5E5E5;
	-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: 0;
}

#print_tips .title_frame{
	background: #E5E5E5;
	margin: 0;
	padding: 15px 10px;
	padding: 1.5rem 1rem;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
}

#print_tips .print_tip{
	margin: 0;
	padding: 0 10px;
	padding: 0 1rem;
}

#print_tips input[type="checkbox"]{
	display: none;
}

#print_tips label{
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding: 9px 0;
	padding: 0.9rem 0;
	font-weight: 400;
	border-top: 1px solid #D4D4D4;
	border-top: 0.1rem solid #D4D4D4;
	cursor: pointer;
	margin: 0;
}

#print_tips .title_frame + .print_tip label{
	border: none;
}

#print_tips label::after{
	position: absolute;
	right: 10px;
	right: 1rem;
	font-size: 24px;
	font-size: 2.4rem;
	content: '+';
	color: #2AAF52;
}

#print_tips input[type="checkbox"]:checked ~ label::after{
	/*font-family: 'Font Awesome 5 Pro';*/
	content: '-';
	color: #CC0000;
}

#print_tips .print_tip > div{
	display: block;
	max-height: 0;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	overflow: hidden;
}

#print_tips .print_tip input[type="checkbox"]:checked ~ div{
	max-height: 1000px;
	max-height: 100rem;
}




/************************************************************************
		/5 CONSEILS
************************************************************************/

/************************************************************************
		ALL OUR CHECKS
************************************************************************/

.table_style{
	overflow-y: scroll;
	max-height: 400px;
	text-align: left;
}

.table_style .column.empty{
	border: none;
}

.table_style .column_1,
.table_style .column_2,
.table_style .column_3,
.table_style .full{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #E1E1E1;
	border: 0.1rem solid #E1E1E1;
	padding: 6px 5px;
	padding: 0.6rem 0.5rem;
}

.table_style .full{
	width: 100%;
}

.table_style .title_column{
	background: #E1E1E1;
	font-weight: 400;
	font-size: 15px;
	font-size: 1.5rem;
}

.table_style .column_1{
	-webkit-box-flex: 3;
	-webkit-flex: 3;
	   -moz-box-flex: 3;
	    -ms-flex: 3;
	        flex: 3;
	min-width: 100px;
	min-width: 10rem;
	max-width: 290px;
	max-width: 29rem;
	font-weight: 400;
}

.table_style .column_2{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	width: 120px;
	width: 12rem;
}

.table_style .column_3{
	-webkit-box-flex: 8;
	-webkit-flex: 8;
	   -moz-box-flex: 8;
	    -ms-flex: 8;
	        flex: 8;
/*
	width: calc(80% - 80px);
	width: calc(80% - 8rem);
*/
	min-width: 150px;
	min-width: 15rem;
	max-width: 450px;
	max-width: 45rem;
}



/************************************************************************
		ALL OUR CHECKS
************************************************************************/




/**********************************************************************************************
Bandeau préinscription
**********************************************************************************************/

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

#bandeau_preinscription{
	position: fixed;
	z-index: 100000;
	bottom: -100%;
	width: 100%;
	background: #F37023;
	padding: 10px;
	padding: 1rem;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

#bandeau_preinscription.show{
	bottom: 0;
}

#bandeau_preinscription form{
	margin: 0;
	padding: 0 10px;
	padding: 0 1rem;
}

#bandeau_preinscription input[type="email"],
#bandeau_preinscription .btn_aspect{
	margin: 5px 0;
	margin: 0.5rem 0;
	width: 100%;
}

#bandeau_preinscription input[type="email"]{
	/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	*/

	height: 28px;
	height: 2.8rem;
	max-width: 100%;
	padding: 5px;
	padding: 0.5rem;
	line-height: 14px;
	line-height: 1.4rem;
	font-family: pangram, sans-serif;
	font-weight: 300;
	font-size: 13px;
	font-size: 1.3rem;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	border: 0.1rem solid #D1D1D1;
	-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-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

#bandeau_preinscription .btn_aspect{
	display: inline-block;
	background: #2AAF52;
	color: #FFFFFF;
	padding: 5px 15px;
	padding: 0.5rem 1.5rem;
	border: none;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	font-weight: 400;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	cursor: pointer;
}

#bandeau_preinscription .btn_aspect:hover{
	background: #20843E;
}

@media all and (min-width: 400px){
	#bandeau_preinscription input[type="email"],
	#bandeau_preinscription .btn_aspect{
		margin: 5px 5px;
		margin: 0.5rem 0.5rem;
		width: auto;
	}

	#bandeau_preinscription input[type="email"]{
		margin-left: 20px;
		margin-left: 2rem;
	}

}

/**********************************************************************************************
/Bandeau préinscription
**********************************************************************************************/


/**********************************************************************************************
CRISP
**********************************************************************************************/

body.with_rgpd .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr{
	bottom: 70px !important;
	bottom: 7rem !important;
}

body.with_rgpd .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr .crisp-1059tj2 .crisp-1xaupiq{
	bottom: 130px !important;
	bottom: 13rem !important;
}

body.with_preinscription .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr{
	bottom: 130px !important;
	bottom: 13rem !important;
}

body.with_preinscription .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr .crisp-1059tj2 .crisp-1xaupiq{
	bottom: 200px !important;
	bottom: 20rem !important;
}

@media all and (min-width: 600px){
	body.with_rgpd .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr{
		bottom: 40px !important;
		bottom: 4rem !important;
	}

	body.with_rgpd .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr .crisp-1059tj2 .crisp-1xaupiq{
		bottom: 110px !important;
		bottom: 11rem !important;
	}

	body.with_preinscription .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr{
		bottom: 75px !important;
		bottom: 7.5rem !important;
	}

	body.with_preinscription .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr .crisp-1059tj2 .crisp-1xaupiq{
		bottom: 151px !important;
		bottom: 15.1rem !important;
	}

}

/**********************************************************************************************
/CRISP
**********************************************************************************************/


/**********************************************************************************************
AUTOCOMPLETE
**********************************************************************************************/

.desktop_search_autocomplete.ui-menu,
.mobile_search_autocomplete.ui-menu{
	/*overflow-y: auto;*/
	max-height: -webkit-calc(100vh - 150px);
	max-height: -moz-calc(100vh - 150px);
	max-height: calc(100vh - 150px);
	max-height: -webkit-calc(100vh - 15rem);
	max-height: -moz-calc(100vh - 15rem);
	max-height: calc(100vh - 15rem);
}

.desktop_search_autocomplete.ui-menu .ui-menu-item,
.mobile_search_autocomplete.ui-menu  .ui-menu-item{
	background: #ffffff;
}

.desktop_search_autocomplete.ui-menu .ui-menu-item-wrapper,
.mobile_search_autocomplete.ui-menu  .ui-menu-item-wrapper{
	padding: 10px;
	padding: 1rem;
	font-family: pangram, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #525151;
}

.desktop_search_autocomplete.ui-menu .ui-menu-item-wrapper strong,
.mobile_search_autocomplete.ui-menu  .ui-menu-item-wrapper strong{
	font-weight: 300;
}

.desktop_search_autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active,
.mobile_search_autocomplete.ui-menu  .ui-menu-item-wrapper.ui-state-active{
	background: #efefef;
	border-top-color: #efefef;
	border-bottom-color: #efefef;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	color: #525151;
}

.desktop_search_autocomplete.ui-menu .ui-menu-item:first-child .ui-menu-item-wrapper.ui-state-active,
.mobile_search_autocomplete.ui-menu  .ui-menu-item:first-child .ui-menu-item-wrapper.ui-state-active{
	border-top-color: #cccccc;
}

.desktop_search_autocomplete.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper.ui-state-active,
.mobile_search_autocomplete.ui-menu  .ui-menu-item:last-child .ui-menu-item-wrapper.ui-state-active{
	border-bottom-color: #cccccc;
}

.desktop_search_autocomplete .ui-menu-item .ui-state-active::before,
.mobile_search_autocomplete  .ui-menu-item .ui-state-active::before,
.desktop_search_autocomplete .ui-menu-item.more .ui-state-active::before,
.mobile_search_autocomplete  .ui-menu-item.more .ui-state-active::before,
.searchpage_search_autocomplete .ui-menu-item .ui-state-active::before {
	content: '';
	margin: 0;
}


/**********************************************************************************************
/AUTOCOMPLETE
**********************************************************************************************/




/**********************************************************************************************
CUSTOM SELECT
**********************************************************************************************/

.custom_select_wrapper{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	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;
}

.custom_select_wrapper input[type="checkbox"]{
	display: none;
}

.custom_select_wrapper label{
	display: block;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 5px 10px;
	padding: 0.5rem 1rem;
	color: #525151;
	/*font-weight: 300;*/
	cursor: pointer;
}

.custom_select_wrapper .main_label{
	padding: 5px 30px 5px 10px;
	padding: 0.5rem 3rem 0.5rem 1rem;
}

.custom_select_wrapper .label_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	color: transparent;
	background: transparent;
	cursor: default;
}

.custom_select_wrapper input[type="checkbox"]:checked ~ .label_overlay{
	display: block;
}

.custom_select_wrapper .custom_options{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 4;
	width: 100%;
	max-height: 200px;
	background: #ffffff;
	border: 1px solid #525151;
	border: 0.1rem solid #525151;
	/*
	border-radius: 0 0 5px 5px;
	border-radius: 0 0 0.5rem 0.5rem;
	/*  */
	-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;
	overflow: auto;
}

.custom_select_wrapper input[type="checkbox"]:checked ~ .custom_options{
	display: block
}

.custom_select_wrapper .custom_options label:hover{
	background: #e1e1e1;
}

/**********************************************************************************************
/CUSTOM SELECT
**********************************************************************************************/




/**********************************************************************************************
CUSTOM TABLE_1 TABLE_2 TABLE_3
**********************************************************************************************/

.custom_table_1,
.custom_table_1 .empty,
.custom_table_2,
.custom_table_2 .empty{
	background: transparent;
	overflow: auto;
	max-height: -webkit-calc(95vh - 100px);
	max-height: -moz-calc(95vh - 100px);
	max-height: calc(95vh - 100px);
	max-height: -webkit-calc(95vh - 10rem);
	max-height: -moz-calc(95vh - 10rem);
	max-height: calc(95vh - 10rem);
}

.custom_table_1 .custom_cell:first-child,
.custom_table_1 th:first-child,
.custom_table_1 td:first-child,
.custom_table_2 .custom_cell:first-child,
.custom_table_2 th:first-child,
.custom_table_2 td:first-child{
	width: 80px;
	width: 8rem;
}

.custom_table_1 .custom_cell,
.custom_table_1 th,
.custom_table_1 td{
	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);
}

.custom_table_2 .custom_cell,
.custom_table_2 th,
.custom_table_2 td{
	width: -webkit-calc(33.3% - 26px);
	width: -moz-calc(33.3% - 26px);
	width: calc(33.3% - 26px);
	width: -webkit-calc(33.3% - 2.6rem);
	width: -moz-calc(33.3% - 2.6rem);
	width: calc(33.3% - 2.6rem);
}

.custom_table_2 .forced_height{
	min-height: 90px;
	min-height: 9rem;
}

.custom_table_3{
	background: transparent;
	color: #525151;
}

.custom_table_3 > *{
	margin: 3px auto;
	margin: 0.3rem auto;
	background: #f1f1f1;
}

.custom_table_3 .custom_cell{
	width: 140px;
	width: 14rem;
}

.custom_table_3 .custom_cell + .custom_cell{
	width: -webkit-calc(100% - 140px);
	width: -moz-calc(100% - 140px);
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 14rem);
	width: -moz-calc(100% - 14rem);
	width: calc(100% - 14rem);
	border-left: 1px solid #ffffff;
}


/**********************************************************************************************
/CUSTOM TABLE_1 TABLE_2 TABLE_3
**********************************************************************************************/



/**********************************************************************************************
CAV - Controle and validation
**********************************************************************************************/

.cav_and_calc,
.cav_and_add{
	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;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.cav_wrapper{
	position: relative;
	z-index: 1;
	/*
	padding: 30px 0px 0px 30px;
	padding: 3rem 0rem 0rem 3rem;
	/*  */
	padding: 15px 0px 0px 20px;
	padding: 1.5rem 0rem 0rem 2rem;
	width: 100%;
}

.cav_and_calc.simple .cav_wrapper,
.cav_and_add.simple .cav_wrapper{
	display: none;
}

.cav_text{
	position: relative;
	z-index: 2;
	border: 4px solid #2aaf52;
	border: 0.4rem solid #2aaf52;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
	-webkit-border-radius: 0.7rem;
	   -moz-border-radius: 0.7rem;
	        border-radius: 0.7rem;
	background: #ffffff;
}

/*
.cav_text p{
	padding: 18px 25px;
	padding: 1.8rem 2.5rem;
	margin: 0;
	border-bottom: 6px solid #2aaf52;
	border-bottom: 0.6rem solid #2aaf52;
	color: #707070;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
}
/*  */

.cav_text p{
	margin: 0;
	color: #707070;
	text-align: center;
}

.cav_text p:first-child{
	padding: 13px 10px 0 25px;
	padding: 1.3rem 1rem 0 2.5rem;
	text-transform: uppercase;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
}

.cav_text p:last-child{
	padding: 0 10px 10px 25px;
	padding: 0 1rem 1rem 2.5rem;
	border-bottom: 6px solid #2aaf52;
	border-bottom: 0.6rem solid #2aaf52;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 300;
}

.cav_logo{
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 50px;
	width: 5rem;
	height: 50px;
	height: 5rem;
	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;
	background: #2aaf52;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0, 0.5);
	   -moz-box-shadow: 0 0 5px 0 rgba(0,0,0, 0.5);
	        box-shadow: 0 0 5px 0 rgba(0,0,0, 0.5);
	-webkit-box-shadow: 0 0 0.5rem 0 rgba(0,0,0, 0.5);
	   -moz-box-shadow: 0 0 0.5rem 0 rgba(0,0,0, 0.5);
	        box-shadow: 0 0 0.5rem 0 rgba(0,0,0, 0.5);
}

@media all and (min-width: 600px){
	.cav_wrapper{
		width: 36%;
	}
}










/**********************************************************************************************
/CAV - Controle and validation
**********************************************************************************************/