/*
thin 100
thin 100 Italic
extra-light 200
extra-light 200 Italic
light 300
light 300 Italic
regular 400
regular 400 Italic
medium 500
medium 500 Italic
semi-bold 600
semi-bold 600 Italic
bold 700
bold 700 Italic
extra-bold 800
extra-bold 800 Italic
black 900
black 900 Italic

font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
:root {
	--green-1: #37BD2C;
	--green-2: #4cb843;
	--blue-1: #2e5395;
	/* --blue-1: #00a0dc; */
}

html, body{ overflow-x: hidden !important; }

body.noscroll{
    position: fixed !important;
    overflow: hidden !important;
	width: 100%;
}

body{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
	color: #444444;
	font-family: 'Open Sans', sans-serif;
}

h4 {
	font-size:small;
	font-weight:700;
}

a:hover{
	text-decoration: none;
}

/* Slider */

.slider-wrapper {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.rev_slider {
	min-height: 400px;
}

.header-info {
    margin: 60px auto 60px;
}

@media (max-width:1200px) and (min-width:980px) {
	.header-info {
	    margin: 60px auto 100px !important;
	}
}

@media (max-width:979px) {
	.header-info {
	    margin: 60px auto 60px !important;
	}
}


/* Début de l'entête */

.header-info{
	margin: 60px auto 175px;
}

.logo{
	width: 250px;
	height: auto;
}

.slogan{
	text-align: right;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 32px;
	font-size: 28px;
	width: 100%;
	max-width: 400px;
	float: right !important;
	text-transform: uppercase;
	color: #fff;
}
/* Fin de l'entête */

/* Début du corps */
header, .etapes{
	position: relative;
    z-index: 2;	
}

.etapes{
	margin-bottom: 50px;
}

.etape{
	margin: 0 auto !important;
	text-align: center !important;
	background-color: #ededed !important;
	padding: 0 !important;
	border-right: 1px solid #bebebe;
}

.etape:last-child{
	border-right: 0 !important;
}

.etape:hover, .etape.current-etape{
	background: #000 url('/images/current-triangle.png') center bottom no-repeat !important;
}

.etape a{
	display: inline-block !important;
	vertical-align: middle !important;
	width: 100% !important;
	height: 107px !important;
}

.etape-icon-avion a{
	background: transparent url('/images/icon-avion.png') no-repeat center center;
}

.etape-icon-auto a{
	background: transparent url('/images/icon-auto.png') no-repeat center center;
}

.etape-icon-transports a{
	background: transparent url('/images/icon-transports.png') no-repeat center center;
}

.etape-icon-calc a{
	background: transparent url('/images/icon-calc.png') no-repeat center center;
}

.etape-icon-groupe a{
	background: transparent url('/images/icon-groupe.png') no-repeat center center;
}

.etape-icon-liens a{
	background: transparent url('/images/icon-liens.png') no-repeat center center;
}

.etape-icon-avion:hover a, .etape-icon-avion.current-etape a{
	background: transparent url('/images/icon-avion-current.png') no-repeat center center;
}

.etape-icon-auto:hover a, .etape-icon-auto.current-etape a{
	background: transparent url('/images/icon-auto-current.png') no-repeat center center;
}

.etape-icon-transports:hover a, .etape-icon-transports.current-etape a{
	background: transparent url('/images/icon-transports-current.png') no-repeat center center;
}

.etape-icon-calc:hover a, .etape-icon-calc.current-etape a{
	background: transparent url('/images/icon-calc-current.png') no-repeat center center;
}

.etape-icon-groupe:hover a, .etape-icon-groupe.current-etape a{
	background: transparent url('/images/icon-groupe-current.png') no-repeat center center;
}

.etape-icon-liens:hover a, .etape-icon-liens.current-etape a{
	background: transparent url('/images/icon-liens-current.png') no-repeat center center;
}

#contenu{
	position: relative;
	padding-bottom: 134px;
	background: transparent url('/images/feuilles-bas.png') bottom right no-repeat;
}

#contenu a{
	color: var(--green-2);
	font-weight: bold;
}

#contenu a:hover{
	text-decoration: none;
	opacity: 0.8;
}

#contenu p{
	margin-bottom: 40px;
}

.tabs{
	display: none;
}

.tabs.current-tab{
	display: block;
}

.accueil-citation{
	padding: 30px 28px;
	border: 2px solid #cccccc;
	font-size: 14px;
	color: #838383;
	font-weight: medium;
}

footer{
	background: #132137;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 22px;
	padding: 70px 0 75px;
}

footer h2{
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
	font-size: 16px;
	line-height: 22px;
}

