/*********************
 * Global
 */
 
html,body{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #000;
	background: #FFF;
	font-family: Quicksand,Arial,sans-serif;
}
a{ 
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: #000;
}
img{ border: none; }
ul{ list-style-type: none; padding: 0px; margin: 0px 0px 10px 0; }
.wow {
   visibility: hidden;
}

::-moz-selection { color: #FFF; background: var(--green-color); }
::selection  { color: #FFF; background: var(--green-color); }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.flol{ float: left; }
.flor { float: right; }
.alc{ text-align: center; }
.prel{ position: relative; }
.pabs{ position: absolute; }

#strErreur, #strInfo{ display: none; }

.fin{
	clear:both;
	line-height:0;
	height:0;
	font-size:1px;
}

.w50{ width: 50%; }
.w100{ width: 100%; }
.ovhid{ overflow: hidden; }
.padL30{ padding-left: 30px; }
.padT10{ padding-top: 10px; }
.padT20{ padding-top: 20px; }
.padT30{ padding-top: 30px; }
.padT50{ padding-top: 50px; }
.padT100{ padding-top: 100px!important; }
.padT150{ padding-top: 150px!important; }
.mar0auto{ margin: 0 auto;}
.marB30{ margin-bottom: 30px;}
.marB50{ margin-bottom: 50px;}
.marB100{ margin-bottom: 100px;}
.marB150{ margin-bottom: 150px;}
.fs13{ font-size: 1.3em;}
.fs10{ font-size: 1em;}

:root {
    --green-color: #97c33e;
	--blue-color: #0a3761;
	--grey-color: #F5F5F5;
	--red-color: #dd3131;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a1a1a1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a1a1a1;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a1a1a1;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a1a1a1;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #a1a1a1;
}

@font-face{ 
	font-family : 'HelveticaStdLt';
	src: url('/font/HelveticaNeueLTStd-Lt.otf') format('opentype'); 
}
@font-face{ 
	font-family : 'HelveticaStdTh';
	src: url('/font/HelveticaNeueLTStd-Th.otf') format('opentype'); 
}
@font-face{ 
	font-family : 'HelveticaLT65';
	src: url('/font/Helvetica_LT_65_Medium.ttf') format('truetype'); 
}

@font-face{ 
	font-family : 'Montserrat';
	src: url('/font/Montserrat-Regular.otf') format('opentype'); 
	font-weight: 400;	
}
@font-face{ 
	font-family : 'Montserrat';
	src: url('/font/Montserrat-Bold.otf') format('opentype'); 
	font-weight: 600;	
}

@font-face{ 
	font-family: 'Quicksand';
	src: url('/font/Quicksand-Regular.otf') format('opentype'); 
	font-weight: 400;	
}
@font-face{ 
	font-family: 'Quicksand';
	src: url('/font/Quicksand-SemiBold.ttf') format('truetype'); 
    font-weight: 600;	
}
@font-face{ 
	font-family: 'Quicksand';
	src: url('/font/Quicksand-Bold.otf') format('opentype'); 
    font-weight: 700;	
}

.smsvp_topNav .smsvp_gcont{ width: 970px; }
.smsvp_gcont h2{ margin: 0px; font-weight: normal; }
.smsvp_gcont h3{ margin: 20px 0 5px 0; font-size: 14px; }

.mt50{ margin-top: 50px ;}
.mla{ margin-left: auto; }

#c-bns button:first-child, #s-bns button:first-child{
	color: #FFF!important;
	background: var(--green-color)!important;
}

/*********************
 * Gabarit
 */
 
a.lien_fleche{
	display: block;
	text-transform: uppercase;
	padding: 0 0 0 25px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	font-family: HelveticaStdLt,Arial,sans-serif;
	background: url('/imgs/picto.fleche.png') 0 0 no-repeat;
}

a.lien_valide{
	display: block;
	text-transform: uppercase;
	padding: 0 0 0 25px;
	height: 12px;
	line-height: 12px;
	font-weight: bold;
	font-family: HelveticaStdLt,Arial,sans-serif;
	background: url('/imgs/picto.valide.png') 0 0 no-repeat;
}

a.lien_fleche:hover,
a.lien_valide:hover,
a.lien_fleche.sel,
a.lien_valide.sel{ color: #98C63C; }

.ma-r15{ margin-right: 15px; }

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex.sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex.sa {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flex.start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start; 
}
.flex.end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end; 
}
.flex.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex.ac {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex.ae {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end; 
}
.flex.baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline; 
}
.flex.col { 
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 
}
.flex-1-1-0{
	flex: 1 1 0;
}
.acc {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ac {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.wrap {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.fb20{ flex-basis: 20%; }
.fb30{ flex-basis: 30%; }
.fb40{ flex-basis: 40%; }
.fb50{ flex-basis: 50%; }
.fb60{ flex-basis: 60%; }
.fb70{ flex-basis: 70%; }
.fb80{ flex-basis: 80%; }
.fb100{ flex-basis: 100%; }
 
.smsvp_gcont{
	width: 960px;
	margin: 0 auto;
}
.smsvp_gcont.bo{
	width: 1190px;
	margin: 0 auto;
}
.smsvp_gcontBack{
	border-left: solid 5px #E5E3E4;
	min-height: 390px;
	background: #FFF url('/imgs/img.menugcont.png') left bottom repeat-y;
}
.smsvp_topCont{
	border-top: solid 5px #98C63C;
	background: url('/imgs/img.visueltop.png') center top no-repeat;
}
.smsvp_topHead{	padding: 17px 0; }
.smsvp_topUser{
	padding: 0 0 0 45px;
	background: url('/imgs/picto.compte.png') 0 0 no-repeat;
	float: right;
	height: 41px;
}
.smsvp_topUser.sel{ background-position: 0 -41px; }
.smsvp_topUser strong{ color: #98C63C; }
.smsvp_topUser .lien_valide{
	border-top: solid 1px #E5E3E4;
	margin: 5px 0 0 0;
	padding-top: 7px;
	height: auto;
	background-position: 0 7px;
}

.smsvp_topNav{
	/*height: 45px;*/
	border-top: solid 5px #000;
	background: #000;
}
.smsvp_topNav a{
	display: block;
	float: left;
	color: #FFF;
	font-size: 18px;
	padding: 12px;
	margin: 0 2px;
	font-family: HelveticaStdLt,Arial,sans-serif;
}

.smsvp_topNav a.link_accueil{
	width: 48px;
	height: 45px;
	padding: 0px;
	text-align: center;
	line-height: 60px;
	margin: 0px 2px 0 0;
}
.smsvp_topNav a.link_accueil span{
	display: block;
	width: 24px;
	height: 20px;
	margin: 12px auto 0 auto;
	background: url('/imgs/picto.accueil.png') center -20px no-repeat;
}

.smsvp_topNav a.select, .smsvp_topNav a:hover {
	background: #E5E3E4 url('/imgs/picto.triangle.png') center top no-repeat;
	color: #000;
}
.smsvp_topNav a.select span, .smsvp_topNav a:hover span{
	background-position: center 0;
}

.smsvp_topNav a.link_moncompte{
	margin: 0 2px 0 0;
}

.smsvp_topNav a.link_contact{
	float: right;
	height: 20px;
	line-height: 20px;
	padding: 0 40px 0 0;
	margin: 12px 0 0 0;
	color: #FFF;
	background: #000 url('/imgs/picto.contact.png') right 0 no-repeat;
}
.smsvp_topNav a:hover.link_contact, .smsvp_topNav a.link_contact.select{ 
	color: #98C63C;
	background-position: right -20px;
}

a.link{
	color: var(--green-color);
}

.smsvp_blocBlanc{
	width: 200px;
	height: 205px;
	background: #FFF;
}

.smsvp_blocGris{
	width: 200px;
	/*height: 205px;*/
	display: block;
	margin: 0 0 5px 0;
	background: #E5E3E4;
}

.smsvp_blocVert{
	width: 200px;
	height: 205px;
	background: #98C63C;
}

.smsvp_blocBlanc .pad, 
.smsvp_blocGris .pad, 
.smsvp_blocVert .pad{
	padding: 10px 15px;
}

.smsvp_footerLink{
	background: #E5E3E4;
	padding: 10px 0;
	text-align: center;
}
.smsvp_footerLink a:hover{ text-decoration: underline; }
.smsvp_footerLink span{
	color: #98C63C;
	vertical-align: middle;
	font-size: 18px;
}

.smsvp_footer{
	background: url('/imgs/img.bot.png') center 0 no-repeat;
	height: 39px;
	text-align: center;
	line-height: 39px;
	font-size: 12px;
	color: #858585;
	font-style: italic;
}
.smsvp_footer a{ color: #858585; }

.smsvp_menugCont{
	float: left;
	width: 220px;
}
.smsvp_menugCont a{
	display: block;
	height: 35px;
	line-height: 34px;
	padding: 0 0 0 40px;
	font-size: 18px;
	margin: 0 0 5px 0;
}
.smsvp_menugCont a.rub1{ background: #FFF url('/imgs/picto.plus.png') 0 0 no-repeat; }
.smsvp_menugCont a.rub2{ background: #FFF url('/imgs/picto.bulle.png') 0 0 no-repeat; }
.smsvp_menugCont a.rub3{ background: #FFF url('/imgs/picto.api.png') 0 0 no-repeat; }
.smsvp_menugCont a.rub4{ background: #FFF url('/imgs/picto.revendeurs.png') 0 0 no-repeat; }
.smsvp_menugCont a.rub5{ background: #FFF url('/imgs/picto.tarifs.png') 0 0 no-repeat; }

.comptage .smsvp_menugCont a.rub1{ background: #FFF url('/imgs/picto.loupe.png') 0 0 no-repeat; }
.comptage .smsvp_menugCont a.rub2{ background: #FFF url('/imgs/picto.cible.png') 0 0 no-repeat; }
.comptage .smsvp_menugCont a.rub3{ background: #FFF url('/imgs/picto.bulle.png') 0 0 no-repeat; }

.txtHome a.rub2{ background: #FFF url('/imgs/picto.bulle.png') 0 0 no-repeat; padding-left: 40px; }

.smsvp_menugCont a:hover, .smsvp_menugCont a.sel, 
.comptage .smsvp_menugCont a:hover, .comptage .smsvp_menugCont a.sel{
	background-color: #98C63C;
	background-position: 0 -35px; 
	padding: 0 0 0 60px;
	color: #FFF;
}
.smsvp_menugContPad{ padding: 20px 0 ; background: #FFF; }

.smsvp_pageM{
	float: left;
	width: 530px;
}
.smsvp_pageM h1,
.smsvp_pageN h1,
.smsvp_pageO h1,
.smsvp_pageP h1,
.smsvp_pageM h3,
.smsvp_pageN h3,
.smsvp_pageO h3,
.smsvp_pageP h3,
div.h1{
	font-size: 30px;
	margin: 0px;
	padding: 0 0 5px 0;
	font-weight: normal;
	display: table;
	border-bottom: solid 1px #98C63C;
}	

h1 span#progress{ color: #98C63C; font-size: 18px; }
a.bold{ font-weight: 700;}

.smsvp_pageM h2,
.smsvp_pageN h2,
.smsvp_pageO h2,
.smsvp_pageP h2,
.smsvp_pageM h4,
.smsvp_pageN h4,
.smsvp_pageO h4,
.smsvp_pageP h4,
.h2{
	margin: 15px 0;
	font-weight: bold;
}
h2.style,
div.style{
	border-bottom: solid 3px var(--green-color);
	padding-bottom: 7px;
	align-items: stretch;
	display: table;
	margin: 0 auto 30px auto;
}
div.style{
	font-size: 20px;
	font-weight: bold;
}
h2.style.spec,
div.style.spec{
	margin: 10px 0 10px 0;
	display: inline-block;
	align-self: flex-start;
	text-indent: 5px;
}
h3.style{
	color: var(--blue-color);
	display: inline-block;
	padding: 5px 10px;
	background-color: var(--grey-color);
	font-size: 20px;
	margin: 10px 0 10px 0;
	align-self: flex-start;
}
h4.style{
	color: var(--blue-color);
	display: inline-block;
	padding: 5px 10px 5px 0;
	font-size: 18px;
	margin: 10px 0 10px 0;
	align-self: flex-start;
}
.smsvp_pageM .text{
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	padding: 10px 0;
}
.smsvp_pageM .text a{ color: #000; font-weight: bold; }

.smsvp_pageM .link a{
	display: block;
	padding: 0 0 5px 0;
	color: #000;
}

.lineSep{
	width: 350px;
	height: 10px;
	margin: 15px auto;
	background: var(--grey-color);
}

.lineSepMin{
	width: 60%;
	height: 3px;
	margin: 30px auto;
	background: var(--grey-color);
}

.smsvp_pageMPad, 
.smsvp_pageOPad{ padding: 15px 20px 0 20px; }
.smsvp_pagePPad{ padding: 15px 20px 50px 20px; }

.smsvp_pageNPad{ padding: 15px 0 0 0; }
.smsvp_pageLinkPad{ padding: 50px 20px 30px 20px; }

.smsvp_pageD{
	float: right;
	width: 200px;
	padding: 105px 0 0 0;
	min-height: 620px;
	background: url('/imgs/img.dr.png') 0 15px no-repeat;
}
.smsvp_pageD.noback{
	background: none;
	min-height: 450px;
	padding: 15px 0 10px 0;
}

.smsvp_pageN{
	float: left;
	width: 660px;
}

.smsvp_pageO{
	float: left;
	width: 730px;
}

.smsvp_pageP{ width: 100%; }

/**** V3 ****/

p{ font-size: 18px ; line-height: 24px; margin-top: 0px;}

.smsvp_topV3{
	padding: 15px 0 0 0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(104,104,104,0.33);
	-moz-box-shadow: 0px 5px 5px 0px rgba(104,104,104,0.33);
	box-shadow: 0px 5px 5px 0px rgba(104,104,104,0.33);	
	z-index: 100;
	position: relative;
}

.smsvp_maxcont{
	width: 90%;
	margin: 0 auto;
	max-width: 1830px;
}

.btn{
	display: inline-block;
	padding: 15px 25px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	color: #FFF;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
}
.btn.green{ background-color: var(--green-color); }
.btn.green:hover{ 
	background-color: var(--blue-color);
}
.btn.blue{ background-color: var(--blue-color); }
.btn.red{ background-color: var(--red-color); }
.btn.inscription{ 
	background-image: url('/imgs/pictos/inscription-white.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 65px;
	margin-right: 30px;
}
.btn.inscription:hover,
.btn.blue:hover{ 
	background-color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
}
.btn.connexion{ 
	background-image: url('/imgs/pictos/connexion-white.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 65px;
}
.btn.connexion:hover{ 
	background-color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
}
.menu-v3{
	padding: 20px 0;
}
.menu-v3 a{
	display: inline-block;
	font-weight: 700;
	font-size: 1.4em;
	padding: 10px 15px;
	white-space: nowrap;
	margin-right: 25px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: solid 3px #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu-v3 a:hover,
.menu-v3 a.select{
	border: solid 3px var(--green-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
	position: relative;	
}
.menu-v3 a.select::after{
	content: '';
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--green-color);
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translate(-50%,0);
}

/*********************
 * Home
 */
 
.smsvp_homeCont{
	padding: 20px 0 0 0;
}

.smsvp_homeBlocG{
	width: 460px;
	float: left;
}
.smsvp_homeBlocGPad{
	padding: 20px 0 0 25px;
}
.smsvp_homeBlocG h1,
.smsvp_homeBlocG .h1{
	color: #98C63C;
	font-weight: normal;
	font-size: 54px;
	font-size: 52px\9;
	margin: 0px;
	padding: 0px;
	line-height: 54px;
	font-family: HelveticaStdLt,Arial,sans-serif;
}
.smsvp_homeBlocG h1 strong,
.smsvp_homeBlocG .h1 strong{
	color: #FFF;
	font-weight: normal;
	font-size: 48px;
	font-family: HelveticaStdLt,Arial,sans-serif;
}

.smsvp_homeBlocG h2,
.smsvp_homeBlocG .h2{
	color: #FFF;
	font-style: italic;
	font-weight: normal;
	font-size: 26px;
	font-size: 24px\9;
	margin: 0px;
	padding: 7px 0 0 0;
	font-family: HelveticaStdTh,Arial,sans-serif;
}

.smsvp_homeBlocD{ float: right; }
.smsvp_homeBlocD .flb {
	width: 356px; 
	height: 13px; 
	margin: 5px auto;
	display: block;
}

.smsvp_homeCont .point1{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 172px;
	left: 472px; 
	background: url('/imgs/img.pointP.png') 0 0 no-repeat;	
}

.smsvp_homeCont .point2, .smsvp_homeCont .point3{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 237px;
	left: -12px;
	background: url('/imgs/img.pointG.png') 0 0 no-repeat;
}

.smsvp_homeCont .point3{ top: 293px; left: 443px; }

.smsvp_homeBlocD .smsvp_blocBlanc{
	display: block;
	margin: 0 7px 7px 0;
	background-color: rgba(255,255,255,0.8);
}
.smsvp_homeBlocD .smsvp_blocBlanc h4,
.smsvp_homeBlocD .smsvp_blocVert h4,
.smsvp_blocGris h4{
	display: block;
	font-size: 24px;
	color: #000;
	margin: 0px;
	font-weight: normal;
	border-bottom: solid 1px #000;
	text-align: center;
	padding: 0 0 5px 0;
}
.smsvp_homeBlocD .smsvp_blocBlanc:hover{ background: #FFF; }
.smsvp_homeBlocD .smsvp_blocVert h4{
	color: #FFF;
	border-bottom: solid 1px #FFF;
	margin: 0 0 20px 0; 
}

.smsvp_blocGris h4{
	color: #82AC2F;
	border-bottom: solid 1px #000;
}

.smsvp_blocGris.spec h4{ margin: 0 0 20px; }

.smsvp_homeBlocD .smsvp_blocVert{
	display: block;
	margin: 0 7px 7px 0;
	background-color: rgba(152,198,60,0.8);
}
.smsvp_homeBlocD .smsvp_blocVert:hover{ background: #98C63C; }

.smsvp_blocBlanc .tel,
.smsvp_blocGris .tel{
	display: block;
	width: 47px;
	height: 71px;
	margin: 10px auto 0 auto;
}

.smsvp_blocVert .api{
	display: block;
	width: 68px;
	height: 79px;
	margin: 10px auto 0 auto;
}

.smsvp_blocBlanc .rev{
	display: block;
	width: 66px;
	height: 61px;
	margin: 26px auto;
}

.smsvp_blocBlanc span,
.smsvp_blocGris span{
	display: block;
	text-align: center;
	color: #82AC2F;
	font-weight: bold;
	font-size: 22px;
	padding: 17px 0 0 0;
	font-family: HelveticaLT65,Arial,sans-serif;
}

.smsvp_blocGris a{
	display: block;
	font-family: HelveticaStdLt,Arial,sans-serif;
	padding: 0 0 5px 0;
}
.smsvp_blocGris a:hover{ text-decoration: underline; }

.smsvp_blocBlanc i,
.smsvp_blocGris i{
	display: block;
	font-size: 18px;
	text-align: center;
}

.smsvp_blocVert span,
.smsvp_blocGris.spec span{
	display: block;
	font-size: 18px;
	padding: 0 0 5px 20px;
	background: url('/imgs/picto.fleche.png') 0 -16px no-repeat;
	font-family: HelveticaStdLt,Arial,sans-serif;
	font-weight: normal;
	text-align: left;
}
.smsvp_blocGris.spec span{
	color: #000;
}

.smsvp_blocVert p,
.smsvp_blocGris p,
a.smsvp_linkBlanc{
	padding: 10px 23px;
	background: #FFF;
	margin: 15px auto 0 auto;
	display: table;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.smsvp_blocVert p strong,
.smsvp_blocGris p strong{
	font-size: 30px;
	line-height: 8px;
	font-weight: bold;
	color: #98C63C;
	font-family: HelveticaLT65,Arial,sans-serif;
}

.smsvp_blocGris p{ background: #98C63C; color: #FFF; }
.smsvp_blocGris p strong{ color: #FFF; }

.smsvp_blocContact{
	width: 200px;
	background: #98C63C url('/imgs/img.contact') 0 top no-repeat;
	display: block;
}
.smsvp_blocContact .pad{ padding: 237px 10px 0 10px; }
.smsvp_blocContact h4{
	margin: 0px;
	color: #FFF;
	font-size: 24px;
	font-weight: normal;
	font-family: HelveticaStdTh,Arial,sans-serif;
}
.smsvp_blocContact strong{
	display: block;
	border-top: solid 1px #FFF;
	margin: 5px 0 0 0;
	padding: 5px 0 10px 0;
	font-size: 22px;
	color: #FFF;
	text-align: center;
	font-family: HelveticaLT65,Arial,sans-serif;
}

.smsvp_blocInfos{
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	background: #E5E3E4;
}
.blocInfos{
	margin-bottom: 15px;
}
.blocInfos strong{
	padding: 10px;
	color: var(--blue-color);
	background: var(--grey-color);
	display: block;
}
.blocContact{
	margin-left: 45px;
	position: -webkit-sticky;
	position: sticky;
	align-self: flex-start;
	top: 20px;
    left: 0;
}
.blocContactTop{
	background: var(--grey-color) url('/imgs/contactez-nous.png') center 30px no-repeat;
	padding: 160px 30px 30px 30px;
	font-weight: 700;
	font-size: 1.6em;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height: 1.5em;
}
.blocContactTop.info{
	background: var(--grey-color) url('/imgs/info.png') center 30px no-repeat;
	padding-top: 80px;
}
.blocContactTop.info a{
	font-size: .7em;
	margin-bottom: 10px;
	padding: 10px;
	line-height: 1.2em;
}
.blocContactTop strong{
	display: block;
	white-space: nowrap;
}
.blocContactTop .tel{
	color: var(--blue-color);
	font-size: 1.3em;
	padding-top: 20px;
	display: block;
	letter-spacing: -1px;
	white-space: nowrap;
}
.blocContactBot{
	background-color: var(--blue-color);
	margin-top: 20px;
	color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 30px;
	font-weight: 600;
	font-size: 1em;
}
.blocContactBot strong.bulle{
	font-size: 18px;
	display: inline-block;
}
.blocContactBot strong.bulle::before{
	content: '○';
	padding: 0 10px 0 0;
	font-size: 1.5em;
	color: var(--green-color);
}
.smsvp_blocBlanc p,
.inputValid{
	padding: 10px 23px;
	background: var(--green-color);
	color: #FFF;
	margin: 20px auto 0 auto;
	display: table;
	font-weight: bold;
	text-align: center;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.inputValid{
	cursor: pointer;
	border: 0px;
	font-size: 18px;
	margin: 0px;
	font-weight: normal;
	font-weight: 600;
	font-family: Quicksand,Arial, sans-serif;
	padding: 10px 30px;
}
.inputValid.blue{
	background: var(--blue-color);
}

a.smsvp_linkVert{
	margin: 0px;
	display: table;
	margin: 0 auto;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	background: #98C63C url('/imgs/picto.fleche2.png') 7px 8px no-repeat;
	padding: 10px 10px 10px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}
a.smsvp_linkVert:hover{
	background-position: 7px -18px;
	color: #000;
}
a.smsvp_linkNoir{
	margin: 0px;
	display: table;
	margin: 0 auto;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	background: #000 url('/imgs/picto.cloud.png') 7px 0 no-repeat;
	padding: 10px 10px 10px 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}
a.smsvp_linkNoir:hover{
	background-position: 7px -34px;
	color: #98C63C;
}

a.smsvp_linkBlanc.tarif{
	margin: 0px;
	display: table;
	margin: 0 auto;
	background: #FFF url('/imgs/picto.tarifs.png') 7px 0 no-repeat;
	padding: 12px 15px 10px 50px;
}
a:hover.smsvp_linkBlanc.tarif{
	background-color: #98C63C;
	background-position: -13px -35px;
	color: #FFF;
}

.smsvp_textBasCont{
	width: 85%;
	color: #FFF;	
	margin: 25px auto 0 auto;
}
.smsvp_textBasCont .col1{
	background: #98C63C;
}
.smsvp_textBasCont .texte{
	background: #98C63C;
	max-width: 600px;
	position: relative;
	/* height: 140px; */
}
.txtHome{
	padding: 20px 60px;
	line-height: 20px;
	background: #98C63C;
}
.txtHome.white{
	background: #FFF;
	color: #393639;
	border-left: solid 10px #E5E3E4;
}
.smsvp_textBasCont h1,
.smsvp_textBasCont .h1{
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	display: table;
	margin: 0 0 10px 0; 
	border-bottom: solid 1px #FFF;
}
.smsvp_textBasCont .h1{
	border-bottom: solid 1px #393639;
}

.smsvp_textBasCont h5,
.smsvp_textBasCont .h5{
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}
.smsvp_textBasCont .h5{
	padding: 15px 0;
}

h5.prix{
	font-size: 24px;
	color: #393639;
	margin: 0px;
	padding: 10px 0;
	text-align: center;
	line-height: 20px;
	border: dashed 1px #98C63C;
}
h5.prix i{ font-size: 14px; color: #393639; font-style: normal; }
h5.prix.one{ background: #E6F1CF; }
h5.prix.two{ background: #D0E5A9; }
h5.prix.three{ background: #BBD499; }
h5.prix.four{ background: #ACCE7A; }
.prixnbSms{ text-align: center; font-size: 22px; color: #98c63c; padding: 10px 0;}

.homeLine{
	height: 10px;
	background: #E5E3E4;
}

hr.std{
	display: block;
	width: 20%;
	margin: 10px auto 25px auto;
	height: 3px;
	background-color: var(--green-color);
	border: none;
	border-radius: 20%;
}
.smsvp_conf{
	display: table;
	margin: 0 auto;
	color: #000;
	background: #E5E3E4;
	font-size: 20px;
	padding: 5px 25px 0 25px;;
}
.smsvp_conf .img{
	height: 15px;
	width: 42px;
	position: relative;
	bottom: -15px;
	left: 70px;
	background: url('/imgs/img.flechegrise.png') 0 0 no-repeat;
}

.article a{
	font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;		
}
.article a:hover{
	color: var(--green-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;		
}

.smsvp_logo{
	padding: 20px 0;
	width: 940px;
	margin: 0 auto;
	text-align: center;
}
.smsvp_logo img{ margin: 0 15px; }
.smsvp_f14{ font-size: 14px; }

/**** V3 ****/

.bgHomeV3Left{
	background: url('/imgs/img.home-v3.jpg') center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.bgHomeV3Right{
	background: var(--grey-color);
	min-height: 60vh;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.bgHomeV3bloc{
	margin: 0 auto;
	width: 80%;
	z-index: 20;
}

.smsvp_homeV3pad{
	padding: 40px; 
}

.h1V3{
	font-size: 4em;
	font-family: Montserrat,Arial, Helvetica, sans-serif;
	color: var(--blue-color);
	font-weight: 700;
}
.h1V3.black{
	font-size: 2.4em;
	line-height: 1.5em;
	color: #000;
	z-index: 20;
}
.h1V3 span{
	color: #000;
}
.h1V3 strong{
	color: var(--blue-color);
	display: inline-block;
	padding: 0px 15px;
	background-color: var(--grey-color);
}
.h1V3.green strong{
	background-color: var(--green-color);
	color: #FFF;
}
.h2V3{
	font-size: 2em;
	padding-top: 10px;
	margin: 0px;
}
.h2V3.blue{
	font-size: 2.3em;
	font-family: Montserrat,Arial,sans-serif;
	color: var(--blue-color);
}

.circle-white{	
	position: absolute;
	z-index: 10;	
}
.circle-white.big{
	width: 500px;
	height: 500px;
	border: solid 100px #FFF;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
.circle-white.blue{
	border: solid 100px var(--blue-color);
}
.circle-white.big.right{
	right: -40%;
	top: -40%;
}
.circle-white.blue.right{
	right: -20%;
	top: -500px;
}
.circle-white.bot.right{
	right: -25%;
	top: -80%;
}
.circle-white.bot.left{
	left: -80px;
	top: -80px;
}
.circle-white.min.right{
	right: -80px;
	bottom: -80px;
}
.circle-white.left{
	left: -80px;
	bottom: -80px;
}
.circle-white.min{
	width: 100px;
	height: 100px;
	border: solid 30px #FFF;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;	
}
.circle-white.green{
	border: solid 30px var(--green-color);
}
.circle-white.pulse::before{
	display: block;
	content:"";
	height: 500px;
	width: 500px;	
	background: var(--grey-color);
	border-radius: 500px;
}
.circle-white.pulse::after{
	display: block;
	background: #FFF;
	border-radius: 1000px;
	height: 1000px;
	width: 1000px;
	animation: pulsate 3s ease-out infinite;
	opacity: 0.0;
	content: "";
	z-index: -1;
	margin: auto;
	position: absolute;
	top: 0;
	left: -50%;
	right: 0;
	bottom: 0;
}

.smsvp_homePcont{
	max-width: 650px;
	padding-right: 30px;
}
.smsvp_bgHomeMid{
	background: url('/imgs/img.home-v3-mid.jpg') center top no-repeat;
	background-size: contain;
}
.smsvp_bgEnvoiMid{
	background: url('/imgs/envoyer-sms.jpg') center top no-repeat;
	background-size: contain;
}
.smsvp_bgTarifMid{
	background: url('/imgs/img.tarifs-sms.jpg') center top no-repeat;
	background-size: contain;
	min-height:511px;
}
.smsvp_bgTarifBisMid{
	background: url('/imgs/img.avantages-sms.jpg') center top no-repeat;
	background-size: contain;
	min-height:365px;
}
.smsvp_bgLeSMSVPMid{
	background: url('/imgs/img.tel-sms.jpg') center top no-repeat;
	background-size: contain;
	min-height:365px;
}
.smsvp_bgAnimationMid{
	background: url('/imgs/img.animation-sms.jpg') center top no-repeat;
	background-size: contain;
	min-height:468px;
}

.smsvp_homeOffert{
	font-size: 2.5em;
	font-family: Montserrat,Arial,sans-serif;
	color: var(--green-color);
	text-transform: uppercase;
	display: inline-block;
	padding-left: 30px;
}
.smsvp_homeOffert span{
	color: var(--blue-color);
}

.blocHomeMLinks{
	width: 85%;
	align-self: center;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;	
}
.blocHomeMLinks a{
	border: solid 3px #e8e8e8;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	font-size: 1.7em;
	font-weight: 700;
	min-height: 200px;
	max-width: 250px;
	flex-basis: 20%;
	margin: 20px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;		
}
.blocHomeMLinks a strong{
	display: inline-block;
	padding: 15px 25px;
	text-align: center;
}
.blocHomeMLinks a:hover{
	background: var(--blue-color);
	color: #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;		
}

.smsvp_homeV3BlocGris{
	position: relative;
	display: flex;
	width: 75%;
	align-self: center;
	background: var(--grey-color);
}
.maxW{
	width: 65%;
}
.maxWs{
	width: 50%;
}
.smsvp_homeV3BlocGris .padSpec{
	padding: 30px 50px;
}
.smsvp_homeV3BlocGris .padSpecBis{
	padding: 30px 90px 30px 0;
}
.smsvp_homeV3BlocGris img{
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	border: solid 7px var(--grey-color);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;		
}
img.style{
	border: solid 7px var(--grey-color);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: block; 
	margin: 0 auto; 
	width: 100%;	
}
.smsvp_homeV3BlocGris img.left{
	left: 10vw;
}
.smsvp_homeV3BlocGris img.left.none{
	left: 0vw;
}
.smsvp_homeV3BlocGris img.right{
	right: 10vw;
}

.borderGris{
	border: solid 7px var(--grey-color);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
}

.smsvp_homeV3Logo{
	width: 70%;
	align-self: center;
	padding-top: 50px;
}
.smsvp_homeV3Logo img{
	display: inline-block;
	margin: 10px;
}

li.icon{ 
	min-height: 50px;
	padding-left: 80px;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 50px;	
	margin-bottom: 35px;
}
li.icon:last-child{
	margin-bottom: 0px;
}
li.icon.icon1{ 
	background: url('/imgs/pictos/phone.png') 0 center no-repeat;
}
li.icon.icon2{ 
	background: url('/imgs/pictos/phone-message.png') 0 center no-repeat;
}
li.icon.icon3{ 
	background: url('/imgs/pictos/smartphone.png') 0 center no-repeat;
}
li.icon.icon4{ 
	background: url('/imgs/pictos/check.png') 0 0 no-repeat;
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 10px;
	padding-left: 40px;
	line-height: 20px;
	min-height: 35px;
}

/**
 * FORM *
 */

.smsvp_formStd{
	width: 100%;
}
.smsvp_formStd fieldset,
.fieldset{
	border: 0px;
	margin: 0px;
	padding: 0 0 20px 0;
}
.smsvp_formStd fieldset i,
.smsvp_formStd fieldset a.i{ 
	display: block;
	text-align: right;
	font-size: 1.1em;
	font-style: normal;
	padding: 10px 0;
}
.smsvp_formStd fieldset.spec{
	padding: 20px 0;
}

body i.alf{ text-align: left; }

input.inputStd,
input.inputMid,
input.inputMin,
textarea.areaStd{
	width: 100%;
	border: 0px;
	background: #FFF;
	height: 40px;
	text-indent: 15px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	font-family: Quicksand,Arial,sans-serif;
	border: solid 2px #a1a1a1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;		
}
input.inputStd:focus,
textarea.areaStd:focus{
	border: solid 2px var(--green-color);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;		
}

input.inputMid{ width: 480px; }
input.inputMin{ width: 170px; }
td.credit .inputMin { width: 90px; }
textarea.areaStd{ height: 150px; padding: 10px 0 0 0; }
fieldset.recharge{ padding: 0 0 25px 0; text-align: center; }
fieldset.recharge label.prix{ font-size: 18px; font-weight: bold; }
fieldset.spec{ padding: 15px 0; }

.selectMin,
.selectMid,
.selectStd{
	width: 210px;
	height: 40px;	
	border: 0px;
	overflow: hidden;
	background: #FFF url('/imgs/img.seclectuning.png') right 0 no-repeat;	
	color: #000;
	font-size: 16px;
	font-weight: 600;
	font-family: Quicksand,Arial,sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 2px #a1a1a1;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;		
}
.selectMin select, 
.selectMid select,
.selectStd select{
	background: transparent;
	width: 250px;
	height: 40px;
	padding: 9px 15px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	font-family: Quicksand,Arial,sans-serif;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;		
}
.selectMid{ width: 480px; }
.selectMin{ width: 150px; }
.selectMid select{ width: 110%; }
.selectStd { width: 100%; }
.selectStd select{ width: 110%; }

.fileMid{
    position: relative;
    width: 100%;
    height: 40px;
    overflow: hidden;	
	background: #FFF url('/imgs/img.filetuning.png') right 0 no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	font-family: Quicksand,Arial,sans-serif;
	border: solid 2px #a1a1a1;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px;
}
.fileMid input{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 60px;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    cursor: pointer;
    text-align: right;	
}
.fileMid span{
	display: block;
	font-size: 14px;
	color: #000;
	padding: 10px 0 0 8px;
}
.padBtn{ padding: 30px 0; }
.padBtn.spec{ padding: 20px 0 40px 0; }
.selectMin select option{
	padding: 5px;
	border-bottom: solid 1px #D7D7D7;
}
.selectMin select optgroup{
	font-style: normal;
	padding: 5px 0 0 10px;
	background: #FFF6F8;
}
.selectMin select optgroup option{ padding-left: 10px; }
.checkbox input, 
.radio input{ display: none; }
.checkbox span,
.radio span{	
	background: url('/imgs/img.checkbox.png') 0 0 no-repeat;
    display: block;
    height: 22px;
	margin: 0 auto;
    width: 22px;
	border: solid 7px var(--green-color);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;			
}
.checkbox input:checked + span,
.radio input:checked + span{ background-position: 0 -22px; }
.radio strong,
.checkbox strong{
	display: block;
	float: left;
	padding: 10px 40px 0 10px;
	font-size: 14px;
}
.reloadCaptcha{
	display: block;
	font-size: 1em;
	padding: 10px;
	margin-left: 10px;
}
#captcha_img{ height: 40px; }
.lMess{
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 10px 0;
}

#captcha_cont{ text-align: center; margin: 5px; }

a.cgv{
	float: left;
	display: block;
	padding: 10px 0 0 10px;
}

.stop{
	float: left;
	display: block;
	padding: 5px 0 0 10px;
	font-size: 14px;
}

.smsvp_secure{
	border-top: solid 3px var(--grey-color);
	padding: 20px 0 20px 0;
	text-align: center;
}

.bees_tabcmd_bnt{
	padding-bottom: 50px;
}

.smsvp_infoCont{
	font-size: 16px;
	padding: 5px 0;
}
.smsvp_infoCont .left{
	float: left;
	text-align: right;
	width: 150px;
}
.smsvp_infoCont .right{
	float: left;
	font-weight: bold; 
	padding: 0 0 0 20px;
}

/*********
 * LISTES
 */
 
.pro_listetapes{
	list-style-type: none;
	padding: 0 0 0 50px;
	margin: 0px;
}
.pro_listetapes li{
	font-size: 16px;
	font-weight: bold;
	padding: 7px 0;
}
.pro_listetapes li a, a.pro_linkstd{
	text-decoration: underline;
	color: #238003;
	font-size: 13px;
}

.pro_listecontactscroll{
	height: 500px;
	overflow: auto;
}

.pro_listecontacts{
	width: 100%;
	font-size: 14px;
}

.pro_listeback{
	width: 100%;
	font-size: 12px;
	padding: 30px 0 0 0;
}
.pro_listecontacts tbody.content, .pro_listeback tbody.content{
	width: 100%;
	overflow: auto;
}

.pro_listecontacts tr, .pro_listeback tr{
	width: 100%;
}
.pro_listecontacts tr td{
	padding: 10px 5px;
	font-size: 1em;
}
.pro_listeback  tr td{
	padding: 5px;
}

.pro_listecontacts tr.odd td{ background: #FFF; }
.pro_listeback tr.odd td{ background: var(--grey-color); }
.pro_listeback tr.dark td{ background: #AAA; }

.pro_listecontacts tr th, .pro_listeback tr th{
	padding: 7px 0 7px 10px;
	text-align: left;
	font-size: 13px;
	background-color: var(--blue-color);
	color: #FFF;
}
.pro_listecontacts tr th.alc{
	text-align: center;
}
.pro_listecontacts tr td.f11{
	font-size: 11px;
}

.pro_listeback tr.scompte td:first-child{
	border-left: dotted 1px #000;
}
.pro_listeback tr.mcompte td{
	border-top: solid 2px #000;
	border-bottom: dotted 1px #000;
}
.pro_listeback tr.mcompte td:first-child{
	border-left: dotted 1px #000;
}

.smsvp_rapportliste{
	background: #FFF;
	position: relative;
	padding: 0 0 0 0;
	border-bottom: solid 5px var(--grey-color);
	border-left: solid 5px var(--grey-color);
	border-right: solid 5px var(--grey-color);
	margin: 0 0 15px 0;
}
.smsvp_rapportliste h5{ 
	margin: 0px; 
	font-size: 16px; 
	padding: 15px 0;
	margin: 0px;
	color: var(--blue-color);
	font-weight: normal;
	text-align: center;
	background: var(--grey-color);
}
.smsvp_rapportliste h5 strong{ font-weight: 600; font-size: 16px; padding-bottom: 5px; display: inline-block; }
.smsvp_rapportliste h5 span{ color: #FF0000; font-weight: normal; font-size: 12px; }
.smsvp_rapportliste.odd{ background: var(--grey-color); }

strong.sms{
	display: block;
	padding: 0 0 0 20px;
	background: url('/imgs/picto.bulleMin.png') left 3px no-repeat;	
}

.rapCont{
	padding: 15px;
	position: relative;
}
.ajax_loader{
	position:absolute;
	top:40%;
	left:50%;
	z-index:10;
	transform: translateX(-50%);
}

.blocWarning{
	padding: 0px 30px;
	background: var(--grey-color);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	border-radius: 6px;	
}

.text div.sms{ padding: 0 0 7px 20px; }

i.exemple{
	display: block;
	padding: 5px;
	font-size: 14px;
	border: dashed 1px #98C63C;
	margin: 0 0 40px 0;
}
i.exemple strong{ font-style: normal; font-size: 12px; }

.smsvp_rapportliste .rapportImg{
	padding: 30px 0;
	text-align: center;
}
.smsvp_rapportliste .export, .export{
	font-size: 11px;
	color: #393639;
	padding: 10px 0 0 40px;
	font-size: 12px;
	line-height: 16px;
	background: url('/imgs/picto.csv.png') 20px 10px no-repeat;
	display: block;
}
.smsvp_rapportliste .smsvp_rapportLink{
	font-size: 11px;
	color: #393639;
	padding: 10px 0 0 40px;
	font-size: 12px;
	line-height: 16px;
	background: url('/imgs/picto.plusMin.png') 20px 10px no-repeat;
	display: block;
}
.smsvp_rapportlisteInfo{ padding: 10px 0; }

.listeInfo{ 
	font-size: 14px;
}
.listeInfo .cite{ 
	font-weight: 400;
	line-height: 20px;
	margin-top: 5px;
}
.listeInfo1{ color: #E37B1B; background-color: #FFF; padding: 0 10px;  }
.listeInfo2{ color: #238003; background-color: #FFF; padding: 0 10px;  }
.listeInfo3{ color: grey; background-color: #FFF; padding: 0 10px;  }
.listeInfo4{ color: red; background-color: #FFF; padding: 0 10px;  }

.pro_contactlistename .infos{
	float: left;
	font-size: 11px;
	padding: 0 0 0 10px;
}
.pro_contactlistename .action{
	padding: 10px 5px 20px 5px;	
}
.pro_contactlistename h6{ margin: 0px; padding: 5px 15px 0 10px; font-size: 12px; font-weight: normal; }
.pro_contactlistename a{
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: 5px;
	color: #FFF;
	padding: 5px 10px 5px 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	border-radius: 6px;
    display: block;
    font-size: 13px;	
}
.pro_contactlistename a:hover{
	background-color: #D6E8B5;
	color: #000;
}

.pro_rapportliste .export{
	font-size: 11px;
	color: #393639;
	padding: 10px 0 0 30px;
	font-size: 10px;
	line-height: 16px;
	background-image: url('/imgs/picto_csv.png') 10px 10px no-repeat;
	display: block;
}
.pro_rapportliste .export:hover{ text-decoration: underline; }

.pro_contactlistename{
	padding: 7px 0 7px 5px;
	color: #FFF;
	font-size: 16px;
	display: block;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.pro_contactlistename .export{
    background-image: url('/imgs/picto.csv.png');
    line-height: 25px;
}

a.pro_contactlistename{ 
	display: block; 
	text-decoration: none;
	background: #EFEFEF;
}
a.pro_contactlistename:hover, a.pro_contactlistename.odd:hover{ background: #BBB; display: block; }

.pro_contactliste{ padding: 15px 0 0 0; border-top: solid 5px var(--grey-color); }

.pro_rapportliste{
	padding: 0 0 10px 0;
	position: relative;
	border: solid 2px #DADAD6;
	margin: 0 0 50px 0;
}
.pro_rapportliste a.odd{
	background: #FFF;
}

.pro_rapportliste .rapportlisteL{
	float: left;
	width: 435px;
}
.pro_rapportliste .rapportlisteR{
	float: right;
	width: 480px;
}

.pro_contactlisteBot{
	padding: 5px 10px;
	color: #FFF;
	font-size: 11px;
	line-height: 22px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.pro_contactlisteBot .box_select{ float: right; padding: 0 30px 0 0; }
.pro_contactlisteBot .box_selectField{ padding: 0 0 5px 0; }

.pro_contactlisteBot .nav{ float: right; }
.pro_contactlisteBot .nav a{ margin: 0px 3px; color: var(--blue-color); background: var(--grey-color); display: block; float: left; padding: 5px 15px; font-size: 16px; font-weight: 600; font-family: QuickSand,Arial,sans-serif; }
.pro_contactlisteBot .nav span{ display: block; float: left; padding: 0 5px; }
.pro_contactlisteBot .nav a.encours{ color: #FFF; background: var(--blue-color); }
.pro_contactlisteBot .nav a.controle{ font-size: 14px; color: #AAA; padding: 5px 10px; }

.pro_contactlisteBot .box_selectField strong{
	display: block;
	float: left;
	width: 130px;
}

/**/

#overLoad{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	background: #000 url('/imgs/img_loader.gif') center no-repeat;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

a.pro_deco{
	display: block;
	font-size: 12px;
	background: url('/imgs/picto_supprimer.png') right center no-repeat;
	padding: 0 20px 0 10px;
	height: 16px;
	line-height: 16px;
}

a.pro_save{
	display: block;
	font-size: 16px;
	font-weight: 600;
	background: url('/imgs/picto.save.png') left center no-repeat;
	padding: 0 15px 0 25px;
}

a.pro_mod{
	display: block;
	font-size: 11px;
	background: url('/imgs/picto.save.png') left center no-repeat;
	padding: 0 10px 0 20px;
	height: 16px;
	line-height: 16px;
}

a.pro_pdf{
	display: block;
	width: 19px;
	height: 18px;
	background: url('/imgs/picto.pdf.gif') left top no-repeat;
}

a.pro_del{
	display: block;
	font-size: 11px;
	background: url('/imgs/picto_supprimer.png') left center no-repeat;
	padding: 0 10px 0 20px;
	height: 16px;
	line-height: 16px;
}

a.pro_suppr, 
a.pro_supprNoire{
	background-image: url('/imgs/picto_supprimer.png');
	line-height: 25px;
}

a.pro_ajout{
	background-image: url('/imgs/picto.plus.gif');
	line-height: 25px;
}

a.pro_international{
	background-image: url('/imgs/picto.cycle.png');
	line-height: 25px;
}

a.pro_doublon{
	background-image: url('/imgs/picto_doublon.png');
	line-height: 25px;
}

a.pro_valide{
	background-image: url('/imgs/picto_valide.png');
	line-height: 25px;
}

a.pro_linkmodifier{
	display: block;
	width: 16px;
	height: 16px;
	background: url('/imgs/picto.modifier.png') 0 0 no-repeat;
}

a.pro_linksupprimer{
	display: block;
	width: 16px;
	height: 16px;
	background: url('/imgs/picto.supprimer.png') left top no-repeat;
}

.smsvp_contactlisteTop{	padding: 0 0 15px 0; }
.smsvp_marT15{ margin: 15px 0 0 0; }
.smsvp_marT25{ margin: 25px 0 0 0; }

.smsvp_pageO h4.smsvp_warning{
	font-size: 14px;
	line-height: 24px;
	margin: 0px;
	padding: 10px 0 0 0;
	color: #858585;
	font-style: normal;
	font-weight: normal;
}
.smsvp_warning strong{ font-size: 18px; color: #393639; }
.smsvp_messLink{ padding: 5px 0 0 10px; }
.smsvp_messRep{
	float: left;
	padding: 0 0 0 20px;
	background: url('/imgs/picto_valide.png') left center no-repeat;
}
.smsvp_rapportInfos{ padding: 15px 0; }
label.total{ 
	font-size: 26px; 
	font-weight: bold; 
	color: var(--green-color); 
}
.pro_tabcmd{
	width: 100%;
	font-size: 16px;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
.pro_tabcmd tr{ width: 100%; }
.pro_tabcmd tr th{
	height: 25px;
	font-size: 16px;
	font-weight: bold;
}
.pro_tabcmd tr td{
	padding: 15px 0;
}
.pro_tabcmd td.total{
	text-align: right;
}
.pro_tabcmd td.sep{
	height: 4px;
	background: var(--grey-color);
	padding: 0px;
}
.pro_tabcmd td.blank{
	width: 70px;
}
.pro_tabcmd td.valid{
	padding: 40px 0 0 0;
}

.proad_cont{
	border: solid 1px #98C63C;
	padding: 10px;
	background: #E5E3E4;
}

.proad_label{
	float: left;
	width: 200px;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 10px 0;
}

.proad_value{
	font-weight: bold;
	float: left;
	font-size: 14px;
	color: #000;
}

ul.listeStd{
	list-style-type: none;
	padding: 10px 0 10px 30px;
	margin: 0px;
}
ul.listeStd li{	
	font-size: 16px;
	padding: 6px 0 5px 25px;
	font-family: HelveticaStdTh;
	color: #000;
	background: url('/imgs/picto.valide.png') left 10px no-repeat;
}

.tarif{
	margin-right: 20px;
}
.tarif p{
	border: solid 2px var(--grey-color);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 20px;
	font-weight: 700;
	text-align: center;
	margin: 10px 0 30px 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;	
}
.tarif p span{
	font-weight: 600;
	font-size: 0.8em;
	color: var(--green-color);
}
.tarif p:hover{
	background-color: var(--blue-color);
	color: #FFF;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;	
}
.tarif strong{
	display: block;
	color: var(--blue-color);
	font-size: 1.3em;
	font-weight: 700;
}

.roundStats{
	background: #4c9d2a;
	color: #FFF;
	font-size: 22px;	
	font-weight: 600;
	vertical-align: middle;
	text-align: center;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;	
	width: 130px;
	height: 130px;
	margin: 10px auto;
	line-height: 130px;
}
.roundStats strong{
	font-size: 26px;
}
.roundStats.orange{
	background: orange;
}
.roundStats.green{
	background: green;
}
.roundStats.red{
	background: #b90000;
}
.roundStats.grey{
	color: #000;
	background: #EEE;
}

/* MENU RESPONSIVE */
.mobile_menu_button {
	display: none;
}
.responsive-menu {
  display: none;
}
.menu-tab {
  width: 90px;
  height: 70px;
  position: fixed;
  z-index: 100000;
  top: 0px;
  left: 0px;
  cursor: pointer;
  transition: all .5s ease-in-out;
  /*end of div*/
}
.menu-tab div {
  width: 33px;
  height: 4px;
  background-color: #2d2d2d;
  display: block;
  margin: 5px 28px;
  transition: all .5s ease-in-out;
}
.menu-tab div:nth-child(1) {
  margin-top: 20px;
}

/*end of menu-tab*/
.menu-tab.active {
  left: 335px;
  transition: all 500ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.5);
}
.menu-tab.active #one {
  -webkit-transform: translateY(9px) rotate(-135deg);
          transform: translateY(9px) rotate(-135deg);
  transition: all .5s ease-in-out;
  background-color: #350d42;
}
.menu-tab.active #two {
  opacity: 0;
  transition: .4s ease;
}
.menu-tab.active #three {
  -webkit-transform: translateY(-9px) rotate(-45deg);
          transform: translateY(-9px) rotate(-45deg);
  transition: all .5s ease-in-out;
  background-color: #350d42;
}

.menu-hide {
  width: 335px;
  left: -335px;
  height: 100vh;
  position: fixed;
  z-index: 10000;
  top: 0px;
  transition: all .5s ease-in-out;
  /*end of nav*/
}
.menu-hide nav ul li {
  height: 50px;
  list-style-type: none;
  text-align: center;
  line-height: 50px;
  transition: all .5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-hide nav ul li:nth-child(1) {
  margin-top: 45px;
}
.menu-hide nav ul li:hover {
  background-color: #ffffff;
  transition: all .5s ease;
}
.menu-hide nav ul li a {
  margin: 15px 25px;
  text-decoration: none;
  color: #f1f1f1;
  font-size: 1.5em;
  display: block;
  text-transform: uppercase;
}

/*end of menu-hide*/
.menu-hide.show {
  left: 0px;
  background-color: #350d42;
  transition: all .5s ease-in-out;
}

/* exemple */
.exemple h2{
	color: var(--green-color);
	margin-bottom: 5px;
}
.exemple h2::before{
	content: '○';
	padding: 0 5px 0 0;
	font-size: 1.5em;
	color: var(--blue-color);
}
.exemple span{
	font-size: 1.2em;
	padding: 0 0 15px 25px;	
}
.exemple p{
	background-color: var(--grey-color);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 30px 15px;	
	font-size: 1.2em;
	text-align: center;
	font-weight: 600;
}
.exemple p i:first-child,
.exemple p i:last-child{
	background: url('/imgs/left-quote.png') center no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	padding: 0 15px 0 0;
}
.exemple p i:last-child{
	transform: rotate(180deg);
	padding: 0 0 0 15px;
}

/***********
 * ANIMATIONS
 */
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}

/***********
 * FOOTER
 */
.smsvp_footerV3{
	background: var(--green-color);
	color: #FFF;
	text-align: center;
	padding: 20px 0;
	font-size: 1.2em;
}
.smsvp_footerV3 a{
	color: #FFF;
}
.smsvp_footerLinkV3{
	background: var(--grey-color);
	padding: 30px;	
}
.smsvp_footerLinkV3 .col{
	z-index: 20;
	padding: 0 10px;
}
.smsvp_footerLinkV3 strong{
	font-size: 1.7em;
	color: var(--blue-color);
	font-family: Montserrat,Arial,sans-serif;
	padding-bottom: 15px;
}
.smsvp_footerLinkV3 a{
	display: inline-block;
	padding-bottom: 10px;
	font-size: 1.3em;
}

.miniBar{ 
	position: fixed;	
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgba(255,255,255,0.95);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;	
	-webkit-box-shadow: 0px 5px 5px 0px rgba(104,104,104,0.33);
	-moz-box-shadow: 0px 5px 5px 0px rgba(104,104,104,0.33);
	box-shadow: 0px 5px 5px 0px rgba(104,104,104,0.33);			
}
.miniBar .menuLogo,
.miniBar .mobile_menu_button{
	padding: 20px;
}
.backGrey{
	background: var(--grey-color);
}
.contentMenuBot{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	align-items: stretch;
	border-left: solid 5px #FFF;
	border-right: solid 5px #FFF;
}
.contentMenuBot a{
	display: block;
	font-size: 1.3em;
	font-weight: 600;
	color: var(--blue-color);	
	height: 100%;
	padding: 20px;
	text-align: center;
	width: 100%;
	border-top: solid 3px var(--grey-color);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.contentMenuBot a.sel,
.contentMenuBot a:hover{
	border-top: solid 3px var(--green-color);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;		
}
.contentMenuBot span{	
	display: block;
	border-right: solid 5px #FFF;
}
.contentMenuBot span:last-child{	
	border-right: solid 5px var(--grey-color);
}

/**** CLIENT ****/

.clientInfos{
	font-size: 1.3em;
	padding: 0 20px 0 45px;
	color: var(--blue-color);
	margin-right: 20px;
	border-right: solid 3px var(--green-color);
	background: url('/imgs/picto-client.png') 0 0 no-repeat;
	font-weight: 600;
}
.clientSms{
	font-size: 1.3em;
	margin-right: 50px;	
	color: var(--blue-color);	
	font-weight: 600;	
}
.clientSms strong{
	color: var(--green-color);
}

/***********
 * PETITE TABLETTE PAYSAGE
 */
@media screen and (max-width: 1700px)
{
	.btn.red{ padding: 10px; }
	.menu-v3 a{ font-size: 1.2em; margin-right: 15px; }	
}
@media screen and (max-width: 1500px)
{
	.menu-v3 a{ margin-right: 5px; padding: 5px 10px;}	
	.menuLogo img{ width: 80%; }
	.smsvp_maxcont{ width: 95%; }
	.maxW{ width: 80%; }
}

@media screen and (max-width: 1200px)
{
	.circle-white.blue{ border: solid 100px rgba(10,55,97,0.1); }
	.h1V3{ font-size: 3em;}
	.bgHomeV3Right{ min-height: 50vh;}
	.circle-white.big{ width: 250px; height: 250px; }
	.circle-white.pulse::before{ width: 250px; height: 250px; }	
	.circle-white.pulse::after{ width: 500px; height: 500px; }	
	p{ font-size: 1.3em;}
	.blocHomeMLinks{ width: 100%; }
	.blocHomeMLinks a{ margin: 10px; flex: 1 1 30%; }
	.blocHomeMLinks img{ width: 30%; }
	.blocHomeMLinks a strong{ font-size: 1em;}
	.smsvp_homeV3BlocGris img.left{ left: 0vw; }
	.smsvp_homeV3BlocGris img.right{ right: 0vw; }
	.smsvp_homeV3BlocGris{ width: 100%; }
	.respWrap{ flex-wrap: wrap; }
	.respCol{ flex-direction: column; }
	.menuLogo img{ width: 70%; }
	.btn.inscription,
	.btn.connexion{ margin: 0 0 10px 0; flex: 1 1 100%; }
	.smsvp_homeV3BlocGris.maxW{ width: 100%;}
	.smsvp_homeV3BlocGris .padSpecBis{ padding: 20px; }
	li.icon{ font-size: 1.2em; line-height: normal;}
	.marB150{ margin-bottom: 50px;}
	.padT150{ padding-top: 50px!important;}
	.w50{ width: 100%;}
	.marbResp{ margin-bottom: 20px;}
	.contentMenuBot{ border: none; }
	.maxW, .maxWs{ width: 90%; }
	.contentMenuBot a{ padding: 10px; font-size: 0.9em; }
	.contentMenuBot span{ display: none; }
	.menuLogo{ padding-bottom: 15px;}
	.menu-v3 a.select::after{ border: none; }
	.menu-v3{ text-align: center;}
	.fb40, .fb60{ flex-basis: 100%; }
	.smsvp_bgTarifMid,.smsvp_bgTarifBisMid{ min-height: auto;}
	.smsvp_homeV3pad{ padding: 20px; }
	.smsvp_homeV3Logo{ width: 90%; }

	/* Menu */
	.menuRow {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.contentMenuTop{ 
		padding: 10px 0;
		position: fixed;
		z-index: 1000;
		width: 300px;
		right: -305px;
		top: 0;
		box-shadow: 3px 0 0 0 #515151;
		background-color: #fff;
		height: 100vh;
		-webkit-box-shadow: -3px 0px 5px -2px rgba(0,0,0,0.3); 
		box-shadow: -3px 0px 5px -2px rgba(0,0,0,0.3);
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-transition: right 0.4s ease;
		-o-transition: right 0.4s ease;
		transition: right 0.4s ease;
	}
	.menuTab.bloc2 {
		margin-top: 100px;
	}
	.mobile_menu_button{
		margin-left: 30px!important;
	}
	.mobile_menu_button.open + .contentMenuTop { 
		right: 0;
		-webkit-transform: translate(100, 0);
		-ms-transform: translate(100, 0);
		transform: translate(100, 0);
	}
	.mobile_menu_button.open + .contentMenuTop .menu-v3 { 
		flex-wrap: wrap;
		flex-direction: column;
		padding: 0 20px 0 20px;		
	}
	.mobile_menu_button.open + .contentMenuTop .menu-v3 a { 
		font-size: 1.3em;
		white-space: break-spaces;
	}
	.mobile_menu_button.open + .contentMenuTop .buttons { 
		padding: 70px 20px 20px 20px;	
		flex-wrap: wrap;
		justify-content: start;		
	}
	.mobile_menu_button {
	  display: table;
	  margin-left: auto;
	  cursor: pointer;
	  position: relative;
	  z-index: 1100;
	}
	.bar1, .bar2, .bar3 {
	  width: 35px;
	  height: 5px;
	  background-color: #350d42;
	  margin: 6px 0;
	  -webkit-transition: 0.4s;
	  -o-transition: 0.4s;
	  transition: 0.4s;
	}
	.navbar a:hover, .subnav:hover {
		background: none;
	}
	.contentMenuTop .menuTab .menuRow .menuCell a:hover {
		background-color: #350d42;
	}
	.contentMenuTop .menuTab .menuRow .menuCell a.sel i {
		color: #fff;
	}
	.mobile_menu_button.open .bar1 {
	  -webkit-transform: rotate(-45deg) translate(-7px, 6px);
	  -ms-transform: rotate(-45deg) translate(-7px, 6px);
	  transform: rotate(-45deg) translate(-7px, 6px);
	}
	.mobile_menu_button.open .bar2 {opacity: 0;}
	.mobile_menu_button.open .bar3 {
	  -webkit-transform: rotate(45deg) translate(-9px, -9px);
	  -ms-transform: rotate(45deg) translate(-9px, -9px);
	  transform: rotate(45deg) translate(-9px, -9px);
	}
	.mobile_menu_button.open + .contentMenuTop .subnav-content.open {
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		background: none;
		position: static;
	}
	.subnav-content a {
		padding: 10px 5px;
		flex-basis: 50%;
		color: #350d42;
		font-size: 13px;
		text-align: center;
	}
	.subnav-content a:hover {
		color: #fff;
	}
	.reg_contentMenu {
		margin: 10px auto;
	}
	.reg_topGauche {
		flex-basis: 20%;
	}
	.reg_topDroite {
		flex-basis: 80%;
	}
	.contentMenuTop .menuTab .menuRow .menuCell {float:none; display:block; width:100%; margin: 15px 0; }	
	.contentMenuTop .menuTab .menuRow .menuCell a.home{display:table; }
	.contentMenuTop .menuTab .menuRow .menuCell a.none {margin: 0; display:block; padding:2px 0; }
	.menuTab .menuRow .menuCell .rs{display:none;}
	input.inputStd{ height: 30px; text-indent: 5px; font-size: 1em; }
	.btn{ padding: 10px; }
	.maxW{ width: 100%; }
	.pro_listecontacts tr td{ font-size: .8em;}	
	.smsvp_footerLinkV3 .col{ flex-basis: 100%; padding-bottom: 15px; }
}
 
@media screen and (max-width: 768px)
{	
	.bgHomeV3{ flex-direction: column; flex-wrap: wrap; }
	.bgHomeV3Left, .bgHomeV3Right{ flex-basis: 100%; }	
	.fb50,.fb70,.fb30{ flex-basis: 100%; }
	.smsvp_homePcont{ padding: 0px; }
	.blocHomeMLinks a{ flex: 1 1 100%; }
	.mla{ margin: auto; }
	.smsvp_homeOffert{ padding: 10px 0 0 0; text-align: center; font-size: 1.7em; margin: 0 auto; }
	.smsvp_bgHomeMid{ background: none;}
	.smsvp_homeV3BlocGris img{ display: none;}
	.padT100{ padding-top: 50px!important;}
	.h1V3.black{ font-size: 1.8em;}
	.resp{ flex-direction: column; flex-wrap: wrap; }
	.blocContact{ margin: 0px; }
	.ma-r15{ margin: 0px; padding-bottom: 20px;}
}

/***********
 * MOBILE PAYSAGE
 */
 
@media screen and (max-width: 480px)
{
	.h1V3{ font-size: 2.5em; }
	.h2V3{ font-size: 1.5em; }
	.circle-white.green{ display: none;}
	.bgHomeV3bloc{ 
		display: flex;
		flex-direction: column;
	}
	.smsvp_homeV3BlocGris .padSpec{ padding: 25px; }
	.h2V3.blue{ font-size: 2em; padding-bottom: 5px; }
}

/************
 * LIVE CHAT
 */
	/******************
	**** TABLE STD ****
	******************/

	.tableSTD{
		width: 900px;
		margin:0 auto;
		text-align: left;
		border-collapse: collapse;
		border: solid 1px #98c63c;
	}

	.tableSTD tr.first{	
		background:#98c63c;
		color:#98c63c;
	}

	.tableSTD tr th{	
		font-weight: bold;
		padding: 10px;
		font-size: 14px;
		color:#FFFFFF;	
		border: solid 1px #98c63c;
	}

	.tableSTD tr th:nth-child(1),.tableSTD tr th:nth-child(2),.tableSTD tr th:nth-child(3){border-right: 1px solid #FFFFFF;}

	.tableSTD tr th span.pax,.tableSTD tr th span.tel,.tableSTD tr th span.date,.tableSTD tr th span.message{
		padding: 4px 0 4px 25px;
		display:block;
	}

	.tableSTD tr th span.pax{background: url('/imgs/picto.user.png') left center no-repeat; }
	.tableSTD tr th span.tel{background: url('/imgs/picto.tel.png') left center no-repeat;}
	.tableSTD tr th span.date{background: url('/imgs/picto.calendar.png') left center no-repeat;}
	.tableSTD tr th span.message{background: url('/imgs/picto.conversation.png') left center no-repeat; }

	.tableSTD tr td{	
		padding: 10px;
		font-size: 14px;
		color:#000000;
		border: solid 1px #98c63c;
	}

	.tableSTD tr.odd td { background: #ededed; }

	/******************
	**** TABLE SPE ****
	******************/

	.tableSPE{
		width: 100%;
		margin:0 auto;
		border-collapse: collapse;
		border: none;
	}

	.tableSPE tr.first{background:none;}

	.tableSPE tr th{	
		font-weight: bold;
		padding: 10px;
		font-size: 14px;
		text-align:center;
		color:#000000;
		border: none;
	}

	.tableSPE tr td{	
		padding: 10px;
		font-size: 14px;
		color:#000000;
		border: none;
	}

	.tableSPE tr td{border-bottom: 1px solid #aaa;}

	/********************
	**** TABLE SCROL ****
	********************/

	.scrollTable{
		overflow:hidden;
		height:500px;
		margin: 10px 0;
		display:none;
	}

	/****************
	**** CONTENT ****
	****************/

	.contentMess{margin:20px 0;}

	.contentMess .bleu,
	.contentMess .gris{
		color:#FFFFFF;	
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;	
		border-radius: 6px;	
		padding:10px;	
	}
	.contentMess .bleu{background:#598ee6;}
	.contentMess .gris{	background:#c2c6cf;}
	.contentMess .bleu span,
	.contentMess .gris span{display:block;}

	cite.check,cite.alerte,cite.careful{
		display:block; 
		color:#FFFFFF; 
		width:25px;
		height:25px;
		text-align:center;
		line-height:25px;
		font-family: 'lato-bold', Arial,sans-serif; 	
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;	
		border-radius: 50px;	
		font-weight:bold;	
		font-size:12px;
		font-style:normal;
		margin:20px 0;	
	}

	cite.alerte{background:#e0a401 url('/imgs/picto.alerte.png') 0 0 no-repeat;}
	cite.alerte.none{background:#e0a401;	margin:4px auto; cursor:pointer;}
	cite.check{background:#02b050 url('/imgs/picto.check.png') 0 0 no-repeat;}
	cite.careful{background:#e00101 url('/imgs/picto.careful.png') 0 0 no-repeat;}

	.infoConversation span.voirPlus{
		display:block; 
		color:#ffffff; 
		padding: 3px 5px 3px 20px;
		text-align:center;
		line-height:25px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		border-radius: 5px;	
		font-weight:bold;	
		font-size:13px;
		font-style:normal;
		background:#000000 url('/imgs/picto.arrow-plus.png')  2px center no-repeat;
		cursor:pointer;
	}

	span.voirMoins{
		display:block; 
		color:#ffffff; 
		padding: 3px 5px 3px 20px;
		text-align:center;
		line-height:25px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		border-radius: 5px;	
		font-weight:bold;	
		font-size:13px;
		font-style:normal;
		background:#000000 url('/imgs/picto.arrow-moins.png')  2px center no-repeat;
		cursor:pointer;
	}

	.tableSPE tr th strong,
	.infoConversation strong{
		display:block;	
		font-size:14px;
		padding: 5px 0;
	}

	.contentMess cite.date{
		display:block; 
		color:#aaa; 
		text-align:right;	
		font-weight:bold;	
		font-size: 10px;
		font-style:normal;
		margin: 4px 0;	
		padding: 0 5px 0 0;
	}
	
	.contentMess cite.date strong{
		color: #A00000;
	}

	.width25{
		width:25%; 
		float:left;
	}

	/*************
	**** FORM ****
	**************/

	.formStd{ 
		width: 100%; 
		padding: 20px 0;
	}


	.subStd{ 
		border:none;
		color: #FFF;
		display:block;
		float:right;	
		cursor:pointer;
		font-size:12px;		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		border-radius: 5px;		
		padding: 6px 10px ;
		color: #FFFFFF;	
		background:#98c63c;
		margin: 5px 0;	
		
	}

	.formStd textarea.areaStd{
		width: 98%;
		height: 50px;
		background: #e9e3eb;
		color: #6c6b6b;
		border: none;
		font-size: 12px;
		text-indent: 4px;
		padding: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.nav{ display: table; margin: 20px auto; font-family: plakbc,Arial,sans-serif; }
	.nav a{ color: #322A43; display: block; float: left; padding: 5px 10px; font-size: 16px; margin: 0 5px; }
	.nav span{ display: block; float: left; padding: 0 5px; }
	.nav .encours, .nav a.link:hover{ color: #FFF; background: #98c63c; }
	.nav .controle{ color: #AAA; padding: 5px 10px 0 10px; }	
	
	span.lastdate{ font-size: 12px; color: #98c63c; }
	strong.warn{ color: orange; }

/*********************
 * Témoignages clients
 */
.testimonials-container {
	gap: 30px;
	margin-bottom: 30px;
}
.testimonial-card {
	background: var(--grey-color);
	padding: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	transition: all 0.3s ease;
}
.testimonial-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.testimonial-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.testimonial-icon {
	width: 60px;
	height: 60px;
	margin-right: 15px;
	border-radius: 50%;
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5em;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	flex-shrink: 0;
}
.testimonial-card h3 {
	font-size: 1.5em;
	font-family: Montserrat, Arial, sans-serif;
	color: var(--blue-color);
	margin: 0;
	font-weight: 700;
}
.testimonial-quote {
	font-size: 1.2em;
	line-height: 1.6em;
	font-style: italic;
	margin: 20px 0;
	color: #333;
}
.testimonial-author {
	font-size: 1.1em;
	font-weight: 600;
	color: var(--blue-color);
	margin: 15px 0;
}
.testimonial-stats {
	display: flex;
	gap: 20px;
	margin-top: 20px;
	flex-wrap: wrap;
}
.testimonial-stats .stat {
	padding: 10px 15px;
	background: #FFF;
	border-radius: 7px;
	font-size: 1.1em;
	color: var(--green-color);
	font-weight: 700;
}

/*********************
 * Infographie SMS vs Email
 */
.infographic-container {
	gap: 20px;
	align-items: stretch;
	margin-top: 30px;
}
.infographic-side {
	display: flex;
	flex-direction: column;
}
.infographic-card {
	background: var(--grey-color);
	padding: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	transition: all 0.3s ease;
}
.infographic-card:hover {
	transform: scale(1.02);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.sms-card {
	border: 3px solid var(--green-color);
}
.email-card {
	border: 3px solid #999;
}
.infographic-title {
	font-size: 2em;
	font-family: Montserrat, Arial, sans-serif;
	color: var(--blue-color);
	text-align: center;
	margin: 0 0 10px 0;
	font-weight: 700;
}
.infographic-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px;
	background: #FFF;
	border-radius: 7px;
	transition: all 0.2s ease;
}
.infographic-stat:hover {
	transform: translateX(5px);
}
.infographic-stat.highlight {
	background: var(--green-color);
}
.infographic-stat.highlight .stat-value {
	color: #FFF;
	font-size: 3.5em;
}
.infographic-stat.highlight .stat-label {
	color: #FFF;
}
.stat-value {
	font-size: 2.5em;
	font-weight: 700;
	color: var(--green-color);
	font-family: Montserrat, Arial, sans-serif;
	line-height: 1em;
}
.stat-label {
	font-size: 1.1em;
	color: #666;
	text-align: center;
	margin-top: 5px;
	font-weight: 600;
}
.infographic-vs {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}
.vs-text {
	font-size: 3em;
	font-weight: 700;
	color: var(--blue-color);
	font-family: Montserrat, Arial, sans-serif;
	text-align: center;
	padding: 20px;
	background: var(--grey-color);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*********************
 * FAQ Dynamique
 */
.faq-container {
	max-width: 900px;
	margin: 30px auto;
}
.faq-item {
	margin-bottom: 15px;
	border: 2px solid var(--grey-color);
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.faq-item:hover {
	border-color: var(--green-color);
}
.faq-item.active {
	border-color: var(--green-color);
}
.faq-question {
	width: 100%;
	background: var(--grey-color);
	border: none;
	padding: 20px 25px;
	text-align: left;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: Quicksand, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	color: var(--blue-color);
	transition: all 0.3s ease;
}
.faq-question:hover {
	background: var(--green-color);
	color: #FFF;
}
.faq-item.active .faq-question {
	background: var(--green-color);
	color: #FFF;
}
.faq-question-text {
	flex: 1;
	padding-right: 20px;
}
.faq-toggle {
	font-size: 2em;
	font-weight: 700;
	line-height: 1em;
	min-width: 30px;
	text-align: center;
	transition: transform 0.3s ease;
}
.faq-item.active .faq-toggle {
	transform: rotate(45deg);
}
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	background: #FFF;
}
.faq-answer p {
	padding: 25px;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333;
}
.faq-answer a.link {
	color: var(--green-color);
	text-decoration: underline;
	font-weight: 600;
}
.faq-answer a.link:hover {
	color: var(--blue-color);
}

/*********************
 * Page SMS OTP - Explication OTP vs Mot de passe
 */
.otp-explanation-container {
	gap: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.otp-explanation-side {
	display: flex;
	flex-direction: column;
}
.otp-card {
	background: var(--grey-color);
	padding: 30px;
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
	border: 3px solid transparent;
}
.otp-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.otp-card.classic-password {
	border-color: #999;
}
.otp-card.otp-password {
	border-color: var(--green-color);
}
.otp-card-icon {
	font-size: 3em;
	text-align: center;
	margin-bottom: 20px;
}
.otp-card h3 {
	font-size: 1.6em;
	font-family: Montserrat, Arial, sans-serif;
	color: var(--blue-color);
	text-align: center;
	margin: 0 0 20px 0;
	font-weight: 700;
}
.otp-features {
	list-style: none;
	padding: 0;
	margin: 0;
}
.otp-features li {
	padding: 10px 0;
	font-size: 1.1em;
	line-height: 1.5em;
}
.feature-negative {
	color: #d63031;
}
.feature-positive {
	color: var(--green-color);
	font-weight: 600;
}
.otp-vs {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}
.vs-arrow {
	font-size: 4em;
	color: var(--blue-color);
	font-weight: 700;
}
.otp-explanation-text {
	margin-top: 30px;
}
.highlight-box {
	background: linear-gradient(135deg, var(--green-color) 0%, var(--blue-color) 100%);
	color: #FFF;
	padding: 25px 30px;
	border-radius: 10px;
	font-size: 1.2em;
	line-height: 1.7em;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

/*********************
 * Page SMS OTP - Comment ça fonctionne
 */
.how-it-works-container {
	margin: 30px 0;
}
.how-step {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	padding: 20px;
	background: var(--grey-color);
	border-radius: 10px;
	transition: all 0.3s ease;
}
.how-step:hover {
	transform: translateX(10px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.step-number {
	width: 60px;
	height: 60px;
	background: var(--green-color);
	color: #FFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em;
	font-weight: 700;
	font-family: Montserrat, Arial, sans-serif;
	flex-shrink: 0;
	margin-right: 20px;
}
.step-content h3 {
	font-size: 1.5em;
	color: var(--blue-color);
	margin: 0 0 10px 0;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
}
.step-content p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #333;
}
.otp-specs-container {
	gap: 20px;
	margin: 40px 0;
}
.otp-spec-card {
	background: var(--grey-color);
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	flex-basis: 33%;
}
.otp-spec-card:hover {
	border-color: var(--green-color);
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.spec-icon {
	font-size: 3em;
	margin-bottom: 15px;
}
.otp-spec-card h4 {
	font-size: 1.4em;
	color: var(--blue-color);
	margin: 0 0 15px 0;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
}
.otp-spec-card p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #333;
	text-align: left;
}
.business-scenario {
	margin-top: 50px;
	padding: 30px;
	background: #f8f9fa;
	border-radius: 10px;
	border-left: 5px solid var(--green-color);
}
.business-scenario h3 {
	font-size: 1.8em;
	color: var(--blue-color);
	margin: 0 0 20px 0;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
}
.scenario-box {
	background: #FFF;
	padding: 25px;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.scenario-box p {
	margin: 0 0 15px 0;
	font-size: 1.1em;
}
.scenario-steps {
	margin: 20px 0;
	padding-left: 20px;
}
.scenario-steps li {
	margin-bottom: 12px;
	font-size: 1.1em;
	line-height: 1.6em;
}
.scenario-benefit {
	background: var(--green-color);
	color: #FFF;
	padding: 15px 20px;
	border-radius: 7px;
	margin-top: 20px;
	font-size: 1.1em;
}

/*********************
 * Page SMS OTP - Tableau comparatif
 */
.comparison-table-container {
	overflow-x: auto;
	margin: 30px 0;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
.otp-comparison-table {
	width: 100%;
	border-collapse: collapse;
	background: #FFF;
	border-radius: 10px;
	overflow: hidden;
}
.otp-comparison-table thead {
	background: var(--blue-color);
	color: #000;
}
.otp-comparison-table th {
	padding: 20px 15px;
	text-align: center;
	font-size: 1.3em;
	font-weight: 700;
	font-family: Montserrat, Arial, sans-serif;
}
.otp-comparison-table td {
	padding: 18px 15px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 1.1em;
	line-height: 1.5em;
}
.otp-comparison-table tbody tr:hover {
	background: var(--grey-color);
}
.criteria-col {
	background: #f8f9fa;
	font-weight: 600;
	width: 20%;
}
.sms-col {
	background: #f0fdf4;
}
.email-col {
	background: #fef9f3;
}
.app-col {
	background: #f3f8fe;
}
.advantage {
	color: var(--green-color);
	font-weight: 600;
	text-align: center;
}
.neutral {
	color: #666;
	text-align: center;
}
.disadvantage {
	color: #e74c3c;
	text-align: center;
}
.total-row {
	background: var(--grey-color);
	font-weight: 700;
	font-size: 1.2em;
}
.total-row td {
	padding: 25px 15px;
	border-bottom: none;
}
.recommendation-box {
	background: linear-gradient(135deg, var(--green-color) 0%, var(--blue-color) 100%);
	color: #FFF;
	padding: 30px;
	border-radius: 10px;
	margin-top: 30px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.recommendation-box h3 {
	font-size: 1.8em;
	margin: 0 0 15px 0;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
}
.recommendation-box p {
	margin: 0;
	font-size: 1.2em;
	line-height: 1.7em;
}

/*********************
 * Responsive - OTP sections
 */
@media screen and (max-width: 768px) {
	.otp-explanation-container,
	.otp-specs-container {
		flex-direction: column;
	}
	.otp-explanation-side,
	.otp-spec-card {
		flex-basis: 100% !important;
	}
	.vs-arrow {
		transform: rotate(90deg);
		margin: 20px 0;
	}
	.comparison-table-container {
		font-size: 0.9em;
	}
	.otp-comparison-table th,
	.otp-comparison-table td {
		padding: 12px 8px;
		font-size: 1em;
	}
}