@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans'); */

/* CSS Document */
/*
background-color: #ededed;
    /* Fallback Color 
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
    /* Saf4+, Chrome 
    background-image: -webkit-linear-gradient(top, white, #ededed);
    /* Chrome 10+, Saf5.1+, iOS 5+ 
    background-image: -moz-linear-gradient(top, white, #ededed);
    /* FF3.6 
    background-image: -ms-linear-gradient(top, white, #ededed);
    /* IE10 
    background-image: -o-linear-gradient(top, white, #ededed);
    /* Opera 11.10+ 
    background-image: linear-gradient(top, white, #ededed);

	*/

.emergency-button{
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
    color: #FFF;
	width: 80%;
	display: inline-grid;
	background: linear-gradient(120deg, #cd280f, #dd8980);    
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1em;
	border-radius: 50%;
    border: 15px #555 inset;
	vertical-align: middle;    
	padding-right: 5px;
	padding-left: 5px;	
	box-shadow: 0 0 2em black;     
	/*box-shadow: 6px 6px 6px black;*/
	margin-top: 10px;
}
.emergency-button:hover{	
     border: 15px #555 inset;
     /*box-shadow: 6px 6px 6px black inset;*/
     box-shadow: 0 0 2em black inset;     
     color: #222;
     background: #555;
     background: linear-gradient( #777, #333);
}
.emergency-button:before {
  content:'';
  float: left;
  width: auto;
  padding-bottom: 100%;
}

.emergency-button-inactive{
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
    color: #FFF;
	width: 80%;
	display: inline-grid;
	background: linear-gradient(120deg, #cd280f, #dd8980);    
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1em;
	border-radius: 50%;
    border: 15px #555 inset;
	vertical-align: middle;    
	padding-right: 5px;
	padding-left: 5px;	
	margin-top: 10px;
	background: linear-gradient( #777, #333);
	box-shadow: 0 0 2em black inset;   
}
.emergency-button-inactive:before {
  content:'';
  float: left;
  width: auto;
  padding-bottom: 100%;
}

.emergency-text{
	text-align: center;
    color: #FFF;
    border-radius: 8px;
	width: 80%;
    background: #555;
	align-items: center;
	justify-content: center;
	vertical-align: middle;    
	padding-right: 5px;
	padding-left: 5px;	
	padding-top: 15px;	
	padding-bottom: 15px;	
	margin-top: 10px; 
}

	

/* ============================================================================== 1 - GENERAL ============================================================================== */
body{
	background: #FFF none repeat scroll 0% 0%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;/* équilibre avec titres mais tout est un peu gros */
	color:#4d4d4d;
}
strong, p, li, div, td, label,input, select, a .btn{ font-size:16px; font-style:normal !important; }
input { padding:6px !important; }

h3, h4 { font-weight:bold!important; }

a { color: #2777aa; }
a:focus { outline:none!important; }

label, form-control label { color: #8d8d8d!important; }
textarea {
	border:1px solid #b0b0b0;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

hr { margin-top:10px; margin-bottom:10px; }

/* -------------------- structure blocs temp. ----------------*/
.tooltip > .tooltip-inner{
		width:100%!important;
		max-width:460px!important;
		min-width:240px!important;
		font-size:14px;
}
	
.container-page-tot{
	max-width:1856px;
	margin:0 auto; 
	padding: 0 3%;
}

.dashboard-wrapper-lg,
#cssmenu,
footer,
header { 
	width:100%; max-width:1740px; margin:0 auto; }

.dashboard-wrapper-lg {
 background: #e9e9e9 none repeat scroll 0% 0%;
	border: 1px solid #b0b0b0;
	margin-top: -1px;
}

.dashboard-wrapper-lg hr{ border-color:#d7d7d7; }

.nav-justified-paul { text-align:center; margin-left:auto; margin-right:auto; }
.nav-justified-paul > li { display:inline-block; }

#cssmenu_av {display:none;}/* pour mixte anciennes pages à effacer quand tout backoffice sera fait */

/* --------------------- classes gnls ------------------------*/
.centrage-enfant{ text-align: center; margin: 0 auto; }

.remplissage-responsive{ width:100%; height:auto; min-height:15px; margin:0px; }

.netoyage,
.netoyage-xs{ visibility:hidden; clear:both; margin:0px; padding:0px; height:1px; }
.netoyage-xs {	clear:none; } /* clear: both que pour mobiles */

.small, small { font-size: 75%; }
.x-small { font-size: 50%; }

.inline_b { display:inline-block !important; }

/* ------------------ icons font awesome --------------------*/
.fa { line-height: inherit!important; }
.btn .fa { line-height: inherit!important; font-size:18px; }

/* ---------- ajustements MARGIN / PADDING -----------------*/
.margin-top { margin-top:15px; }
.margin-top-x2 { margin-top:30px; }
.margin-top-x4 { margin-top:60px; }
.margin-bottom { margin-bottom:15px; }
.margin-bottom-x2 { margin-bottom:30px; }
.margin-bottom-x4 { margin-bottom:60px; }

.espace-bas{ margin-bottom:15px; }
.espace-bas-5 { margin-bottom: 5px; }

.no-padding{ padding:0px; }
.lg-no-padding{ padding:0px; }

.padding-v-10{ padding-top:10px; padding-bottom:10px; }
.padding-v-5{ padding-top:5px; padding-bottom:5px; }
.padding-v-6{ padding-top:6px; padding-bottom:6px; }
.padding-v-15{ padding-top:15px; padding-bottom:15px; }
.padding-v-10-lg{ padding-top:10px; padding-bottom:10px; }
.padding-v-5-lg{ padding-top:5px; padding-bottom:5px; }
.padding-v-6-lg{ padding-top:6px; padding-bottom:6px; }
.padding-v-15-lg{ padding-top:15px; padding-bottom:15px; }

/* ------------------ hauteurs de div ----------------------*/
@media(min-width:1200px){
.lg-h-80 {height:auto; min-height:80px!important;}
.lg-h-100 { height:auto; min-height:100px!important;}	
.lg-h-150 {height:auto; min-height:150px!important;}
.lg-h-200 {height:auto; min-height:200px!important;}
.lg-h-250 {height:auto; min-height:250px!important;}
.lg-h-300 {height:auto; min-height:300px!important;}
.lg-h-400 {height:auto; min-height:400px!important;}
.lg-h-500 {height:auto; min-height:500px!important;}
.lg-h-600 {height:auto; min-height:600px!important;}
}

@media(min-width:992px){
.md-h-80 {height:auto; min-height:80px!important;}
.md-h-100 {height:auto; min-height:100px!important;}	
.md-h-150 {height:auto; min-height:150px!important;}
.md-h-200 {height:auto; min-height:200px!important;}
.md-h-250 {height:auto; min-height:250px!important;}
.md-h-300 {height:auto; min-height:300px!important;}
.md-h-400 {height:auto; min-height:400px!important;}
.md-h-500 {height:auto; min-height:500px!important;}
.md-h-600 {height:auto; min-height:600px!important;}
}

@media(min-width:768px){
.sm-h-80 {height:auto; min-height:80px!important;}
.sm-h-100 {height:auto; min-height:100px!important;}	
.sm-h-150 {height:auto; min-height:150px!important;}
.sm-h-200 {height:auto; min-height:200px!important;}
.sm-h-250 {height:auto; min-height:250px!important;}
.sm-h-300 {height:auto; min-height:300px!important;}
.sm-h-400 {height:auto; min-height:400px!important;}
.sm-h-500 {height:auto; min-height:500px!important;}
.sm-h-600 {height:auto; min-height:600px!important;}
}

@media(max-width:768px){
.xs-h-80 {height:auto; min-height:80px!important;}
.xs-h-100 {height:auto; min-height:100px!important;}	
.xs-h-150 {height:auto; min-height:150px!important;}
.xs-h-200 {height:auto; min-height:200px!important;}
.xs-h-250 {height:auto; min-height:250px!important;}
.xs-h-300 {height:auto; min-height:300px!important;}
.xs-h-400 {height:auto; min-height:400px!important;}
.xs-h-500 {height:auto; min-height:500px!important;}
.xs-h-600 {height:auto; min-height:600px!important;}
}

/*----------------------- widget --------------------------*/
.widget .widget-header .title  { color: #4d4d4d!important; line-height: inherit; }

.btn-widget-header a{
	display: block;
	float: left;
	padding: 4px 6px;
	background: #4d4d4d;
	color: #fff;
	font-size: 15px;
	line-height: 24px!important;
	margin: 5px 15px 15px 15px;
}
.btn-widget-header a:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5) inset; }

.widget-body-mini-plus { background: rgb(248, 248, 248) none repeat scroll 0% 0%; }

/* ----------------------------------- BLOC-BORDER-RADIUS */
.border-ronds4,
.angles-ronds{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.border-ronds8,
.angles-ronds-x2{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.border-ronds10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* --------------------------------------------- textes */
.title{ font-size:21px; }	

.encarts-textes{
	text-align:center;
	height:auto;
	min-height: 40px;
}

.text_noir { color:#4d4d4d!important; }

/* --------------------------- message pop modifier Mdp */
#div_cache b {
	background: rgb(255, 201, 201) none repeat scroll 0% 0%;
	display: block;
	margin: 0px;
	padding: 5px 10px;
}


/* ======================================================= 2 - BOOTSTRAP ELEMENTS ======================================================= */
/*------------------------------------------------ BTN -------------------------------------------------*/
.btn{
 font-size: 16px;
	text-decoration: none;
	padding: 15px;/* ------- centrage vertical => vaut aussi pour toggle checkBox */
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
 border:0px;
}
.btn-grands { font-size:21px; width: 50%; max-width: 280px; min-width: 200px; padding: 10px 20px!important; }

.btn-petits{ padding: 6px 12px!important; }

ul#mini-nav > li.active,
.btn.active, /*collé important */
.btn:active {
    background-image: none;
    outline: 0px none;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5) inset;
    background: rgba(100,100,100, 0.5); /*pour pouvoir passer des classes de couleurs*/
}

/* ----------------------------------------- BTN gnx */
.btn-gnx,
.btn-gnx a {
 color:#4d4d4d;
	background-color: #E4E4E4;
	background-image: linear-gradient(#F2F2F2, #EBEBEB 85%, #CCC);
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
 
.btn-gnx a{ text-decoration:none; }
 
.btn-gnx a i,
.btn-gnx a i:visited { font-size: 30px; color: #4d4d4d; text-decoration:none; }

.btn-gnx:hover,
.btn-gnx .active { color:#fff; }

.btn-gnx a:hover,
.btn-gnx a i:hover,
.btn-gnx:hover,
.btn-gnx:hover a i { color:#fff; background: #4d4d4d;}

/* ------------------------------------------ BTN default */
.btn-default { color: #4d4d4d; border-color: #CCC; }

.btn-danger { color: #fff; background-color: #ec5d58; border-color: #d43f3a; }
.btn-danger .fa, .btn-danger:hover .fa, .btn-danger .fa:hover {color:#fff; }

.separateurs-btn{ margin-right:2px; margin-bottom: 4px; }

/*------------------------------------------- toggle btn -----------------------------------------------*/
.toggle-off.btn,
.toggle-on.btn { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5) inset; }
/* ----------------------------------------------------------------------------- checkBox toggle */
.toggle-on{
	color:#fff!important;
}
.toggle-handle{
	background:#ddd;
}

/* ---------------------------------------------------- ALERTS --------------------------------------- */
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d!important;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #31708f!important;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442!important;
}

/*---------------------------------------------------- FROMS -------------------------------------------*/
input,
.bloc-radius-4{
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.list-group-item-default {
  color: #4d4d4d;
  background-color: #efefef;
}

/* --------------------------------------------- drop-down --------------------------------------*/
.open > .dropdown-menu {
  display: block;
  width: 100%;
}

/* --------------------------------------------- TABLE --------------------------------------*/
.table-responsive { width: 100%; }

/* --------------------------------------------- MODAL --------------------------------------*/
.modal-dialog {
 width: 60%;
	min-width:260px;
	max-width:1240px;
 margin: 5% auto;
 z-index: 1045;
}

/* --------------------------------------------- PAGINATION --------------------------------------*/
.pagination > li,
.pagination > a { display: inline; }

.pagination > a, 
.pagination > li > a, 
.pagination > li > span,
.pagination > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #2777AA;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
		cursor:pointer;
}
.pagination > .disabled {
  cursor:not-allowed;
  color:#b0b0b0;
}

.pagination a:hover,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #3a89ce;
  border-color: #3a89ce;
}

.pagination > .active,
.pagination > .current {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
 

/* ==================================================== 3 - HEADER ================================================== */
header{
	background:#fff;
	padding:0px;
	min-height: 70px;
}
header .logo{ text-align:left; }
header .logo img{ width:25%; min-width:320px; max-width:420px; }
header .pull-right { margin-top:-2px; }

.drapeau-bo, .drapeau-bo img { width: 28px }


/* ==================================================== 4 - NAVIGAIONS ================================================== */
.mini-nav-btn-first a{ border-radius: 0px 0px 0px 4px; -webkit-border-radius: 0px 0px 0px 4px; -moz-border-radius: 0px 0px 0px 4px; }
.mini-nav-btn-last a{ border-radius: 0px 0px 4px 0px; -webkit-border-radius: 0px 0px 4px 0px; -moz-border-radius: 0px 0px 4px 0px; }
 
/* ------------------------------------- MINI-NAV (haut) et BTN GRIS*/
ul#mini-nav li{ /*float: left; */ vertical-align: middle; }
ul#mini-nav li.list-box { margin-left: -1px; }

ul#mini-nav .dropdown-menu {
  /*min-width: 180px; fou la merde avec news.css */
  position: absolute;
  top: 60px;
  left: 0;/*inherit;*/
  border: none;
  padding: 0px; }

ul#mini-nav li.list-box a,
ul#mini-nav li.list-box a:visited {
    color: #4d4d4d;
    text-transform: uppercase;
    padding:10px 15px;
    font-size:12px;
    line-height:22px;
    font-weight:400;
    text-decoration:none;
    background-color: #E4E4E4; 
    background-image: linear-gradient(#F2F2F2, #EBEBEB 85%, #CCC);
    border: 1px solid #8d8d8d; 
}

ul#mini-nav li.list-box a i,
ul#mini-nav li.list-box a i:visited {
 font-size: 30px;
 color: #4d4d4d;
 display:block;
 margin-bottom: 3px; }

ul#mini-nav li.list-box a:hover,
ul#mini-nav li.list-box a:hover i,
ul#mini-nav li.open a,
ul#mini-nav li.open i,
ul#mini-nav li.open a:visited,
ul#mini-nav li.open i:visited { color:#fff;}

ul#mini-nav li.list-box a:hover,
ul#mini-nav li.list-box a:hover i,
ul#mini-nav li.list-box a[aria-expanded="true"],
ul#mini-nav li.list-box a[aria-expanded="true"] i,
ul#mini-nav li.list-box a[aria-expanded="true"]:visited,
ul#mini-nav li.list-box a[aria-expanded="true"] i:visited {
  color: #fff;
}

ul#mini-nav li.list-box a:hover,
ul#mini-nav li.open a,
ul#mini-nav li.open a:visited { background: #343434;}

ul#mini-nav li.list-box a:hover,
ul#mini-nav li.list-box a[aria-expanded="true"],
ul#mini-nav li.list-box a[aria-expanded="true"]:visited {
  background: #343434;
}


ul#mini-nav li.list-box p {
    cursor: not-allowed;
    color: #fff;
    text-transform: uppercase;
    padding:10px 15px;
    font-size:12px;
    line-height:22px;
    font-weight:400;
    text-decoration:none;
    background-color: #343434; 
    border: 1px solid #8d8d8d; 
}

/* ------------------ navigation niv2 */
ul#mini-nav ul { /* écrase news.css ligne 2280 */ min-width: 200px; }

ul#mini-nav ul li.dropdown-menu-li { width: 100%; }
ul#mini-nav ul.dropdown-menu:before { display: none; }

ul#mini-nav ul li.dropdown-menu-li a,
ul#mini-nav ul li.dropdown-menu-li a:visited{
 width: 100%;
 min-width:260px;
	max-width:420px;
	font-size:13px;
 color: #fff;
 background: #4d4d4d;
 border: 0px solid #9b9b9b;
 text-transform: initial;
}
    
ul#mini-nav ul li.dropdown-menu-li a:hover { color: #fff; background: #343434; }

/* ------------------------------------------------------------------------------------- NAV PRINCIPALE */
#cssmenu > ul > li.menu-p-nav-btn-first
#cssmenu > ul > li.menu-p-nav-btn-first a { border-radius: 4px 0px 0px 0px; -webkit-border-radius: 4px 0px 0px 0px; -moz-border-radius: 4px 0px 0px 0px;}

#cssmenu > ul > li.menu-p-nav-btn-last,
#cssmenu > ul > li.menu-p-nav-btn-last a { border-radius: 0px 4px 0px 0px; -webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px;}
 
#cssmenu ul{
  margin:0px;/*left/right 1%*/
	 background-color: #e9e9e9;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cccccc));
  background-image: -webkit-linear-gradient(#fff, #cccccc);
  background-image: -moz-linear-gradient(top, #fff, #cccccc);
  background-image: -o-linear-gradient(#fff, #cccccc);
  background-image: linear-gradient(#fff, #cccccc);
}

#cssmenu > ul > li {
	width: 12.55%;/* 8 entrées */
 min-width: 90px;
	margin-right: -1px;/* espacement nécessaire pour éviter chevauchement des border et ouline des btn a contenus dedans */
}
#cssmenu > ul > li:hover { background: #343434; } /* important dans le cas de souris sur le sous-menu !! */

#cssmenu > ul > li > a,
#cssmenu > ul > li > a:visited {
 padding: 12px 4px;
	height: 70px;
	font-size: 16px;
	border: 1px solid #8d8d8d;
}

#cssmenu > ul > li a.active:hover,
#cssmenu > ul > li a:hover { background: #343434; }
	  
#cssmenu i.fa{ font-size:21px; }

/* ------------------ navigation niv2 */
/*#cssmenu ul ul li{ width:100%; background:#4d4d4d; }*/
#cssmenu ul ul li a{
 background:#4d4d4d;
	width:100%;
	min-width:260px;
	max-width:420px;
	font-size:16px;
}

#cssmenu ul ul { /* écrase news.css ligne 2280 */
    min-width: 380px;
}


/* ---------------------------------------------------------------------------- btn NAV SCROLL-UP */
#scrollUp{
	color: #FFF;
	background: #777 none repeat scroll 0% 0%;
 text-decoration:none;
}
#scrollUp:hover{
	color: #FFF;
	background: #434343;
 text-decoration:none;
}
#scrollUp a{
	text-decoration:none;
}


/* ==================================================== 5 - COULEURS 4 THÈMES ================================================== */
.widget .widget-header-sms,
.widget .widget-header-vocaux,
.widget .widget-header-loc,
.widget .widget-header-sva,
.widget .widget-header-fax,
.widget .widget-header-email  {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    min-height: 44px; /*height: 44px;*/
    padding: 0 15px;
    line-height: 44px;
}
.widget .widget-header-sms .title,
.widget .widget-header-vocaux .title,
.widget .widget-header-loc .title,
.widget .widget-header-sva .title,
.widget .widget-header-fax .title,
.widget .widget-header-email .title {
    color: #efefef;
    font-weight: bold;
    font-size: 21px;
    line-height: inherit;
    font-style: normal!important;
}
.widget .widget-body-sms,
.widget .widget-body-vocaux,
.widget .widget-body-loc,
.widget .widget-body-sva,
.widget .widget-body-fax,
.widget .widget-body-email {
  padding: 15px;
		border: 1px solid #3a89ce;
  border-radius: 0px 0px 4px 4px;
}
.widget .widget-body-vocaux { border: 1px solid #7cbc4d; }

.widget .widget-body-loc{ border: 1px solid #b71d80; }

.widget .widget-body-sva{ border: 1px solid #608241; }

.widget .widget-body-fax{ border: 1px solid #ed6d04; }

.widget .widget-body-email{ border: 1px solid #781f19; }

#p-campagnes .widget .widget-body-sms,
/*#p-campagnes-details .widget .widget-body-sms, NON */
#p-campagnes-futures .widget .widget-body-sms,
#p-historique .widget .widget-body-sms,
#p-campagnes .widget .widget-body-vocaux,
/*#p-campagnes-details .widget .widget-body-vocaux,*/
#p-campagnes-futures .widget .widget-body-vocaux,
#p-historique .widget .widget-body-vocaux,
#p-campagnes .widget .widget-body-loc,
/*#p-campagnes-details .widget .widget-body-loc,*/
#p-campagnes-futures .widget .widget-body-loc,
#p-historique .widget .widget-body-loc,
#p-campagnes .widget .widget-body-fax,
/*#p-campagnes-details .widget .widget-body-fax,*/
#p-campagnes-futures .widget .widget-body-fax,
#p-historique .widget .widget-body-fax,
#p-campagnes .widget .widget-body-email,
#p-campagnes-futures .widget .widget-body-email,
#p-historique .widget .widget-body-email { min-height: 340px;}

.border-coul-gnl{ border: 1px solid #dbdbdb; }


/* ============================================================ SMS */
.sms-coul1 {background : #3a89ce!important;}/* plus claire */
.sms-coul2 {background : #2777AA!important;}/* coul charte*/
.sms-coul3 {background : #246894!important;}/* plus foncé */
.sms-coul1-txt {color : #3a89ce!important;}
.sms-coul2-txt {color : #2777AA!important;}
.sms-coul3-txt {color : #246894!important;}
.sms-coul1-border {border : 0.05em solid #3a89ce!important;}
.sms-coul2-border {border : 0.05em solid #2777AA!important;}
.sms-coul3-border {border : 0.05em solid #246894!important;}
.btn-sms-coul1{ background : #38a6ec!important; color:#fff;}
.btn-sms-coul2 {background : #2777AA!important; color:#fff;}
.btn-sms-coul3 {background : #246894!important; color:#fff;}
.btn-sms-coul1:hover{ background : #2777AA!important; color:#fff;}
.btn-sms-coul2:hover {background : #2777AA!important; color:#fff;}
.btn-sms-coul3:hover {background : #246894!important; color:#fff;}

.widget .widget-header-sms,
.btn-sms {
  background-color: #2777AA!important;/* Fallback Color */
	/* ------------------------------------------ coul1 -> coul2 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a89ce), to(#2777AA));/* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #3a89ce, #2777AA);/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #3a89ce, #2777AA);/* FF3.6 */
  background-image: -ms-linear-gradient(top, #3a89ce, #2777AA);/* IE10 */
  background-image: -o-linear-gradient(top, #3a89ce, #2777AA);/* Opera 11.10+ */
  background-image: linear-gradient(top, #3a89ce, #2777AA);/* navigateurs standards */
		border: 1px solid #3a89ce;/* plus simple pour nav tabs mais a revoir… */
	}
	
.btn-sms,
.btn-sms:hover,
.btn-sms:visited,
.btn-sms:focus { color:#fff; }

.btn-sms:hover{ opacity:0.7; }

.sms-coul3 a{ background-color:#3a89ce; }

/* ======================================================== VOCAUX */
.vocaux-coul1 {background : #90d55e!important;}/* plus claire */
.vocaux-coul2 {	background : #7cbc4d!important;}/* coul charte*/
.vocaux-coul3 {	background : #59992A!important;}/* plus foncé */
.vocaux-coul1-txt {color : #90d55e!important;}
.vocaux-coul2-txt {color : #7cbc4d!important;}
.vocaux-coul3-txt {color : #59992A!important;}
.vocaux-coul1-border {border : 0.05em solid #90d55e!important;}
.vocaux-coul2-border {border : 0.05em solid #7cbc4d!important;}
.vocaux-coul3-border {border : 0.05em solid #59992A!important;}
.btn-vocaux-coul1 {background : #90d55e!important;}
.btn-vocaux-coul2 {background : #7cbc4d!important;}
.btn-vocaux-coul3 {background : #59992A!important;}

/* ==== Ajout Abbas 29/03/2024 --- record audio smv*/

.container-record-audio{
	display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}

.main-controls-audio-smv{
	margin: 1.2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.piste-record-audio{
	margin-top: 1.2em;
	margin-bottom: 1.2rem;
	display: none;
}

.save-button{
	width: 130px;
	display: none;
}

.section-name-record-audio{
	margin-bottom: 1.0rem;
	display: none;
}

.input-name-record-audio{
	margin: 1.0rem;
	width: 250px;
}


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

.btn-vocaux {
  background-color: #7cbc4d!important;/* Fallback Color */
  /* ------------------------------------------ coul1 -> coul2 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7cbc4d), to(#59992A));/* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #7cbc4d, #59992A);/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #7cbc4d, #59992A);/* FF3.6 */
  background-image: -ms-linear-gradient(top, #7cbc4d, #59992A);/* IE10 */
  background-image: -o-linear-gradient(top, #7cbc4d, #59992A);/* Opera 11.10+ */
  background-image: linear-gradient(top, #7cbc4d, #59992A);/* navigateurs standards */
		border: 1px solid #7cbc4d;/* plus simple pour nav tabs mais a revoir… */
}
	
.btn-vocaux,
.btn-vocaux:hover,
.btn-vocaux:visited,
.btn-vocaux:focus { color:#fff; }

.btn-vocaux:hover{ opacity:0.7; }

.widget .widget-header-vocaux {
  background-color: #7cbc4d!important;/* Fallback Color */
 /* ------------------------------------------ coul1 -> coul2 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7cbc4d), to(#59992A));/* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #7cbc4d, #59992A);/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #7cbc4d, #59992A);/* FF3.6 */
  background-image: -ms-linear-gradient(top, #7cbc4d, #59992A);/* IE10 */
  background-image: -o-linear-gradient(top, #7cbc4d, #59992A);/* Opera 11.10+ */
  background-image: linear-gradient(top, #7cbc4d, #59992A);/* navigateurs standards */
  border-bottom: 1px solid #7cbc4d;
}

.vocaux-coul3 a{ background-color:#90d55e; }

/* ======================================================== LBDD */
.loc-coul1 {background : #d44ba3!important;}/* plus claire */
.loc-coul2 {background : #b71d80!important;}/* coul charte*/
.loc-coul3 {background :#981368!important;}/* plus foncé */
.loc-coul1-txt {color : #d44ba3!important;}
.loc-coul2-txt {color : #b71d80!important;}
.loc-coul3-txt {color : #981368!important;}
.loc-coul1-border {border : 0.05em solid #d44ba3!important;}
.loc-coul2-border {border : 0.05em solid #b71d80!important;}
.loc-coul3-border {border : 0.05em solid #981368!important;}
.btn-loc-coul1 {background : #d44ba3!important;}
.btn-loc-coul2 {background : #b71d80!important;}
.btn-loc-coul3 {background : #981368!important;}

.btn-loc {
  background-color: #b71d80!important;/* Fallback Color */
  /* ------------------------------------------ coul1 -> coul2 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d44ba3), to(#b71d80));/* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #d44ba3, #b71d80);/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #d44ba3, #b71d80);/* FF3.6 */
  background-image: -ms-linear-gradient(top, #d44ba3, #b71d80);/* IE10 */
  background-image: -o-linear-gradient(top, #d44ba3, #b71d80);/* Opera 11.10+ */
  background-image: linear-gradient(top, #d44ba3, #b71d80);/* navigateurs standards */
  border: 1px solid #b71d80;/* plus simple pour nav tabs mais a revoir… */
	}
.btn-loc,
.btn-loc:hover,
.btn-loc:visited,
.btn-loc:focus { color:#fff; }

.btn-loc:hover{ opacity:0.7; }
	
.widget .widget-header-loc {
	background-color: #b71d80!important;/* Fallback Color */
	/* ------------------------------------------ coul1 -> coul2 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d44ba3), to(#b71d80));/* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #d44ba3, #b71d80);/* Chrome 10+, Saf5.1+, iOS 5+ */
 background-image: -moz-linear-gradient(top, #d44ba3, #b71d80);/* FF3.6 */
 background-image: -ms-linear-gradient(top, #d44ba3, #b71d80);/* IE10 */
 background-image: -o-linear-gradient(top, #d44ba3, #b71d80);/* Opera 11.10+ */
 background-image: linear-gradient(top, #d44ba3, #b71d80);/* navigateurs standards */
	border-bottom: 1px solid #b71d80;
}

.loc-coul3 a,
.loc-coul1 a,
.loc-coul2 a{ background-color: #d44ba3; }

/* ======================================================== SVA */
.sva-coul1 {background : #699047!important;}/* plus claire */
.sva-coul2 {background : #608241!important;}/* coul charte*/
.sva-coul3 {background :#56753b!important;}/* plus foncé */

.btn-sva {
 background-color: #56753b!important;/* Fallback Color */
	/* ------------------------------------------ coul1 -> coul2 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#699047), to(#56753b));/* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #699047, #56753b);/* Chrome 10+, Saf5.1+, iOS 5+ */
 background-image: -moz-linear-gradient(top, #699047, #56753b);/* FF3.6 */
 background-image: -ms-linear-gradient(top, #699047, #56753b);/* IE10 */
 background-image: -o-linear-gradient(top, #699047, #56753b);/* Opera 11.10+ */
 background-image: linear-gradient(top, #699047, #56753b);/* navigateurs standards */
	border: 1px solid #608241;/* plus simple pour nav tabs mais a revoir… */
	}
 
.btn-sva,
.btn-sva:hover,
.btn-sva:visited,
.btn-sva:focus { color:#fff; }

.btn-sva:hover{ opacity:0.7; }
	
.widget .widget-header-sva {
	background-color: #56753b!important;/* Fallback Color */
	/* ------------------------------------------ coul1 -> coul2 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#699047), to(#56753b));/* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #699047, #56753b);/* Chrome 10+, Saf5.1+, iOS 5+ */
 background-image: -moz-linear-gradient(top, #699047, #56753b);/* FF3.6 */
 background-image: -ms-linear-gradient(top, #699047, #56753b);/* IE10 */
 background-image: -o-linear-gradient(top, #699047, #56753b);/* Opera 11.10+ */
 background-image: linear-gradient(top, #699047, #56753b);/* navigateurs standards */
	border-bottom: 1px solid #56753b;
}

.sva-coul3 a,
.sva-coul1 a,
.sva-coul2 a{ background-color: #d44ba3; }

.alconn-coul1 {background : #8A2BE2!important;}
.alconn-coul1-txt {background : #8A2BE2!important;}
.alconn-coul1-border {border : 0.05em solid #8A2BE2!important;}
/* ============================================================== Fax */

.fax-coul1 {background : #ff800d!important;}/* plus claire */
.fax-coul2 {background : #ed6d04!important;}/* coul charte*/
.fax-coul3 {background : #b75000!important;}/* plus foncé */

.fax-coul1-txt {color : #ff800d!important;}
.fax-coul2-txt {color : #ed6d04!important;}
.fax-coul3-txt {color : #b75000!important;}

.fax-coul1-border {border : 0.05em solid #ff800d!important;}

.btn-fax-coul1 {background : #ff800d!important;}

.btn-fax {
  background-color: #ed6d04!important;/* Fallback Color */
  /* ------------------------------------------ coul1 -> coul2 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff800d), to(#ed6d04));/* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ff800d, #ed6d04);/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ff800d, #ed6d04);/* FF3.6 */
  background-image: -ms-linear-gradient(top, #ff800d, #ed6d04);/* IE10 */
  background-image: -o-linear-gradient(top, #ff800d, #ed6d04);/* Opera 11.10+ */
  background-image: linear-gradient(top, #ff800d, #ed6d04);/* navigateurs standards */
  border: 1px solid #ed6d04;/* plus simple pour nav tabs mais a revoir… */
	}
 
.btn-fax,
.btn-fax:hover,
.btn-fax:visited,
.btn-fax:focus { color:#fff; }

.btn-fax:hover{ opacity:0.7; }

.widget .widget-header-fax {
 background-color: #ed6d04!important;/* Fallback Color */
	/* ------------------------------------------ coul1 -> coul2 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff800d), to(#ed6d04));/* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ff800d, #ed6d04);/* Chrome 10+, Saf5.1+, iOS 5+ */
 background-image: -moz-linear-gradient(top, #ff800d, #ed6d04);/* FF3.6 */
 background-image: -ms-linear-gradient(top, #ff800d, #ed6d04);/* IE10 */
 background-image: -o-linear-gradient(top, #ff800d, #ed6d04);/* Opera 11.10+ */
 background-image: linear-gradient(top, #ff800d, #ed6d04);/* navigateurs standards */
	border: 1px solid #ed6d04;/* plus simple pour nav tabs mais a revoir… */
}

.fax-coul3 a,
.fax-coul1 a,
.fax-coul2 a{ background-color: #ed6d04; }


/* ============================================================== Email */
/* plus claire		#E9E152	#DBD11C */	
/* coul charte		#DFD61C	#C0B818 */	
/* plus foncé		#BEB618	#979113 */	

/* plus claire		#8f4a45	# */	
/* coul charte		#781f19	# */	
/* plus foncé		#501511	# */	

 
/*.email-coul1 {background : #8f4a45!important;}/* plus claire */
/*.email-coul2 {background : #781f19!important;}/* coul charte*/
/*.email-coul3 {background : #501511!important;}/* plus foncé */

/* .email-coul1-txt {color : #8f4a45!important;} */
/* .email-coul2-txt {color : #781f19!important;} */
/* .email-coul3-txt {color : #501511!important;} */

/* .email-coul1-border {border : 0.05em solid #8f4a45!important;} */

/* .btn-email-coul1 {background : #8f4a45!important;} */

/* .btn-email { */
/*   background-color: #781f19!important; */
  /* ------------------------------------------ coul1 -> coul2 */
/*   background-image: -webkit-gradient(linear, left top, left bottom, from(#8f4a45), to(#781f19));/* Saf4+, Chrome */ 
/*   background-image: -webkit-linear-gradient(top, #8f4a45, #781f19);/* Chrome 10+, Saf5.1+, iOS 5+ */ 
/*   background-image: -moz-linear-gradient(top, #8f4a45, #781f19);/* FF3.6 */ 
/*   background-image: -ms-linear-gradient(top, #8f4a45, #781f19);/* IE10 */ 
/*   background-image: -o-linear-gradient(top, #8f4a45, #781f19);/* Opera 11.10+ */ 
/*   background-image: linear-gradient(top, #8f4a45, #781f19);/* navigateurs standards */ 
/*   border: 1px solid #8f4a45;/* plus simple pour nav tabs mais a revoir… */ 
/* 	} */
 
/* 
.btn-email,
.btn-email:hover,
.btn-email:visited,
.btn-email:focus { color:#fff; }

.btn-email:hover{ opacity:0.7; }
 */

/* .widget .widget-header-email { */
/*  background-color: #781f19!important;/* Fallback Color */ 
	/* ------------------------------------------ coul1 -> coul2 */
/* 	background-image: -webkit-gradient(linear, left top, left bottom, from(#8f4a45), to(#781f19));/* Saf4+, Chrome */ 
/* 	background-image: -webkit-linear-gradient(top, #8f4a45, #781f19);/* Chrome 10+, Saf5.1+, iOS 5+ */ 
/* 	background-image: -moz-linear-gradient(top, #8f4a45, #781f19);/* FF3.6 */ 
/* 	background-image: -ms-linear-gradient(top, #8f4a45, #781f19);/* IE10 */ 
/* 	background-image: -o-linear-gradient(top, #8f4a45, #781f19);/* Opera 11.10+ */ 
/* 	background-image: linear-gradient(top, #8f4a45, #781f19);/* navigateurs standards */ 
/* 	border: 1px solid #781f19;/* plus simple pour nav tabs mais a revoir… */ 
/* } */

/* 
.email-coul3 a,
.email-coul1 a,
.email-coul2 a{ background-color: #781f19; }
 */

.email-coul1 {background : #ff800d!important;}/* plus claire */
.email-coul2 {background : #ed6d04!important;}/* coul charte */
.email-coul3 {background : #b75000!important;}/* plus foncé */

.email-coul1-txt {color : #ff800d!important;}
.email-coul2-txt {color : #ed6d04!important;}
.email-coul3-txt {color : #b75000!important;}

.email-coul1-border {border : 0.05em solid #ff800d!important;}

.btn-email-coul1 {background : #ff800d!important;}

.btn-email {
  background-color: #ed6d04!important;/* Fallback Color */
  /* ------------------------------------------ coul1 -> coul2 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff800d), to(#ed6d04));/* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ff800d, #ed6d04);/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ff800d, #ed6d04);/* FF3.6 */
  background-image: -ms-linear-gradient(top, #ff800d, #ed6d04);/* IE10 */
  background-image: -o-linear-gradient(top, #ff800d, #ed6d04);/* Opera 11.10+ */
  background-image: linear-gradient(top, #ff800d, #ed6d04);/* navigateurs standards */
  border: 1px solid #ff800d;/* plus simple pour nav tabs mais a revoir… */
	}
 
.btn-email,
.btn-email:hover,
.btn-email:visited,
.btn-email:focus { color:#fff; }

.btn-email:hover{ opacity:0.7; }

.widget .widget-header-email {
 background-color: #ed6d04!important;/* Fallback Color */
	/* ------------------------------------------ coul1 -> coul2 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff800d), to(#ed6d04));/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ff800d, #ed6d04);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #ff800d, #ed6d04);/* FF3.6 */
	background-image: -ms-linear-gradient(top, #ff800d, #ed6d04);/* IE10 */
	background-image: -o-linear-gradient(top, #ff800d, #ed6d04);/* Opera 11.10+ */
	background-image: linear-gradient(top, #ff800d, #ed6d04);/* navigateurs standards */
	border: 1px solid #ed6d04;/* plus simple pour nav tabs mais a revoir… */
}

.email-coul3 a,
.email-coul1 a,
.email-coul2 a{ background-color: #ed6d04; }


/* ================================================== PAGES / ID ================================================= */

/*------------------------------------------------------------------------------------------ page Formulaire Alerte Population */
#header_formulaire_alerte_population{ max-width:600px; }

#header_formulaire_alerte_population { margin: 0 auto; padding: 0;}


/*------------------------------------------------------------------------------------------ page CONNEXION */
#header_connexion,
#p_connexion_bo .dashboard-wrapper-lg,
#p_connexion_bo footer{ max-width:1200px; }

#header_connexion { margin: 0 auto; padding: 0;}

#p_connexion_bo .dashboard-wrapper-lg{	margin-top : 60px; }

	
/*--------------------------------------------------------------------------------- page tableau-bord et SMS*/
/*----------------------------------- ligne recap-credits */
#recap-credits .mini-widget-body{
	height:auto;
	min-height:200px;
}
#recap-credits .mini-widget-body .pull-left > .fa {
  font-size: 90px;
		line-height:90px;
		margin-top:30px;
}

#recap-credits .pull-right { float: none!important; }

.mini-widget-footer a{
	display:block;
	width:66%;
	max-width:260px;
	padding:4px 6px;
	margin:0 auto;
	color:#fff;
	border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;
	font-size:19px;
	text-decoration:none;
}

.mini-widget-footer a:hover{ opacity: 0.5; }

#myTab .title { font-size: 21px; line-height:21px; }

.nav-tabs > li > a { line-height:21px; }

.nb-credits { font-size: 26px; }

/* ------------------------------------------------------------------- */
.grd-parties { font-size:24px; text-transform:uppercase; }

#nav-produit .btn-gnx{ padding: 6px 12px!important; margin-bottom: 6px; margin-right: 4px; }

#nav-produit .btn .active,
#nav-produit .btn.active,
#nav-produit .btn:active { color:#fff!important; }

#date-dropdown button { color: #4d4d4d; }
#date-dropdown button:hover { color: #fff; }

#date-dropdown .btn-danger { color: #fff; background-color: #ec5d58; }
#date-dropdown .btn-danger:hover { background-color: #d50701; }

.txt-no-campagne{
	font-size: 21px;
 line-height: 30px;
 font-weight: 500;
 text-align: center;
 margin-top: 15px;
}
.txt-no-campagne > .btn-gnx{ padding:4px 12px; width:240px; }

.tel-messages { text-align: center;}

/*tel et txt-dyn */
.tel-messages img{
	width:100%;
	height:auto;
	max-width:360px;
	min-width:224px;
	margin:0 auto;
}

#txt-campagne-dyn_send,
#txt-campagne-dyn {
	font-size:16px;
	font-weight:normal;
	display:block;
 position: absolute;
	top: 33%;
 left: 22%;
	width: 290px;
	height: 56%;
	text-align: left;
	overflow-y: auto;
	padding:0 15px;
}
#txt-campagne-dyn_send {
	top: 20%;
 left: 20%;
}

#txt-emetteur-dyn_send,
#txt-emetteur-dyn{
	font-size:18px;
	font-weight:500;
	display:block;
 position: absolute;
	top: 27%;
 left: 22%;
	width: 306px;
 height: 40px;
 text-align: center;
	overflow-y: none;
	}
#txt-emetteur-dyn_send {
	top: 14%;
 left: 20%;
}

.graphiques{
	height:auto;
	min-height:140px!important;
}

#nav-periode .btn.active,
#nav-periode .btn:active {
  background-image: none;
  outline: 0px none;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5) inset;
  background: rgba(100,100,100, 0.5);
}

.collapse-separateurs { /* --------------- changement à 766 */
	height:auto;
	min-height:294px;
	border-bottom:0px solid!important; border-top:0px!important; border-left:0px !important;
}

/* --------------------------------------------------------------------------------------------- page LOGIN */
#p_login { margin-top:10px; }
/* ----------------- structure en tabs */
/*.nav-tabs > li { width: 20%; }*/
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;/* 5px pour inf 491 */ 
}

/* ------------------------------ nav en menu */
/*nav tab-3 */
.nav-tabs.nav-justified > li > a {
	border: 1px solid #444;
	background: #bcbcbc;
	color: #fff;
	text-decoration:none;
 font-weight:bold;
	border: 1px solid #fff;
	border-radius: 0px; -moz-border-radius:0px; -o-border-radius:0px;
}

.nav-tabs.nav-justified > li > a:hover{
	color:#fff;
 background-color: #4d4d4d;
	border-bottom:0px;
}

.nav-tabs.nav-justified > li > .btn-social { background: #9b9b9b; }
.nav-tabs.nav-justified > li > .btn-social > .badge { background:#ec5d58; /*#007bbe;*/ } 

.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:focus, 
.nav-tabs.nav-justified > .active > a:visited,
.nav-tabs.nav-justified > .active > a:hover {
 color:#4d4d4d;
 background-color: #fff;
	border-bottom:0px;
}

.nav-tabs.nav-justified > .active > .disabled { 
	background :
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}

#login_widget_total {/* carde total */ border:1px solid #4d4d4d; }
#login_widget_total .nav-tabs { margin-bottom: -1px; }

#p_login .widget-header-sms,
#p_login .widget-body-sms {/* carde total */ border:0px; }

/* -------------------------------------------------------- RESPONSIVE special tab-pane */
@media (min-width: 768px) and (max-width: 992px) {
  .nav-tabs.nav-justified > li {
   width: 16.666%; /* 6btns*/
   float: left; } }
		
@media (min-width: 320px) and (max-width: 767px) {
  .nav-tabs.nav-justified > li {
     width: 20%; } }
/*.tab-pane { width:100% } ne pas mettre sinon problème de taille p/r padding des cols responsive*/

/* ----------------------------------------------------------- ONGLET credits */
#prix-sms-international table{ font-size:16px; }
 
@media (min-width: 491px) and (max-width: 767px) {
	#prix-sms-international table{ font-size:13px; }
}
@media (min-width: 300px) and (max-width: 490px) {
	#prix-sms-international table{ font-size:10px; }
}

/* ------------------------------------------------------------ ONGLET  alertes-credits */
#wdgt-alertes-credits div.mini-widget-heading { min-height:auto; }

#wdgt-alertes-credits .sms-coul1-txt .col-lg-4,
#wdgt-alertes-credits .vocaux-coul2-txt .col-lg-4,
#wdgt-alertes-credits .loc-coul2-txt .col-lg-4 { padding:0px; }

#wdgt-alertes-credits i.fa{
	font-size: 45px;
	line-height: 38px!important;
}
#gestion-retours i.fa{
	font-size:46px!important;
	line-height: initial;
}
#gestion-retours .mini-widget .mini-widget-body,
#wdgt-alertes-credits .mini-widget .mini-widget-body {
	background-color: transparent!important;
 min-height:130px;
 }

#wdgt-alertes-credits .mini-widget .mini-widget-body .number {
    font-size: 24px;
    padding: 0px;
}

.mini-wdgt-fields{
	background-color: transparent;
	max-width: 120px;
	text-align: right;
	font-size: 34px;
	border: 0px;
}
.mini-wdgt-ligne{
	width:100%;
	text-align:right;
	font-size:18px;
	line-height: initial;
}
.mini-wdgt-ligne input{
	text-align:right;
}
#wdgt-alertes-credits .txt-reduit{
    font-size: 13px!important;
}
/*------------------------------------------------------------------ ONGLET mon api*/
#div_api_ip_liste.widget-body,
#div_api_domaine_liste.widget-body { max-height: 240px; overflow: auto; }

/* -------------------------------------- recap-graph-donuts */
.row-with-donuts .widget-body-sms { height:auto; min-height:340px; }

/* ------------------------------------------------------------------------------------ pages location_from_BO */
#main > #page-tot{
	border:1px solid #b0b0b0;
}

/* ------------------------------------------------------------------------------------ pages sous-comptes */
#recap-credits label {
	color:#fff!important;
	font-weight:bold;
}

#recap-credits .champs-recap input {
	text-align: right;
  max-width: 260px;
  float: right;
}
.champs-recap hr {
	padding:5px 0px;
	border-color:#fff;
}

#recap-credits #box-overflow-sms {
	overflow:auto;
	overflow-x: hidden;
  padding-right: 20px;
	height:200px;
}

#recap-credits-vocaux-ss-cpt{ /* --------------------- hauteur body vocaux for lg*/
	height:452px !important;
}

#page-sous-comptes .mini-widget .mini-widget-footer i { display:inline-block; float:none; }

.affichage-none {
	display:none;
}
/* --------------- Mon api */
.titres-plusplus { font-size:21px; }

.sous-compte-affichage {
	background:#bcbcbc;
	padding:6px 10px;
	font-size: 21px;
	border-radius:4px 4px 0px 0px;
	-o-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
}
/* ------------------------------------------------------------------------------------ pages sous-comptes historiques */
#page_historique_sous-comptes	.form-inline .form-control { width: auto!important; text-align:left;}
	
#page_historique_sous-comptes select{ margin-right:30px; }

#page_historique_sous-comptes .btn-petits { width:auto!important; min-width:180px; margin-top:0px;}

/*-------------------------------------------------------------------------------------------- Historique des campagnes -> campagnes.php */
#tab_historique_campagne td:first-child {
    vertical-align:top;
    padding-top:10px;
}
#tab_historique_campagne td {
    vertical-align:top;
    padding-top:10px;
}
#tab_historique_campagne .table-bordered > tbody > tr > td,
#tab_historique_campagne .table-bordered > tbody > tr > th,
#tab_historique_campagne .table-bordered > tfoot > tr > td,
#tab_historique_campagne .table-bordered > tfoot > tr > th,
#tab_historique_campagne .table-bordered > thead > tr > td,
#tab_historique_campagne .table-bordered > thead > tr > th {
    border: 1px solid #ccc !important;
    max-width: 420px;
    overflow-x: auto;
}
/*
#tab_historique_campagne .slidedown-message::-webkit-scrollbar { 
    display: none; 
} 
   
#tab_historique_campagne .container-slidedown-msg .slidedown-message {
    overflow-y:hidden;
    height:25px;
    padding-left:5px;
    padding-right:35px;
    position:relative;
    margin-bottom: 10px;
    min-width: 220px;
    max-width: 360px;
}
#tab_historique_campagne .container-slidedown-msg .arrow-down-expend {
    float:right;
    margin-right:5px;
    cursor:pointer;
    transition: color 0.2s;
    position:absolute;
    right:0px;
    top:0px;
}
#tab_historique_campagne .container-slidedown-msg .arrow-down-expend:hover {
    color:#3a89ce;
}
*/


#tab_historique_campagne .slidedown-message {
    padding-left:5px;
    padding-right:35px;
    margin-bottom: 7px;
    max-width: 360px;
}
/*-------------------------------------------------------------------------------------------- page campagnes*/
.nav-tabs.nav-justified > li > a,
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:focus, 
.nav-tabs.nav-justified > .active > a:hover {
	border:0px;
}

.float_gauche{
	display:block;
	float:left;
	/*width:45%;*/
}

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    padding: 2px 2px;
    line-height: 1.42857143;
    vertical-align: middle;
    max-width: 420px;
    overflow-x: auto;
}
.table-responsive table .btn,
#listeCampagnes p,
#listeCampagnes td,
/*#listeCampagnes .btn,*/
#listeMvocaux p,
#listeMvocaux td/*,
#listeMvocaux .btn*/ {
	margin:0px;
	padding:4px 6px;
	font-size:16px;
}

.div_btns_campagnes {text-align:left; margin-bottom:15px;}
.div_btns_campagnes button,
.div_btns_campagnes a{
	padding:6px 12px;
}
.form-control-custo {
    display: block;
		float:left;/* en plus */
    /*width: 100%; en moins */
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.nodata-hachures{
	text-align:center;
	background: 
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 2px,
    #ccc 2px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #eee
  );
}

#nav-produit ul{
	float:right;
	margin:0px 15px;
}

#historique_sms a{
	text-decoration:none;
	color:#3a89ce;
	}
#historique_sms a:hover{
	text-decoration:underline;
	color:#3a89ce;
	}
#historique_vocaux a {
	text-decoration:none;
	color:#59992A;
	}
#historique_vocaux a:hover {
	text-decoration:underline;
	color:#59992A;
	}
	
#historique_loc a {
	text-decoration:none;
	color:#f5890d;
	}
#historique_loc a:hover {
	text-decoration:underline;
	color:#f5890d;
	}
 
#historique_fax a {
	text-decoration:none;
	color:#f5890d;
	}
#historique_fax a:hover {
	text-decoration:underline;
	color:#f5890d;
	}
	
/* btn dans tableau */	
#historique_sms a > i,
#historique_vocaux a > i,
#historique_loc a > i {
    color: #4d4d4d;
}
#historique_sms a:hover > i,
#historique_vocaux a:hover > i,
#historique_loc a:hover > i {
    color: white;
}

.bando_new {
    background-image: url(../img-elements/bandeau-nouveau_isendpro_bo.png);
    background-repeat: no-repeat;
		background-size: cover;
    background-position: top right;
    height: 36px;
    width: 188px;
    display: inline-block;
		position: absolute;
		right: -28px;
    top: 1px;
		padding-left: 46px;
		color:#fff;
		font-size:14px;
}
.bando_new-g {
    background-image: url(../img-elements/bandeau-nouveau_isendpro_bo_gauch.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    height: 36px;
    width: 188px;
    display: inline-block;
    position: absolute;
    left: -18px;
    top: 12px;
    padding-left: 46px;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
}

/* ------------------------------------------ modal-popup SMS2-basics bootstrap */
/* -------------------------------------- pop elle-meme */
#sms2_basic {
		width:90%;
		min-width:1120px;
		max-width:1480px;
		margin-top:15px;
	}
	
#sms2_basic .modal-header a { text-decoration:none; }

#sms2_basic .modal-header .pull-left > strong { font-size:24px; }
/*#nav_sms2_basic .nav-pills > li { /* en dur dans ajax/refresh_smsplus.php
	background-color: #E4E4E4;
	background-image: linear-gradient(#F2F2F2, #EBEBEB 85%, #CCC);
}*/
#sms_plus_0 > .modal-header >.pull-left strong,
#sms_plus_1 > .modal-header >.pull-left strong,
#sms_plus_2 > .modal-header >.pull-left strong,
#sms_plus_3 > .modal-header >.pull-left strong,
#sms_plus_4 > .modal-header >.pull-left strong,
#sms_plus_5 > .modal-header >.pull-left strong,
#sms_plus_6 > .modal-header >.pull-left strong { /* ----------------------------- titre modal */
	font-size:24px;
	font-weight:700;
}

/* -------------------------------------- fin pop elle-meme */
#sms2_basic .modal-body #sms2_dashboard_crea {
	background:#efefef;
	border:1px solid #4d4d4d;
	margin-top:-2px;
	border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	-o-border-radius:0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

#sms2_basic .modal-body #sms2_dashboard_crea > hr { clear:both; }
/* ----------------------------------------- bulles tooltip */

#sms2_dashboard_crea .tooltip > .tooltip-inner{
	width:360px!important;
}

.cases-table-overflow-y{
	text-align:center;
	width:100%;
	height:auto;
	min-height:20px;
	max-height:100px;
	overflow:auto;
}

#nav_sms2_basic .nav-pills > li> a {
	width:100%;
	height:100%;
	color:#4d4d4d;
	text-decoration:none;
	text-transform:uppercase;
	border-width:0px 1px 0px 0px;
	border-right: 1px #fff solid;
	border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	-webkit-border-radius: 0px;
}
#nav_sms2_basic .nav-pills > li> a:hover {
	width:100%;
	height:100%;
	color:#4d4d4d;
	background:#efefef;
}
	
	#tel_sms2 img{
		width:320px;
		height:auto;
	}
	
	#contenu_dyn_tel {
		font-weight: normal;
		display: block;
		position: absolute;
		top: 11.6%;
		right: 20.4%;
		width: 280px;
		height: 492px;
		text-align: left;
		overflow-y: hidden;/*auto*/
		border: 0px solid #000;
  /* ---------- border ext */
  outline-style: solid;
  outline-color: #000;
  outline-width: 5px;
  border-radius:4px!important;
  -moz-border-radius:4px!important;
  -o-border-radius:4px!important;
  -webkit-border-radius: 4px!important;
	}
	
	/* --------------------------------------------- SMS 3 ou 2.0 evolués */
	/* modal sms3 size*/
	@media (min-width: 1170px) {
		#modal_sms3 .modal-dialog {
				width: 1130px;
		}
	}
	#modal_sms3 .modal-body {
		position:relative;
	}
	#modal_sms3 .modal-dialog .modal-body{
		min-height:550px;
	}
	
	/* button close */
	#modal_sms3 .btn-primary,
	#modal_sms3 .btn-primary:focus {
			border-color: #1b8aba #1b8aba #17769f;
			background: repeat-x #1e9bd0;
			background-image: -webkit-linear-gradient(top,#1f9ed4 0,#1b8aba 100%);
			background-image: linear-gradient(to bottom,#1f9ed4 0,#1b8aba 100%);
			border-radius: 2px;
			font-size: 13px;
	}
	 #modal_sms3 .btn-label {
			display: block;
			float: left;
			margin: -8px 12px -8px -13px;
			padding: 8px 10px;
			position: relative;
			background: rgba(0,0,0,.06);
			line-height: 15px;
			border-bottom-left-radius: 2px;
			border-top-left-radius: 2px;
	}
	
	/* spinner loading */
	.main-throbber,
	.main-throbber:after {
		width: 48px;
		height: 48px;
		border-radius:50%;
	}
	.main-throbber {
			position: absolute;
			top:50%;
			left:50%;
			margin: 0 auto;
			margin-top:-25px;
			margin-left:-25px;
			font-size: 8px;
			text-indent: -9999em;
			border-top: .3em solid rgba(0,0,0,.04);
			border-right: .3em solid rgba(0,0,0,.04);
			border-bottom: .3em solid rgba(0,0,0,.04);
			border-left: .3em solid #ddd;
			-webkit-animation: main-throbber 1.1s infinite linear;
			animation: main-throbber 1.1s infinite linear;
			border-top: 0.3em solid rgba(0, 0, 0, 0.1);
			border-right: 0.3em solid rgba(0, 0, 0, 0.1);
			border-bottom: 0.3em solid rgba(0, 0, 0, 0.1);
			border-left: 0.3em solid rgba(0, 0, 0, 0.7);
	}
	@-webkit-keyframes main-throbber{
		0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
		100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
	}
	@keyframes main-throbber{
		0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
		100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
	}
	/* --------------------------------------------- SMS 3 ou 2.0 evolués */
	#collapseAvances {height:140px;width:80%;overflow:auto;}
	
	
	/* -------------------------------------------------------- btn social */
	#collapseSocial {height:140px;width:80%;overflow:auto; color:#38a6ec;}
	
	#button_collapseSocial, #infoSocial {color: #38a6ec!important;}  /*#ec5d58*/
	#button_collapseSocial:hover, #infoSocial:hover {color: #38a6ec!important;}/* #c9302c;
	

 /* ------------- step bar - wizard nav bootstrap */
 ul.nav-wizard {
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  *zoom: 1;
  position: relative;
  overflow: hidden;
}
ul.nav-wizard:before {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 46px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard li {
  position: relative;
  float: left;
  height: 46px;
  display: inline-block;
  text-align: middle;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
}
ul.nav-wizard li a {
  padding: 0;
  text-decoration:none;
}
ul.nav-wizard li a:hover {
  background-color: transparent;
}
ul.nav-wizard li:before {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #d4d4d4;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -16px;
}
ul.nav-wizard li:after {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #f9f9f9;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -15px;
}
ul.nav-wizard li.active {
  color: #3a87ad;
  background: #d9edf7;
}

ul.nav-wizard li.active:after {
  border-left: 16px solid #d9edf7;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: #3a89ce;
  background: #d9edf7;
}
ul.nav-wizard .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
  border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}
/* ---------------------------------------------------end wizard nav */

/* ---------------------------------------------------nav_changement étapes */
#nav_send_smsv .btn{
	width:auto;
	height:inherit;
}

#etapes_campagne .title {
	font-size:21px;
	font-weight:bold;
}
.table_cont-box_etape1{
	height:260px;
	overflow:auto;
}

textarea.form-control.txtarea-box_etape1 {/* désactve height:auto de bootstrap.min */
	height: 310px; 
	text-align:left;
}

#envoi-etape1_widget_total .widget-body-sms .widget {
    margin-bottom:0px;
}


/* ------------------------------ comptage sms long */
#comptage-sms-long {
	float:right;
	font-size: 14px;
  /*font-weight: 300; pour avoir tous les italic idem sur la page envoi */
}
#comptage-sms-long input {
  border: 0px none;
  color: #0271aa;
  width:auto; min-width:24px; max-width:40px;
  text-align: right;
  padding: 0 6px;
}

#sms-long{
  margin-top:10px;
}
#sms-long .progress-lg {
  height: 18px;
  position:relative;
}
#sms-long .progress-bar {
  z-index:1;
  position:absolute;
}
#sms-long .progress-bar {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#sms-long .progress-zone {
  font-size:10px;
  width: 16.66%;
  position: absolute;
  color: #666;
  border-right: 1px solid #ddd;
  text-align:center;
  z-index:10;
  vertical-align: middle;
  margin:0px;
}
#sms-long div.active .progress-zone {
    color:#fff;
}
#sms-long div.activerouge .progress-zone {
    color:#fff;
}
#sms-long .progress-contain-6 .progress-zone { border-right: 0px;}


#sms-long .progress-light {
    width: 16.40%;
    z-index: 1;
    height: 18px;
    position:absolute;
}
#sms-long .progress-contain-1 .progress-light {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#sms-long .progress-contain-6 .progress-light {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#sms-long div.active .progress-light {
    background-color: rgb(125, 147, 166);
}
#sms-long div.activerouge .progress-light {
    background-color: rgb(236, 93, 88);
}


#sms-long .progress-contain-1 .progress-zone,
#sms-long .progress-contain-1 .progress-light { left:0%;}

#sms-long .progress-contain-2 .progress-zone,
#sms-long .progress-contain-2 .progress-light { left:16.66%; }

#sms-long .progress-contain-3 .progress-zone,
#sms-long .progress-contain-3 .progress-light { left:33.32%; }

#sms-long .progress-contain-4 .progress-zone,
#sms-long .progress-contain-4 .progress-light { left:49.98%; }

#sms-long .progress-contain-5 .progress-zone,
#sms-long .progress-contain-5 .progress-light { left:66.31%; }

#sms-long .progress-contain-6 .progress-zone,
#sms-long .progress-contain-6 .progress-light { left:83.64%;}





#sms-long-nrj{
    margin-top:10px;
}
#sms-long-nrj .progress-lg {
    height: 18px;
    position:relative;
}
#sms-long-nrj .progress-bar {
    z-index:1;
    position:absolute;
}
#sms-long-nrj .progress-bar {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#sms-long-nrj .progress-zone {
    font-size:10px;
    width: 16.66%;
    position: absolute;
    color: #666;
    border-right: 1px solid #ddd;
    text-align:center;
    z-index:10;
    vertical-align: middle;
    margin:0px;
}
#sms-long-nrj div.active .progress-zone {
    color:#fff;
}

#sms-long-nrj .progress-contain-6 .progress-zone { border-right: 0px;}


#sms-long-nrj .progress-light {
    width: 16.40%;
    z-index: 1;
    height: 18px;
    position:absolute;
}
#sms-long-nrj .progress-contain-1 .progress-light {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#sms-long-nrj .progress-contain-6 .progress-light {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#sms-long-nrj div.active .progress-light {
    background-color: rgb(125, 147, 166);
}

#sms-long-nrj .progress-contain-1 .progress-zone,
#sms-long-nrj .progress-contain-1 .progress-light { left:0%;}

#sms-long-nrj .progress-contain-2 .progress-zone,
#sms-long-nrj .progress-contain-2 .progress-light { left:16.66%; }

#sms-long-nrj .progress-contain-3 .progress-zone,
#sms-long-nrj .progress-contain-3 .progress-light { left:33.32%; }

#sms-long-nrj .progress-contain-4 .progress-zone,
#sms-long-nrj .progress-contain-4 .progress-light { left:49.98%; }

#sms-long-nrj .progress-contain-5 .progress-zone,
#sms-long-nrj .progress-contain-5 .progress-light { left:66.31%; }

#sms-long-nrj .progress-contain-6 .progress-zone,
#sms-long-nrj .progress-contain-6 .progress-light { left:83.64%;}




#sms-long-m1{
    margin-top:10px;
}
#sms-long-m1 .progress-lg {
    height: 18px;
    position:relative;
}
#sms-long-m1 .progress-bar {
    z-index:1;
    position:absolute;
}
#sms-long-m1 .progress-bar {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#sms-long-m1 .progress-zone {
    font-size:10px;
    width: 16.66%;
    position: absolute;
    color: #666;
    border-right: 1px solid #ddd;
    text-align:center;
    z-index:10;
    vertical-align: middle;
    margin:0px;
}
#sms-long-m1 div.active .progress-zone {
    color:#fff;
}

#sms-long-m1 .progress-contain-6 .progress-zone { border-right: 0px;}


#sms-long-m1 .progress-light {
    width: 16.40%;
    z-index: 1;
    height: 18px;
    position:absolute;
}
#sms-long-m1 .progress-contain-1 .progress-light {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#sms-long-m1 .progress-contain-6 .progress-light {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#sms-long-m1 div.active .progress-light {
    background-color: rgb(125, 147, 166);
}

#sms-long-m1 .progress-contain-1 .progress-zone,
#sms-long-m1 .progress-contain-1 .progress-light { left:0%;}

#sms-long-m1 .progress-contain-2 .progress-zone,
#sms-long-m1 .progress-contain-2 .progress-light { left:16.66%; }

#sms-long-m1 .progress-contain-3 .progress-zone,
#sms-long-m1 .progress-contain-3 .progress-light { left:33.32%; }

#sms-long-m1 .progress-contain-4 .progress-zone,
#sms-long-m1 .progress-contain-4 .progress-light { left:49.98%; }

#sms-long-m1 .progress-contain-5 .progress-zone,
#sms-long-m1 .progress-contain-5 .progress-light { left:66.31%; }

#sms-long-m1 .progress-contain-6 .progress-zone,
#sms-long-m1 .progress-contain-6 .progress-light { left:83.64%;}

#sms-long-m2{
    margin-top:10px;
}
#sms-long-m2 .progress-lg {
    height: 18px;
    position:relative;
}
#sms-long-m2 .progress-bar {
    z-index:1;
    position:absolute;
}
#sms-long-m2 .progress-bar {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#sms-long-m2 .progress-zone {
    font-size:10px;
    width: 16.66%;
    position: absolute;
    color: #666;
    border-right: 1px solid #ddd;
    text-align:center;
    z-index:10;
    vertical-align: middle;
    margin:0px;
}
#sms-long-m2 div.active .progress-zone {
    color:#fff;
}

#sms-long-m2 .progress-contain-6 .progress-zone { border-right: 0px;}


#sms-long-m2 .progress-light {
    width: 16.40%;
    z-index: 1;
    height: 18px;
    position:absolute;
}
#sms-long-m2 .progress-contain-1 .progress-light {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#sms-long-m2 .progress-contain-6 .progress-light {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#sms-long-m2 div.active .progress-light {
    background-color: rgb(125, 147, 166);
}

#sms-long-m2 .progress-contain-1 .progress-zone,
#sms-long-m2 .progress-contain-1 .progress-light { left:0%;}

#sms-long-m2 .progress-contain-2 .progress-zone,
#sms-long-m2 .progress-contain-2 .progress-light { left:16.66%; }

#sms-long-m2 .progress-contain-3 .progress-zone,
#sms-long-m2 .progress-contain-3 .progress-light { left:33.32%; }

#sms-long-m2 .progress-contain-4 .progress-zone,
#sms-long-m2 .progress-contain-4 .progress-light { left:49.98%; }

#sms-long-m2 .progress-contain-5 .progress-zone,
#sms-long-m2 .progress-contain-5 .progress-light { left:66.31%; }

#sms-long-m2 .progress-contain-6 .progress-zone,
#sms-long-m2 .progress-contain-6 .progress-light { left:83.64%;}


#sms-long-m3{
    margin-top:10px;
}
#sms-long-m3 .progress-lg {
    height: 18px;
    position:relative;
}
#sms-long-m3 .progress-bar {
    z-index:1;
    position:absolute;
}
#sms-long-m3 .progress-bar {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#sms-long-m3 .progress-zone {
    font-size:10px;
    width: 16.66%;
    position: absolute;
    color: #666;
    border-right: 1px solid #ddd;
    text-align:center;
    z-index:10;
    vertical-align: middle;
    margin:0px;
}
#sms-long-m3 div.active .progress-zone {
    color:#fff;
}

#sms-long-m3 .progress-contain-6 .progress-zone { border-right: 0px;}


#sms-long-m3 .progress-light {
    width: 16.40%;
    z-index: 1;
    height: 18px;
    position:absolute;
}
#sms-long-m3 .progress-contain-1 .progress-light {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#sms-long-m3 .progress-contain-6 .progress-light {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#sms-long-m3 div.active .progress-light {
    background-color: rgb(125, 147, 166);
}

#sms-long-m3 .progress-contain-1 .progress-zone,
#sms-long-m3 .progress-contain-1 .progress-light { left:0%;}

#sms-long-m3 .progress-contain-2 .progress-zone,
#sms-long-m3 .progress-contain-2 .progress-light { left:16.66%; }

#sms-long-m3 .progress-contain-3 .progress-zone,
#sms-long-m3 .progress-contain-3 .progress-light { left:33.32%; }

#sms-long-m3 .progress-contain-4 .progress-zone,
#sms-long-m3 .progress-contain-4 .progress-light { left:49.98%; }

#sms-long-m3 .progress-contain-5 .progress-zone,
#sms-long-m3 .progress-contain-5 .progress-light { left:66.31%; }

#sms-long-m3 .progress-contain-6 .progress-zone,
#sms-long-m3 .progress-contain-6 .progress-light { left:83.64%;}


#sms-long-m4{
    margin-top:10px;
}
#sms-long-m4 .progress-lg {
    height: 18px;
    position:relative;
}
#sms-long-m4 .progress-bar {
    z-index:1;
    position:absolute;
}
#sms-long-m4 .progress-bar {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#sms-long-m4 .progress-zone {
    font-size:10px;
    width: 16.66%;
    position: absolute;
    color: #666;
    border-right: 1px solid #ddd;
    text-align:center;
    z-index:10;
    vertical-align: middle;
    margin:0px;
}
#sms-long-m4 div.active .progress-zone {
    color:#fff;
}

#sms-long-m4 .progress-contain-6 .progress-zone { border-right: 0px;}


#sms-long-m4 .progress-light {
    width: 16.40%;
    z-index: 1;
    height: 18px;
    position:absolute;
}
#sms-long-m4 .progress-contain-1 .progress-light {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#sms-long-m4 .progress-contain-6 .progress-light {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#sms-long-m4 div.active .progress-light {
    background-color: rgb(125, 147, 166);
}

#sms-long-m4 .progress-contain-1 .progress-zone,
#sms-long-m4 .progress-contain-1 .progress-light { left:0%;}

#sms-long-m4 .progress-contain-2 .progress-zone,
#sms-long-m4 .progress-contain-2 .progress-light { left:16.66%; }

#sms-long-m4 .progress-contain-3 .progress-zone,
#sms-long-m4 .progress-contain-3 .progress-light { left:33.32%; }

#sms-long-m4 .progress-contain-4 .progress-zone,
#sms-long-m4 .progress-contain-4 .progress-light { left:49.98%; }

#sms-long-m4 .progress-contain-5 .progress-zone,
#sms-long-m4 .progress-contain-5 .progress-light { left:66.31%; }

#sms-long-m4 .progress-contain-6 .progress-zone,
#sms-long-m4 .progress-contain-6 .progress-light { left:83.64%;}



.progress-bar-sms1 {
    background-color: #2777AA;/* #3a89ce), to(#2777AA */
}

.progress-bar-sms2,
.progress-bar-color {
    background-color: #3a89ce;
}

.btn_toggle-float{
	float:left;
	display:block;
	padding:15px 8px;
}

.label_toggle-float {
	float: left;
	padding: 15px 15px 15px 0px;
	height: 50px;
	line-height: 50px;
}
.date-infos-fixes{
	background: rgb(239, 239, 239) none repeat scroll 0% 0%;
height: 34px;
line-height: 22px;
padding:6px;
}
.toggle-btn-recap {display:inline-block;}

	
	/* --------------------------------------------------------------- campagne etape 5 recap-test */
	.bloc_col-widget-left { border-left: 1px solid #efefef; }
	.bloc_col-widget-right { border-right: 1px solid #efefef; }
	
	#texte_recap {
		overflow-y:scroll; 
		border:0.5pt solid #efefef;
		padding:5px;
		height:150px;
	}
	.form-inline_remplissage { width:100%!important; }

/* --------------------------------------------------------------------------- page envoi-unique send_smsv */
.reflect {
    -webkit-box-reflect: right 10px;
		-moz-box-reflect: right 10px;
		box-reflect: right 10px;
}

#div_cache {
	padding:10px;
}

#p_envoi-page-unique .widget {
	margin-bottom:15px;
}
#lien_sms {
    height: 34px;
    line-height: 34px;
    min-width: 194px;
    max-width: 400px;
    width: 42%;
}

#p_envoi-page-unique .table_cont-box_etape1 {
	max-height:160px;
}

#indicatif_pays {
	width: auto; 
	max-width:280px;
	min-width:80px;
	display: inline-block;
}

#bloc_texte{
	position:absolute;top:30px;
	text-align:left;
	width:46%; 
	left:27%; 
	height:380px; 
	overflow-y: auto;
	min-width:245px;
	/*background:#159;*/
	padding:11px;
}
@media(max-width:1780px){
	#bloc_texte{
	width:44%; 
	left:26%; 
	}
}
@media(max-width:1680px){
	#bloc_texte{
		left:24%;
	}
}
@media(max-width:1580px){
	#bloc_texte{
		left:22.5%;
	}
}
@media(max-width:1480px){
	#bloc_texte{
		left:20.5%;
	}
}
@media(max-width:1380px){
	#bloc_texte{
	left:19%; 
	}
}
@media(max-width:1330px){
	#bloc_texte{
	left:17%; 
	}
}
@media(max-width:1280px){
	#bloc_texte{
	left:14%; 
	}
}
@media(max-width:1100px){
	#bloc_texte{
	left:12%; 
	}
}
@media(max-width:1024px){
	#bloc_texte{
	left:8%; 
	}
}
@media(max-width:991px){
	#bloc_texte{
	width:240px; 
	left:35%; 
	}
}
	@media(max-width:768px){
	#bloc_texte{
	left:31.5%; 
	}
	}
	@media(max-width:650px){
	#bloc_texte{
	left:27%; 
	}
	#indicatif_pays {
	width: 140px
	}
}
@media(max-width:491px){
	#bloc_texte{
	left:22%; 
	}
	#indicatif_pays {
	width: 80px
	}
}
@media(max-width:425px){
	#bloc_texte{
	left:17.5%; 
	}
}
@media(max-width:360px){
	#bloc_texte{
	left:11%; 
	}
}

#txtlen,
#nb_sms_long {
	text-align:right;
	width:60px;
}

#p_envoi-page-unique .div_cache {
	display:none;
}

#bulle {
	background:#000;
	color:#fff;
	border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	/*padding:6px 10px;*/
}
#bulle font{
	display:table-cell;
	padding:6px 10px;
	color:#fff!important;
}

#p_envoi-page-unique .badge{
	padding:6px 10px;
	background:#ec5d58; /*#2777AA;*/
}

#p_envoi-page-unique .inline_b { margin-right:6px; }

#p_envoi-page-unique .liste-container{ 
		background: #fff;
}

/* ------------------------------- col tel */
.stick{
	position:relative;
	top:250px;
}
.stick2{
	position:fixed;
	top:60px;
}
/* ---------------------------------------------- page récap sms_go.php */
.details-campagne .widget-body,
.suivi-camp .widget-body { min-height:312px; }

.details-campagne hr { margin-top:10px; margin-bottom:10px; }

/*#nav_send_smsv .btn-grands { padding: 6px 15px !important; }*/

/* --------------------------------------------------------------------------- TUTORIELS */
.colonne-liste .row {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #007bbe;
}
.colonne-liste .active {
    background-color: rgba(0,0,0,0.33);
}

.colonne-lecteur iframe { width: 750px; height:400px; }

/* --------------------------------------------------------------------------- repertoires */
#page_repertoires .col-lg-4 select{
	height:auto;
	min-height:240px;
	text-align:left!important;
}
#page_repertoires .col-lg-4 option{
	padding:3px 5px;
}
#rep_liste td > input {
	display:inline-block;
	width:7%;
	min-width:18px;
}
#rep_liste td > a {
	display:inline-block;
	width:91%;
	text-decoration:none;
	color:#4d4d4d;
	padding:0px 5px;
	cursor:pointer;
}
#rep_liste td > a:hover {
	text-decoration:none;
	color:#fff;
	background:#8d8d8d;
}
#rep_liste td > .active {
	text-decoration:none;
	color:#fff;
	background:#4d4d4d;
}
#rep_liste .liste_noire a{
	display:block;
	text-decoration:none;
	color:#e0524d;
	padding:0px 5px;
	margin-left:8%;
	margin-bottom:4px;
	cursor:pointer;
}
#rep_liste .liste_noire a:hover,
#rep_liste .liste_noire .active{
	text-decoration:none;
	color:#fff;
	background:#e0524d;
}
#rep_liste .liste_noire .active{
	background:#ec5d58;
}