footer a{
	color: #ffffff;
}

footer address{
	margin-bottom: 0;
}

.site-infolettre{
	font-weight: 500;
	margin-top: 25px;
}

.site-infolettre a:first-child{
	margin-right: 20px;
}

.site-infolettre a:last-child{
	margin-left: 20px;
}

.img_usine{
	width: 50px;
	height: auto;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

#references{
	font-family: 'Open Sans', sans-serif;
	opacity: 0.5;
	color: #FFFFFF;	
	font-size: 13px;
	line-height: 18px;
	margin-top: 86px;
}

#references ol{
	padding-left: 15px;
}

.footer-pdf-icon{
	margin-right: 10px;
}

.footer-pdf-icon img{
	vertical-align: middle !important;
}

.boutons, .btn-rapporter, .btn-debuter{
	display: inline-block;
	background-color: var(--green-1);
	color: #ffffff !important;
	border-radius: 0 20px 0 20px;
	padding: 20px 70px;
	text-align: center;
	font-size: 18px;
	text-decoration: none !important;
}

.RS .btn-debuter{
	background-color: var(--green-1);
}

.CR .btn-debuter{
	background-color: var(--blue-1);
}

.btn-bg-white{
	background-color: #fff !important;
	color: var(--green-1) !important;
	border: 1px solid var(--green-1);
}
.boutons:focus, .boutons:hover, .btn-rapporter:focus, .btn-rapporter:hover{
	text-decoration: none !important;
}
.btn-debuter {
	white-space: nowrap;
}
.btn-debuter:hover, .boutons:hover, .lien-action:hover{
	opacity: 0.8;
}

.btn-small {
	font-size: 14px;
}
.btn-stretch {
	width:100%;
	padding: 20px 0 !important;
}

.tab-title{
	color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
}

label{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #444444;
	font-weight: 400;
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;
}

.form-control{
	border-radius: 0 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: auto !important;
	font-size: 14px !important;
	display: inline-block !important;
}

.duplicate{
	color: #999999 !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.duplicate img{
	margin-right: 10px;
}

.tab-resultats{
	background-color: #eee;
	text-align: center;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 19px;
	margin-top: 25px;
	color: #666;
}

.tab-resultats .nb-tonnes{
	text-transform: uppercase;
	font-weight: 700;
}

.chiffres-tonnes{
	border: 0;
	width: auto !important;
	background-color: #eee;
	text-align: right !important;
}

#grand-total{
	color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	background: transparent url('/images/bg-planete.png') center center no-repeat;
	background-size: contain;
	width: 460px;
	height: 460px;
	padding-top: 44px;
	line-height: 16px;
	border: 2px solid var(--green-2) ;
    border-radius: 50%;
}
#grand-total.RS {
	border: 2px solid var(--green-1);
}
#grand-total.CR {
	border: 2px solid var(--blue-1);
}

#grand-total p{
	width: 80%;
	margin: 0 auto;
	padding: 0;
}

#nb-tonnes-totale{
	color: #132137;
	font-size: 26px;
	font-weight: 700;
	line-height: 32px;
	text-transform: uppercase;
	max-width: 250px;
}

.resultat-unite{
	font-size: 12px;
}

.sep-gt{
	height: 1.84px;
	width: 100%;
	max-width: 100px;
	background-color: var(--green-2);
	margin: 15px 0 !important;
	display: inline-block;
}

.RS .sep-gt{
	background-color: var(--green-2);
}
.CR .sep-gt {
	background-color: var(--blue-1);
}

#nb-arbres{
	color: #132137;
	font-size: 14px;
	line-height: 18px;
	/* margin: 10px auto !important; */
}

.montant-total{
	color: #000 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	display: block;
	margin:20px 0;
}

.learn-more-link{
	color: var(--green-2);
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	max-width: 175px;
	margin-top: 22px !important;
}
.RS .learn-more-link {
	color: var(--green-2);
}

#contenu .CR a.learn-more-link {
	color: var(--blue-1);
}

.liens-actions{
	width: 100%;
	margin-top:60px;
	/* background: #fff; */
	/* margin-bottom: -10px !important; */
}

.lien-action a {
	display: block;
	border: 4px solid #FFFFFF;
	border-radius: 20px 0 20px 0;
	background-color: #000;
	text-align: center;
	padding: 40px 0 0;
	font-family: 'Montserrat', sans-serif;
	
}

