/* Generals */

body{
	/* width: 1200px; */
	margin:auto;
	font-family: "Calibri", sans-serif;
	font-size:1em;
	font-weight: normal;
	color: #000000;
	background-color:#ffffff;
	padding: 0px 5px;
}

.width-1200 {
	max-width:1200px;
	margin: 0 auto;
}

.dark-teal-color {
	color: #00AEAE;
}

.dark-teal-bkg {
	background-color: #00AEAE;
}

.btn-emb {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00AEAE;
  --bs-btn-border-color: #008080;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #008080;
  --bs-btn-hover-border-color: ##008080;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #008080;
  --bs-btn-active-border-color: #008080;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #008080;
  --bs-btn-disabled-border-color: #008080;
}

.btn-emb-white {
  --bs-btn-color: #00AEAE;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #008080;
  --bs-btn-hover-color: #008080;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: ##008080;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #00AEAE;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #008080;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00AEAE;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #008080;
	font-weight: bold;
}

/* Header */
.header {
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	margin-bottom:2px;
}

.header>div:first-child{
	grid-column: span 2;
}

.header div {
	height: 100%;
}

/* Footer */
.footer-bck{
	background-color: rgb(237, 235, 235);
}

.footer {
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	margin-top:2px;
	padding:5px 10px;
}

.footer>div:nth-child(3){
	grid-column: span 2;
}

/* First form */
.first-form-bck {
	background: url("../images/background_SMS.jpg") repeat;
}

.first-form {
	width: 100%;
	height: 628px;
	display: grid;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) 40px;
}

.first-form>div:first-child{
	grid-column: span 2;
}

.ff-first-column{
	color: #fff;
	height: 628px;
}

.ff-second-column {
	background-color: rgb(237, 235, 235);
	height: 628px;
}

.ff-title{
	font-weight: bold;
	font-size: 2em;
}

.ff-mandatory {
	color:red;
	font-weight: bold;
	font-size: 0.85em;
}

.ff-list li {
	list-style-image: url("../images/Check.png");
}

.ff-list li > span {
	position: relative;
	top:-0.4em;
}

.ff-row5{
	font-size: 0.7em;
	width: 50%;
	margin-bottom:0;
}

.ff-button{
	background: url("../images/arrow.png") no-repeat;
	height:125px;
	padding-left:130px;	
	padding-bottom:0;
}

/* Customers */
.c_row2 {
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
	margin-top:2px;
}

/* Comptage */
.comptage{
	background-color: rgb(237, 235, 235);
}

.comptage-grid {
	display:grid;
	grid-gap:10px;
	grid-template-columns: 40% repeat(auto-fit, minmax(100px, 1fr));
	margin-top:2px;
}

/* Offer */
.offer-grid {
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	margin-top:2px;
}

.offer-grid ul > li {
	list-style-image: url("../images/Check.png");
}

.offer-grid ul > li > span {
	position: relative;
	top:-0.4em;
}

/* Chiffres */
.chiffres{
	background-color: rgb(237, 235, 235);
}

.chiffres-grid{
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	margin-top:2px;
}

.pourcent{
	font-size:2em;
	font-weight: bold;
	color:#008080;
}

/* Campaign */
.campaign-grid{
	display:grid;
	grid-template-columns: repeat(3, minmax(100px, 1fr));
	grid-template-rows: repeat(2, 1fr);
	margin-top:2px;
}

.round-number {
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:lightgray;
	text-align: center;
}

.campaign-inner-grid {
	display:grid;
	grid-gap:10px;
	grid-template-columns: 1fr;
	text-align: center;
}

.campaign-image{
	grid-row: span 2;
}

/* Rich Sms */
.rich_sms_grid{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.rich_sms_text{
	background-color: #008080;
}

.white-text{
	color:#ffffff;
}

/* About Us */
.about-us-bck {
	background-color: rgb(237, 235, 235);
}

.about_us_grid{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

/* Temoins */
.temoins-grid{
		display:grid;
		grid-gap:10px;
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		margin-top:2px;
}

.grid_square{
	background-color: rgb(237, 235, 235);
	min-height: 450px;
	padding: 10px 40px;
}

/* Gdpr */
.gdpr-bck{
	background-color: rgb(237, 235, 235);
}

.gdpr-grid{
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	margin-top:2px;
}

.gdpr-grid>div:nth-child(2){
	grid-column: span 2;
}

/* Contact Us */
.contact_us_grid{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

/* Pop up */
.popup_left{
	width:200px;
}