#liste_scenario td > input, #liste_ba_formulaire td > input {
	display:inline-block;
	width:7%;
	min-width:18px;
}
#liste_scenario td > a , #liste_ba_formulaire td > a {
	display:inline-block;
	width:91%;
	text-decoration:none;
	color:#4d4d4d;
	padding:0px 5px;
	cursor:pointer;
}
#liste_scenario td > a:hover, #liste_ba_formulaire td > a:hover {
	text-decoration:none;
	color:#fff;
	background:#8d8d8d;
}
#liste_scenario td > .active, #liste_ba_formulaire td > .active {
	text-decoration:none;
	color:#fff;
	background:#4d4d4d;
}

/*----------------------------------------------------------------------------------------- page import lbdd*/
.resultat-crit-geo {
	overflow: auto;
	height:100%;
	min-height: 170px;
	max-height:300px;
  text-align: left;
}
#deldiv { 
	display: inline-block;
	color: #fff;
	}

#deldiv .delcp {
	display: inline-block;
	background: none;
	border: 0px;
}

/* ------------------------------------------------------------------------------------------------ footer */
footer {
    background: #4d4d4d none repeat scroll 0% 0%;
	margin-bottom:15px;
}
#footer-includ-gnl a{
	color:#fff!important;
	text-decoration:none;
}
#footer-includ-gnl a:hover{
	color:#fff!important;
	text-decoration:underline;
}