.lien-action p{
	width: 100%;
	max-width: 300px;
	margin: 30px auto 48px;
	padding:0 5px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.icon-remove{
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}

.remove-container{
	padding-top: 10px;
}


.field-container hr{	
	height: 1px;
	background-color: #bebebe;
	border: 0;
	width: 100%;
	max-width: 290px;
	clear: both;
	float: none;
}

#tab1-field-container-1 .icon-remove,
#tab2-field-container-1 .icon-remove, 
#tab3-field-container-1 .icon-remove{
	display: none;	
}

.resultats-conteneur, #tab4-resultat{
	display: none;
}

.agri-bulle-container{
	margin-top: -15px !important;
	display: none;
	margin-bottom: 20px !important;
}

.agri-bulle{
	width: 100%;
	max-width: 570px;
	background-color: #eeeeee;
	padding: 8px 0 !important;
	margin-top: 0 !important;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #eeeeee;
	margin-left: 28px;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.agri-bulle .agri-bulle-texte, .agri-bulle input, .agri-bulle select{
	display: inline-block !important;
	width: auto !important;
}

.agri-bulle .agri-bulle-texte{
	color: #444444;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.agri-bulle .agri-bulle-texte.agri-bulle-texte-heures{
	margin-left: 40px !important;
}

.agri-bulle input, .agri-bulle select{
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	width: 120px !important;
	border: 1px solid #b5b5b5;
}

.tab5-info{
	color: #777777;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 20px;
	padding-top: 30px;
	border-top: 1px solid #d8d8d8;
}

.btn-rapporter{
	background: #858585 !important;
}

.tab6-liens strong{
	display: block;	
	margin-bottom: 20px;
}
.tab6-liens a{
	display: block;	
	margin-bottom: 15px;
}

.lien-submit:hover{
	cursor: pointer;
}

.sq-input, input.sq-input, select.sq-input{
	border: 1px solid #cccccc;
	margin-bottom: 8px;
	padding: 1px;
	width: 100%;
	line-height: 22px !important;
}
input.sq-input, select.sq-input{
	padding: 7px 10px 7px;
	font-size: 14px;
}
.sq-input--focus, .sq-input:focus {
	outline-width: 2px;
	outline-color: var(--green-1);
	outline-offset: -1px;
	outline-style: auto;
}
.sq-input--error {
	outline-width: 5px;
	outline-color: #FF9393;
	outline-offset: 0px;
	outline-style: auto;
}

#formulaire_modal{
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       -99999px;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 );
	overflow: hidden;
}

#formulaire_square{
	width: 100%;
	max-width: 500px;
	background: #ffffff;
	padding: 15px 15px 30px;
	border-radius: 5px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	height: 95vh;
    overflow-y: auto;
}

#formulaire_square p{
	text-align: center;
	width: 100%;
}

#formulaire_square h2{
	text-align: center;
	margin-bottom: 30px;
}

.soumettre{
	display: inline-block;
	background-color: var(--green-1);
	color: #ffffff !important;
	border-radius: 0 20px 0 20px;
	padding: 15px 60px;
	text-align: center;
	font-size: 18px;
	border: 0;
}

.soumettre[type=submit]:disabled {
	opacity: 0.5;
}

.RS .soumettre {
	background-color: var(--green-1);
}
.CR .soumettre {
	background-color: var(--blue-1);
}

#secondes{
	width: 100%;
	text-align: center;
}

#errors p{
	margin: 0 auto;
}

.transaction_details, .transaction_info{
	font-size: 12px;
	border: 1px solid #000000;
	border-collapse: collapse;
	width: 100%;
}

.transaction_details{
	margin: 20px 0 30px !important;
}

.transaction_details th, .transaction_details td, .transaction_info th, .transaction_info td{
	border: 1px solid #000000;
	padding: 4px;
	text-align: center;
}

.champs_soumission{
	display: none;
}

.modal_loading{
	display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .9 ) 
                url('/images/loading.gif') 
                50% 50% 
                no-repeat;
	overflow: hidden;
	text-align: center;
	padding-top: 40%;
}
.errorPlaceholder::placeholder{
	color: red;
}
#logos{
	margin-top: 45px;
	text-align: center;
}

#logos a{
	margin-right: 55px;
}

#logos img{
	width: 100%;
	max-width: 200px;
	height: auto;
	vertical-align: middle;
}

.logo-label{
	font-size: 12px;
    line-height: 16px;
	margin-bottom: unset !important;
}
.logo-img{
	max-width:150px;
	width:150px;
	height:80px;
	object-fit: contain;
}
.logo-row{
	border:1px solid #ddd; 
	border-radius: 25px; 
	padding: 20px 0;
}

.accordeon-flex{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top:30px;
}

.accordeon-flex .items{
	flex-basis: calc(50% - 20px);
}

