BODY, TEXTAREA {
	font-family: Tahoma, Arial, sans-serif;
}
DIV {
	font-family: Tahoma, Arial, sans-serif;
}
BODY {
	margin-top:0px;
	background-color: #f3f9f0;
}

#wrapper {
	display: none
}

.header {
	display: none;
}
span.small{
	font-size:0.6em;
}
TABLE.clients-image-table TR TD{
	width:25%;
	padding:5px;
	border-bottom:0px solid white;
	text-align: center
}
DIV.logo {
	text-align: center;
	width:100%;
	margin-top:10px
}
SECTION.bg-white{
	background-color: white;
}
#formulaire .main-form-container TABLE TR TD.checkbox_container {
	padding:0 20px 10px 20px;
	color:grey;
	font-size:0.8em;
	line-height:1.2em;
	text-align: justify;
	padding-left: 23px;
	padding-top: 6px;
}

.rounded {
	border-radius:8px
}
.centered{
	text-align: center;
}

.no-padding{
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}

.form_field {
	border:2px solid white;
	width:90%;
	height:3.5em;
	padding-left: 10px;
	font-size:1em;
	color:black;
}

.form_field_cb {
	border:2px solid white;
	outline:2px solid white;
	padding-left: 10px;
	font-size:1em;
	color:black;
}

.form_field:placeholder, .form_textarea:placeholder {
	color:green;
}

.form_field_error, .form_textarea_error {
	border:2px solid #e77e4c;
	outline:2px solid #e77e4c;
	color:#e77e4c;
}

.form_field_error:placeholder, .form_textarea_error:placeholder {
	color:#c76e3c;
}

.form_field_ok, .form_textarea_ok{
	border:2px solid white;
	outline:2px solid white;
	color:black;
}

.form_field_ok:placeholder, .form_textarea_ok:placeholder {
	color:darkgray;
}

.form_textarea {
	vertical-align:top;
	width:90%;
	height:6em;
	padding-left: 10px;
	padding-top:12px;
	border:2px solid white;
}
#landing_page_main TABLE TR TD{
	border-bottom:0px solid black;
}


DIV.main-form{
	color:white;
	border-radius:16px;
	line-height:1em;
	text-align: center;
	margin: 10px;
	background: #322e2e;
	padding:20px;
	box-shadow: 0px 0px 19px -3px rgba(0,0,0,1);
}

.main-form H2{
	color:white;
	border-radius:20px;
	font-size:2em;
	line-height:1em;
	text-align: center;
}

DIV.main-form-container {
	border:0px solid black;
	border-radius:16px;
}
TD.main-form-success {
	width:100%;
	color:white;
	padding:12%;
	font-size:1.8vw;
	line-height:2.0vw;
}
#floating-button {
	display:none;
}

.formulaire .buttons-group {
	margin-top: 20px;
}
.formulaire TR TD{
	text-align: center;
}
INPUT.lp_button {
	width:80%;
	border:2px solid #67b142;
	cursor:pointer;
	background-color:#67b142;
	color:white;
	border-radius: 16px;
}
.no-margin {
	margin:0px;
}

section[class*="bg-"].no-padding-top {
	padding-top:0px;
}
TABLE TR TD.image_text_list {
	width:32px;
	padding-right:8px;
	vertical-align:top;
	padding-top: 13px;
	border-bottom:0px solid white
}

DIV.ratings DIV.rate {
	background:white;

}

TD.no-border{
	border-bottom:0px solid white;
}
.media {
	padding-top: 3px;
	padding-right: 2px;
}
.footer-logo {
	max-width: 300px;
}
.etoiles {
	position: relative;
	width: auto;
}

.etoiles .stars {
	height: 100%;
	width: 100%;
	font-size: 3em;
	letter-spacing: 3px;
	color: gold;
}

.etoiles .stars::before  {
	display: block;
	height: 100%;
}

.etoiles .stars5::before {
	content: "★★★★★";
}