/* ----------------------------------------------------------------------------------- modifs prioritaires */
.alert-info { color: #3a89ce;!important; }
.sm-hidden{ display:block; }
.xs-hidden{ display:none; }

.wgt-bdy-default{ border: 0px solid!important; }


.td_espacement{ padding-bottom: 5px; padding-top: 5px; }
  
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------ responsive -------------------------------------------------------------------------------------  
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media(max-width:1854px){
 /* ------------ na tabs justified */
 .nav-tabs.nav-justified > li > a { height: 44px; }

}

@media(max-width:1694px){
/* ----------------------------------------- page tableau bord - SMS */
/*tel et txt-dyn */
#txt-campagne-dyn_send,
#txt-campagne-dyn { left: 20%; }
#txt-campagne-dyn_send { top: 20%; }

#txt-emetteur-dyn_send,
#txt-emetteur-dyn { top: 28%; }
#txt-emetteur-dyn_send { top: 14%; }

/* ------------------------------------------------------- page LOGIN */
#wdgt-alertes-credits div.mini-widget-heading { min-height: 60px; }

/* ---------------------------------------------- page campagne envoi */
.bando_new {
  height: 36px;
  width: 180px;
		right: -28px;
  top: 1px;
		padding-left: 46px;
}

/* --------------------------------- modal-popup SMS2-basics bootstrap */
#contenu_dyn_tel { /*top: 11.6%;*/ right: 19.4%;	}
	
}



/* ====================================================================================================
 * ============================================ MAX 1594 px 
 * ================================================================================================= */
@media(max-width:1594px){
 /* -------------------------------------- page tableau bord - SMS */
	/*tel et txt-dyn */
	#txt-campagne-dyn_send,
 #txt-campagne-dyn { left: 17%; }
	#txt-emetteur-dyn{ left: 17%; }

 #txt-emetteur-dyn_send,
 #txt-emetteur-dyn { /*top: 11.6%;*/ right: 18.5%;	}
 
	/* --------------------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 17.6%; }

}



@media(max-width:1494px){
 /* -------------------------------------- page tableau bord - SMS */
	/*tel et txt-dyn */
	#txt-campagne-dyn_send,
 #txt-campagne-dyn { left: 14%; }
	
	#txt-emetteur-dyn_send,
 #txt-emetteur-dyn{ left: 14%; }
	
	/* ------------------------------------------------- page login */
	/* --------------- alertes-credits */
	#wdgt-alertes-credits i.fa{ max-width:40px; }
 
	.mini-wdgt-fields { max-width: 100px; font-size: 30px; }
 
	/* --------------------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 17%; }

}



@media(max-width:1440px){
	/* --------------------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 15.2%;	}

}



@media(max-width:1400px){
	/* -------------------------------------- recap-graph-donuts */
 .row-with-donuts .widget-body-sms { height:auto; min-height:320px; }
 
	/* ---------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 14.6%; }

}
 
 
  
@media(max-width:1390px){
 /* -------------------------------------- page tableau bord - SMS */
	.tel-messages img {
			width: 100%;
			height: auto;
			max-width: 380px;
			min-width: 224px;
	}
	
 #txt-campagne-dyn_send,
 #txt-campagne-dyn {
		font-size:14px;
		top: 34%;
		left: 11.5%;
		width: 76%;
		max-width: 320px;
		padding:0 10px;
	}
 
	#txt-campagne-dyn_send { top:21%; }
	
	#txt-emetteur-dyn_send,
 #txt-emetteur-dyn { 
		font-size:14px;
		top: 28%;
		left: 11.5%;
		width: 76%;
		max-width: 320px;
	}
 
	#txt-emetteur-dyn_send { top:14%; }
	/* -------------------------------------- recap-graph-donuts */
