/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 
 /*------------------------------------------------------------------
 
    DOCUMENT INFORMATION
        - Document: iSendProTelecom Theme
        - Version:  1.4
        - Author:   Marchand Paul

    CSS DIRECTORY
        1. =GLOBAL
        2. =PRIMARY
		3. =BTNS
        4. =NAV
		5. =TABS
		6. =FORMS
        7.1 =HEADER FULL-SCREEN
			7.2 =TEMP SECTION-FIRST
			7.3 =CAROUSEL
			7.4 =CAROUSEL OWL (TARIF)
        8. =SECTIONS-PAGES
        9. =FOOTER
		10. = COMMUN AVEC BO
        10. =RESPONSIVE
				
	  COLORS
			=bleu_1 : #007bbe; p/r logo
			=bleu_2 : #00579f;	
			
			=proxi : #16a5a0;
			=proxi-2 : #1b8884;
			
			=vert_1 : #4aa53c;
			=vert_2 : #3b862f;
			
			=violet_1 : #b71d80;
			=violet_2 : #901163;
			
			=bleu hlr : #1f518c; 
			=bleu 2way-sms : #0db6ff; #58c0f5
			
			=orange_1 : #e46e02; #ed6d04
			=orange_2 : #cc6100; #ff8517			
			
			=noir : #333;
			=gris foncé theme : #4d4d4d;
			=gris moyen theme : #8d8d8d;
			=gris clair theme : #e9e9e9;
			
			=rouge erreur : #830a31;
			=rouge attention : #a94442;
			
			// Email
			/*
			Jaune
			plus claire		#E9E152	#DBD11C 
			coul charte		#DFD61C	#C0B818 	
			plus foncé		#BEB618	#979113 	
			fond clair		#FAF7D1		
			
			Orange					
			coul charte		#781f19 #501511
			
			fond clair		#ddd3d2
			
			*/

			=jaune_1 : #e46e02; #ed6d04
			=jaune_2 : #DFD61C; #C0B818

------------------------------------------------------------------*/

/*========================================== 1. GLOBAL ============================================*/
html { font-size: 62.5%; } /* ref pour 1rem */

html,
body {
  height: 100%;
  width: 100%;
	font-size: 10px;/* ref pour 1rem */
}
body {
	min-height:100%;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	/*dispo : 400,300,600,700,800 */
	font-weight:300;
}
hr {
	border-width: 2px;
  	border-color: #007bbe;
	background:#007bbe;
	width: 120px;
	margin: 15px auto;
}

a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #007bbe;
}
a:hover,
a:focus {
  color: #00579f;
	outline: none;
}
a:focus { text-decoration:none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	line-height:1.5;
}
h1 { font-size: 4.6rem;}
h2 { font-size: 3.5rem;}
h3 { font-size: 2.4rem;}

section, div, li, p, a, table, input, label, select, pre code {
  font-size: 1.5rem;
  line-height: 1.3;
}
p { margin-bottom: 20px; }

/*p.nobottom { margin-bottom: 1px; }*/

img { width:100%; height:auto; }

/*========================================= 2. PRIMARY / TPL ============================================*/
section { padding: 30px 0; }