.etoiles .stars4::before {
	content: "★★★★";
}
.clients .section-heading {
	margin-bottom:0px;
	margin-top:40px
}
#landing_page_main TABLE.clients-image-table TR TD {
	text-align: center;
}
#landing_page_main TABLE.clients-image-table TR TD IMG {
	display: inline;
}

#chiffres-cles .d-grid {
	display: grid;
	justify-content: center;
}
.onglet-contents .onglet-title {
	padding-top: 16px;
}

HR {
	border:1px solid black;
	margin-bottom: 10px;
}
/* Desktop */
@media (min-width : 820px) {
	H1 {
		font-size:4em;
		line-height:1.5em;
		color:#322e2e;
		padding-left:50px;
	}

	DIV.logo {
		text-align: left;
		padding:0px;
		width:100%;
	}
	DIV.logo IMG {
		height:50px;
	}

	section.no-show-mobile{
		display:block !important;
	}
	section.no-show-desktop{
		display:none !important;
	}
	TABLE TR TD.image_text_list {
		padding-top: 19px;

	}
	DIV.advantages{
		font-size: 1.2em;
		line-height: 2em;
	}

}
/* Mobile */
@media (max-width: 820px) {

	H1 {
		font-size: 2.7em;
		line-height: 1.1em;
		text-align: center;
		color: #322e2e;
		padding:25px 0px;
		margin-bottom: 0px;
	}

	DIV.logo {
		text-align: center;
		padding:0px;
		width:100%;
	}
	DIV.logo IMG {
		height:50px;
		display: inline-block;
	}

	.no-show-mobile{
		display:none !important;
	}

	.no-show-desktop{
		display:block !important;
	}

	H1 span {
		display:inline;
	}

	p  {
		padding-top:10px;
	}

	.texts-icon-right .texts-content {
		margin-inline-start:0px
	}

	DIV.advantages{
		font-size: 1.0em;
		line-height: 2em;
		padding: 10px;
		background-color: #f3f9f0;
		border-radius: 16px;
		margin: 10px;
	}
	.rate {
		width: 100%;
		margin-bottom: 10px;
	}
	.container .left img{
		width:200px;
		display:inline;
	}
	.container .left {
		text-align:center;
	}

	TABLE TR TD.image_text_list {
		padding-top:16px;
	}
}

/* Partie Tarifs */
.plans-container {
	display: flex;
	gap: 25px;
	justify-content: center;
	flex-wrap: wrap;
	margin: 40px 0;
}

.plan-card {
	background: #fff;
	border-radius: 16px;
	padding: 25px;
	width: 300px;
	border: 1px solid #eee;
	box-shadow: 0 4px 18px rgba(0,0,0,0.06);
	text-align: left;
	display: flex;
	flex-direction: column;
}

.plan-card h3 {
	font-size: 1.6rem;
	margin-bottom: 5px;
}

.plan-card .subtitle {
	color: #777;
	margin-bottom: 15px;
}

.price {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.price .per {
	font-size: 1rem;
	color: #777;
	font-weight: normal;
}

.btn-primary {
	display: block;
	background: #67b142;
	color: white !important;
	padding: 12px;
	text-align: center;
	border-radius: 8px;
	text-decoration: none !important;
	margin-bottom: 20px;
	font-weight: 600;
}

.features {
	list-style: none;
	padding: 0;
	margin: 0;
}

.features li {
	margin-bottom: 10px;
	padding-left: 22px;
	position: relative;
}

.features li::before {
	content: "✓";
	position: absolute;
	color: grey;
	left: 0;
	font-weight: bold;
}

.template-stack {
		background-image:url("/wp-content/themes/octopush/landing/templates-stack.webp");
		background-position: bottom;
		background-repeat: no-repeat;
		background-position: bottom 34px left 65px;
}
.advantages TABLE TR TD {
	text-shadow: 1px 1px 2px #f3f9f0, 0 0 1em #f3f9f0, 0 0 0.5em #f3f9f0;
  -webkit-text-stroke: 0px #f3f9f0;
  -webkit-text-fill-color: #222;
}

.bg_text {	
	background-color: #F3F9F0;
}

@media (max-width: 768px) {
	.plans-container {
		flex-direction: column;
		align-items: center;
	}
}