.row-with-donuts .widget-body-sms { height:auto; min-height:320px; }
	
	/* --------------------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 14.6%; /*width: 280px; height: 460px;*/ }

}
	
 
 
	@media(max-width:1330px){
	/* ---------------------------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 13.4%; }
	/* ------------------------------------------------------------ page TUTORIEL */
 .colonne-lecteur iframe { width:  650px; height: 394px; }
 }
  
  
  
/* ====================================================================================================
 * ============================================ MAX 1281 px 
 * ================================================================================================= */
@media(max-width:1281px){
	.dashboard-wrapper-lg,
	#cssmenu,
	footer,
	header { max-width:1160px; }
 
	header .col-sm-8 { padding:0px; }
 
	.title{ font-size:16px!important; }	

	#myTab .title { font-size: 16px; line-height:16px; margin-top:5px; }
 
	.btn-grands { font-size:16px; }
	.nav-tabs > li > a { line-height:16px; }

	strong, p, li, div, td, label,input, select, a .btn{ font-size:15px; }
	
/*------------------------------------------------------------------------------------------ page Formulaire Alerte Population */
#header_formulaire_alerte_population{ max-width:500px; }

#header_formulaire_alerte_population { margin: 0 auto; padding: 0;}

	
/*--------------------------------------------------------------------------- page CONNEXION */
#header_connexion,
#p_connexion_bo .dashboard-wrapper-lg,
#p_connexion_bo footer{ max-width: 1000px!important; }

/* ---------------------------------------------------------------------------- page tableau */
#recap-credits .mini-widget-body { min-height: 234px; }
#bloc-tel{ /*padding:15px 0px;*/ }

#txt-campagne-dyn { top: 35%; left: 11.5%;	}
#txt-emetteur-dyn{ top: 28%; left: 11.8%; }
	
 /* ------------------------------------------------------------------------------- page login */
	#wdgt-alertes .mini-widget-heading .pull-left,
	#gestion-retours .mini-widget-heading .pull-left { height:auto; font-size:16px; }
 
	/* ---------------------------------------------------------------------- page envoi campagnes */
	#lien_sms { width: 35%; }
	
	.bando_new {
    height: 26px;
    width: 138px;
    right: -22px;
    top: 32px;
    padding-left: 33px;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
}

.btn-grands { font-size:21px; width: 100%; max-width: 280px; }

/* --------------------------------- modal-popup SMS2-basics bootstrap */
#contenu_dyn_tel { /*top: 11.6%;*/ right: 11.2%;	}
 
}