.col-lg-20 {
	position: relative;
	display:block;
	width:33.3% !important;/*width:20%;*/
	float:left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-lg-11pourcent {
	position: relative;
	display:block;
	width:20%;/*width:11.1%;*/
	float:left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.container { min-width:280px; }

.clearfix{ clear:both; }

span.retour-ligne-xs { display:inline; }
span.retour-ligne-sm { display:inline; }
span.retour-ligne-md { display:block; }
span.retour-ligne-lg { display:inline; }

.text-large { font-size: 125%; }

.cursor-no { cursor:default; }

.anti-callto-auto, .anti-callto-auto:visited { text-decoration:none; color:#fff; font-weight:400;}
.anti-callto-auto:hover, .anti-callto-auto:focus { text-decoration:underline; }


.fill { height: 100%; width: 100%; }

.row-col-lg-2 { margin:0 -130px; }

.element-center { margin-left: auto; margin-right: auto; }

.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.inline-b { display:inline-block !important; }
/*.hidden-xs { display: none!important; } faire disp des elements avec .inline-b .hidden-xs !! */ 

/* ----------- padding -------------- */
.no-padding { padding: 0px; }
.padding_6-12 { padding: 6px 12px; }

/* ------------- margin ------------- */
.no-margin { margin: 0px; }

.margin-top { margin-top:15px !important;}
.margin-top-x2 { margin-top:30px !important;}
.margin-top-x4 { margin-top:60px !important;}

.margin-top-xs,
.margin-top-x2,
.margin-top-x4 { margin-top:0px; }

.margin-bottom { margin-bottom:15px !important;}
.margin-bottom-x2 { margin-bottom:30px !important;}
.margin-bottom-x4 { margin-bottom:60px !important;}

.margin-left { margin-left:15px; }
.margin-right { margin-right:15px; }

/* bootstrap */
.margin-bottom-sm,
.margin-bottom-sm-x2,
.margin-bottom-sm-x4 { margin-bottom: 15px; }

.margin-bottom-lg,
.margin-bottom-lg-x2,
.margin-bottom-lg-x4,
.margin-bottom-xs,
.margin-bottom-xs-x2,
.margin-bottom-xs-x4 { margin-bottom: 0px; }

/* -------------- width ---------------*/
.w10-xs { width:10%; }
.w20-xs { width:20%; }
.w25-xs { width:25%; }
.w33-xs { width:33.333%; }
.w40-xs { width:40%; }
.w50-xs { width:50%; }
.w60-xs { width:60%; }
.w66-xs { width:66.666%; }
.w75-xs { width:75%; }
.w80-xs { width:80%; }
.w100-xs { width:100%; }

/* ===================================== TPL ================================*/
/* ---------- tailles .fa --------- */
.fa-6x { font-size: 6em; }
.fa-8x { font-size: 8em; }

.call-to-action h2 { margin: 0 auto 20px; }

/* -------------- pictos-Fn ---------- */
.pictos-div { height:280px; }
.pictos-div img {    
  width: 100%;
  max-width: 140px;
  height: auto;
}
.pictos-div span { font-size:12px; font-size:1.2rem; }

/* ----------------- hr -------------- */
hr.large-gnl { border-color: #e9e9e9; width: 100%; }

hr.primary { border-color: #007bbe; }
hr.smv { border-color: #4aa53c; }
hr.lbdd { border-color: #b71d80; }
hr.proxi { border-color: #16a5a0; }
hr.sva { border-color: #608241; }
hr.fax { border-color: #ed6d04; }
hr.email { border-color: #781f19; }

hr.light { border-color: white; }

/* ------------ bg ---------- */
.bg_primary,
.bg-primary,
.bg_bleu { background-color: #007bbe; }

.motifs-sms-bg { background-image: url('../img/motifs-sms-bg.png'); background-repeat:repeat; }

.bg_smv { background-color: #4aa53c; color: #fff; }
.motifs-smv-bg { background-image: url('../img/motifs-smv-bg.png'); background-repeat:repeat; }

.bg_lbdd { background-color: #b71d80; color: #fff; }
.motifs-lbdd-bg { background-image: url('../img/motifs-lbdd-bg.png'); background-repeat:repeat; }

.bg_fax { background-color: #ed6d04; color:#fff; }
.motifs-fax-bg { background-image: url('../img/motifs-fax-bg.png'); background-repeat:repeat; }

.bg_email { background-color: #781f19; color:#fff; }
.motifs-email-bg { background-image: url('../img/motifs-email-bg.png'); background-repeat:repeat; }

.bg_proxi { background-color: #16a5a0; color: #fff; }

.bg_sva { background-color: #608241; color:#fff; }

.bg_blanc { background-color: #fff; }

.bg_dark { /*background-color: #1f3a4c;*/ background-image: url('../img/bg-isendpro-dark.webp'); color: white; }
.bg_clair { background-image: url('../img/bg-isendpro-clair.jpg'); }

.bg_img {
 /* width: 100%; NON ! */
	background-position:center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
 }
 /* ------------- bg PAGES ----------------*/
.bg-sms-ww {
 background-image: url('../img/img-fullscreen/bg-worldwide.jpg');
}
.bg-sms-hlr { 
 background-image: url('../img/img-fullscreen/bg-hlr-lookup.jpg');
}
.bg-sms-2ways { 
 background-image: url('../img/img-fullscreen/bg-2ways.jpg');
}
.bg-sms-clair { 
 background-image: url('../img/img-fullscreen/bg-sms-messaging.jpg');
}
.bg-vocal-clair { 
 background-image: url('../img/bg-isendpro-vocal.jpg');
}
.bg-lbdd-clair { 
 background-image: url('../img/bg-isendpro-lbdd.jpg');
}
 
.bg_noir-50 { background-color: rgba(15, 35, 48, 0.45); }
		.bg_noir-50 a {
			-webkit-transition: all 0.35s;
			-moz-transition: all 0.35s;
			transition: all 0.35s;
			color: #FFF;
			text-decoration:underline;
		}
		.bg_noir-50 .btn { text-decoration:none; }
		
		.bg_noir-50 a:hover,
		.bg_noir-50 a:focus { color: #FFF; }
		
/*---------- textes -----------*/
.text-faded { color: rgba(255, 255, 255, 0.7); }

.text-primary { color: #007bbe; }
.text-smv { color: #4aa53c; } 
.text-lbdd { color: #b71d80; }
.text-proxi { color: #16a5a0; }
.text-sva { color: #608241; }
.text-fax { color: #ed6d04; }
.text-email { color: #781f19; }

.text-blc { color: #fff; }
.text-noir { color: #333; }
.text-error { color: #830a31; }

.text-shadw { text-shadow: 0 2px 4px #222; }

.fond-txt { background: rgba(0, 0, 0, 0.3); }

.p-cadres { margin: 15px 0px; }

.text-1-6rem { font-size: 1.6rem; margin:15px auto; }

/*--------------- liens a href avec couleurs services ---------*/
.text-smv a, .text-smv a:visited { color:#4aa53c; }
.text-smv a:hover, .text-smv a:focus { color:#4aa53c; text-decoration:underline; }

.text-proxi a, .text-proxi a:visited { color:#16a5a0; }
.text-proxi a:hover, .text-proxi a:focus { color:#16a5a0; text-decoration:underline; }
/*
.text-lbdd a, .text-lbdd a:visited { color:#b71d80; }
.text-lbdd a:hover, .text-lbdd a:focus { color:#b71d80; text-decoration:underline; }*/

.text-sva a, .text-sva a:visited { color:#608241; }
.text-sva a:hover, .text-sva a:focus { color:#608241; text-decoration:underline; }

/* ---------- rectangle titre h1 pages --------- */
.icon-titre-sms,
.icon-titre-smv,
.icon-titre-lbdd,
.icon-titre-proxi,
.icon-titre-hlr,
.icon-titre-2ways,
.icon-titre-sva,
.icon-titre-fax,
.icon-titre-email {
	display: block; /* inline-block;*/
	float:left;
    width: 30px;
    height: 70px;
    background: #007bbe;
    margin-right: 15px;
}
.icon-titre-smv { background: #4aa53c; }
.icon-titre-lbdd { background: #b71d80; }
.icon-titre-proxi { background : #16a5a0; }
.icon-titre-hlr { background: #1f518c; }
.icon-titre-2ways { background: #58c0f5; }
.icon-titre-sva { background:#608241; }
.icon-titre-fax { background: #ed6d04; }
.icon-titre-email { background: #781f19; }

/*---------- encadres ---------*/
.encadre-bleu {
	border: 2px solid #007bbe;
	padding: 30px 15px;
	}
.encadre-smv {
	border: 2px solid #4aa53c;
	padding: 30px 15px;
	}
.encadre-lbdd {
	border: 2px solid #b71d80;
	padding: 15px;
	}
.encadre-proxi {
	border: 2px solid #16a5a0;
	padding: 30px 15px;
	}
.encadre-fax {
	border: 2px solid #ed6d04;
	padding: 30px 15px;
}
.encadre-email {
	border: 2px solid #781f19;
	padding: 30px 15px;
}
.encadre-blc { 
	border: 2px solid #fff; 
	padding: 15px 8px 0px 8px;
}
	
.encadre-bleu hr {
	border: 2px #eee solid;
	max-width: 98%;
	}

	
/* ---------- border-radius box ------- */
.angles-ronds {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.angles-ronds-xl {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* ---------------- appear --------------- */
.appear-element {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

/* ---------- tooltip --------- */
.tooltip-inner {
	width: auto;
	max-width: 280px;
	color: #fff;
}

/*-------------- scrollUp -------------*/
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 70px;
  right: 12px;
  display:none;
  z-index:5;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 1px 2px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0 0 1px 2px;
  box-shadow: rgba(0,0,0,0.2) 0 0 1px 2px;
}

/* -------- g-recaptcha ------- */
.g-recaptcha { display: inline-block; }


/* ========================================== 3 BTNS ============================================ */
/* ---------- btn-default ------------ */
.btn-default {/* blanc */
	color: #007bbe; /* bleu sms gnl */
	background-color: white;
	border-color: white;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #007bbe; /* bleu sms gnl */
	background-color: #e9e9e9;
	border-color: #007bbe;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: white;
	border-color: white;
}

.btn-default .badge {
	color: white;
	background: #007bbe;
}

/* ------- btn-primary ---- */
.btn-primary {
	color: white;
	background-color: #007bbe;
	border-color: #007bbe;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: white;
	background-color: #00579f;
	border-color: #007bbe;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #00579f;
	border-color: #00579f;
}
.btn-primary .badge {
	color: #007bbe;
	background-color: white;
}

/* ------- btn-vocal ---- */
.btn-smv {
	color: white;
	background-color: #4aa53c;
	border-color: #4aa53c;
}
.btn-smv:hover,
.btn-smv:focus,
.btn-smv.focus,
.btn-smv:active,
.btn-smv.active,
.open > .dropdown-toggle.btn-smv {
	color: white;
	background-color: #3b862f;
	border-color: #4aa53c;
}
/* ----- vocal-default ------ */
.btn-default-smv {
	color: #4aa53c;
	background-color: white;
	border-color: white;
}
.btn-default-smv:hover,
.btn-default-smv:focus,
.btn-default-smv.focus,
.btn-default-smv:active,
.btn-default-smv.active,
.open > .dropdown-toggle.btn-default-smv {
	color: #3b862f;
	background-color: #e9e9e9;
	border-color: #4aa53c;
}

/* ------- btn-lbdd ---- */
.btn-lbdd {
	color: white;
	background-color: #b71d80;
	border-color: #b71d80;
}
.btn-lbdd:hover,
.btn-lbdd:focus,
.btn-lbdd.focus,
.btn-lbdd:active,
.btn-lbdd.active,
.open > .dropdown-toggle.btn-lbdd {
	color: white;
	background-color: #901163;
	border-color: #b71d80;
}
/* ----------- lbdd-default ---------------- */
.btn-default-lbdd {
	color: #b71d80;
	background-color: white;
	border-color: white;
}
.btn-default-lbdd:hover,
.btn-default-lbdd:focus,
.btn-default-lbdd.focus,
.btn-default-lbdd:active,
.btn-default-lbdd.active,
.open > .dropdown-toggle.btn-default-lbdd {
	color: #b71d80;
	background-color: #e9e9e9;
	border-color: #b71d80;
}

/* ------- btn-proxi ---- */
.btn-proxi {
	color: white;
	background-color: #16a5a0;
	border-color: #16a5a0;
}
.btn-proxi:hover,
.btn-proxi:focus,
.btn-proxi.focus,
.btn-proxi:active,
.btn-proxi.active,
.open > .dropdown-toggle.btn-proxi {
	color: white;
	background-color: #1b8884;
	border-color: #16a5a0;
}
/* ----------- proxi-default ---------------- */
.btn-default-proxi {
	color: #16a5a0;
	background-color: white;
	border-color: white;
}
.btn-default-proxi:hover,
.btn-default-proxi:focus,
.btn-default-proxi.focus,
.btn-default-proxi:active,
.btn-default-proxi.active,
.open > .dropdown-toggle.btn-default-proxi {
	color: #16a5a0;
	background-color: #e9e9e9;
	border-color: #16a5a0;
}

/* ------- btn-sva ---- */
.btn-sva {
	color: white;
	background-color: #608241; 
	border-color: #608241; 
}
.btn-sva:hover,
.btn-sva:focus,
.btn-sva.focus,
.btn-sva:active,
.btn-sva.active,
.open > .dropdown-toggle.btn-sva {
	color: white;
	background-color: #486131;
	border-color: #486131;
}
/* ----------- sva-default ---------------- */
.btn-default-sva {
	color: #608241;
	background-color: white;
	border-color: white;
}
.btn-default-sva:hover,
.btn-default-sva:focus,
.btn-default-sva.focus,
.btn-default-sva:active,
.btn-default-sva.active,
.open > .dropdown-toggle.btn-default-sva {
	color: #608241;
	background-color: #e9e9e9;
	border-color: #608241;
}
/* ------- btn-Fax ---- */
.btn-fax {
	color: white;
	background-color: #ed6d04;
	border-color: #ed6d04;
}
.btn-fax:hover,
.btn-fax:focus,
.btn-fax.focus,
.btn-fax:active,
.btn-fax.active,
.open > .dropdown-toggle.btn-fax {
	color: white;
	background-color: #ff800d;
	border-color: #ff800d;
}
/* ----------- fax-default ---------------- */
.btn-default-fax {
	color: #ed6d04;
	background-color: white;
	border-color: white;
}
.btn-default-fax:hover,
.btn-default-fax:focus,
.btn-default-fax.focus,
.btn-default-fax:active,
.btn-default-fax.active,
.open > .dropdown-toggle.btn-default-fax {
	color: #ff800d;
	background-color: #fff;
	border-color: #ff800d;
}
/* ------- btn-email ---- */
.btn-email {
	color: white;
	background-color: #781f19;
	border-color: #781f19;
}
.btn-email:hover,
.btn-email:focus,
.btn-email.focus,
.btn-email:active,
.btn-email.active,
.open > .dropdown-toggle.btn-email {
	color: white;
	background-color: #501511;
	border-color: #501511;
}
/* ----------- email-default ---------------- */
.btn-default-email {
	color: #781f19;
	background-color: white;
	border-color: white;
}
.btn-default-email:hover,
.btn-default-email:focus,
.btn-default-email.focus,
.btn-default-email:active,
.btn-default-email.active,
.open > .dropdown-toggle.btn-default-email {
	color: #781f19;
	background-color: #fff;
	border-color: #781f19;
}
/* ------ .btn -------- */
.btn {
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-transform: uppercase;
	font-size:14px;
	font-size:1.4rem;
	border: 1px solid transparent;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}
.btn-xl,
.btn-xl-pourcent,
.btn-xl-pourcent-big,
.btn-xxl,
.btn-form {
	padding: 12px 30px;
	font-size:20px;
	font-size:1.6rem;
	margin-bottom: 10px;
}
.btn-form { padding: 11px 24px; width:100%!important; }

.btn-xl-pourcent {
	min-width: 20%;
}
.btn-xl-pourcent-big {
	min-width: 60%;
}

.btn-xxl {
	padding: 20px 40px;
	font-size:26px;
	font-size:2.5rem;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	min-width: 305px;
	min-height: 92px;
}
.btn-pictos {
	display: block;
	border: 2px solid transparent;
	cursor:pointer;
	padding: 6px 12px;
}
.btn-pictos:hover{
	 border: 2px solid #007bbe;
	 border: 2px solid transparent;
	 opacity:0.6;
	 text-decoration:none;
}

/* ------- btn img api ------- */
.btn-img {
	border: 0px solid transparent;
	cursor:pointer;
}
.btn-img:hover{
	 border: 0px solid #007bbe;
	 opacity:0.6;
}
.btn-img a {color: #fff !important;}


/*=========================================== 4. NAV =============================================*/
#mainNav { padding-left:1%; padding-right:1%; }

	.navbar {
			min-height: 50px;
			padding-top:15px;
			padding-bottom:15px; 
			margin-bottom: 20px;
			border: 1px solid transparent;
	}
	.navbar-nav{ /*	position: relative; /* important pour le ul du sous-menu sinon il est en absolute à gauche… */ }
		
	.navbar-header .navbar-brand {
		float: left;
		height: 50px;
		padding: 5px 0px 0px 15px;
		line-height: 20px;
	}
	
    .navbar-header .navbar-brand img{
			height:100%;
			max-height:38px;
			min-height:36px;
			width: auto;
		}
		
	.navbar-default {
		background-color:rgba(0,0,0, 0.33);
		border-color: rgba(0,0,0, 0.33);
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		-webkit-transition: all 0.35s;
		-moz-transition: all 0.35s;
		transition: all 0.35s;
	}
	.navbar-default.affix {
		border-color: rgba(34, 34, 34, 0.05);
		background-image: url(../img/bg-isendpro-dark.webp);
		opacity: 0.94;
		width: 100%;
	}
	.pages-menu-opaque .navbar-default {
		background-image: url(../img/bg-isendpro-dark.webp);
		-webkit-transition: all 0.35s;
		-moz-transition: all 0.35s;
		transition: all 0.35s;
	}
	
	.navbar-default .navbar-header .navbar-brand {
		color: #FFFFFF;
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}
	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus {
		color: #eb3812;
	}
	.navbar-default .navbar-header .navbar-toggle {
		font-weight: 600;
		font-size: 1.2rem;
		color: #ffffff;
		text-transform: uppercase;
	}
      
	#mainNav .pull-right { float:right; }
      
    /* ================ pour nav phones only ==================== */
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: #4d4d4d;
        text-align:center;
    }
    
    .navbar-fixed-top .navbar-collapse { max-height: 480px; }
    
    .navbar-default .navbar-collapse .nav-justified-xs { width:inherit; padding-bottom: 0px;}
    .navbar-default .navbar-collapse .nav-justified-xs > li > a { margin-left:10px; }
    
    #mainNav .navbar-nav>li>.dropdown-menu { position:absolute; }/* position origine bootstrap*/
    
    .navbar-default .nav > li > a,
    .navbar-default .nav > li > a:focus,
    .navbar-default .nav > li > a:visited,
    .navbar-default .nav > li > .active {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.5rem;
      color: #fff;
      margin-left:10px;
      padding: 8px 15px;
      border: 1px solid transparent;
    }
    .navbar-default .nav > li > .first-btn,
    .navbar-default .navbar-collapse .nav-justified-xs > li > .first-btn { margin-left:0px; }
    
    .navbar-default .nav > li > a:hover,
    .navbar-default .nav > li > .active:hover {
      color: #00579f !important;
    }
    .navbar-default .nav > li.active > a,
    .navbar-default .nav > li.active > a:focus {
      color: #007bbe !important;
      background-color: transparent;
    }
    .navbar-default .nav > li.active > a:hover {
      color: #00579f !important;
      background-color: transparent;
    }
			
	/* ---BTN SIGNUP --- */
	.navbar-default .nav > li > .btn-default,
	.navbar-default .nav > li > .btn-default:focus {
		color: #007bbe !important;
		background: rgba(255,255,255,1) !important;
	}
	.navbar-default .nav > li > .btn-default:hover,
	.navbar-default .nav > li > .btn-default:focus:hover {
		background: #ebebeb !important;
		color: #00579f !important;
	}
	
	/* --- LOGIN --- */
	.navbar-default .nav > li > .btn-primary,
	.navbar-default .nav > li > .btn-primary:focus {
		margin-left:10px;
		margin-top:6px;
		background: #007bbe !important;
		color: #ebebeb !important;
	}
	.navbar-default .nav > li > .btn-primary:hover,
	.navbar-default .nav > li > .btn-primary:focus:hover {
		background: #00579f !important;
		color: #ffffff !important;
	}
	
	/* --- LANG --- */
	.navbar-default .nav > li > a.btn-lang,
	.navbar-default .nav > li > a.btn-lang:visited,
	.navbar-default .nav > li > .active.btn-lang {
		margin-top:0px;
		/*background: transparent !important;*/
		border:1px solid #007bbe;
		color: #007bbe;
	}
	.navbar-default .nav > li > a.btn-lang:hover,
	.navbar-default .nav > li > a.btn-lang:focus:hover,
	.navbar-default .nav > li > .active.btn-lang:hover,
	.navbar-default .nav > li > .active.btn-lang:focus:hover {
		background: #fff !important;
		color: #00579f !important;
	}
	
	.btn-fr { width:100%; min-width:120px; }
	
	/* --- contact + tel --- */
	.tel, .contact { 
		font-size: 1.6rem;
		text-align:center; 
		text-transform: uppercase;
    	margin-right: 86px;
		margin-top: 6px;
		color:#fff;
		}
	.tel { margin-right:10px; }
	
	.tel:hover, .tel a:hover, .contact:hover { text-decoration:underline; color:#fff;}

/* =================== nav-plusieurs-niveaux ================== */
.dropdown-large { position: static !important; }

/* --- position --- */
.btn-login-extra-sm, 
.btn-signup-extra-sm { position : relative; } /*qui change selon taille ecran */

.btn-lang-extra-sm { margin-top:8px; position: static;/* important pour le dropdown - responsive */ }
.btn-login-extra-sm { /* responsive */ }
.btn-signup-extra-sm { /* responsive */ }
/* --------- */

.dropdown-menu-large {
	width: 100%;
	margin-top: 20px !important;/* pour écrase bootstrap.min */
	background-color: rgba(255,255,255,.95) !important;/* pour écrase bootstrap.min */
	margin-right: 16px;
	padding: 15px 0px;
	margin-top: 0px!important;
}
/*--------------- sous-meu LANG */
.btn-lang-extra-sm .dropdown-menu { 
	width:33.3%; 
	min-width:160px; 
	max-width:190px; 
	position:absolute;
	left:inherit;
	right:0;
	margin-right:0px;
  }
.dropdown-menu-large > li > ul { padding: 0; margin: 0; }

.dropdown-menu-large > li > ul > li { list-style: none; }

.dropdown-menu-large > li > ul > li > a,
.dropdown-menu-large > li > ul > li > a:focus,
.dropdown-menu-large > li > ul > li > a:visited,
.dropdown-menu-large > li > ul > li > .active {
  display: block;
  border:1px solid transparent;
   padding: 8px 15px;
  clear: both;
  font-size: 1.6rem;
  font-weight:300;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
  text-transform: uppercase;
  font-weight: 400;/*---- un peu en dessous de bold */
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #00579f;
  border:1px solid #00579f;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header { font-size: 18px; font-size: 1.8rem; }

/* ====================== nav news-actus ====================== */
.nav>li>a:focus,
.nav>li>a:hover {/* //bootstrap */
	color: white;
  	background-color: #00579f;
}

/* ==================== nav-sous-menu pages =================== */
section .nav-justified>li { padding: 0px 8px; }


/*=========================================== 5. TABS =============================================*/
/* ------- gnl = SMS -------- */
.section-tabs { padding-bottom: 0px; }

/* Contour des tabs sur l'index notamment */
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px;border:1px solid #ddd; border-bottom-style: none;}
.nav-tabs.nav-justified.nav-sub,.nav-tabs.nav-justified.nav-sub-inactive{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.nav-tabs.nav-justified.nav-sub-inactive>li>a{border:none;}

.nav-sub>li>a{
    background-color: white;
}

.nav-tabs>li.active>ul,
.nav-tabs>li.active>ul:focus,
.nav-tabs>li.active>ul:hover {
    background-color: aliceblue;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: aliceblue;
}
.nav-tabs>li>a {
  font-size:16px;
  font-size:1.8rem;
  text-transform:uppercase;
}
.nav-tabs.nav-justified.nav-sub>li>a,
.nav-tabs.nav-justified.nav-sub-inactive>li>a{
  font-size:16px;
  text-transform:uppercase;
}
		
#nav-api-lang .nav-justified li { max-width: 600px; }
#nav-api-lang .nav-justified li a { font-size:15px; font-size:1.5rem; }

.tab-content {
  background-color: aliceblue;
  padding-top: 15px;
  padding-bottom: 15px;
}
		
.web-based-app .col-sm-6,
#features-included .col-sm-6 { min-height: 60px; }

.tab-content>.active {
  display: block;
  padding: 15px 0px !important;/* pour écraser bootstrap.min */
}
.tab-pane .nav>li>a { display:inline-block !important; padding: 6px 12px; }

/* ------- vocal -------- */
#isendpro-vocal .nav-tabs>li.active>a,
#isendpro-vocal .nav-tabs>li.active>a:focus,
#isendpro-vocal .nav-tabs>li.active>a:hover { background-color: #f5fbef;/* fonds clairs */ }

#isendpro-vocal .tab-content { background-color: #f5fbef;/* fonds clairs */ }
		
#isendpro-vocal .nav-tabs.nav-justified>li>a { color: #4aa53c; }

#isendpro-vocal .nav-tabs>li.active>a, 
#isendpro-vocal .nav-tabs>li.active>a:focus, 
#isendpro-vocal .nav-tabs>li.active>a:hover { color: #4aa53c; }

#isendpro-vocal .nav-tabs>li>a:focus, 
#isendpro-vocal .nav-tabs>li>a:hover { color: white; background-color: #4aa53c; }

/* ------- tarif vocal -------- */
#isendpro-tarif-vocal .nav-tabs>li.active>a,
#isendpro-tarif-vocal .nav-tabs>li.active>a:focus,
#isendpro-tarif-vocal .nav-tabs>li.active>a:hover { background-color: #f5fbef;/* fonds clairs */ }

#isendpro-tarif-vocal .tab-content { background-color: #f5fbef;/* fonds clairs */ }
		
#isendpro-tarif-vocal .nav-tabs.nav-justified>li>a { color: #4aa53c; }

#isendpro-tarif-vocal .nav-tabs>li.active>a, 
#isendpro-tarif-vocal .nav-tabs>li.active>a:focus, 
#isendpro-tarif-vocal .nav-tabs>li.active>a:hover { color: #4aa53c; }

#isendpro-tarif-vocal .nav-tabs>li>a:focus, 
#isendpro-tarif-vocal .nav-tabs>li>a:hover { color: white; background-color: #4aa53c; }


/* ------- lbdd -------- */
#isendpro-tarifs-lbdd .nav-tabs>li.active>a,
#isendpro-tarifs-lbdd .nav-tabs>li.active>a:focus,
#isendpro-tarifs-lbdd .nav-tabs>li.active>a:hover,
#isendpro-lbdd .nav-tabs>li.active>a,
#isendpro-lbdd .nav-tabs>li.active>a:focus,
#isendpro-lbdd .nav-tabs>li.active>a:hover { background-color: #f9f3f6;/* fonds clairs */ }

#isendpro-tarifs-lbdd .tab-content,
#isendpro-lbdd .tab-content { background-color: #f9f3f6;/* fonds clairs */ }
		
#isendpro-tarifs-lbdd .nav-tabs.nav-justified>li>a,
#isendpro-lbdd .nav-tabs.nav-justified>li>a { color: #b71d80; }

#isendpro-tarifs-lbdd .nav-tabs>li.active>a, 
#isendpro-tarifs-lbdd .nav-tabs>li.active>a:focus, 
#isendpro-tarifs-lbdd .nav-tabs>li.active>a:hover,
#isendpro-lbdd .nav-tabs>li.active>a, 
#isendpro-lbdd .nav-tabs>li.active>a:focus, 
#isendpro-lbdd .nav-tabs>li.active>a:hover { color: #b71d80; }

#isendpro-tarifs-lbdd .nav-tabs>li>a:focus, 
#isendpro-tarifs-lbdd .nav-tabs>li>a:hover,
#isendpro-lbdd .nav-tabs>li>a:focus, 
#isendpro-lbdd .nav-tabs>li>a:hover { color: white; background-color: #b71d80; }

/* ------- proxi -------- */
#isendpro-proxi .nav-tabs>li.active>a,
#isendpro-proxi .nav-tabs>li.active>a:focus,
#isendpro-proxi .nav-tabs>li.active>a:hover { background-color: #f6ffff;/* fonds clairs */ }

#isendpro-proxi .tab-content { background-color: #f6ffff;/* fonds clairs */ }
		
#isendpro-proxi .nav-tabs.nav-justified>li>a { color: #16a5a0; }

#isendpro-proxi .nav-tabs>li.active>a, 
#isendpro-proxi .nav-tabs>li.active>a:focus, 
#isendpro-proxi .nav-tabs>li.active>a:hover { color: #16a5a0; }

#isendpro-proxi .nav-tabs>li>a:focus, 
#isendpro-proxi .nav-tabs>li>a:hover { color: white; background-color: #16a5a0; }

/* --------- SVA ------- */
#isendpro-tarif-sva .tab-content { background-color: #e8eae7;/* fonds clairs */ padding: 60px;}

/* ------- fax -------- */
#isendpro-tarif-fax .tab-content { background-color: #fff5ee;/* fonds clairs */ }

/* ------- email -------- */
#isendpro-tarif-email .tab-content { background-color: #ddd3d2;/* fonds clairs */ }

/* =========================================== 6 FORMS ==========================================  */
.form-inline { margin: auto; max-width:1000px; }

.padding-form-inline-btn { padding-top: 15px; padding-bottom: 15px;} 

.form-control { height: 34px; font-size: 1.4rem; }

.checkbox label, .radio label, .checkbox label a, .radio label a { font-size: 1.4rem; line-height: 1.4rem; }
	
.alert-info { color: #007bbe; }

.input-group-addon,
.danger, .error { color: #c14745; }

.select-addon {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -o-border-top-left-radius: 4px !important;
  -o-border-bottom-left-radius: 4px !important;
  -moz-border-top-left-radius: 4px !important;
  -moz-border-bottom-left-radius: 4px !important;
  border: 1px solid #ccc;
}
	
.form-transp-field {
	border: 0 ;
	color:#fff; 
	background-color: #0071af;
}

.form-smv-field {
  border: 0;
  color: #fff;
  background-color: #3c8c30;
}

.form-lbdd-field {
  border: 0;
  color: #fff;
  background-color: #9b1b6d;
}

/* ========================================= 6. TABLE ============================================= */
.table-isendpro thead th { color: #fff; background-color: #4d4d4d; vertical-align: top!important; }
.table-bordered { border: 1px solid #4d4d4d; padding: 0px; }

/*========================================== 7. CAROUSEL ============================================*/
#carousel-home .carousel-inner .col-xs-6 { max-height: 160px; }
	
.carousel-indicators li{ border-color: #007bbe !important;}

.carousel-indicators .active{ background-color: #007bbe !important;}

/*------------------------ carousel PACKS LBDD -----------------------------*/
#isendpro-lbdd .carousel-holder { padding-top: 42px; }

#isendpro-lbdd .carousel-indicators { top: 380px; }
#isendpro-lbdd .carousel-indicators li { border-color: #b71d80 !important; }
#isendpro-lbdd .carousel-indicators .active { background-color: #b71d80 !important; }

#isendpro-lbdd .carousel-inner { margin-left:auto; margin-right:auto; }
.slide-image {  }


/*=================================== 7. CAROUSEL OWL (TARIF) =======================================*/
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
	position: absolute;
	z-index:1;
	top: 790px;
	width: 100%;
	left: 0px;}
	
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 0px;
  padding: 40px 20px;
  background: #007bbe;
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  font-size:6rem;
  }
		
    .owl-theme .owl-nav .owl-prev {
      border-radius: 0px 4px 4px 0px;
      -moz-border-radius: 0px 4px 4px 0px;
      -webkit-border-radius: 0px 4px 4px 0px;
      float:left; }
    .owl-theme .owl-nav .owl-next {
      border-radius: 4px 0px 0px 4px;
      -moz-border-radius: 4px 0px 0px 4px;
      -webkit-border-radius: 4px 0px 0px 4px;
      float:right; }
		
    .owl-theme .owl-nav [class*='owl-']:hover {
        background: #869791;
        color: #FFF;
        text-decoration: none; }
			
    .owl-theme .owl-nav .disabled {
      opacity: 0.5;
      cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
	
  .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1;}
		
  .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; }
			
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #007bbe; }
			
.owl-theme.owl-theme-bdd .owl-nav { top:640px;}
	
    .owl-theme.owl-theme-bdd .owl-nav .owl-next,
    .owl-theme.owl-theme-bdd .owl-nav .owl-prev { background-color:#b71d80; }
      
    .owl-theme.owl-theme-bdd .owl-dots .owl-dot.active span,
    .owl-theme.owl-theme-bdd .owl-dots .owl-dot:hover span { background: #b71d80; }
    
    .owl-theme h3 span { font-size:17px; font-size:1.7rem; margin-left:-5px; }


/*======================================== 7. HEADER FULL SCREEN ====================================*/
  header,
  .height_100 {
	  min-height: auto;
	color: white;
  }
  header .header-content {
	position: relative;
	text-align: center;
	padding: 100px 15px 100px;
	width: 100%;
  }

  .header-content .header-content-inner {/* valable pour header et pour section ou div */
    width: 100%;
    margin-left: 5%;
    margin-right: auto;
  }
  
  .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4.6rem;
    display:inline-block;
  }
  #homeHeading {padding-top: 0px; }
  
  .header-content .header-content-inner h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 3.6rem;
  }
  .header-content .header-content-inner h3 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 3.2rem;
  }
  .header-content .header-content-inner hr {
    margin: 30px auto;
  }
  .header-content .header-content-inner p,
  .header-content .header-content-inner p a {
    font-weight: 400;
    font-size: 3rem;
    margin: 30px auto;
  }
  .header-content .header-content-inner p a { text-decoration:underline; }
  
  .header-content .header-content-inner .btn-xxl,
  .first-section .container .btn {
    line-height:1;
    padding: 20px 40px;
    width:auto;
  }
  .first-section-couts .container .btn { padding: 12px 30px; }
  
  .mention-btn {
    font-size: 1.6rem;
  }

  .header-content .header-content-inner .btn-1ligne,
  .first-section .container .btn-1ligne { padding: 30px 60px;}
		

/*======================================= 7.2 TEMP SECTION-FIRST ===================================*/
/* ------------------ template pages sans header => first section ---------------------*/
.first-section, .first-section-couts { padding-top: 140px; padding-bottom: 60px;}
/* textes DIV */
.first-section .middle-fullscreen { padding-top: 74px; }
#isendpro-lbdd .first-section .middle-fullscreen { padding-top: 10px; }

.first-section .middle-fullscreen .sms-fcts { padding-top: 180px; }
#isendpro-sms-ww .first-section .middle-fullscreen .sms-fcts { padding-top: 80px; }

.first-section .middle-fullscreen-desktop { padding-top: 20px; }
.first-section .middle-fullscreen-laptop { padding-top: 20px; }
.first-section .middle-fullscreen-laptop .sms-fcts { padding-top: 0px; }

.first-section .middle-sms2 { padding-top: 20px; }

/* textes DIV p */
.first-section .middle-fullscreen p,
.first-section .middle-fullscreen-laptop p,
.first-section .middle-fullscreen-desktop p,
.first-section .middle-sms2 p { font-weight:400; font-size:2rem; }
/* encadres p des pages services */
.first-section .middle-fullscreen .angles-ronds p,
.first-section .middle-fullscreen-laptop .angles-ronds p { font-weight:400; font-size:1.5rem; } /* page avec encadres differents */

/* --------- images DIV ------------- */
.first-section .img-phone { padding-top: 48%; } /* changement lg-md-sm-xs*/
.first-section .img-pack-lbdd { padding-top: 70%; } /* changement lg-md-sm-xs*/
.first-section .img-laptop { padding-top: 4%; } /* changement lg-md-sm-xs*/
.first-section .desktop-img { padding-top: 0%; } /* changement lg-md-sm-xs*/
.first-section .img-sms2 { padding-top: 0%; } /* changement lg-md-sm-xs*/

/* images DIV img */
.first-section .img-phone img,
.first-section .img-pack-lbdd img,
.first-section .img-laptop img,
.first-section .img-sms2 img,
.first-section .desktop-img img {
	width:100%; 
	height:auto;/* valable que pour tablette après on passe sur height*/ 
	max-width:460px; /* changements */
}
.first-section .img-laptop img { max-width:700px; /* changements */ }
.first-section .desktop-img img { max-width:560px; /* changements */ }
.first-section .img-sms2 img { max-width:560px; /* changements */ }

/* ------- btns section-first ------ */
header .header-content .btn-default,
.first-section .btn-default,
.first-section .btn-default-proxi,
.first-section .btn-default-smv,
.first-section .btn-default-lbdd	 {
	margin-right: 15px;
}


/*======================================= 8. SECTIONS-PAGES ===========================================*/
.service-box { max-width: 400px; margin: 30px auto 0; }
/*-------------------------------------------- HOME ---------------------------------------------------*/
/* -------- header ---------*/
#home1 header {
	background-image: url('../img/img-fullscreen/43590771-home-test.jpg');
	background-position: center top !important;
}
#home1 .header-content .header-content-inner { width:85%; }

.web-based-app img { max-width:124px; }

#myTabContent .service-box { min-height: 240px; }

/*--------- features schema api -------*/
#api-for-dev>div figure {/* marche aussi pour page api-all */
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 1160px;
    margin: 0 auto;
}

#sms-api-intg .btn-img { max-width: 320px; margin:0 auto; }

.api-schema-mentions { 
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 2;
    vertical-align: top;
		padding-left: 15px;
}

/*--------- refs -------*/
.section-refs .tab-content,
.section-refs .ref-padding{ padding-top:60px; padding-bottom:60px; }

.section-refs .carousel-indicators { bottom: -60px !important; }

#who-we-are .section-refs { padding:0px }

#carousel-home .carousel-control.left,
#carousel-home .carousel-control.right{ background-image:none !important; }

#carousel-home .carousel-indicators { bottom: -60px !important; }

#carousel-home .carousel-inner img { width: 85%; height: auto; min-height: 80px; margin:0 auto; }

/* ----- form ------*/
.isendpro-home .form-inline { margin: auto; max-width:800px; }

/*--------- trustpilot -------*/
.trustbox .star-rating .star-1,
.trustbox .star-rating .star-2,
.trustbox .star-rating .star-3,
.trustbox .star-rating .star-4,
.trustbox .star-rating .star-5 {
float: left;
line-height: 9px;
padding: 2px;
border-radius: 2px;
margin: 0 3px 0 0;
background: #1083c2;
}
.trustbox .star-rating img { height:15px; width:15px; }

.trustbox h3 { margin-top:0px; line-height: 2.5rem; }

.trustbox .border-grey{
padding: 10px 10px 10px 10px;
border: 2px solid #eee;
border-radius:4px;
}
.trustbox .item > div { min-height:220px;}

.trustbox .item .author {
font-size: 1.3rem;
margin-right:0px;
margin-bottom:5px;
font-weight:500;
vertical-align: top;
}
.trustbox .item .review {
color:#666;
font-size:1.8rem;
margin-bottom:0px;
}
.trustbox .item a.review-title-link { color:#333;}

.trustbox .trustpilot-logo {
padding:20px;
color: #aaa;
padding-top:0px;
}
.trustbox .trustpilot-logo img { width:100%; max-width:271px;}

.trusbox-plus-avis {
color:#007bbe;
font-weight:500;
margin-top:15px;
display:inline-block;
}

/* ----- trust pilot ------*/
.tp-widget-reviews{/* bloc total */ height:260px; }
.tp-widget-review{/* 1 bloc */ height:220px; }

#page-top .tp-widget-review .header,
#page-top .tp-widget-review .date,
#page-top .tp-widget-review .text,
#page-top .tp-widget-review .name { font-size: 3rem !important;}

		#translations-customerssay,
		#ng-app { font-size: 2rem; }

/* ---- home dynamics numbers -----*/
.chiffres{ }
	.personality { 	}
	
	.personality-overlay{  }
	
	.statsbar { 
	width: 100%;
	margin-top:0px;
	}
	
	.stat-one, .stat-two, .stat-three { 
	height: auto;
	min-height: 106px;/* plus grand possible à 767 px */
	}
	
	.stat-number { 
	width: 100%;
	text-align:center;
	color:#FFF;
	font-size: 5rem;
	text-transform: uppercase;
	}
	
	.stat-title { 
	width: 100%;
	text-align:center;
	color:#FFF;
	text-transform: uppercase;
	}
				 

/* ----- news / astuces -------- */
#related-content .news-article { 
	padding: 6px 12px; 
	margin:6px auto;
	width:100%;
	max-width:580px;
}
/*
#related-content .news-article figure { min-height:210px; vertical-align:central; }

#related-content .news-article figure img {
	width:80%;
	max-width: 350px;
	min-width: 260px;
	height:auto;
	background-size:100% auto; 
	background-color: white;
	height: 160px;
}
*/
#related-content .content .author { 
	font-size:1rem;
	font-style:italic;
}
#related-content .content .btn-primary { margin-left: 0px; }

/* ----- footer home -------- */
iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}	
/* ------------------------------------- page login / signup ----------------------------------------*/
.block-hide,
.bloc-societe{ display:none;}
	
.block-show{ display:block;}
	
ul.list-error { padding:0px 20px;}
	
.form-horizontal .has-feedback .form-control-feedback {
	margin-top:5px;
	font-size: 1.4rem;}
	
.form-horizontal-short .form-control { height: 48px;}
		
.form-horizontal-short button {
	padding:10px;
	width:100%;
	font-size: 1.5rem;
	line-height:2;
	font-weight: 600;
	margin-top:10px;}
	
.form-horizontal-short button i { margin-left:10px;}

.form-horizontal-btn { clear:both;}
	
.padding-form-signup { padding: 10px 0px;}
	
.has-error .form-control { background-color: #f2dede;}

#isendpro-signup .has-success .form-control-feedback { color: #007bbe;}
	
#isendpro-signup .has-success .form-control { border-color: #007bbe;}

#isendpro-login header {
 background-image: url('../img/img-fullscreen/43590771-home-test.jpg');
	background-position: center top !important;
}

#isendpro-signup header { background-image: url('../img/img-fullscreen/43590771-signup.jpg'); }

#isendpro-signup .header-content .header-content-inner,
#isendpro-login .header-content .header-content-inner{
    max-width: 1320px;
    background-color: rgba(0,0,0,0.33);
    border: 2px solid #ebebeb;
    padding: 15px;
	margin:0px auto;
}

#isendpro-signup .form-horizontal,
#isendpro-login .form-horizontal,
#isendpro-signup .alert-block,
#isendpro-signup .container-maxwidth,
#isendpro-login .container-maxwidth {
	width:100%;
	max-width:830px;
	margin:0px auto;
}

#isendpro-signup .angles-ronds a { color: #fff !important; }

#isendpro-signup .angles-ronds .alert a {
	color: #a94442 !important;
	text-decoration:underline;
}

#isendpro-login .header-content .input-group, #isendpro-login .alert-block { max-width: 320px; min-width: 304px; }

#isendpro-login .header-content-inner .btn  { max-width: 354px; width: 100%; margin-bottom:0px; }
#isendpro-login .header-content-inner input  { max-width: 354px; width: 100%; margin:auto; }
#isendpro-login .header-content-inner input  { max-width: 354px; width: 100%; margin:auto; }
#isendpro-login .header-content-inner a.passwordlost { text-align:center; color:#fff; }

#isendpro-signup .alert-block { margin-bottom:20px; }
	
#isendpro-signup .container-maxwidth { max-width:700px;}
	
#isendpro-signup fieldset.scheduler-border {
  border: 1px groove #fff !important;
  padding: 0 1.4em 1em 1.4em !important;
  margin: 0 0 1em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
  box-shadow:  0px 0px 0px 0px #000;
  margin: 0px 0px 30px 0px!important;
}

#isendpro-signup fieldset.scheduler-border.fieldset-nomargin { margin-bottom:0px !important;}

#isendpro-signup legend.scheduler-border {
  font-size: 1.2em !important;
  text-align: left !important;
  width:auto;
  padding:0 10px;
  border-bottom:none;
  color:#fff;
  margin-bottom:0px;
}

/* ---------------------------------------- pages SERVICES ------------------------------------------*/
.q-packs-tarifs { font-size:3rem; line-height: 1.5; font-weight:bold; }
	
	.prix {
		padding: 15px 0px;
		font-size: 38px; font-size: 3.8rem;
	}
	.addon-noir { color: #4d4d4d; }
  
/* ---------------------- page SERVICE SMS -------------------*/ 
#isendpro-sms-clair .first-section .bloc-minheight .encadre-bleu { min-height:268px; }

/* -------------------- page SERVICE vocal --------------- */
#isendpro-vocal .first-section .bloc-minheight .encadre-smv { min-height:268px; }

#isendpro-vocal .addon-prix { min-width: 18px; }

#isendpro-vocal .min-height-bloc { min-height: 300px; }

/*--------------------- page PROXI ----------------------- */
#isendpro-proxi .first-section .bloc-minheight .encadre-proxi { min-height:218px; }

/* -------------------- page SERVICE lbdd ---------------- */

#isendpro-lbdd .first-section { min-height:55%; }

#isendpro-lbdd .encadre-lbdd { /*min-height: 325px;*/ opacity:1; }

#isendpro-lbdd .btn-prix-lbdd { 
  display: inline-block;
  background: #b71d80;
  color: white;
  padding: 6px 12px;
  text-transform: uppercase;
}

#isendpro-lbdd .first-section a:hover { text-decoration:none; }

#isendpro-lbdd a .encadre-lbdd:hover, 
#isendpro-lbdd a .encadre-lbdd:focus { opacity:0.6; }

#isendpro-lbdd .carousel-inner .slide-image { margin-left: auto; margin-right: auto; }

#isendpro-lbdd .addon-prix { min-width: 18px; }

#isendpro-lbdd .section-services { padding-top:0px; }

#isendpro-lbdd .row-cont-8-4 .col-lg-4 .btn-lbdd { padding:10px; } 

#isendpro-lbdd .border-selection-lbdd { border-right: 2px solid #ebebeb; }

.lbdd-packs { max-width: 170px; }

.num-etapes {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 1.7;
	border-radius: 44px;
	-moz-border-radius: 44px;
	-o-border-radius: 44px;
	-webkit-border-radius: 44px;
}

section.sms-email .nav {  max-width: 420px; margin:0 auto;}

#isendpro-lbdd .section-services .min-height-bloc { min-height: 300px; }

/* ---- bandeau BTNS ----- */
div.bandeau-lbdd {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background: #b71d80;
}
	
.first-section div.bandeau-lbdd .btn-lbdd,
div.bandeau-lbdd p { 
  border:1px solid #fff; 
  font-size:1.2rem; 
  margin-top:10px; 
  padding: 10px;
}
div.bandeau-lbdd p { 
  border: 0px; 
  padding: 12px 12px 6px 12px;
  margin-top:0px;
  margin-bottom:0px;
}
	
	#modal-prix-lbdd-sms .modal-dialog, 
	#modal-prix-lbdd-email .modal-dialog,
	#modal-garanties-lbdd .modal-dialog,
	#modal-provenance-lbdd .modal-dialog { width:90%; max-width:1160px; margin-top:10%; margin-left:auto; margin-right:auto; }
  
/* ----------------------------------------- page SVA num SPECIAUX ------------------------------------------*/
#isendpro-sva .first-section { min-height: 45%; }
#isendpro-sva .first-section .middle-fullscreen {padding-top: 80px;}/* colonne text + btns */
#isendpro-sva .first-section img { padding-top:60px; }

#isendpro-sva .section-services .pull-right-sva{ float:right; }
#isendpro-sva .section-services ul.arguments { list-style:none; padding:0px; }
#isendpro-sva .section-services .arguments { font-size:2.0rem; font-weight:600; }
#isendpro-sva .section-services ul.arguments li:before {
  content: "\f26b";
  font-family: "Material-Design-Iconic-Font";
  color: #486131;
  padding-right: 10px;
  font-weight: bold;
  font-size:3.2rem;
}

#isendpro-sva .section-services aside .aside-container { max-width: 560px; }
#isendpro-sva .section-services .aside-container .aside-header { border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0px;border-bottom-left-radius:0px }
#isendpro-sva .section-services .aside-container .aside-body { padding: 30px 0px; border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:4px;border-bottom-left-radius:4px }

#isendpro-sva .section-fonctionnement-sva .service-box { max-width: 520px; }

#isendpro-sva .section-fonctionnement-sva {  }
#isendpro-sva .section-fonctionnement-sva	.table-isendpro img { width: 100%; height: auto; max-width: 260px; min-width: 160px; }

#isendpro-sva .section-docs-sva .btn-sva{ width:80%; max-width: 780px;}
#isendpro-sva .section-docs-sva .btn-default-sva{ border: 2px solid #486131; width:80%;max-width: 780px;}

/* ----------------------------------------- page Fax ------------------------------------------*/
/*orange = #ed6d04;*/
#isendpro-fax .first-section { min-height: 45%; }
#isendpro-fax .first-section .middle-fullscreen {padding-top: 80px; padding-bottom: 80px;}/* colonne text + btns */
#isendpro-fax .first-section img { max-width: 540px; padding-top:80px; padding-bottom:80px; }

#isendpro-fax .first-section .encadre-fax { min-height:200px; }

#isendpro-fax .section-arguments ul { list-style:none; padding:10px 20px;}
#isendpro-fax .section-arguments ul li:before {
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    color: #ed6d04;
    padding-right: 10px;
    font-weight: bold;
    font-size:3.2rem;
}

#isendpro-fax .section-fonctionnement-fax .service-box { max-width: 520px; }
#isendpro-fax .section-tarifs { padding-top: 0px; }

/* ----------------------------------------- page email ------------------------------------------*/
/*orange = #ed6d04;*/
#isendpro-email .first-section { min-height: 45%; }
#isendpro-email .first-section .middle-fullscreen {padding-top: 80px; padding-bottom: 80px;}/* colonne text + btns */
#isendpro-email .first-section img { max-width: 540px; padding-top:80px; padding-bottom:80px; }

#isendpro-email .first-section .encadre-email { min-height:200px; }

#isendpro-email .section-arguments ul { list-style:none; padding:10px 20px;}
#isendpro-email .section-arguments ul li:before {
    content: "\f26b";
    font-family: "Material-Design-Iconic-Font";
    color: #781f19;
    padding-right: 10px;
    font-weight: bold;
    font-size:3.2rem;
}

#isendpro-email .section-fonctionnement-email .service-box { max-width: 520px; }
#isendpro-email .section-tarifs { padding-top: 0px; }


/* ---------------------------------------- pages TARIFS ------------------------------------------ */
.pages-tarifs h1 { margin-top: 0px; }

.btn-calculette { margin-top: -10px; margin-bottom: 15px; }

.grilles-prix a { color: #fff; }
.grilles-prix a:hover,
.grilles-prix a:visited { color: #efefef; text-decoration:none; }

.grilles-prix .bg_bleu:hover { background: #00579f; }
.grilles-prix .bg_smv:hover { background: #3b862f; }
.grilles-prix .bg_lbdd:hover { background: #901163; }
.grilles-prix .bg_fax:hover { background: #ed6d04; }
.grilles-prix .bg_email:hover { background: #781f19; }

#base-email .grilles-prix .bg_lbdd:hover { background: #b71d80; background-image: url('../img/motifs-lbdd-bg.png'); background-repeat:repeat; }

.case-prix {
	padding: 18px 0px;
	text-align:center; 
	font-size: 2.6rem;
}

.container-calculette-tarifs { max-width:640px; }

#isendpro-tarifs-sms .first-section .tab-pane .text-btn-international,
#isendpro-sms-clair .first-section .container .text-btn-international{ text-align:center; }/* ----- exception TARIFS SMS à INTERNATIONAL */

		#isendpro-tarifs-sms .first-section .tab-pane h3,
		#isendpro-sms-clair .first-section .container h3{ font-size:18px; font-size:1.8rem; }
		
#isendpro-tarifs-sms .first-section .tab-pane .btn-international,
#isendpro-sms-clair .first-section .container .btn-international { text-align:center; }/* ----- exception TARIFS SMS à INTERNATIONAL */

/* ---------------------------------------- pages outil location ------------------------------------------ */
#isendpro-location .calcul-avantage a { color:#b71d80; }

/* ------------------------------------------ page couts2 -------------------------------------------------------*/
.btn-collapse:after { /* ok pour toutes pages couts*/
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
  content: "\e114";    /* adjust as needed, taken from bootstrap.css */
  float: left;        /* adjust as needed */
  color: #FFF;         /* adjust as needed */
}
.btn-collapse.collapsed:after { 
	/* symbol for "collapsed" panels */
  content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#isendpro-location .calcul-avantage .btn-collapse:after { color:#b71d80; }

/* ---------- */
.first-section-couts .container { width:85%; max-width:1540px; min-width:750px; margin-left:auto; margin-right:auto; padding:0px; } /* valable pour toutes les pages achats de credits !! */

.col-partage { border: 2px #fff solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; -o-border-radius:4px; /*margin-left:0px;/*annhule -15 de row*/ } /* valable pour toutes pages couts*/

#isendpro-couts2 h2 { margin-top: 0px; }

#isendpro-couts2 .encadre-bleu { padding: 15px; }

#isendpro-couts2 .input-group-addon {
    color: #0071af;
	font-weight:bold;
}
#cadre-infos-compte { min-height: 590px; height:auto; }

#form_offre .col-sm-7 .form-group { text-align:right; }

#isendpro-couts2 .encadre-blc input { margin-top: 6px; }

.bg_noir-50 .col-lg-8 .row .col-xs-12 .pull-right { width: 100%; }

.addon-prix {
	min-width: 60px;
	text-align:left;
}

/* ---------------------- page coutsSMV2 --------------------------*/
#isendpro-coutsSMV2 h2 { margin-top: 0px; }

#isendpro-coutsSMV2 .encadre-smv { padding: 15px; }

#isendpro-coutsSMV2 .input-group-addon {
    color: #4aa53c;
	font-weight:bold;
}
#isendpro-coutsSMV2 .encadre-blc input { margin-top: 6px; }

/* ---------------------- page couts2-lbdd ------------------------*/
#isendpro-couts2-lbdd h2 { margin-top: 0px; }

#isendpro-couts2-lbdd .encadre-smv { padding: 15px; }

#isendpro-couts2-lbdd .input-group-addon {
    color: #b71d80;
	font-weight:bold;
}
#isendpro-couts2-lbdd .encadre-blc input { 	margin-top: 6px; }

/* ---------------------- page coutsSMV2 --------------------------*/
#isendpro-couts2-email h2 { margin-top: 0px; }

#isendpro-couts2-email .encadre-smv { padding: 15px; }

#isendpro-couts2-email .input-group-addon {
    color: #BEB618;
	font-weight:bold;
}
#isendpro-couts2-email .encadre-blc input { margin-top: 6px; }

/* --------------------------------------- pages FEATURES --------------------------------------- */
/* -------------------------------- sms-prestashop -----------------*/
.page-prestashp-Hero-section {  }
.page-restashop-carac-techniques ul { list-style: none; padding-left: 0px; }
.page-restashop-carac-techniques ul li:before {
  content: "\f26b";
  font-family: "Material-Design-Iconic-Font";
  color: #007bbe;
  padding-right: 10px;
  font-weight: bold;
}

/* -------------------------------------- revendeur --------------*/
#isendpro-reseller .first-section p a,
#isendpro-num-errones .first-section p a { font-weight: 400; font-size: 2rem; }

/* ---------------------------------------- page api all ----------------------------------------*/
#isendpro-api-all .first-section .bloc-minheight .encadre-bleu { min-height:262px; }
#isendpro-api-all .first-section .service-box {
	margin-top:15px;
	min-height: 332px;  }

#isendpro-api-pl {  }
		.btn-img a .pull-left { font-size: 1.5rem; }
		.accroche-pages-api { font-size: 2.5rem; }
		
#isendpro-api-docs .nav-justified .btn-xl {padding: 20px 30px; }
/* dans le dev*/
 #isendpro-api-all .first-section .service-box { margin-top:15px; min-height: 332px;  }
  
#isendpro-api-all .btn-api-canaux a.a-api-sms,
#isendpro-api-all .btn-api-canaux a.a-api-smv,
#isendpro-api-all .btn-api-canaux a.a-api-fax,
#isendpro-api-all .btn-api-canaux a.a-api-email { color: #007bbe; background-color:transparent;  text-decoration: none; }

#isendpro-api-all .btn-api-canaux a.a-api-sms:hover { color: #007bbe; background-color:transparent;  text-decoration: none; }
#isendpro-api-all .btn-api-canaux a.a-api-smv:hover { color: #4aa53c; background-color:transparent;  text-decoration: none; }
#isendpro-api-all .btn-api-canaux a.a-api-fax:hover { color: #ed6d04; background-color:transparent;  text-decoration: none; }
#isendpro-api-all .btn-api-canaux a.a-api-email:hover { color: #781f19; background-color:transparent;  text-decoration: none; }

#isendpro-api-pl {  }

		.btn-img a .pull-left { font-size: 1.5rem; }
		
		.accroche-pages-api { font-size: 2.5rem; }
		
#isendpro-api-docs .nav-justified .btn-xl {padding: 20px 30px; }

/* ------------------------------------------- page guarantees -------------------------------------*/
#guarantees .first-section .service-box {
	height: auto;
	min-height:inherit;
}

/* ------------------------------------- contact sans formulaire -----------------------------------*/
#isendpro-contact .cadre-contact-sans-form { max-width:1280px; margin: 0 auto;}
		
		.cadre-contact-sans-form p,
		.cadre-contact-sans-form a { font-size:2rem; } 

/* --------------------------------------- qui sommes-nous ----------------------------------------- */
  .logo-operateurs {
		max-height: 42px;
		width:auto;
	}
	.certif { max-height: 34px; }

/* --------------------------------------- pages videos -------------------------------------------- */
.colonne-lecteur iframe { width:100%; max-width: 460px; height:320px; margin-left:auto; margin-right:auto;}
.colonne-liste h3{ margin:0px; }

		.colonne-liste .row { padding-top: 20px; padding-bottom: 10px; border-bottom: 2px solid #007bbe; }
		.colonne-liste .last { border-bottom: 0px}
		
		.colonne-liste ul { list-style:none; padding-left:15px; }
		
		.colonne-liste h3 { font-size:18px; font-size:1.8rem; font-weight:700;}
		
		.colonne-liste .active { background-color:rgba(0,0,0,0.33); }
		
		.colonne-liste .active a { color:#fff!important; }
			.colonne-liste .btn-sm { padding: 10px 30px!important; }
        #tutoriellist-1, #tutoriellist-2, #tutoriellist-3 { cursor:pointer; }  
			
#videos-tutos h2 { color:#007bbe; margin-top:0px;}


/*======================================== 9. FOOTER ===========================================*/
footer.footer { padding-top: 30px; padding-bottom: 30px; padding-left:10px; padding-right:10px; }

footer.footer .nav-pills>li>a { font-weight:bold; }

footer .brand-logo {
		display: block;
		height: 60px;
    padding: 0px;
		width:96%;
		min-width: 120px;
		max-width: 300px;
		height:auto;
	}
	footer .brand-logo img { max-width: 200px; }

footer .text-faded{ padding-top:10px; }

footer .mentions { font-size:1.3rem; text-align: right; }

footer hr { max-width:100%; }

#cookie-policy {
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  bottom: 0px;
  background: rgba(255,255,255,0.8);
  width: 100%;
  z-index: 3;
}
#cookie-policy .btn { margin-right:10px; }

#cookie-policy h4 {
  color: #007bbe;
  font-weight: bold;
}
	
footer .trustpilot-footer-logo {
	display:inline-block;
	margin-right:26px;
	width:195px;
}
footer .trustpilot-footer-logo img {
	margin-bottom:2px;
}
footer .itemreview,
footer .itemreview a {
	font-size:1.12rem;
	color:#eee;
}
footer .itemreview{
	text-align:left;
}
footer .footer-txt {
	font-size: 1.5rem;
	border-top:1px solid #007bbe;
	padding-top:15px;
	text-align:justify;
	padding-left:0px;
	padding-right:0px;
	color:#afadad;
}
footer .footer-txt a {
	font-size:1.5rem;
	color:#afadad;
}

/*====================================== 10. COMMUN AVEC BO ========================================*/

/*====================================== 11. LANDING PAGES ========================================*/
.landing-main { padding-bottom:0px; }

.landing-main hr {
	border:0px;
	border-width: 2px;
  border-color: #007bbe;
	background:#007bbe;
	height:2px;
	margin: 15px auto;
}

.txt-blc { color:#fff; }

/* ------------- SECTION illustration head ------------------ */
.landing-image-head { background-color: #007bbe; }
.landing-image-head h1 { color: #fff; }
.landing-image-head img { max-height: 580px; width: auto; }

/* --------------- ARTICLE ---------------- */
#landing-sms-sn article { background-color:#d8d8d8; }

	.bg-white { background-color:#fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.25); }
	
#landing-sms-sn h2.title {
    background-color: #007bbe;
    color: #fff;
    font-weight: 300;
    padding: 10px 40px 10px 20px;
    position: relative;
    height: 58px;
    width: 530px;
    margin-top: 40px;
}
#landing-sms-sn h2.title:after {
    content: "";
    display: block;
    background-color: #007bbe;
    border-left: 0;
    width: 58px;
    height: 58px;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: -29px;
    transform: skew(-45deg);
    -o-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
}
#landing-sms-sn ul { padding-left: 0px; list-style: none; }

/* ----------------- PRINCIPE ----------*/
	.block-avantages .encadre-bleu { padding:0px 15px 8px; }
	.block-avantages .encadre-bleu ul li i {
    /* margin-left: -30px; */
    margin-right: 10px;
    margin-bottom: 10px;
    color: #007bbe;
}

/* -------------- administration----------------- */
.landing-main .administration ul li i {
    /* margin-left: -30px; */
    margin-right: 10px;
    margin-bottom: 10px;
    color: #007bbe;
}
/*------------------ form --------------- */
#landing-sms-sn .short-form { background-color: aliceblue; }




/*====================================================================== 12. RESPONSIVE ====================================================================*/
@media (max-width: 767px) {/* exceptions EN PLUS à imposer que pour 320 à 767 */
/*}
@media (max-width: 490px) {/* exceptions à imposer 320 à 768 */
	/*================= 1. GLOBAL ==================*/
	h1 { font-size: 3rem;}
	h2 { font-size: 2.5rem;}
	h3 { font-size: 2rem;}
	
	section, div, li, p, a, table, input, label, select, pre code { font-size: 1.5rem; line-height: 1.3; }
	/* -------  ------- */
	.col-lg-20 { width:100% !important; } /* ------ reprendre dessus sur mon style col-lg-20 (%) */
	.col-lg-11pourcent { width:33.33%; }
	/*============= 2. PRIMARY TPL ==============*/
	.hidden-xs { display: none!important; }/* faire disp des elements avec .inline-b .hidden-xs !! */ 
	span.retour-ligne-xs { display:block; }
	/*span.retour-ligne-sm { display:inline; }*/
	/*span.retour-ligne-md { display:inline; }*/
	span.retour-ligne-lg { display:inline; }
	
	.margin-top-xs { margin-top: 15px; }
	.margin-top-xs-x2 { margin-top: 30px; }
	.margin-top-xs-x4 { margin-top: 60px; }
  /*--*/
	.margin-bottom-xs{ margin-bottom: 15px; }
	.margin-bottom-xs-x2 { margin-top: 30px; }
	.margin-bottom-xs-x4 { margin-top: 60px; }
	
	.encadre-bleu { padding: 15px; }
	/*--- POUR TOUTES LES PAGES FOND GRIS ----*/
	/* ------------- bg PAGES ----------------*/
	.bg-sms-ww,
	.bg-sms-hlr,
	.bg-sms-2ways,
	.bg-sms-clair { 
		background-image: url('../img/img-fullscreen/bg-sms-messaging.jpg');
	}
	/* -------exceptions ---- */
	#isendpro-login header, #isendpro-signup header { background-image: url('../img/bg-isendpro-dark.webp'); }
	/* ---------- rectangle titre h1 pages --------- */
	.icon-titre-sms,
	.icon-titre-smv,
	.icon-titre-lbdd,
	.icon-titre-proxi,
	.icon-titre-hlr,
	.icon-titre-2ways {
			display: block; /* inline-block;*/
			float:left;
			width: 20px;
			height: 50px;
			margin-right: 15px;
			margin-top: -6px;
	}
	/*============= 3. BTNS ==============*/
	.container .btn { width:100%; }
	
	.btn-form { padding: 9px 20px; width:100%!important; font-size:1.8rem; }
	
	.first-section-couts .container .btn { padding: 9px 20px; }
	
	.btn-xl {
		font-size:1.8rem;
		padding: 10px 15px;
	}
	.btn-xl-pourcent {
		min-width: 20%;
	}	
    .btn-xl-pourcent-big {
        min-width: 60%;
    }	
	.btn-xxl {
		font-size:1.8rem;
		padding: 12px 20px;
    min-width: 260px;
    min-height: 70px;
	}
  /*============= 4. NAV ============== voir avec class collapse*/
	.dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
	.navbar-default .navbar-collapse .nav-justified-xs { 
		width:100%; margin:0px; padding-bottom: 6px;
	}
	.navbar-fixed-top .navbar-collapse { 
		max-height: 430px; 
	}
	.navbar-default .navbar-collapse .nav-justified-xs > li > a { 
		margin-left:0px;
		width:100%;
	}
	/*--------------- sous-meu LANG */
  .btn-lang-extra-sm .dropdown-menu { 
  	width:100%; 
  	min-width:200px; 
  	max-width:760px;
  }
	/*============= 4. NAV ==============*/
	.navbar-header .navbar-brand {
    padding: 5px!important;
	}
	#mainNav .navbar-nav>li>.dropdown-menu { position: relative; }
  
	#mainNav .pull-right { float:none !important; } /* float:right!important; dans bootstrap.min */
	.contact { margin-right: 16px; margin-left: 10px; }
	/* ------ cas particulier SIGNUP et LOGIN -- */
	#isendpro-signup .navbar-header .navbar-toggle,
	#isendpro-login .navbar-header .navbar-toggle {
    display: none;
	}
	.dropdown-menu-large > li {
    margin-bottom: 0px;
	}
	.dropdown-menu-large {
    margin-top: 1px !important;
	}
	.header-content .header-content-inner .btn>span, .header-content .header-content-inner-feat .btn>span, .mention-btn {
    font-size: 1rem;
	}
	/*============= 5. TABS ==============*/
	/* -------------------------- pages API ----------------------- */
	#nav-api-lang .nav-justified li {
    max-width: 260px;
	}
	.nav-tabs>li>a {
		font-size:16px;
		font-size:1.8rem;
		text-transform:uppercase;
		/* -- special xs -- */
		background: #007bbe;
		color: #fff;
	}
	/*------- proxi ---------- */
	#isendpro-proxi .nav-tabs>li>a {
		font-size:16px;
		font-size:1.8rem;
		text-transform:uppercase;
		/* -- special xs -- */
		background: #16a5a0;
		color: #ffffff;
	}
	#isendpro-proxi .nav-tabs.nav-justified>li>a {
    color: #ffffff;
	}
	#isendpro-proxi .nav-tabs>li.active>a {
    color: #16a5a0;
	}
	/*------- vocal ---------- */
	#isendpro-vocal .nav-tabs>li>a,
	#isendpro-tarif-vocal .nav-tabs>li>a {
		font-size:16px;
		font-size:1.8rem;
		text-transform:uppercase;
		/* -- special xs -- */
		background: #4aa53c;
		color: #ffffff;
	}
	#isendpro-vocal .nav-tabs.nav-justified>li>a,
	#isendpro-tarif-vocal .nav-tabs.nav-justified>li>a {
    color: #ffffff;
	}
	#isendpro-vocal .nav-tabs>li.active>a,
	#isendpro-tarif-vocal .nav-tabs>li.active>a {
    color: #4aa53c;
	}
	/*------- lbdd ---------- */
	#isendpro-tarifs-lbdd .nav-tabs>li>a,
	#isendpro-lbdd .nav-tabs>li>a {
		font-size:16px;
		font-size:1.8rem;
		text-transform:uppercase;
		/* -- special xs -- */
		background: #b71d80;
		color: #ffffff;
	}
	#isendpro-tarifs-lbdd .nav-tabs.nav-justified>li>a,
	#isendpro-lbdd .nav-tabs.nav-justified>li>a {
    color: #ffffff;
	}
	#isendpro-tarifs-lbdd .nav-tabs>li.active>a,
	#isendpro-lbdd .nav-tabs>li.active>a {
    color: #b71d80;
	}
	/*============= 6. FORMS ==============*/
	.padding-form-signup { padding: 0px; }
  /*============= 6. TABLE =============*/
  .responsive-table-line table, 
  .responsive-table-line thead, 
  .responsive-table-line tbody, 
  .responsive-table-line th, 
  .responsive-table-line td, 
  .responsive-table-line tr { display: block; }
   
  .responsive-table-line thead tr { display:none; }
  
  .responsive-table-line td { 
    position: relative;
    border: 0px solid transparent;
    padding-left: 50% !important; 
    white-space: normal;
    text-align:right;
    max-height: 100px;
  }
  .responsive-table-line td:before {
    content: attr(data-title);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45%; 
    padding-right: 15px; 
    height:100%;
    max-height: 100px;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow:hidden !important;
    text-align:left;
    background-color:#4d4d4d;
    color:#fff;
    padding:2px;
  }
	/*======= 7.1 HEADER FULL SCREEN ===========*/
	.header-content .header-content-inner {
			width: 90%;
			margin-left: 15px;
		}
		.header-content .header-content-inner {
			width: 100%;
			margin-left: 0px;
		}
		#isendpro-sms .header-content .header-content-inner {
    		width: 90%;
			margin-left: 0px;
		}
		.header-content .header-content-inner .btn-xxl, 
		.first-section .container .btn {
			padding: 10px 30px;
			width:inherit;
		}
		.header-content .header-content-inner .btn-1ligne, 
		.first-section .container .btn-1ligne {
    	padding: 22px 30px;
			width:100%;
		}
		.header-content h1,
    .header-content .header-content-inner h1 { font-size: 3rem; }
		.header-content .header-content-inner h2 { font-size: 2.5rem; }
		.header-content .header-content-inner h3 { font-size: 2rem; }
    
		#homeHeading { padding-top: 30px; }
		
		.header-content .header-content-inner p,
		.header-content .header-content-inner p a { font-size: 1.8rem; }
	/*========================================== 7. CAROUSEL ============================================*/
	/*------------------------ carousel PACKS LBDD -----------------------------*/
	#isendpro-lbdd .carousel-holder { padding-top: 60%; }
	#isendpro-lbdd .carousel-indicators { top: 380px; }
	/*======================================= 7.2 = TEMP SECTION-FIRST ===================================*/
	/* ------------------ template pages sans header => first section ---------------------*/
	.first-section, .first-section-couts { padding-top: 120px; padding-bottom: 40px;}
	
	.header-content .header-content-inner .btn-1ligne, 
	.first-section .container .btn-1ligne { padding: 30px; }
	/* textes DIV */
	.first-section .middle-fullscreen, 
	#isendpro-lbdd .first-section .middle-fullscreen,
	.first-section .middle-fullscreen .sms-fcts,
	.first-section .middle-fullscreen-desktop,
	.first-section .middle-fullscreen-laptop, 
	.first-section .middle-fullscreen-laptop .sms-fcts,
	.first-section .middle-sms2 { padding-top: 0%; } /* changement lg-md-sm-xs*/
	/* textes DIV p */
	.first-section .middle-fullscreen p,
	.first-section .middle-fullscreen-desktop p,
	.first-section .middle-fullscreen-laptop p,
	.first-section .middle-sms2 p { font-weight:400; font-size:2.1rem; }
	/* encadres p des pages services */
	.first-section .middle-fullscreen .angles-ronds p,
	.first-section .middle-fullscreen-laptop .angles-ronds p { font-weight:400; font-size:1.8rem; } /* page avec encadres differents */
	/* ------- btns first-section ------ */
	header .header-content .btn-default,
	.first-section .btn-default,
	.first-section .btn-default-proxi,
	.first-section .btn-default-smv,
	.first-section .btn-default-lbdd	{ margin-right: 0px; }
	/*============= 8. SECTIONS-PAGES ==============*/
	/* ---------------------------- home ------------------------------- */
  #home1 header { background-image: url('../img/img-fullscreen/43590771-home-mobile.jpg'); }
	#home1 .header-content .header-content-inner { width: 98%; }
	/*--*/
	#myTabContent .service-box { min-height: 240px;/* --- fonctionnalités HOME */ }
	.api-schema-mentions { font-size: 2.2rem; }
	/* ---- home dynamics numbers -----*/
	#chiffres .cols-xs-6 { min-height: 80px; }
      .stat-number { font-size: 3rem; }
      .stat-title { font-size: 1rem; }
	/* ----------------------- signup / login -------------------------- */
	#isendpro-signup .header-content,
	#isendpro-login .header-content {/* pour laisser 304px pour le captcha */
		padding-left: 8px;
		padding-right: 8px;
		min-height: 100%;
	}
	#isendpro-signup .header-content .header-content-inner,
	#isendpro-login .header-content .header-content-inner {/* valable pour header et pour section ou div */
		width: 100%;
	}
	#isendpro-login .header-content .input-group, #isendpro-login .alert-block { 
		max-width: 380px;
		min-width: 268px;
		margin: 0 auto;
	}
	#isendpro-login .header-content-inner .btn { min-width: 268px; }
	
	#isendpro-login .header-content-inner input { width: 90%; }
	#isendpro-login .header-content-inner .btn {
    width: 90%;
    min-width:200px;
	}
	/* ---------------------- page sms messaging ------------------------*/ 
	.q-packs-tarifs { font-size: 2.2rem; line-height: 1.5; }
	.case-prix { font-size: 2.2rem; }
	.case-prix .mention-btn { font-size: 1.6rem; }
	#isendpro-sms-clair .first-section .bloc-minheight .encadre-bleu { min-height:100px; }/* pages tarifs et pages services */
	/* ---------------------- vocal seulement ------------------------- */
  /* ------ pages avec cadres ------- */
	#isendpro-vocal .first-section .bloc-minheight .encadre-smv { min-height:100px; }
	#isendpro-vocal .min-height-bloc { min-height: 30px; }
	/* ----------------------- page PROXI --------------------------------*/
	#isendpro-proxi .first-section .bloc-minheight .encadre-proxi { min-height:100px; }
	/*------------------------- page lbdd --------------------------------*/
	#isendpro-lbdd .first-section {padding-bottom: 0px; }
	
	div.bandeau-lbdd { position: relative; }
	div.bandeau-lbdd .container { text-align:center; }
	
	#isendpro-lbdd .border-selection-lbdd { border-right: 0px solid #ebebeb; }
  /* ----------------------------------------- page SVA num SPECIAUX ------------------------------------------*/
  #isendpro-sva .first-section .middle-fullscreen { padding-top: 10px; }
  
  #isendpro-sva .section-services .pull-right-sva{ float:none; }
  #isendpro-sva .section-services .pull-right-sva .btn-sva{ max-width: 240px;; }
  
  #isendpro-sva .section-docs-sva .btn-sva{ width:100%; font-size: 1.4rem;}
  #isendpro-sva .section-docs-sva .btn-default-sva{ width:100%; font-size: 1.4rem;}
  
  /*---------------------------------------- page Fax ----------------------------------------------------------*/
  #isendpro-fax .first-section .middle-fullscreen { padding-top: 0px; padding-bottom: 0px; }
  #isendpro-fax .first-section .encadre-fax { min-height: 140px; }
  
  /*---------------------------------------- page email ----------------------------------------------------------*/
  #isendpro-email .first-section .middle-fullscreen { padding-top: 0px; padding-bottom: 0px; }
  #isendpro-email .first-section .encadre-email { min-height: 140px; }
    
	/*------------------------ tarifs sms------------------------------- */
	/* ------------------------- couts2 ------------------------------*/
	.first-section-couts .container { width:88%; max-width:560px; min-width:260px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; } /* valable pour toutes les pages achats de credits !! */
		
	.pull-left-sm-center-xs { display:block; float:none; }
	
	#form_offre .col-sm-7 .form-group { text-align:center; }
	
	/* ------- contact-1 sans formulaire ----------*/
	.cadre-contact-sans-form p,
	.cadre-contact-sans-form a { font-size:1.5rem; } 
	
	#isendpro-couts2 .encadre-bleu .col-lg-8 { padding: 0px; }
  
  /* ---------------------- pages API ------------------------------*/
  #isendpro-api-all .first-section .bloc-minheight .encadre-bleu { min-height:100px; }

	/* -------------------- qui sommes-nous ------------------------- */
  .logo-operateurs {
		max-height: 30px;
		width:auto;
	}
	.certif { max-height: 26px; }
	
	/* ---------------------- pages videos ---------------------- */
	.colonne-lecteur iframe { min-width: 290px; height:180px; }


	/*============= 9. FOOTER ===================*/
	footer.footer { padding-top: 15px; padding-bottom: 15px; }
  
  footer .brand-logo { display:none; }
	footer .mentions {
		font-size:1rem;
		text-align: left;
	}
	#cookie-policy { padding-top: 0px; padding-bottom: 8px; }
	#cookie-policy h4 { font-size:1.5rem; margin: 8px 0px; }
	#cookie-policy p { font-size:1.1rem; }
  
}








@media (min-width: 768px) {/* sm + md */
	/*================= 1. GLOBAL ==================*/
	html,
	body { height: 100%; width: 100%; }
  hr { width: 240px; }
	/*============= 2. PRIMARY TPL ==============*/
	section,
	.ligne-bloc { padding: 60px 0; }
	.container { min-width:490px; }
	.row-col-lg-2 { margin: 0 -15px; }
	/* ------------------- width temp ---------------*/
  .w10-xs { width:0%; }
  .w20-xs { width:0%; }
  .w25-xs { width:0%; }
  .w33-xs { width:0%; }
  .w40-xs { width:0%; }
  .w50-xs { width:0%; }
  .w60-xs { width:0%; }
  .w66-xs { width:0%; }
  .w75-xs { width:0%; }
  .w80-xs { width:0%; }
  .w100-xs { width:0%; }
  /* -- */
  .w10-sm { width:10%; }
  .w20-sm { width:20%; }
  .w25-sm { width:25%; }
  .w33-sm { width:33.333%; }
  .w40-sm { width:40%; }
  .w50-sm { width:50%; }
  .w60-sm { width:60%; }
  .w66-sm { width:66.666%; }
  .w75-sm { width:75%; }
  .w80-sm { width:80%; }
  .w100-sm { width:100%; }
	/*============= 3. BTNS ==============*/
	.btn { width:auto; }
	
	.first-section-couts .container .btn { padding: 7px 20px; }

	/*============= 4. NAV ==============*/
	#mainNav { padding-left:0px; padding-right:0px; }
	.navbar-nav{ position: relative; /* important pour le ul du sous-menu sinon il est en absolute à gauche… */ }
	
  .navbar-default {
		background-color:rgba(0,0,0, 0.33);
		border-right: 0px;
    border-left: 0px;
  }
		
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
	.navbar-default .navbar-collapse, /* pour nav phones only */
	.navbar-default .navbar-form {
			border-color: transparent;
			background: transparent;
	}
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
		background-color: rgba(255,255,255,0);
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
  }
  .navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > .active:hover {
		color: #00579f !important;
		background-color: rgba(255,255,255,0.8);
	}
	.navbar-default .nav > li.active > a,
	.navbar-default .nav > li.active > a:focus {
		color: #007bbe !important;
		background-color: transparent;
	}
	.navbar-default .nav > li.active > a:hover {
		color: #00579f !important;
		background-color: transparent;
	}
	
  .navbar-default.affix {
    border-color: rgba(34, 34, 34, 0.05);
		/* fond */
		background-image: url('../img/bg-isendpro-dark.webp');
		opacity:0.94;
  	width: 100%;
		background-position:center;
		background-size:cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    /*font-size: 14px;*/
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    /*color: #eb3812;*/
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    /*color: #bababa;*/
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    /*color: #F05F40;*/
  }
  .navbar-default .nav > li > .btn-primary{
    margin-left:10px;
    margin-top:0px;
  }
  .navbar-default .nav > li > .btn-primary:hover,
  .navbar-default .nav > li > .btn-primary:focus,
  .navbar-default .nav > li > .btn-primary:visited { margin-top:0px; }
			/* ----- */
	.navbar-default .nav > li > .btn-lang,
	.navbar-default .nav > li > .btn-lang:focus {  }
  
	.pages-menu-opaque .navbar-default {/* ------------ pages sans image en header ------------- */
    border-color: rgba(34, 34, 34, 0.1);
		background-image: url('../img/bg-isendpro-dark.webp');
		opacity:1;
  	width: 100%;
		background-position:center;
		background-size:cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
  }
			
	/*============= 5. TABS ==============*/
	.web-based-app .col-sm-6,
	#features-included .col-sm-6 { min-height: 210px;/* pictos sans <p>*/ }
	
	/*============= 6. FORMS ==============*/
	.form-inline {
		margin: auto;
		max-width: 800px;
	}
	.form-inline input{
		width: 100% !important;/* p/r bootstrap min */
	}
	.form-horizontal-btn {
		clear:none;
	}
	.form-horizontal-short button {
    margin-top:0px;
	}
	
	/*======= 7. HEADER FULL SCREEN ===========*/
  header,
	.page-content section,
	.height_100 {
    min-height: 100%;
  }
	.height_80 { height:auto; min-height:80%; }
	
  header .header-content { /* changement du temp. à faire = repartir sur des cols bases 12 */
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;    
  }
	/* --------- exceptions ------ */
	#isendpro-signup .header-content {
    position: relative;
    -webkit-transform:none;
    -ms-transform: none;
    transform: none;
    padding: 100px 50px 30px 50px;
  }

	#isendpro-signup .header-content-80 {
    position: relative;
    -webkit-transform:none;
    -ms-transform: none;
    transform: none;
    padding: 60px 50px 30px 50px;
  }  
	#isendpro-login header .header-content {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 100px 50px 30px 50px;
		vertical-align:middle;
	}
			
	.header-content .header-content-inner {
			margin-left: 0;
	}
	
	/*============= 8. SECTIONS-PAGES ==============*/
	/* ---------------------- home ----------------------- */
	#home1 .header-content .header-content-inner { width:80%; }
	/* ---- home dynamics numbers -----*/
				.statsbar { margin-top:30px; }
				
				.stat-number { font-size: 3.6rem; }
	/* ---------- news / actus -------*/	
	#related-content .content .btn-primary { margin-left: 0px; }
	/*--------- refs -------*/
	#carousel-home .carousel-inner img { min-height: 132px; }

	/* ---------------------- signup ----------------------- */
	#isendpro-login .header-content .input-group { max-width: 360px; }
	#isendpro-login .alert-block { max-width: 360px; margin: 0 auto; }
	
	/* ---------------------- page guarantees ------------------------*/
	#guarantees .first-section .service-box { min-height: 278px; }

	/* ---------------------- page Fax ----------------------- */
  #isendpro-fax .first-section .middle-fullscreen { padding-top: 0px; padding-bottom: 0px; }
  #isendpro-fax .first-section img { max-width: 380px; padding-top: 0px; padding-bottom: 0px; }

	/* ---------------------- page email ----------------------- */
  #isendpro-email .first-section .middle-fullscreen { padding-top: 0px; padding-bottom: 0px; }
  #isendpro-email .first-section img { max-width: 380px; padding-top: 0px; padding-bottom: 0px; }

	/* ------------------------ pages couts2 ------------------------ */
	.first-section-couts .container { width:85%; max-width:600px; min-width:400px; margin-left:auto; margin-right:auto; padding:0px; } /* valable pour toutes les pages achats de credits !! */
		
	/*============= 9. FOOTER ===================*/
  footer.footer { padding-top: 30px; padding-bottom: 30px; padding-left:0px; padding-right:0px; }
  footer.footer .container { width: 100%; }
  
	footer .text-faded{ padding-top:10px; }
	
	#cookie-policy { padding-top: 0px; padding-bottom: 8px; }
	#cookie-policy h4 { font-size:1.6rem; margin: 8px 0px; }
	#cookie-policy p { font-size:1.3rem; }
}




@media (min-width: 992px) {/* que md+lg */
	/*================= 1. GLOBAL ==================*/
	
	/*============= 2. PRIMARY TPL ==============*/
	span.retour-ligne-xs { display:inline; }
	span.retour-ligne-sm { display:block; }
	span.retour-ligne-md { display:inline; }
	span.retour-ligne-lg { display:inline; }
	
	.margin-bottom-sm,
	.margin-bottom-sm-x2,
	.margin-bottom-sm-x4 { margin-bottom: 0px; }
	
	.container {
		min-width:870px;
	}
  .service-box {
    margin: 20px auto 0;
  }
	/* ------------------- width temp ---------------*/
  .w10-xs { width:0%; }
  .w20-xs { width:0%; }
  .w25-xs { width:0%; }
  .w33-xs { width:0%; }
  .w40-xs { width:0%; }
  .w50-xs { width:0%; }
  .w60-xs { width:0%; }
  .w66-xs { width:0%; }
  .w75-xs { width:0%; }
  .w80-xs { width:0%; }
  .w100-xs { width:0%; }
  
  .w10-sm { width:0%; }
  .w20-sm { width:0%; }
  .w25-sm { width:0%; }
  .w33-sm { width:0%; }
  .w40-sm { width:0%; }
  .w50-sm { width:0%; }
  .w60-sm { width:0%; }
  .w66-sm { width:0%; }
  .w75-sm { width:0%; }
  .w80-sm { width:0%; }
  .w100-sm { width:0%; }
  
  .w10-md { width:10%; }
  .w20-md { width:20%; }
  .w25-md { width:25%; }
  .w33-md { width:33.333%; }
  .w40-md { width:40%; }
  .w50-md { width:50%; }
  .w60-md { width:60%; }
  .w66-md { width:66.666%; }
  .w75-md { width:75%; }
  .w80-md { width:80%; }
  .w100-md { width:100%; }
	
	/*============= 3. BTNS ==============*/
	
	/*============= 4. NAV ==============*/
			
	/*============= 5. TABS ==============*/
	
	/*============= 6. FORMS ==============*/
	
	/*======= 7. HEADER FULL SCREEN ===========*/
 
	/*============= 7. CAROUSEL ==============*/
	
	/*======== 8. TEMP PAGES AVEC IMG+BG ==========*/
	
	/*============= 8. SECTIONS-PAGES ==============*/
	
	/* ------------------------ pages couts2 ------------------------ */
	.first-section-couts .container { width:85%; max-width:1540px; min-width:400px; margin-left:auto; margin-right:auto; padding:0px; } /* valable pour toutes les pages achats de credits !! */

	/*============= 9. FOOTER ===================*/
  
}


/* taille ecran jerome (text trop gros, bug menu etc ...)*/
@media (max-width: 1680px) {
	html, body { font-size: 55.5%; } 
	}


@media (min-width: 1023px) {/* --- exceptions pour 1024 --- */
	/*================= 1. GLOBAL ==================*/
	h1 { font-size: 4.2rem;}
	h2 { font-size: 3.2rem;}
	h3 { font-size: 2.4rem;}
	
	section, div, li, p, a, table, input, label, select, pre code { font-size:16px; font-size: 1.6rem; }

	.col-sm-6-1024 { width:50%; }
	.col-lg-20  {/* -------- ré-écrit sm-4 par dessus ---- */ width:20% !important; }
	.row-col-lg-2 { margin: 0 -90px; }
	
	/*============= 2. PRIMARY TPL ==============*/
	span.retour-ligne-xs { display:inline; }
	span.retour-ligne-sm { display:inline; }
	span.retour-ligne-md { display:block; }
	span.retour-ligne-lg { display:inline; }
	
	.margin-bottom-sm,
	.margin-bottom-sm-x2,
	.margin-bottom-sm-x4 { margin-bottom: 0px; }

	/*============= 3. BTNS ==============*/
	.first-section-couts .container .btn { padding: 10px 20px; }

	.btn-xxl {
		padding: 10px 20px;
		font-size:24px; font-size: 2.4rem;
		max-width: 330px;
		min-width: 285px;
		min-height: 62px;
	}
	.first-section .container .btn-1ligne,
	header .header-content .header-content-inner .btn-1ligne 	 {
    	padding: 10px 20px;
		min-width: 285px;
		line-height: 3;
	}
	/*============= 4. NAV ==============*/
	/*============= 5. TABS ==============*/
	/*============= 6. FORMS ==============*/
	.padding-form-signup { padding: 10px 50px; }
	
	/*============= 7. CAROUSEL ==============*/
	#carousel-home .carousel-inner img { width: 95%; min-height: 54px; }
	
	/*---------- carousel PACKS LBDD -----------*/
	#isendpro-lbdd .carousel-holder { padding-top: 60px; }
	#isendpro-lbdd .carousel-indicators { top: 334px; }

	/*======= 7.1 HEADER FULL SCREEN ===========*/
	.header-content .header-content-inner {
		width: 55%;
		max-width: 740px;
		margin-left: 0;
		margin-right: auto;
	}
	.header-content h1, 
	.header-content .header-content-inner h1 { font-size: 5.2rem; }
	
	#homeHeading { padding-top: 40px; }
		
	/*======= 7.2 =TEMP SECTION-FIRST ==========*/
	.first-section, .first-section-couts { padding-top: 80px; padding-bottom: 40px;}
	/* -------- textes DIV ---------- */
	.first-section .middle-fullscreen { padding-top: 60px; }
	.first-section .middle-fullscreen .sms-fcts { padding-top: 160px; }
	.first-section .middle-fullscreen-desktop { padding-top: 180px; }
	.first-section .middle-fullscreen-laptop { padding-top: 180px; }
	.first-section .middle-fullscreen-laptop .sms-fcts { padding-top: 120px; }
	.first-section .middle-sms2 { padding-top: 100px; }
	#isendpro-lbdd .first-section .middle-fullscreen { padding-top: 46px; }
	/*-- textes DIV p --*/
	.first-section .middle-fullscreen p,
	.first-section .middle-fullscreen-desktop p,
	.first-section .middle-fullscreen-laptop p,
	.first-section .middle-sms2 p { font-weight:400; font-size:2rem; }
	/* ------- img DIV ------*/
	.first-section .img-phone,
	.first-section .img-pack-lbdd { padding-top: 26%; } /* changement lg-md-sm-xs*/
	.first-section .img-laptop { padding-top: 32%; } /* changement lg-md-sm-xs*/
	.first-section .desktop-img { padding-top: 8%; }
	.first-section .img-sms2 { padding-top: 21%; }
	/* img DIV img */
	.first-section .img-phone img,
	.first-section .img-pack-lbdd img{
		/* inversé car on passe sur ecran horizontaux */ 
		height:100%;
		width:auto;/* mettre après pour d'abord corriger height ett après width */ 
		max-height: 550px; /* changements */
	}
	.first-section .img-phone img { max-height: 560px; }
	.first-section .img-pack-lbdd img{ max-height: 490px; max-width: 330px; }
	.first-section .img-laptop img { max-width:700px; }
	/*============= 8. SECTIONS-PAGES ==============*/
	/* ---------------- home ----------- */
	#myTabContent .service-box { /*min-height: 310px;/* --- fonctionnalités HOME avec <p> */ min-height: 230px; }

	#home1 .header-content .header-content-inner { width: 70%; max-width: 640px; }
	.stat-number { font-size: 3.6rem; }
	
	/*----------------- sms messaging ------------------------- */
	.q-packs-tarifs { font-size: 3.2rem; line-height: 1.5; }

	#isendpro-sms-clair .first-section .bloc-minheight .encadre-bleu { min-height:228px; }
	/* ----------- vocal seulement ----------- */
	#isendpro-vocal .first-section .bloc-minheight .encadre-smv { min-height:228px; }
  /*------------------ page PROXI -----------------------*/
	#isendpro-proxi .first-section .bloc-minheight .encadre-proxi { min-height:194px; }
	/* --------------- lbdd ------------------- */
	/* --------- */
	#isendpro-lbdd .first-section { height: 55%; min-height: 550px; }

	#isendpro-lbdd .carousel-inner .slide-image { height: 334px; max-width: 260px;}

	div.bandeau-lbdd .container { max-width: 600px; margin-left:0px;}
	
	div.bandeau-lbdd .btn-lbdd,
	div.bandeau-lbdd p { font-size:1.2rem; }
	
	#isendpro-lbdd .section-services .min-height-bloc { min-height: 330px; }
  /* ----------------------------------------- page SVA num SPECIAUX ------------------------------------------*/
  #isendpro-sva .first-section { min-height: 45%; }
  #isendpro-sva .first-section .middle-fullscreen {padding-top: 50px;}/* colonne text + btns */
  #isendpro-sva .first-section img { padding-top:120px; }
  /*------------------- SERVICE FAX -------------------*/
  #isendpro-fax .first-section .middle-fullscreen { padding-top: 50px; }
  #isendpro-fax .first-section img { padding-top: 90px; }
  /*------------------- SERVICE email -------------------*/
  #isendpro-email .first-section .middle-fullscreen { padding-top: 50px; }
  #isendpro-email .first-section img { padding-top: 90px; }
	/* ----------------- pages tarifs ----------------- */
	.container-calculette-tarifs { max-width:880px; }
	
	#isendpro-tarifs-sms .first-section .tab-pane .text-btn-international,
	#isendpro-sms-clair .first-section .container .text-btn-international{ text-align:right; }/* ----- exception TARIFS SMS à INTERNATIONAL */
	
			#isendpro-tarifs-sms .first-section .tab-pane h3,
			#isendpro-sms-clair .first-section .container h3{ font-size:18px; font-size:1.8rem; }
			
	#isendpro-tarifs-sms .first-section .tab-pane .btn-international,
	#isendpro-sms-clair .first-section .container .btn-international{ text-align:left; }/* ----- exception TARIFS SMS à INTERNATIONAL */
	
	/* ------------------ pages couts2 --------------------*/
	.col-partage { border: 2px #fff solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; -o-border-radius:4px; margin-left:0px;/*annhule -15 de row*/ } /* valable pour toutes pages couts*/
  
	/* --------------- signup / login ------------------------*/
	#isendpro-signup header,
	#isendpro-login header { height: auto; /* min-height: 720px; max-height: 1320; html et body height grent tout !!! */ }
	
	#isendpro-signup .header-content { padding: 120px 50px 30px 50px; }
	
	#isendpro-login header .header-content { }
	
	#isendpro-login .header-content .header-content-inner { margin: 10% auto; }

	/* --------------- sms-more ---------------------- */
	.fill-80h { height: 80%; min-height:80%; }
		
	/* ---------------------- pages api ------------------------*/
	#isendpro-api-all .first-section .bloc-minheight .encadre-bleu { min-height:362px; }
	#isendpro-api-all .first-section .service-box { min-height: 346px;  }
		
	#isendpro-api-docs .first-section .encadre-bleu { min-height: 346px; }
	
	/* ---------------------- page guarantees ------------------------*/
	#guarantees .first-section .service-box { min-height: 396px; }

	/* --------------- avis client------------------------*/
	#isendpro-avisclients .first-section { padding-top:80px; }
	
	/* ------- contact-1 sans formulaire ----------*/
	.cadre-contact-sans-form p,
	.cadre-contact-sans-form a { font-size: 1.6rem; } 
	
	/* ---------------------- pages videos ---------------------- */
	.colonne-lecteur iframe { max-width: 610px; height:400px; }
		
	/*============= 9. FOOTER ===================*/
}



@media (min-width: 1200px) {/* que lg 1280*/
	/*================= 1. GLOBAL ==================*/
	h1 { font-size: 4rem;}
	h2 { font-size: 3rem;}
	h3 { font-size: 2.3rem;}

	section, div, li, p, a, table, input, label, select, pre code { font-size: 1.6rem; }

	/*============= 2. PRIMARY TPL ==============*/	
	span.retour-ligne-xs { display:inline; }
	span.retour-ligne-sm { display:inline; }
	span.retour-ligne-md { display:inline; }
	span.retour-ligne-lg { display:block; }
	
	.first-section { padding-top: 100px; padding-bottom: 60px;}

	.container { min-width: 1170px; }
	
	.row-col-lg-2 { margin: 0 -130px; }
	
	.col-lg-11pourcent { width:11.1%; }
	.margin-bottom-lg { margin-bottom: 15px; }
	.margin-bottom-lg-x2 { margin-bottom: 30px; }
	.margin-bottom-lg-x4 { margin-bottom: 60px; }
	
  /* ------------------- width temp --------------- */
  .w10-xs { width:0%; }
  .w20-xs { width:0%; }
  .w25-xs { width:0%; }
  .w33-xs { width:0%; }
  .w40-xs { width:0%; }
  .w50-xs { width:0%; }
  .w60-xs { width:0%; }
  .w66-xs { width:0%; }
  .w75-xs { width:0%; }
  .w80-xs { width:0%; }
  .w100-xs { width:0%; }
  
  .w10-sm { width:0%; }
  .w20-sm { width:0%; }
  .w25-sm { width:0%; }
  .w33-sm { width:0%; }
  .w40-sm { width:0%; }
  .w50-sm { width:0%; }
  .w60-sm { width:0%; }
  .w66-sm { width:0%; }
  .w75-sm { width:0%; }
  .w80-sm { width:0%; }
  .w100-sm { width:0%; }
  
  .w10-md { width:0%; }
  .w20-md { width:0%; }
  .w25-md { width:0%; }
  .w33-md { width:0%; }
  .w40-md { width:0%; }
  .w50-md { width:0%; }
  .w60-md { width:0%; }
  .w66-md { width:0%; }
  .w75-md { width:0%; }
  .w80-md { width:0%; }
  .w100-md { width:0%; }
  
  .w10-lg { width:10%; }
  .w20-lg { width:20%; }
  .w25-lg { width:25%; }
  .w33-lg { width:33.333%; }
  .w40-lg { width:40%; }
  .w50-lg { width:50%; }
  .w60-lg { width:60%; }
  .w66-lg { width:66.666%; }
  .w75-lg { width:75%; }
  .w80-lg { width:80%; }
  .w100-lg { width:100%; }

  /*============= 3. BTNS ==============*/
	.btn-xl, .btn-xl-pourcent, .btn-xl-pourcent-big, .btn-xxl { font-size: 2rem; }
	
	.btn-xl-pourcent { min-width: 17%;}

	.btn-xl-pourcent-big { min-width: 57%;}	
	
	.btn-xxl { font-size:2.8rem; min-width:312px; min-height: 100px; }
	
	.btn-form { padding: 9px 20px; width:100%!important; font-size:1.6rem; }

	/*============= 4. NAV ==============*/
	#mainNav { padding-left: 10px; padding-right: 10px; }
	
	.navbar-default .nav > li > a,
	.navbar-default .nav > li > a:focus,
	.navbar-default .nav > li > a:visited,
	.navbar-default .nav > li > .active { font-size: 1.6rem; }
			
	.navbar-header .navbar-brand img{ max-height:46px; min-height:36px; }
	
	.btn-lang-extra-sm { margin-top:0px; }
	
	.tel { 
		font-size: 1.6rem;
		text-align:center; 
		text-transform: uppercase;
		margin-top: 6px;
		color:#fff;
		}
		
	.tel:hover { text-decoration:underline; }
	
	/*============= 5. TABS ==============*/
	.nav-tabs>li>a { font-size: 2.4rem; }
	#nav-api-lang .nav-justified li a { font-size:2rem; }
	/*============= 6. FORMS ==============*/
	.form-control {
		height:44px;
		font-size: 2rem;
		line-height: 2;
	}
	.checkbox label, .radio label, .checkbox label a, .radio label a { font-size: 2rem; line-height: 2; }
	.padding-form-inline-btn { padding-top: 12px; } 
	/*============= 7 CAROUSEL ==============*/
	#carousel-home .carousel-inner img { min-height: 78px; }
	/*---------- carousel PACKS LBDD -----------*/
	#isendpro-lbdd .carousel-holder { padding-top: 50px; }
	#isendpro-lbdd .carousel-indicators { top: 364px; }
	#isendpro-lbdd .carousel-inner .slide-image { max-width:280px; height:354px; margin-left:auto; margin-right:auto; }
	/*======= 7.1 HEADER FULL SCREEN ===========*/
	.header-content .header-content-inner {
		max-width: 670px;
    	width: 65%;
		margin-left: 3%; /* idem que container-fluid du menu */ 
		width:100%;
	}
	#isendpro-sms .header-content .header-content-inner {
		width: 70%;
		max-width: 1140px;
		margin-left: 5%;
		margin-right: auto;
  }
	.header-content h1,
	.header-content .header-content-inner h1 { font-size: 6rem; line-height: 1; }
	
	#home1 .header-content .header-content-inner h1 { line-height: 1.5; }
	
	#homeHeading { padding-top: 0px; }
	
	header .header-content .header-content-inner p { font-size: 2.4rem; margin: 40px auto;}
	header .header-content .header-content-inner p a { font-size: 2.4rem; }
	header .header-content .header-content-inner p.margin30 { font-size: 16px; margin: 30px auto;}	

	/*======================================= 7.2 =TEMP SECTION-FIRST ===================================*/
	.first-section, .first-section-couts { padding-top: 100px; padding-bottom: 40px;}
	/* -------- textes DIV ---------- */
	.first-section .middle-fullscreen { padding-top: 45px; }
	#isendpro-lbdd .first-section .middle-fullscreen { padding-top: 40px; }
	.first-section .middle-fullscreen .sms-fcts { padding-top: 140px; }
	#isendpro-sms-ww .first-section .middle-fullscreen .sms-fcts { padding-top: 30px; }
	.first-section .middle-fullscreen-desktop { padding-top: 200px; }
	.first-section .middle-fullscreen-laptop { padding-top: 200px; }
	.first-section .middle-fullscreen-laptop .sms-fcts { padding-top: 0px; }
	.first-section .middle-sms2 { padding-top: 200px; }
	/*-- textes DIV p --*/
	.first-section .middle-fullscreen p,
	.first-section .middle-fullscreen-desktop p,
	.first-section .middle-fullscreen-laptop p,
	.first-section .middle-sms2 p { font-size:2.4rem; }
	/* encdre p SERVICES */
	.first-section .middle-fullscreen .angles-ronds p,
	.first-section .middle-fullscreen-laptop .angles-ronds p { font-size:2rem; }
	/* ------- img DIV ------*/
	.first-section .img-phone { padding-top: 18%; }
	.first-section .img-pack-lbdd  { padding-top: 20%; }
	.first-section .img-laptop { padding-top: 20%; }
	.first-section .desktop-img { padding-top: 20%; }
	/* img DIV img */
	/*.first-section .img-phone img { max-width:320px; } sinon déforme */
	.first-section .img-pack-lbdd img { max-width:320px; }
	.first-section .img-sms2 { padding-top: 15%; }
	.first-section .img-pack-lbdd img { max-width: 380px; max-height: 526px;}
	.first-section .img-laptop img { max-width: 1080px; }
	/*=========================================== 8. SECTIONS-PAGES ========================================*/
	/* ---------------- home ----------- */
	#home1 .header-content .header-content-inner { width: 70%; max-width: 810px; }
	/* --------------- pricing  -------*/
	/* ---------------------------------------- sms-messaging ------------------------------------ */
	/* -------------- tarifs sms ----------------*/
  #isendpro-sms-clair .first-section .bloc-minheight .encadre-bleu { min-height:258px; }
	.q-packs-tarifs { font-size: 2.4rem; line-height: 2; }
	/* ----------------------------------------- page VOCAL ------------------------------------- */
	#isendpro-vocal .first-section .bloc-minheight .encadre-smv { min-height:258px; }
  /*----------------------------------------------- page PROXI ------------------------------------*/
  #isendpro-proxi .first-section .bloc-minheight .encadre-proxi { min-height:215px; }
	/* ------------------------------------------- lbdd ------------------------------------------- */
	#isendpro-lbdd .container-fluid .row-cont-8-4 { margin:0px 15px; }
	/* --------- */
	#isendpro-lbdd .first-section { height: 55%; min-height: 600px; }
	div.bandeau-lbdd .container { max-width: 2800px; margin-left:auto;}

	.first-section div.bandeau-lbdd .btn-lbdd,
	div.bandeau-lbdd p { 
    font-size:1.6rem; 
    margin-top:8px; 
    padding: 10px;
	}
	
	div.bandeau-lbdd p { margin-top: 0px; margin-bottom:0px; padding-top: 12px; }
	
	.lbdd-packs { max-width: 130px; }
  /* ----------------------------------------- page SVA num SPECIAUX ------------------------------------------*/
  #isendpro-sva .first-section .middle-fullscreen {padding-top: 80px;}/* colonne text + btns */
  #isendpro-sva .first-section img { padding-top:60px; }
  /* -------------------------------------- SERVICE FAX ----------------------------------------------*/
  #isendpro-fax .first-section img { padding-top: 60px; max-width: 460px; }
  /* -------------------------------------- SERVICE email ----------------------------------------------*/
  #isendpro-email .first-section img { padding-top: 60px; max-width: 460px; }	
	/* -------------------------------------------- signup / login ------------------------------------- */
	#isendpro-login .header-content .input-group,
	#isendpro-login .alert-block { max-width: 354px; margin:auto; font-size:1.6rem; font-weight:bold; }
	
	#isendpro-login .alert-block div { font-size: 1.6rem; }
	/* ---------------------------------------- pages FEATURES -------------------------------------- */
	/* --------------------- revendeur --------------*/
	#isendpro-reseller .first-section p a,
	#isendpro-num-errones .first-section p a { font-size: 2.4rem; }
	
	/* ------------- API pages --------- */
  #isendpro-api-all .first-section .bloc-minheight .encadre-bleu { min-height:312px; }
	#isendpro-api-all .first-section .service-box { min-height: 356px; }
	
	#isendpro-api-docs .first-section .encadre-bleu { min-height: 325px; }
	#isendpro-api-docs .first-section .container .btn { padding: 20px 25px; }
	
		.api-pages .service-box { max-width: 800px; }

	/* ------- contact-1 sans formulaire ----------*/
	.cadre-contact-sans-form p,
	.cadre-contact-sans-form a { font-size:2.4rem; } 
	
	/* ----------------- pages tarifs ----------------- */
	.container-calculette-tarifs { max-width:1040px; }
	
	#isendpro-tarifs-sms .first-section .tab-pane .text-btn-international,
	#isendpro-sms-clair .first-section .container .text-btn-international{ text-align:right; }/* ----- exception TARIFS SMS à INTERNATIONAL */
	
			#isendpro-tarifs-sms .first-section .tab-pane h3,
			#isendpro-sms-clair .first-section .container h3{ font-size:18px; font-size:1.8rem; }
			
	#isendpro-tarifs-sms .first-section .tab-pane .btn-international,
	#isendpro-sms-clair .first-section .container .btn-international{ text-align:left; }/* ----- exception TARIFS SMS à INTERNATIONAL */
	
	/* ---------------------- pages videos ---------------------- */
	.colonne-lecteur iframe { max-width: 750px; height:500px; }

	/*============================================= 9. FOOTER =============================================*/
  footer.footer { padding-left:15px; padding-right:15px; }

}



@media (min-width: 1520px) {/* que lg */
	/*================= 1. GLOBAL ==================*/
		section, div, li, p, a, table, input, label, select, pre code { font-size: 1.75rem; }
	/*============= 2. PRIMARY TPL ==============*/	
	.container {
		width:80%;
		margin:auto;
		min-width:1380px;
		max-width:1940px;
	}
	/*============= 3. BTNS ==============*/
	/*============= 4. NAV ==============*/
	#mainNav { padding-left:5%; padding-right:5%; }

	.navbar-nav { margin-top: 8px; }

	.navbar-header .navbar-brand img {
		height: 100%;
		max-height: 56px;
		min-height: 52px;
	}
	.navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus,
  .navbar-default .nav > li > a:visited,
  .navbar-default .nav > li > .active {
    font-size: 1.8rem;
  }
	/*============= 5. TABS ==============*/
	.nav-tabs>li>a { font-size: 2.8rem; }
	
	#nav-api-lang .nav-justified li a { font-size:2.5rem; }
	/*============= 6. FORMS ==============*/
	/*============= 7. CAROUSEL ==============*/
	/*---------- carousel PACKS LBDD -----------*/
	#isendpro-lbdd .carousel-holder { padding-top: 50px; }
	#isendpro-lbdd .carousel-indicators { top: 370px; }
	/*======= 7.1 HEADER FULL SCREEN ===========*/
	.header-content .header-content-inner {
    	width: 75%;
		max-width: 842px;
		width:100%;
	}
	.header-content .header-content-inner .btn-1ligne,
	.first-section .container .btn-1ligne {
		line-height: 3;
		padding: 8px 30px;
		min-width: 330px;
		max-width: 460px;
	}
	/*======================================= 7.2 =TEMP SECTION-FIRST ===================================*/
	.first-section, .first-section-couts { padding-top: 100px; padding-bottom: 40px;}
	/* -------- textes DIV ---------- */
	.first-section .middle-fullscreen { padding-top: 90px; }
	#isendpro-lbdd .first-section .middle-fullscreen { padding-top: 60px; }
	.first-section .middle-fullscreen .sms-fcts { padding-top: 140px; }
	.first-section .middle-fullscreen-desktop { padding-top: 220px; }
	.first-section .middle-fullscreen-laptop { padding-top: 220px; }
	.first-section .middle-fullscreen-laptop .sms-fcts { padding-top: 0px; }
	.first-section .middle-sms2 {}
	/*-- textes DIV p --*/
	.first-section .middle-fullscreen p,
	.first-section .middle-fullscreen-desktop p,
	.first-section .middle-fullscreen-laptop p,
	.first-section .middle-sms2 p { font-weight:400; font-size:2.4rem; }
	/* encdre p SERVICES */
	.first-section .middle-fullscreen .angles-ronds p,
	.first-section .middle-fullscreen-laptop .angles-ronds p { font-size:2rem; }
	/* ------- img DIV ------*/
	.first-section .img-phone { padding-top: 25%; }
	.first-section .img-pack-lbdd { padding-top: 20%; }
	#isendpro-lbdd .first-section .img-pack-lbdd { padding-top: 15%; }
	.first-section .img-laptop { padding-top: 15%; }
	.first-section .desktop-img { padding-top: 12%; }
	/* img DIV img */
	.first-section .img-phone img,
	.first-section .img-pack-lbdd img {	max-width: 520px; max-height: 600px; }
	.first-section .img-sms2 img { max-width: 580px; }	
	.first-section .desktop-img img { max-width: 780px; }
	/*============= 8. SECTIONS-PAGES ==============*/
	/* ---------------- home ----------- */
  #home1 .header-content .header-content-inner { max-width: 824px; }
	.trustbox .item > div { min-height: 180px; }
	/* ------------------ signup ----------- */
	#isendpro-signup header,
	#isendpro-login header { /*min-height: 100%;*/ }
	/* ------------- sms-messaging --------- */
	.q-packs-tarifs { font-size: 3rem; }
	#isendpro-sms-clair .first-section .bloc-minheight .encadre-bleu { min-height:252px; }
	/* -------------- vocal seulement ------ */
  #isendpro-vocal .first-section .bloc-minheight .encadre-smv { min-height:252px; }
	#isendpro-proxi .first-section .bloc-minheight .encadre-proxi { min-height:215px; }
	/* ----------  ----------*/
	.page-content section { padding:300px 0; }
	/* -------- lbdd SERVICE ------------ */
	#isendpro-lbdd .container-fluid .row-cont-8-4 { margin: 0px auto; width: 90%; max-width: 1680px; }
	#isendpro-lbdd .first-section { min-height: 640px; }
	#isendpro-lbdd .first-section div.bandeau-lbdd .btn-lbdd, div.bandeau-lbdd p { padding: 15px; }
  /* ------------------- SERVICE FAX ----------------*/
  #isendpro-fax .first-section .encadre-fax { min-height: 240px; }
  /* ------------------- SERVICE email ----------------*/
  #isendpro-email .first-section .encadre-email { min-height: 240px; }
	/* ----------------- pages tarifs ----------------- */
	.container-calculette-tarifs { max-width:1100px; }
	/* ------------ API ---------- */
  #isendpro-api-all .first-section .bloc-minheight .encadre-bleu { min-height:302px; }
	.accroche-pages-api { font-size: 3rem; }
	#isendpro-api-all .first-section .service-box { min-height: 332px; }
	#isendpro-api-docs .first-section .container .btn { padding: 20px 40px; }
	/* ------------ page neutres ------------------- */
	/* ---------- qui sommes-nous ------------ */
  .logo-operateurs { max-height: 42px; width:auto; }
	.certif { max-height: 36px; }
	
	/* ---------------------- pages videos ---------------------- */
	.colonne-lecteur iframe { max-width: 780px; height:500px; }
	
	/*============= 9. FOOTER ===================*/
	footer.footer { padding-left:5%; padding-right:5%; }
  
  footer .mentions { font-size:1.5rem; }
	footer .nav-pills>li>a { font-size:1.8rem; }
	footer .nav>li>a { position: relative; display: block; padding: 10px; }
	
	.cookie-policy p.mentions { font-size:1.6rem; }

}



@media (min-width: 2100px) {/* que lg */
  /*================= 1. GLOBAL ==================*/
	section, div, li, p, a, table, input, label, select, pre code { font-size: 1.9rem; }
  
  .container { max-width: 1980px; }
	/*============= 2. PRIMARY TPL ==============*/	
	.first-section { padding-top: 140px; }
	/*============= 5. TABS ==============*/
	.nav-tabs>li>a { font-size: 2.8rem; }
	
	.nav-tabs.nav-justified a,
	.nav-tabs.nav-justified>.active>a,
	.nav-tabs.nav-justified>.active>a:focus,
	.nav-tabs.nav-justified>.active>a:hover { min-height:102px; }
	/*======================================= 7 =CAROUSEL ===================================*/
	#carousel-home .carousel-inner { min-height:220px; } /* ?? mais nécessaire */
	
	/*---------- carousel PACKS LBDD -----------*/
	#isendpro-lbdd .carousel-holder { padding-top: 70px; }
	#isendpro-lbdd .carousel-indicators { top: 540px; }
	#isendpro-lbdd .carousel-inner .slide-image { max-width:420px; height: 520px;}
	
	/*============= 7.1 HEADER FULL SCREEN ===========*/
	.header-content .header-content-inner { width: 80%; margin-left: 6%; }
	
	/*======================================= 7.2 =TEMP SECTION-FIRST ===================================*/
	/* -------- textes DIV ---------- */
	.first-section .middle-fullscreen { padding-top: 260px; }
	#isendpro-lbdd .first-section .middle-fullscreen { padding-top: 120px; }
	.first-section .middle-fullscreen .sms-fcts { padding-top: 150px; }
	#isendpro-sms-ww .first-section .middle-fullscreen .sms-fcts { padding-top: 150px; }
	.first-section .middle-fullscreen-desktop { padding-top: 440px; }
	.first-section .middle-fullscreen-laptop { padding-top: 440px; }
	/*-- textes DIV p --*/
	.first-section .middle-fullscreen p,
	.first-section .middle-fullscreen-desktop p,
	.first-section .middle-fullscreen-laptop p,
	.first-section .middle-sms2 p { font-size:2.5rem; }
	/* encdre p SERVICES */
	.first-section .middle-fullscreen .angles-ronds p,
	.first-section .middle-fullscreen-laptop .angles-ronds p { font-size:2.5rem; }
	/* ------- img DIV ------*/
	.first-section .img-phone { padding-top: 33%; }
	.first-section .desktop-img { padding-top: 18%; }
	.first-section .img-laptop { padding-top: 18%; }
	/* ------- img DIV img ------*/
	.first-section .img-phone img { max-height: 780px; max-width: 620px; }
	.first-section .img-pack-lbdd img { max-width: 540px; max-height: 780px; }
	.first-section .img-sms2 img { max-width: 840px; }
	.first-section .desktop-img img { max-width: 920px; }		
	
	/* =================================== 8 . PAGES ======================================== */
	/* ----------------- SEVICE SMS ------------------ */
	#isendpro-sms-clair .first-section .bloc-minheight .encadre-bleu { min-height:270px; }/* pages tarifs et pages services */
  /* ---------------- SERVICE VOCAL ------------------*/
  #isendpro-vocal .first-section .bloc-minheight .encadre-smv { min-height:270px; }
	/* ----------------- SERVICE PROXI --------------- */
  #isendpro-proxi .first-section .bloc-minheight .encadre-proxi { min-height:240px; }
  /* ------------------ SERVICE lbdd ---------------- */
	#isendpro-lbdd .first-section { height: 66%; min-height: 800px; max-height: 940px; }
	#isendpro-lbdd .btn-prix-lbdd { font-size:2rem; padding: 12px 30px; }
	#isendpro-lbdd .container-fluid .row-cont-8-4 { max-width: 1980px; }
	/*#isendpro-lbdd .carousel-inner .slide-image { height: 512px; } déjà defini voir plus haut*/
	.lbdd-packs { max-width: 200px; }
  /*----------------- SERVICE FAX -----------------------------------*/
  #isendpro-fax .first-section .encadre-fax { min-height: 268px; }
  #isendpro-fax .first-section img { max-width: 520px; }
  /*----------------- SERVICE email -----------------------------------*/
  #isendpro-email .first-section .encadre-email { min-height: 268px; }
  #isendpro-email .first-section img { max-width: 520px; }
  /* --------------------------------------- pages API ----------------*/
  #isendpro-api-all .first-section .bloc-minheight .encadre-bleu { min-height:290px; }
  /* ----------------------------------------- page SVA num SPECIAUX ------------------------------------------*/
  #isendpro-sva .first-section .middle-fullscreen {padding-top: 120px;}/* colonne text + btns */
	/* ----------------------------------------- page Fax ------------------------------------------*/
  #isendpro-fax .first-section { min-height: 45%; }
  #isendpro-fax .first-section .middle-fullscreen {padding-top: 60px; padding-bottom: 60px;}/* colonne text + btns */
	/* ----------------------------------------- page email ------------------------------------------*/
  #isendpro-email .first-section { min-height: 45%; }
  #isendpro-email .first-section .middle-fullscreen {padding-top: 60px; padding-bottom: 60px;}/* colonne text + btns */
	/* --------------------- signup -------------------*/
	#isendpro-signup .header-content { padding: 240px 50px 30px 50px; }
	
	/* ----------------- pages tarifs ----------------- */
	.container-calculette-tarifs { max-width:1320px; }
	
	#isendpro-tarifs-sms .first-section .tab-pane .text-btn-international,
	#isendpro-sms-clair .first-section .container .text-btn-international { text-align:right; }/* ----- exception TARIFS SMS à INTERNATIONAL */
	
			#isendpro-tarifs-sms .first-section .tab-pane h3,
			#isendpro-sms-clair .first-section .container h3{ font-size:18px; font-size:2.8rem; }
			
	#isendpro-tarifs-sms .first-section .tab-pane .btn-international,
	#isendpro-sms-clair .first-section .container .btn-international{ text-align:left; }/* ----- exception TARIFS SMS à INTERNATIONAL */
	
	/* ---------------------- pages videos ---------------------- */
	.colonne-lecteur iframe { max-width: 1200px; height:700px; }
	
  /* =========================== 9 . FOOTER ==============================================*/
  footer .container { max-width: 2920px; padding-bottom: 60px;}
}



/*============================ extra NAV =========================== */
@media (min-width: 768px) and (max-width: 996px) {
	/* ============ 2. NAV ============ */
	#mainNav .navbar-nav>li>.dropdown-menu { position: fixed; top: 104px; }/* position modif*/
	
	/*============= 4. NAV ==============*/
	.navbar { min-height: 50px !important; }
	.navbar-nav { margin-top: 0px; }
	
	.btn-lang-extra-sm, .btn-login-extra-sm, .btn-signup-extra-sm { position : absolute !important; } /*qui change selon taille ecran */
	.btn-lang-extra-sm { right: 0px; bottom: 58px; margin-top: 0px; }
	.btn-login-extra-sm { right: 76px; bottom: 58px; }
	.btn-signup-extra-sm { right: 218px; bottom: 58px; }
	
	.tel { 
      position: absolute;
      font-size: 1.8rem;
      margin-right: 0px;
      bottom: 80px;
      right: 374px;
		}
		.tel:hover { text-decoration:none; }
			
	/* --- contact + tel --- */
	.contact { display:none; }

}

@media (min-width: 997px) and (max-width: 1439px) {
	/* ============ 2. NAV ============ */
	#mainNav .navbar-nav>li>.dropdown-menu { position: fixed; top:104px; }/* position modif*/
	
	/*============= 4. NAV ==============*/
	.navbar { min-height: 105px !important; }
		.navbar-nav { margin-top: 0px; }
	
	.btn-lang-extra-sm, .btn-login-extra-sm, .btn-signup-extra-sm { position: absolute !important; } /*qui change selon taille ecran */
	.btn-lang-extra-sm { margin-top:0px; top: 42px; right:0; }
	.btn-login-extra-sm { top: 42px; right: 74px; }
	.btn-signup-extra-sm { top: 42px; right: 216px; }
	
	.tel { 
    position: relative;
    font-size: 1.6rem; 
    margin-right: 360px;
	}
	
	.trustbox .item > div { min-height: 180px; }
	
	/* --- contact + tel --- */
	.tel, .contact { margin-right: 354px; margin-top: 6px; }
	.tel { margin-right:0px; }
}

/* ============================= ré-écrit par dessus tout ========================= */
.no-margin { margin: 0px; }
.no-padding { padding: 0px; }

.modal-open .modal { height: 100%; max-height: 95%; }



/* ============================= checkbox ========================= */
input[type=checkbox] + label {
  display: block;
  margin: 0.1em;
  /*cursor: pointer;*/
  padding: 0.1em;
}

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

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #fff;
  border-radius: 0.2em;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  /*padding-left: 0.2em;*/
  padding-bottom: 1.8em;
  /*padding-bottom: 1.8em;*/
  /*margin-right: 0.2em;*/
  /*padding-top: 0.3em;*/
  vertical-align: middle;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #2A76B7;
  border-color: #fff;
  color: #fff;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}