.popup-totaux{
	display: inline-block;
	text-align: right;
	width: 100%;
}

.close_modal{
	position: absolute !important;
	right: 25px !important;
	top: 10px !important;
	cursor: pointer !important;
	width: 10px !important;
	/* height: !important; */
	display: inline-block !important;
}
.text-end{
	text-align:end;
}

#collapseExample>p:nth-child(1),
#collapseExample2>p:nth-child(1){
	min-height: 260px;
}


/*
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
SCREEN MAX-WIDTH 1200 PX (Bootstrap 3 Size Medium)
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/

@media screen and (max-width: 1200px) {	
	.logo-label-spacer {
		height:0px;
		margin:20px 20px;
		border-bottom:1px solid #f6f6f6;
	}	
}

/*
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
SCREEN MAX-WIDTH 992 PX (Bootstrap 3 Size Small)
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/
@media screen and (max-width: 992px){
	.logo{
		max-width: 200px;
	}

	#collapseExample>p:nth-child(1),
	#collapseExample2>p:nth-child(1){
		min-height: unset;
	}
	
	.header-info div, .slogan{
		text-align: center !important;
	}
	
	.slogan{
		margin: 50px auto 0 !important;
		float: none !important;
	}
	
	.etape{
		margin: 10px auto 0 !important;
		border: 0 !important;
		max-width: 280px !important;
		float: none !important;
	}
	
	.etape a{
		height: 90px !important;
	}
	
	.accueil-citation{
		margin-top: 10px;
	}
	
	.btn-etape, .boutons{
		display: block !important;
		max-width: 290px !important;
		margin: 0 auto 30px !important;
		padding: 16px 24px;
		font-size: 12px;
		width: min-content;
	}
	
	.lien-texte{
		display: inline !important;
	}
	
	#grand-total{
		width: 345px;
        height: 345px;
		line-height: 16px;
		margin: 30px auto 0 !important;
		padding: 35px 0 0 0 !important;
		float: none !important;
		text-align: center !important;
		background-position: center center !important;
	}
	
	.montant-total {
		margin:16px 0;
	}
	
	#nb-tonnes-totale, #nb-arbres{
		color: #132137;
		font-size: 12px;
		font-weight: 700;
		line-height: 18px;
		/* text-transform: uppercase; */
		max-width: 250px;
	}
	
	.sep-gt{
		height: 1.84px;
		width: 100%;
		max-width: 100px;
		background-color: var(--green-2);
		margin: 8px 0 !important;
		display: inline-block;
	}

	#nb-arbres{
		margin: 5px auto !important;
	}
	
	#logos a:first-child{
		display: inline-block;
		margin-right: 0px !important;
		margin-bottom: 30px !important;
	}
	
	.items{
		/* flex-basis: calc(100% - 0px) !important; */
		margin-top:20px;
	}

	.logo-label{
		font-size: 12px;
		line-height: 16px;
		margin-bottom: unset !important;
	}
}


/*
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
SCREEN MAX-WIDTH 768 PX (Bootstrap 4 Size X-Small)
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/

/* @media screen and (max-width: 768px) {	
	
} */


/*
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
SCREEN MAX-WIDTH 680 PX
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/
@media screen and (max-width: 680px) {
	.superhero{
		display:block;
		margin:0 auto !important;
	}
	.items{
		/* flex-basis: calc(100% - 0px) !important; */
		margin-top:20px;
	}
	/* .btn-margin{
		margin-bottom: 20px;
	} */
	.text-end{
		text-align: justify;
	}
	  .paddingMobile{
        padding-left: 0;
        padding-right: 0
    }
}



/*
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
SCREEN MAX-WIDTH 480 PX
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/
@media screen and (max-width: 480px){
	.slogan{
		margin: 30px auto !important;
		font-size: 22px !important;
		line-height: 22px;
	}
	
	#nb-arbres{
		line-height: 18px;
		margin: 4px auto !important;
	}

	.lien-action{
		margin-bottom: 10px;
	}
	
	#formulaire_modal{
		overflow-y: scroll;
	}
	  .paddingMobile{
        padding-left: 0;
        padding-right: 0
    }
}


/*
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
PDF PAGE STYLES
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
*/

#pdf-page-2 {
	/* background-color:grey; */
	font-weight: 500 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 23px !important;
	color: black !important;
	line-height:28px !important;
	padding:10px 30px 30px;
}
#pdf-page-2 p {
	margin: 30px 0 10px;
}
#pdf-page-2 li {
	margin:10px 0;
}

#pdf-page-2 li::marker {
	color:var(--green-1);
}