/* ====================================================================================================
 * ============================================ MAX 1199 px sm - md bootstrap
 * ================================================================================================= */
@media(max-width:1199px){
//*.lg-no-padding { padding:0px 15px; }*/
.btn .fa { line-height: inherit!important; font-size:16px; }

/* ---------- ajustements */
.padding-v-10-lg{ padding-top:0px; padding-bottom:0px; }
.padding-v-6-lg{ padding-top:0px; padding-bottom:0px; }
.padding-v-15-lg{ padding-top:0px; padding-bottom:0px; }

#indicatif_pays { max-width: 254px; min-width: 254px; }

/* ----------------------------------------------------------- page tableau-bord */
#recap-credits .mini-widget-body .pull-left > .fa { font-size: 74px; line-height:74px; margin-top:30px; }
.nb-credits { font-size: 36px; }

#txt-campagne-dyn { top: 36%; left: 11.8%; }
#txt-emetteur-dyn{ top: 30%; left: 11.8%; }

/* ------------------------------------------------------------------ page login */
#wdgt-alertes-credits div.mini-widget-heading { min-height: 32px; }

.modal-dialog { width: 50%; }

/* ------------------------------------------- modal-popup SMS2-basics bootstrap */
#sms2_basic { min-width:920px; max-width:1120px; }

/* ------------------------------------------ modal-popup SMS2-basics bootstrap */
#sms2_dashboard_crea .tooltip > .tooltip-inner{ width:240px; }
#tel_sms2 img{ width:268px; height:auto; }
	
#contenu_dyn_tel { /*top: 11.6%;*/ right: 14.4%; width: 234px; height: 412px; }
 
	/* ------------------------------------------------------- pages sous-comptes */
#recap-credits-vocaux-ss-cpt{
	height:490px !important;
}
/* -------------------------------------------- pages sous-comptes historiques */
#page_historique_sous-comptes	.form-inline .form-control { width: auto!important; text-align:left;}
#page_historique_sous-comptes select{ margin-right:20px; width:auto; max-width:120px;}
#page_historique_sous-comptes .btn-petits { width:auto; min-width:126px; }

}



@media(max-width:1110px){
/* ---------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 12.6%; }
 
	/* --------------------------------- recap-graph-donuts */
.row-with-donuts .widget-body-sms { height:auto; min-height:380px; }

}



@media(max-width:1054px){
/* ----------------------------------------------------- page tableau-bord */
#txt-campagne-dyn { top: 37.5%; left: 11.8%; }
#txt-emetteur-dyn{ top: 31%; left: 11.8%; }

/* -------------------------------------- recap-graph-donuts */
.row-with-donuts .widget-body-sms { height:auto; min-height:380px; }

/* --------------------------------- modal-popup SMS2-basics bootstrap */
#contenu_dyn_tel { /*top: 11.6%;*/ right: 9.6%; }
 
}
	
 
/* ====================================================================================================
 * ============================================ MAX 1024 px 
 * ================================================================================================= */
@media(max-width:1024px){
strong, p, li, div, td, label,input, select, a .btn{ font-size:14px; }

h4 { font-size:15px; }

.btn .fa { line-height: inherit!important; font-size:14px; }

.encarts-textes{ text-align:center; }

.dashboard-wrapper-lg,
#cssmenu,
footer,
header { max-width: 1022px; }

.btn{ font-size: 12px;	}

header .logo img{ min-width:206px; }

.title { font-size: 14px !important; }

.btn-grands { font-size:16px; }

/* ------------ na tabs justified */
.nav-tabs.nav-justified > li > a { height: 50px; }

#myTab .title { font-size: 12px; line-height:16px; }
.nav-tabs > li > a { line-height:16px; }

.lg-no-padding{ padding:0px 15px; }

/* ------------------------------------------- header */
#cssmenu > ul > li { min-width: 100px; }
#cssmenu > ul > li > a { font-size:11px; padding: 12px 2px; }

ul#mini-nav li.list-box a { font-size:12px; padding: 10px 8px; line-height:22px; }
#cssmenu .fa,
ul#mini-nav li.list-box a i { font-size:24px; }

/* ------------------ navigation secondaire */
#cssmenu ul ul li a{ width:460px; font-size:12px; }
#cssmenu ul ul li{ background:#4d4d4d; }
.sub-nav li a { font-size: 12px; }

/*------------ ligne recap-credits */
#recap-credits .mini-widget-heading { height:auto; min-height:60px; }
#recap-credits .mini-widget-body { height:auto; min-height:240px; }

.pull-left { font-size: 16px; }

/*------------------------------------------------------------------------------------------ page Formulaire Alerte Population */
#header_formulaire_alerte_population{ max-width:450px; }

#header_formulaire_alerte_population { margin: 0 auto; padding: 0;}

/*-------------------------------------------------------------------------------- page CONNEXION */
#header_connexion,
#p_connexion_bo .dashboard-wrapper-lg,
#p_connexion_bo footer{ max-width: 940px!important; }

/* --------------------------------------- page tableau bord - SMS */
.nb-credits{ font-size: 30px; }
.encarts-textes { font-size: 14px; }

.tel-messages img {
    width: 100%;
    height: auto;
    max-width: 380px;
    min-width: 170px;
}
#txt-campagne-dyn {
  top: 38%;
	left: 13%;
	width: 76%;
	max-width: 322px;
	padding:0 8px;
}
#txt-campagne-dyn_send { font-size:14px; }

#txt-emetteur-dyn{ 
	top: 32.5%;
	left: 12%;
	width: 76%;
	max-width: 320px;
}
#txt-emetteur-dyn_send { font-size:14px; }

.form-control { font-size:15px; text-align:center; }
 /* ------------------------------------------------------------------------------- page login */
	#wdgt-alertes .mini-widget-heading .pull-left,
	#gestion-retours .mini-widget-heading .pull-left { height:40px; font-size:16px; }
 
/* ---------------------------------------------------------------------- page campagnes etapes */
#etapes_campagne a{ font-size:12px; }
#etapes_campagne .title { font-size:18px; }

.bando_new {
    height: 19px;
    width: 83px;
    right: -22px;
    top: 32px;
    padding-left: 10px;
    color: #fff;
    font-size: 10px;
    line-height: 23px;
}

 /* --------------------------------------------------------- modal-popup SMS2-basics bootstrap */
	#sms2_basic { min-width:720px; max-width:920px; }
	
	#contenu_dyn_tel { right: 5.4%; width: 234px; height: 412px; }

 textarea.form-control.txtarea-box_etape1 {/* désactve height:auto de bootstrap.min */ height: 160px; }
 .toggle-btn-recap {display:block;}
  
 .form-inline .form-control { width:100%!important; }
 /* ------------------------------------------------------------------------------- page TUTOS */
	.colonne-lecteur iframe { width: 510px; height:310px; }

}


/* ====================================================================================================
 * ============================================ MAX 1023 px 
 * ================================================================================================= */
@media(max-width:1023px){


/*------------------------------------------------------------------------------------------ page Formulaire Alerte Population */
#header_formulaire_alerte_population{ max-width:400px; }
#header_formulaire_alerte_population { margin: 0 auto; padding: 0;}

/*------------------------------------------------------------------------------ page CONNEXION */
#header_connexion,
#p_connexion_bo .dashboard-wrapper-lg,
#p_connexion_bo footer{ max-width: 740px!important; }

/* --------------------------------------------------------------------- page envoi campagnes */
#lien_sms { width: 75%; }
.div_recap { height:480px; overflow:scroll; }

/* ----------------------------------------------------------- page tableau-bord + page envoi 5 */
#txt-campagne-dyn { top: 38%; left: 13%; }
#txt-campagne-dyn_send { font-size:14px; }

#txt-emetteur-dyn{ top: 32.5%; left: 12%;}
#txt-emetteur-dyn_send { font-size:14px; }

/* ------------- modal-popup SMS2-basics bootstrap */
	#tel_sms2 img{ width:232px; height:auto; }
	
	#contenu_dyn_tel { right: 11.4%; width: 210px; height: 355px; }
	
	#nav_sms2_basic .nav-pills > li > a { padding:5px; }
 
	/* --------------------------------------------------------------- pages sous-comptes historiques */
#page_historique_sous-comptes	.form-inline .form-control { width:100%!important; display:block!important;}
	
#page_historique_sous-comptes select{ margin-right:20px; width:100%!important; max-width:800px;}

#page_historique_sous-comptes .btn-petits { width:100%!important; min-width:126px; margin-top:15px;}

/* --------------------------------------------------------------------------------- page TUTORIEL */
.colonne-lecteur iframe { width: 380px; height: 230px; }
}



@media(max-width:999px){
/* --------------------------------- modal-popup SMS2-basics bootstrap */
#contenu_dyn_tel { /*top: 11.6%;*/ right: 13.8%; width: 202px; }
}


@media(max-width:991px){
/* ------------------------------------------- NAVIGATION ----------------------------------------- */
#cssmenu > ul > li { width: 12.48%; min-width: 30px; margin-right: 0px; }

/* --------------------------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 19.8%; width: 202px; }
 
}


@media(max-width:940px){
.encarts-textes { min-height: 60px; }
#txt-campagne-dyn { top: 42%; left: 13%; }
#txt-emetteur-dyn{ top: 36.5%; left: 12%; }
 /* ----------------------------------------------------------- pages campagne envoi */
 .bando_new {
   height: 36px;
   width: 180px;
   right: -28px;
   top: 1px;
   padding-left: 46px;
   font-size:12px;
   line-height:43px;
 }
 /* ------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 16.6%; }
	
	.btn-grands { font-size:16px;}
 
}


@media(max-width:840px){
.encarts-textes{
	min-height: 60px;
}
 #txt-campagne-dyn { top: 44.5%; left: 13%; }
 #txt-emetteur-dyn { top: 39%; left: 12%; }

 /* ------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 13.6%; }
	
	.btn-grands { font-size:16px; }
 
}


/* ====================================================================================================
 * ============================================ MAX 491 px 
 * ================================================================================================= */
@media(max-width:768px){
strong, p, li, div, td, label,input, select, a .btn{ font-size:12px; }

h4 {font-size:13px; }

.btn .fa { line-height: inherit!important; font-size:12px; }
	
.encarts-textes{ min-height: 60px; /*font-size:18px;*/}

.div_btns_campagnes { margin:40px auto 0px auto; }
.div_btns_campagnes button{ display:block; }
  
#nav-produit ul{
	float:none;
	margin:0px auto;
}

#cssmenu ul { margin: 0px 0%; }
#cssmenu > ul > li { width: 100%; min-width: 80px; }
#cssmenu > ul > li > a { font-size: 14px; text-align: center; }
#cssmenu ul ul li a { width: 100%; max-width: 750px; text-align: center; font-size:15px; }

/*------------------------------------------------------------------------------------------ page Formulaire Alerte Population */
#header_formulaire_alerte_population{ max-width:300px; }
#header_formulaire_alerte_population { margin: 0 auto; padding: 0;}

/*----------------------------------------------------------------------------- page CONNEXION */
#header_connexion,
#p_connexion_bo .dashboard-wrapper-lg,
#p_connexion_bo footer{ max-width: 680px!important; }

/* -------------------------------------------------------------------------- page tableau-bord */
#recap-credits .mini-widget-body .pull-left > .fa { font-size: 84px; line-height:74px; margin-top:30px; }
.nb-credits { font-size: 36px; min-width: 110px; display: inline-block; }

#recap-credits .mini-widget-body { min-height: 190px; }

/* ------------------ widget plus */
.btn-widget-header a{
	display: block;
	float: left;
	padding: 4px 6px;
	background: #4d4d4d;
	color: #fff;
	font-size: 15px;
	line-height: 24px!important;
	margin: 5px 0px 15px 0px;
}

#txt-campagne-dyn { top: 45%; left: 13%; max-height: 205px; }

#txt-emetteur-dyn{ top: 39.5%; left: 12%; }

/* -------------------------------------- recap-graph-donuts */
.row-with-donuts .widget-body-sms { height:auto; min-height:456px; }

/* --------------------------------------------------------------------- pages sous-comptes */
#recap-credits-vocaux-ss-cpt{ height:468px !important; }

/* ------------------------------------------------------------------------- page campagnes */
.titres-plusplus { font-size:13px; }

.table-responsive .btn,
#listeCampagnes p,
#listeCampagnes td,
#listeCampagnes .btn,
#listeMvocaux p,
#listeMvocaux td,
#listeMvocaux .btn { font-size:12px; }

/* --------------------------------------------------------------------- page campagne envoi */
	.bando_new {
  height: 36px;
  width: 180px;
		right: -28px;
  top: 1px;
		padding-left: 46px;
		font-size:12px;
		line-height:43px;
}

/* ---------------------------------------------------------- pages sous-comptes historiques */
#page_historique_sous-comptes	.form-inline .form-control { width:100%!important; display:block!important;}
#page_historique_sous-comptes select{ margin-right:20px; width:100%!important; max-width:800px;}
#page_historique_sous-comptes .btn-petits { width:100%!important; min-width:126px; margin-top:15px;}


/* ------------- modal-popup SMS2-basics bootstrap */
	#sms2_basic { min-width:420px; max-width:720px; }
 
/* ------------- modal-popup SMS2-basics bootstrap */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 8.5%; }

.form-inline .form-control { width:100%!important; }

}
	

 
@media(max-width:766px){
	ul#mini-nav li.list-box a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
	
.btn { font-size: 16px!important; }

.encarts-textes{	height: 40px; }
/*------------ ligne recap-credits */
#recap-credits .mini-widget-heading .pull-left{	height:auto; min-height:20px;}
#recap-credits .mini-widget-body .pull-left{	height:auto; min-height:70px;}

/*------------------------------------------------------------------------------------------ page Formulaire Alerte Population */
#header_formulaire_alerte_population{ max-width:300px; }
#header_formulaire_alerte_population { margin: 0 auto; padding: 0;}

/*----------------------------------------------------------------------- page CONNEXION */
#header_connexion,
#p_connexion_bo .dashboard-wrapper-lg,
#p_connexion_bo footer{ max-width: 420px!important; }
	
/* ------------------------------------------------------------- page tableau bord - SMS */
.tel-messages img {
    width: 100%;
    height: auto;
    max-width: 380px;
    min-width: 224px;
}
 #txt-campagne-dyn_send,
 #txt-campagne-dyn {
   top: 33%;
   left: 22.5%;
   max-height: 415px;
   font-size: 18px;
 }
 #txt-campagne-dyn_send { top:21%;}

 #txt-emetteur-dyn,
 #txt-emetteur-dyn_send{ top: 27%; left: 22.5%; font-size: 18px; }
 #txt-emetteur-dyn_send { top:14%; }

 #recap-credits .mini-widget-body .pull-left > .fa { font-size: 96px; margin-top:30px; }
  
  .nb-credits { font-size: 44px; }

	#recap-credits .mini-widget-body { min-height: 200px; }
  .campagne .fa{/* ------------- icone dans wrapper tableau bord */
		 visibility:visible; 
	 }
	 .collapse-separateurs {
		margin-bottom:15px;
  height:auto;
  min-height:80px;
  border-top:0px!important;
  border-right:0px solid!important;
  border-bottom:0px solid!important;
  border-left:0px!important;
 }

	/* ----------------------------------------------------------------------- page login */
	#wdgt-alertes .mini-widget-heading .pull-left,
	#gestion-retours .mini-widget-heading .pull-left {
		height:20px;
		font-size:16px;
	}
	.tab-pane {
  width: -webkit-fill-available;/* remplissage max peu import padding/margin*/
  width : -moz-available;
  width : fill-aviable;
	 }
	
 /* ---------------------------------------------------------------- page imports */
	.toggle-btn-recap {display:inline-block;}
	.div_recap {
  height:inherit;
  overflow:visible;
 }
	
 /* ------------- modal-popup SMS2-basics bootstrap */
		#contenu_dyn_tel { /*top: 11.6%;*/ right: 32.6%; }
	
}



 @media(max-width:720px){
	 .nav-justified-paul > li { display:block; width:100%;}

	 .text-left-xs { text-align:left!important; }
	 .btn .fa { line-height: inherit!important; font-size:12px; }

	 header { text-align: center; }
  
	 /* -------------------------------------- nav haut page #mini-nav */
	 header .pull-right{ float:none; width:100%; text-align:center; margin-right: 0%; }
	 
	ul#mini-nav li.list-box,
	ul#mini-nav li.list-box:hover,
	ul#mini-nav li.list-box.active { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 0px; }
	 
	/*ul#mini-nav li.list-box a{ height:60px; }*/
 
	 ul#mini-nav li.list-box a i{ font-size: 18px; }
	 
	.widget .widget-header-sms,
 .widget .widget-header-vocaux,
 .widget .widget-header-loc { height: auto; }
	 
	 /* -------------------------------------- page tableau bord - SMS */
 #txt-campagne-dyn,
 #txt-emetteur-dyn { left: 21.5%; }
	/* -------------------------------------- page login - SMS */
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 32%; }
  	
 }
 
 
 @media(max-width:680px){
	/* -------------------------------------- page tableau bord - SMS */
 #txt-campagne-dyn, #txt-campagne-dyn_send,
 #txt-emetteur-dyn, #txt-emetteur-dyn_send{ left: 19%; }
 
 /* ------------------------------------------------- page login */
 /* ---------- nav tabs */
 #myTab li a{ height: 55px; }
 	
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 31%; }
 
 }
 
 
 @media(max-width:640px){
	/* -------------------------------------- page tableau bord - SMS */
 /*tel et txt-dyn */
 #txt-campagne-dyn, #txt-campagne-dyn_send { left: 15.5%; }
 #txt-emetteur-dyn,#txt-emetteur-dyn_send { left: 15.5%; }
 /*--------------------- nav haut */
 ul#mini-nav li.list-box a, .btn-gnx a {
    padding: 4px 8px;
    font-size: 12px;
		height:40px;
		line-height:14px;
	}
 ul#mini-nav li.list-box a i{ font-size: 16px; }
	
	#contenu_dyn_tel { /*top: 11.6%;*/ right: 29%; }

 }
 
 
 @media(max-width:600px){
	/* -------------------------------------- page tableau bord - SMS */
 /*tel et txt-dyn */
 #txt-campagne-dyn, #txt-campagne-dyn—send { left: 14%; }
 #txt-emetteur-dyn, #txt-emetteur-dyn_send { left: 14%; }
 
 #contenu_dyn_tel { /*top: 11.6%;*/ right: 27%; }
 
 }
 
 @media(max-width:560px){
	 /* -------------------------------------- page tableau bord - SMS */
  /*tel et txt-dyn */
  #txt-campagne-dyn, #txt-campagne-dyn_send { left: 13%; }
  #txt-emetteur-dyn, #txt-emetteur-dyn_send{ left: 13%; }
 
  /* ------------- modal-popup SMS2-basics bootstrap */
  #contenu_dyn_tel { /*top: 11.6%;*/ right: 25.5%; }
 
 }
 
 
 @media(max-width:520px){
	/* -------------------------------------- page tableau bord - SMS */
/*tel et txt-dyn */
 #txt-campagne-dyn {
   top: 34%;
   left: 11.5%;
   width: 80%;
   max-width:302px;
 }
 #txt-emetteur-dyn{ 
  top: 28%;
  left: 11.5%;
  width: 80%;
  max-width: 302px;
 }

/* ---------------------------- changement outil période */
.sm-hidden{
	display:none;
}
.xs-hidden{
	display:block;
}
/*tel et txt-dyn */
 #txt-campagne-dyn { left: 13%; }
 #txt-emetteur-dyn{ left: 13%; }
 
/* ------------- modal-popup SMS2-basics bootstrap */
 #contenu_dyn_tel { /*top: 11.6%;*/ right: 22.5%; }
 
 }
 
/* ====================================================================================================
 * ============================================ MAX 491 px 
 * ================================================================================================= */
@media(max-width:491px){
	strong, p, li, div, td, label,input, select, a, .btn { font-size: 13px!important; }
	
	.btn .fa { line-height: inherit!important; font-size:13px; }
	
	.no-padding-xs{ padding:0px; }
	
	.container{ padding:0px!important;} 
	
.netoyage-xs {/* pour mixte anciennes pages à effacer quand tout backoffice sera fait */
	visibility:hidden; margin:0px!important; padding: 0px; clear:none; }
	
	/*header .logo,*/
	header .logo img{ width:100%; }
 
 header .pull-right { margin-right: 0%; padding: 0px; }

/* --------------------------------------------------------------------------------- page tableau-bord */
#recap-credits .mini-widget-body { min-height: 180px; }
 
#tel .tel-messages{ padding: 0px!important; }

.tel-messages img {
    width: 100%;
    height: auto;
    max-width: 380px;
    min-width: 224px;
}
/*tel et txt-dyn */
 #txt-campagne-dyn {
    top: 34%;
    left: 11.5%;
    width: 80%;
	max-width:302px;
		font-size:14px;
}
#txt-emetteur-dyn{ 
	top: 28%;
 left: 11.5%;
 width: 80%;
 max-width: 302px;
	font-size:15px;
}

.encarts-textes { height: 20px; }

/* ------------------------------ form */
.form-control { font-size: 11px; }

/* ----------------------------------------------------------------------------------------- page login */
#wdgt-alertes .mini-widget-heading .pull-left,
	#gestion-retours .mini-widget-heading .pull-left{ height:auto; }
 
	.nav-tabs.nav-justified > li { width: 100%!important; float: left; }
 
/* -------------------------------------------------------------------------------- pages sous-comptes */
#recap-credits-vocaux-ss-cpt{ /* --- hauteur body vocaux for xs*/
	height:500px !important;
}
/* ---------------------------------------------------------------------------- page campagnes etapes */
/* ------------- modal-popup SMS2-basics bootstrap */
	#sms2_basic { min-width:320px; max-width:420px; }
 
/* ------------ nav wizard */
ul.nav-wizard li,
ul.nav-wizard li.active { width: 100%; }

#etapes_campagne a{ font-size:12px; }

#lien_sms { width: 80%; }

/* ------------- modal-popup SMS2-basics bootstrap */
#contenu_dyn_tel { /*top: 11.6%;*/ right: 19.5%; }
	
/* ------------------------------------------------------------------------------- page imports */
.form-inline .form-control { width:100%!important; }

/* ------------------------------------nav_changement étapes */
#nav_send_smsv .btn{ width:100%; height:48px; }

/* -------------------------------------------------------------- campagne etape 5 recap-test */
	.bloc_col-widget-left { border-left: 0px; }
	.bloc_col-widget-right { border-right: 0px; }
	
	#texte_recap { height:250px; }
 
/* ------------------------------------------------------------------------ page TUTORIELS */
	.colonne-lecteur iframe { width: 260px; height:170px; }
}


/* ====================================================================================================
 * ============================================ MAX 449 px
 * ================================================================================================= */
@media(max-width:449px){
	/* ---------------------------------------------------------------------- page tableau-bord */
	ul#mini-nav { padding: 0px; margin: 0px; float: none; }
 ul#mini-nav li.list-box a { padding: 8px 2px; font-size: 9px!important; }
 ul#mini-nav li.list-box a i{ display:block; }
	
	.nb-credits{ font-size:32px; }
 
	.number { font-size:22px; }

 #txt-campagne-dyn {
  top: 34%;
  left: 11.5%;
  width: 80%;
  max-width:302px;
		font-size:14px;
 }
#txt-emetteur-dyn{ 
	top: 28%;
 left: 11.5%;
 width: 80%;
 max-width: 302px;
	font-size:15px;
}

/* --------------------------------------------------------------------------- page login */
	#wdgt-alertes .mini-widget-heading .pull-left,
	#gestion-retours .mini-widget-heading .pull-left { height:40px; font-size:16px; }
 
	.nav-tabs > li { width: 100%; }
	#myTab li a{ height: 34px; }

/*#gestion-api #cle-id { font-size:16px; }*/
.titres-plusplus { font-size:14px; }
.table-responsive { font-size:12px; }
	
/* ------------- modal-popup SMS2-basics bootstrap */
 #contenu_dyn_tel { /*top: 11.6%;*/ right: 18%; }
}

/* ====================================================================================================
 * ============================================ MAX 430 px 
 * ================================================================================================= */
@media(max-width:430px){
	/* ------------- modal-popup SMS2-basics bootstrap */
 #contenu_dyn_tel { /*top: 11.6%;*/ right: 17.5%; }
}


@media(max-width:390px){
	/* ------------------------------------------------------------------ page tableau-bord */
 /*tel et txt-dyn */
 #txt-campagne-dyn { top: 35%; left: 11.5%; }
 #txt-emetteur-dyn{ top: 30%; left: 11.5%; }

/* ---------------------------------------------------------------- page campagnes envoi */
.bando_new {
    height: 24px;
    width: 120px;
    right: -23px;
    top: 8px;
    padding-left: 33px;
    font-size: 12px;
    line-height: 31px;
}

	/* ------------- modal-popup SMS2-basics bootstrap */
 #contenu_dyn_tel { /*top: 11.6%;*/ right: 11%; }
}


@media(max-width:360px){
/* --------------------------------------------------------------------------- page tableau-bord */
/*tel et txt-dyn */
#txt-campagne-dyn { top: 35.5%; left: 10%; }

#txt-emetteur-dyn{ top: 30.5%; left: 10%; }

	/* ------------- modal-popup SMS2-basics bootstrap */
 #contenu_dyn_tel { /*top: 11.6%;*/ right: 7.5%; }
}


@media(max-width:349px){
/* -------------------------------------------------------------------------- page tableau-bord */
header { padding: 0px 6px; vertical-align: middle; }

 /*--------------------- nav haut */
ul#mini-nav { padding: 0px; margin: 0px; float: none; min-width: 170px; }
ul#mini-nav .dropdown-menu { top: 38px; }

ul#mini-nav ul li.dropdown-menu-li { width: 170px;} /* conteneur */

ul#mini-nav ul li.dropdown-menu-li a,
ul#mini-nav ul li.dropdown-menu-li a:visited { min-width: 140px;} /* contenu en 100% avec limite min et max */

ul#mini-nav li.list-box a { padding: 4px; font-size: 11px; }
    
 .titres-plusplus { font-size:13px; } 
}

/* ====================================================================================================
 * ============================================ MAX 321 px 
 * ================================================================================================= */
@media(max-width:321px){
	/* ------------------------------------------------------------------------ page tableau-bord */
	/*tel et txt-dyn */
 #txt-campagne-dyn { top: 36%; left: 9.5%; }
 #txt-emetteur-dyn{ top: 30.5%; left: 9.5%; }
}