/*
 * This stylesheet mainly set the base css rules for the TWILLI Sky theme, which override the default bootstrap theme styling.
 *
 * -- This stylesheet should be load AFTER the bootstrap CSS files
 */

html {
    width:100%;
    height:100%;
}

body {
	padding-top: 90px; /*pour une navbar fixed top */
	padding-bottom: 150px; /*pour une navbar fixed bottom */
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    color: #1d1d1d;
    background: #ececec url(../images/design/background_image.jpg) repeat; /*image a definir*/
    /*width:100%;
    height:100%;*/
    font-size:14px;
    line-height:1.6;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}

footer .container {
	border-bottom:#b70d1c 5px solid; /*#00316c*/
	padding-bottom:10px;
}

footer .container.client, .container.client {
	border-bottom:#feca0a 5px solid; /*#00316c*/
	padding-bottom:10px;
}

footer .container.pro, .container.pro {
	border-bottom:#b70d1c 5px solid; /*#00316c*/
	padding-bottom:10px;
}
footer .container.assistance, .container.assistance {
	border-bottom:#afc551 5px solid; /*#00316c*/
	padding-bottom:10px;
}

footer .container.metier, .container.metier {
	border-bottom:#f36f23 5px solid; /*#00316c*/
	padding-bottom:10px;
}

footer .row {
	margin-bottom:0px!important;
}


footer, .container{
	background-color:#fff;
	max-width: 960px; /*par défaut 1170*/
	margin-left:auto; /*auto*/
	margin-right:auto; /*auto*/


}
.footer.legal  {
	background-color:#ececec;
	max-width: 960px; /*par défaut 1170*/
	margin-left:auto; /*auto*/
	margin-right:auto; /*auto*/
	margin-top:20px;


}

footer.navbar-default
{
	background-color:#ececec;
	/*max-width: 960px;*/
	margin-left:auto;
	margin-right:auto;


}

footer.navbar-default .navbar-text, .footer.legal .navbar-text
{
	margin-left:0;
	margin-right:0;


}

.first {
	padding-top:50px;
}


.row{
	margin-bottom:20px !important;
}


#bandeaugris{
	margin-top:20px;
	margin-bottom:30px;
	background-color:#e6e7e8;
	text-align:left;
	color:#221f20;
	margin-left:0;
	margin-right:0;
	margin-left:-15px!important;

}


#bande_couleurcible{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#b70d1c;
	float:right;
	}

#bande_couleurpro{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#b70d1c;
	float:right;
	}

#bande_couleurclient{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#feca0a;
	float:right;
	}

#bande_couleurcorpo{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#1075b7;
	float:right;
	}
#bande_couleurassistance{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#afc551;
	float:right;
	}

	#bande_couleurmetier{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#f36f23;
	float:right;
	}
	#bande_couleurhorizon{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#193f5f;
	float:right;
	}
#bande_couleurmeca{
	position:relative;
	top:10px;
	margin-right:-15px!important;
	height:20px;
	background-color:#015595;
	float:right;
	}
.signature
{
	color:#999999;
}
.signature span
{
	color:#999999;
	font-size:16px;
}

.bordercotacotelg{
	border-right:#ececec 1px solid;
}
.bordercotacotemd{
	border-right:#ececec 1px solid;
}
.bordercotacotesm{
	border-right:#ececec 2px solid;
}
@media (max-width: 991px) {
.bordercotacotelg{
	border-right:none;
	border-bottom:#ececec 2px solid;
	padding-bottom:10px;
}
.bordercotacotemd{
	border-right:#ececec 2px solid;
}
.bordercotacotesm{
	border-right:#ececec 2px solid;
}

}
@media (max-width: 767px) {
.bordercotacotelg{
	border-right:none;
	border-bottom:#ececec 2px solid;
	padding-bottom:10px;
}
.bordercotacotemd{
	border-right:none;
	border-bottom:#ececec 2px solid;
	padding-bottom:10px;
}
.bordercotacotesm{
	border-right:#ececec 2px solid;
}

}

@media (max-width: 479px) {
.bordercotacotelg{
	border-right:none;
	border-bottom:#ececec 2px solid;
	padding-bottom:10px;
}
.bordercotacotemd{
	border-right:none;
	border-bottom:#ececec 2px solid;
	padding-bottom:10px;
}
.bordercotacotesm{
	border-right:none;
	border-bottom:#ececec 2px solid;
	padding-bottom:10px;
}

}

.clearfix{
	border-bottom:#ececec 1px solid;
}
.bgimgtxt{
	position:relative;
	top:0px;
	z-index:1;
	visibility: hidden;
}
.bgimg{
position:relative; top:-50px;z-index:0
}

@media (min-width: 768px) {
.notopmargin{
	margin-top:0px !important;
}
.row{
	margin-bottom:20px !important;
}
footer .row {
	margin-bottom:0px!important;
}
}

b, strong {
    font-family: 'open_sanssemibold', sans-serif;
}

em {
    font-family: 'open_sanslight_italic', sans-serif;
}
em strong,
em b,
strong em,
b em {
    font-family: 'open_sanssemibold_italic', sans-serif;
}

a,
button,
.btn {
    text-decoration: none;
    outline: none !important;
}

a {

    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
a:hover {

}

p a {

    font-family: 'open_sansregular', sans-serif;
}

a:active, a:focus {
    text-decoration: none;
}

/* ========== Typography ========== */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'open_sansregular', sans-serif;
    font-weight: normal;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
    color: #666;
}

h1, .h1 {
    font-size: 2.14em;
    line-height: 1.27;
}

h1 .secondary {
	color:#575757;
	font-size: 100%;
}
h1.toppage {
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:#b70d1c 3px solid;
}
h2, .h2 {
    font-size: 1.86em;
    line-height: 1.46;
}
h3, .h2 {
    font-size: 1.43em;
    line-height: 1.65;
}
h4, .h3 {
    font-size: 1.29em;
    line-height: 1.65;
}
h5, .h5 {
    font-size: 1.21em;
    line-height: 1.55;
}
h6, .h6 {
    font-size: 1.07em;
    line-height: 1.5;
}

p {
    margin: 0 0 1.1em;
}

* + p {
    margin-top:1.2em;
}

.titrepuce  {
	background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/puce_bleue.jpg) top left no-repeat;
	padding-left: 25px;

}

.titrepucepro  {
	background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/puce_rouge.jpg) top left no-repeat;
	padding-left: 25px;

}

.titrepuceclient  {
	background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/puce_jaune.jpg) top left no-repeat;
	padding-left: 25px;

}

.titrepuceassistance  {
	background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/puce_vert.jpg) top left no-repeat;
	padding-left: 25px;

}

.titrepucehorizon  {
	background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/puce_horizon.jpg) top left no-repeat;
	padding-left: 25px;
}
.titrepucemeca  {
	background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/puce_meca.jpg) top left no-repeat;
	padding-left: 25px;
}

.soustitrepuce {
	background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/souspuce_gris.jpg) top left no-repeat;
	padding-left: 25px;

}

.telcoordonnee, .titlecoordonnee {
	font-size: 1.43em;
    line-height: 1.65;
}

.conteneurbloc {
  text-align:center; /* centrage horizontal */
}

.bloc {
  margin:0 10px; /* espacement horizontal des blocs */
  border:1px solid #fff;
  display:inline-block!important;
  vertical-align:middle!important;
  text-align:left!important; /* on rétablit l'alignement du texte */
  float:none;
  clear:both;
}

* html .bloc { /* correctif inline-block pour IE 7 seulement*/
  display:inline!important;
}

/* si img-esponsive mais taille image ini plus petite que la lageur de la cellule, impossible a centrer , se cale a gauche , */
td.text-center img, th.text-center img, div.text-center img.img-responsive, div img.text-center  {
	  text-align:center;
	  display: inline-block!important; /* block sur le bootstrap */
}

/* ========== Blockquotes ========== */

.shape{
    border-style: solid; border-width: 0 40px 40px 0; float:right; height: 0px; width: 0px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.shape-text{
    color:#fff; font-size:12px; font-weight:bold; position:relative; right:-22px; top:-3px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(46deg); /* Safari and Chrome */
	transform:rotate(46deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer .label {
	font-size:110%;
	padding: 5px;
}
.shape {
	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
	border-radius:7px;
}
.offer-danger {	border-color: #d9534f; }
.offer-danger .shape{
	border-color: transparent #d9534f transparent transparent;
}
.offer-success {	border-color: #5cb85c; }
.offer-success .shape{
	border-color: transparent #5cb85c transparent transparent;
}
.offer-default {	border-color: #999999; }
.offer-default .shape{
	border-color: transparent #999999 transparent transparent;
}
.offer-primary {	border-color: #1075b7; }
.offer-primary .shape{
	border-color: transparent #1075b7 transparent transparent;
}
.offer-info {	border-color: #5bc0de; }
.offer-info .shape{
	border-color: transparent #5bc0de transparent transparent;
}
.offer-warning {	border-color: #f0ad4e; }
.offer-warning .shape{
	border-color: transparent #f0ad4e transparent transparent;
}

.offer-content{
	padding:10px 10px 10px 10px
}


/* ========== Blockquotes ========== */

blockquote footer, blockquote small, blockquote .small {
    color: #898989;
}

/* ========== Lists ========== */

ul, ol {
    margin-bottom:1.2em;
}

* + ul, * + ol {
    margin-top:1.2em;
}

ul ul, ul ol, ol ul, ol ol {
    margin-top:0.6em;
    margin-bottom:0.6em;
}
ul li {
    margin-top:0.6em;
}

ul li.list-group-item {
    margin-top:0;
}

ul.coche li {
    list-style-type: none; /* on annule la puce par défaut */
    background-image: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/check40_16x16.png); /* on affiche l'image souhaitée */
    background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: left top; /* on positionne où l'on veut */
    padding-left: 20px; /* pour éviter la superposition du contenu */
}

dl {
    margin-bottom:2em;
}

* + dl {
    margin-top:2em;
}

dt {
    font-family: 'open_sansregular', sans-serif;
    font-weight: bold;
}

/* ========== Code ========== */

pre {
    border-radius: 0;
}

/* ========== Tables ========== */

.table {
    margin-bottom:2em;
}

* + .table {
    margin-top:2em;
}

th {
    font-family: 'open_sansregular', sans-serif;
    font-weight: bold;
}

.table-hover > tbody > tr > td,
.table-hover > tbody > tr > th {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: middle; /*top dans bootstrap min*/
border-top: 1px solid #ddd;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
padding: 5px;
}

.table>thead>tr>th {
background-color: #575758;
color:#ffffff;
border-bottom: 10px solid #ddd;
font-size: 1.43em;
line-height: 1.65;
text-align:center;
}

.table>tbody>tr>th {
background-color: #ddddde;
color:#575758;
/*text-align:center;*/
font-size: 1.21em;
line-height: 1.65;
padding: 2px 8px;

}

.table>tbody>tr>th.assistance {
background-color: #eff3dc;
color:#575758;
}

.table.fontsize90 td {
font-size: 90%;
line-height: 1.00;

}

/* ========== Forms ========== */

form {
    margin-bottom:1.5em;
}

* + form {
    margin-top:1.5em;
}

label {
    font-family: 'open_sansregular', sans-serif;
    font-weight: bold;
}

.radio label, .checkbox label {
    font-family: 'open_sanslight', sans-serif;
    font-weight: normal;
}

.form-control {
    border-radius:0;
}


/* ========== Buttons ========== */

.btn {
    border-radius: 0;
    font-family: 'open_sanssemibold', sans-serif;
    font-weight: normal;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.21;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.btn:hover, .btn:visited {
    color:#fff !important;
}
.btn-default:hover, .btn-default:hover  {
    color:#b70d1c !important;
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active
{background-color:#b70d1c; border-color:#b70d1c; color:#fff !important;}


.btn-pro {
    color: #ffffff;
	background-color: #b70d1c;
	border-color: #9b0000;
}


.btn-pro:hover {
    color: #ffffff;
	background-color: #9b0000;
	border-color: #b70d1c;
}

.btn-client {
    color: #000000!important;
	background-color: #feca0a;
	border-color: #febc00;
}
.btn-client:hover {
    color: #000000!important;
	background-color: #febc00;
	border-color: #febc00;
}

.btn-client:hover a{
    color: #000000;
}


.btn-assistance {
    color: #ffffff;
	background-color: #a3c052;
	border-color: #74ab00;
}
.btn-assistance:hover {
    color: #ffffff;
	background-color: #74ab00;
	border-color: #74ab00;
}

.btn-assistance:hover a{
    color: #ffffff;
}

.btn-metier {
color: #000000!important;
background-color: #eb690b;
border-color: #df711d;
}

.btn-metier:hover {
color: #ffffff!important;
background-color: #df711d;
border-color: #df711d;
}

.btn-metier:hover a{
color: #ffffff;
}

.panel-metier {
border-color: #eb690b;
}

.panel-metier>.panel-heading {
color: #000000;
background-color: #eb690b;
border-color: #575758;
}

.titrepucemetier  {
background: url(http://static.ebp.com/FR/2014-2015/LP-ebp/bootstrap_ebpcustom/images/theme/puces/puce_orange.jpg) top left no-repeat;
 padding-left: 25px;
}


.btn-sm, .btn-group-sm > .btn {
    padding: 7px 16px;
    font-size: 12px;
    line-height: 1.3;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.3;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 14px 33px;
    font-size: 14px;
    line-height: 1.21;
}

/* ========== Images ========== */

.img-rounded {
    border-radius: 0;
}

.img-thumbnail {
    /*border-radius: 0;*/
}

/* ========== Helpers ========== */

.close {
    font-family: 'open_sansbold', sans-serif;
}

/* ========== Tabs, Pills ========== */

.nav-tabs > li {
    font-family: 'open_sansregular', sans-serif;
}

.nav-pills > li > * {
    font-family: 'open_sansregular', sans-serif;
}

.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #b70d1c; /* more colours in style-colours.css */
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    border-color: #b70d1c; /* more colours in style-colours.css */
}

/* ========== Pagination ========== */

.pagination > li > a,
.pagination > li > span {
    color: #1d1d1d;
    background-color: #fff;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #fff;
    background-color: #b70d1c; /* more colours in style-colours.css */
    border-color: #b70d1c; /* more colours in style-colours.css */
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #b70d1c; /* more colours in style-colours.css */
    border-color: #b70d1c; /* more colours in style-colours.css */
    cursor: default;
}

/* ========== Pager ========== */

.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
}

.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    color:#fff;
    background-color: #b70d1c; /* more colours in style-colours.css */
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
    color: #999;
    background-color: #fff;
    cursor: not-allowed;
}

/* ========== Labels, Badges ========== */

.label {
    display: inline;
    padding: .45em .65em .45em;
    font-size: 75%;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    font-family: 'open_sansbold', sans-serif;
    border-radius: 0;
}

.badge {
    font-weight: normal;
    font-family: 'open_sansbold', sans-serif;
}

/* ========== Thumbnails ========== */

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #b70d1c; /* more colours in style-colours.css */
}
/* ========== Thumbnails BEN ebp ========== */

.thumbnail.assistance {
background-color: #edf2dc;
border: 1px solid #a3c052;
}
.thumbnail.blanc {
background-color: #ffffff;
border: 1px solid #cecece;
}

.desktopcenter, .text-center-lg {
	text-align:left
}

@media (min-width: 992px) {


	.thumbnail.assistance >img.col-md-offset-3, .thumbnail.assistance a>img.col-md-offset-3, .thumbnail.blanc >img.col-md-offset-3, .thumbnail.blanc a>img.col-md-offset-3 {
	margin-left:25% !important;
	margin-right: 25% !important;
	margin-top: 10px;
	margin-bottom: 10px;
	}

	.desktopcenter, text-center-lg {
	text-align:center
	}
}

.thumbnail.* >img.col-xs-offset-12 {margin-left: 100%;}
.thumbnail.* >img.col-xs-offset-11 {margin-left: 91.66666667%;}
.thumbnail.* >img.col-xs-offset-10 {margin-left: 83.33333333%;}
.thumbnail.* >img.col-xs-offset-9 {margin-left: 75%;}
.thumbnail.* >img.col-xs-offset-8 {margin-left: 66.66666667%;}
.thumbnail.* >img.col-xs-offset-7 {margin-left: 58.33333333%;}
.thumbnail.* >img.col-xs-offset-6 {margin-left: 50%;}
.thumbnail.* >img.col-xs-offset-5 {margin-left: 41.66666667%;}
.thumbnail.* >img.col-xs-offset-4 {margin-left: 33.33333333%;}
.thumbnail.* >img.col-xs-offset-3 {margin-left: 25%;}
.thumbnail.* >img.col-xs-offset-2 {margin-left: 16.66666667%;}
.thumbnail.* >img.col-xs-offset-1 {margin-left: 8.33333333%;}
.thumbnail.* >img.col-xs-offset-0 {margin-left: 0%;}
.thumbnail.blanc >img.col-xs-offset-12 {margin-left: 100%;}
.thumbnail.blanc >img.col-xs-offset-11 {margin-left: 91.66666667%;}
.thumbnail.blanc >img.col-xs-offset-10 {margin-left: 83.33333333%;}
.thumbnail.blanc >img.col-xs-offset-9 {margin-left: 75%;}
.thumbnail.blanc >img.col-xs-offset-8 {margin-left: 66.66666667%;}
.thumbnail.blanc >img.col-xs-offset-7 {margin-left: 58.33333333%;}
.thumbnail.blanc >img.col-xs-offset-6 {margin-left: 50%;}
.thumbnail.blanc >img.col-xs-offset-5 {margin-left: 41.66666667%;}
.thumbnail.blanc >img.col-xs-offset-4 {margin-left: 33.33333333%;}
.thumbnail.blanc >img.col-xs-offset-3 {margin-left: 25%;}
.thumbnail.blanc >img.col-xs-offset-2 {margin-left: 16.66666667%;}
.thumbnail.blanc >img.col-xs-offset-1 {margin-left: 8.33333333%;}
.thumbnail.blanc >img.col-xs-offset-0 {margin-left: 0%;}

.thumbnail > img.col-xs-12, .thumbnail a > img.col-xs-12 {width: 100%;}
.thumbnail > img.col-xs-11, .thumbnail a > img.col-xs-11 {width: 91.66666667%;}
.thumbnail > img.col-xs-10, .thumbnail a > img.col-xs-10 {width: 83.33333333%;}
.thumbnail > img.col-xs-9, .thumbnail a > img.col-xs-9 {width: 75%;}
.thumbnail > img.col-xs-8, .thumbnail a > img.col-xs-8 {width: 66.66666667%;}
.thumbnail > img.col-xs-7, .thumbnail a > img.col-xs-7 {width: 58.33333333%;}
.thumbnail > img.col-xs-6, .thumbnail a > img.col-xs-6 {width: 50%;}
.thumbnail > img.col-xs-5, .thumbnail a > img.col-xs-5 {width: 41.66666667%;}
.thumbnail > img.col-xs-4, .thumbnail a > img.col-xs-4 {width: 33.33333333%;}
.thumbnail > img.col-xs-3, .thumbnail a > img.col-xs-3 {width: 25%;}
.thumbnail > img.col-xs-2, .thumbnail a > img.col-xs-2 {width: 16.66666667%;}
.thumbnail > img.col-xs-1, .thumbnail a > img.col-xs-1 {width: 8.33333333%;}

@media (min-width: 768px) {

.thumbnail.* >img.col-sm-offset-12 {margin-left: 100%;}
.thumbnail.* >img.col-sm-offset-11 {margin-left: 91.66666667%;}
.thumbnail.* >img.col-sm-offset-10 {margin-left: 83.33333333%;}
.thumbnail.* >img.col-sm-offset-9 {margin-left: 75%;}
.thumbnail.* >img.col-sm-offset-8 {margin-left: 66.66666667%;}
.thumbnail.* >img.col-sm-offset-7 {margin-left: 58.33333333%;}
.thumbnail.* >img.col-sm-offset-6 {margin-left: 50%;}
.thumbnail.* >img.col-sm-offset-5 {margin-left: 41.66666667%;}
.thumbnail.* >img.col-sm-offset-4 {margin-left: 33.33333333%;}
.thumbnail.* >img.col-sm-offset-3 {margin-left: 25%;}
.thumbnail.* >img.col-sm-offset-2 {margin-left: 16.66666667%;}
.thumbnail.* >img.col-sm-offset-1 {margin-left: 8.33333333%;}
.thumbnail.* >img.col-sm-offset-0 {margin-left: 0%;}
.thumbnail.blanc >img.col-sm-offset-12 {margin-left: 100%;}
.thumbnail.blanc >img.col-sm-offset-11 {margin-left: 91.66666667%;}
.thumbnail.blanc >img.col-sm-offset-10 {margin-left: 83.33333333%;}
.thumbnail.blanc >img.col-sm-offset-9 {margin-left: 75%;}
.thumbnail.blanc >img.col-sm-offset-8 {margin-left: 66.66666667%;}
.thumbnail.blanc >img.col-sm-offset-7 {margin-left: 58.33333333%;}
.thumbnail.blanc >img.col-sm-offset-6 {margin-left: 50%;}
.thumbnail.blanc >img.col-sm-offset-5 {margin-left: 41.66666667%;}
.thumbnail.blanc >img.col-sm-offset-4 {margin-left: 33.33333333%;}
.thumbnail.blanc >img.col-sm-offset-3 {margin-left: 25%;}
.thumbnail.blanc >img.col-sm-offset-2 {margin-left: 16.66666667%;}
.thumbnail.blanc >img.col-sm-offset-1 {margin-left: 8.33333333%;}
.thumbnail.blanc >img.col-sm-offset-0 {margin-left: 0%;}

.thumbnail > img.col-sm-12, .thumbnail a > img.col-sm-12 {width: 100%;}
.thumbnail > img.col-sm-11, .thumbnail a > img.col-sm-11 {width: 91.66666667%;}
.thumbnail > img.col-sm-10, .thumbnail a > img.col-sm-10 {width: 83.33333333%;}
.thumbnail > img.col-sm-9, .thumbnail a > img.col-sm-9 {width: 75%;}
.thumbnail > img.col-sm-8, .thumbnail a > img.col-sm-8 {width: 66.66666667%;}
.thumbnail > img.col-sm-7, .thumbnail a > img.col-sm-7 {width: 58.33333333%;}
.thumbnail > img.col-sm-6, .thumbnail a > img.col-sm-6 {width: 50%;}
.thumbnail > img.col-sm-5, .thumbnail a > img.col-sm-5 {width: 41.66666667%;}
.thumbnail > img.col-sm-4, .thumbnail a > img.col-sm-4 {width: 33.33333333%;}
.thumbnail > img.col-sm-3, .thumbnail a > img.col-sm-3 {width: 25%;}
.thumbnail > img.col-sm-2, .thumbnail a > img.col-sm-2 {width: 16.66666667%;}
.thumbnail > img.col-sm-1, .thumbnail a > img.col-sm-1 {width: 8.33333333%;}

}
@media (min-width: 992px) {
.thumbnail.* >img.col-md-offset-12 {margin-left: 100%;}
.thumbnail.* >img.col-md-offset-11 {margin-left: 91.66666667%;}
.thumbnail.* >img.col-md-offset-10 {margin-left: 83.33333333%;}
.thumbnail.* >img.col-md-offset-9 {margin-left: 75%;}
.thumbnail.* >img.col-md-offset-8 {margin-left: 66.66666667%;}
.thumbnail.* >img.col-md-offset-7 {margin-left: 58.33333333%;}
.thumbnail.* >img.col-md-offset-6 {margin-left: 50%;}
.thumbnail.* >img.col-md-offset-5 {margin-left: 41.66666667%;}
.thumbnail.* >img.col-md-offset-4 {margin-left: 33.33333333%;}
.thumbnail.* >img.col-md-offset-3 {margin-left: 25%;}
.thumbnail.* >img.col-md-offset-2 {margin-left: 16.66666667%;}
.thumbnail.* >img.col-md-offset-1 {margin-left: 8.33333333%;}
.thumbnail.* >img.col-md-offset-0 {margin-left: 0%;}
.thumbnail.blanc >img.col-md-offset-12 {margin-left: 100%;}
.thumbnail.blanc >img.col-md-offset-11 {margin-left: 91.66666667%;}
.thumbnail.blanc >img.col-md-offset-10 {margin-left: 83.33333333%;}
.thumbnail.blanc >img.col-md-offset-9 {margin-left: 75%;}
.thumbnail.blanc >img.col-md-offset-8 {margin-left: 66.66666667%;}
.thumbnail.blanc >img.col-md-offset-7 {margin-left: 58.33333333%;}
.thumbnail.blanc >img.col-md-offset-6 {margin-left: 50%;}
.thumbnail.blanc >img.col-md-offset-5 {margin-left: 41.66666667%;}
.thumbnail.blanc >img.col-md-offset-4 {margin-left: 33.33333333%;}
.thumbnail.blanc >img.col-md-offset-3 {margin-left: 25%;}
.thumbnail.blanc >img.col-md-offset-2 {margin-left: 16.66666667%;}
.thumbnail.blanc >img.col-md-offset-1 {margin-left: 8.33333333%;}
.thumbnail.blanc >img.col-md-offset-0 {margin-left: 0%;}
.thumbnail > img.col-md-offset-12, .thumbnail a > img.col-md-offset-12 {margin-left: 100%;}
.thumbnail > img.col-md-offset-11, .thumbnail a > img.col-md-offset-11 {margin-left: 91.66666667%;}
.thumbnail > img.col-md-offset-10, .thumbnail a > img.col-md-offset-10 {margin-left: 83.33333333%;}
.thumbnail > img.col-md-offset-9, .thumbnail a > img.col-md-offset-9 {margin-left: 75%;}
.thumbnail > img.col-md-offset-8, .thumbnail a > img.col-md-offset-8 {margin-left: 66.66666667%;}
.thumbnail > img.col-md-offset-7, .thumbnail a > img.col-md-offset-7 {margin-left: 58.33333333%;}
.thumbnail > img.col-md-offset-6, .thumbnail a > img.col-md-offset-6 {margin-left: 50%;}
.thumbnail > img.col-md-offset-5, .thumbnail a > img.col-md-offset-5 {margin-left: 41.66666667%;}
.thumbnail > img.col-md-offset-4, .thumbnail a > img.col-md-offset-4 {margin-left: 33.33333333%;}
.thumbnail > img.col-md-offset-3, .thumbnail a > img.col-md-offset-3 {margin-left: 25%;}
.thumbnail > img.col-md-offset-2, .thumbnail a > img.col-md-offset-2 {margin-left: 16.66666667%;}
.thumbnail > img.col-md-offset-1, .thumbnail a > img.col-md-offset-1 {margin-left: 8.33333333%;}
.thumbnail > img.col-md-offset-0, .thumbnail a > img.col-md-offset-0 {margin-left: 0%;}

.thumbnail > img.col-md-12, .thumbnail a > img.col-md-12 {width: 100%;}
.thumbnail > img.col-md-11, .thumbnail a > img.col-md-11 {width: 91.66666667%;}
.thumbnail > img.col-md-10, .thumbnail a > img.col-md-10 {width: 83.33333333%;}
.thumbnail > img.col-md-9, .thumbnail a > img.col-md-9 {width: 75%;}
.thumbnail > img.col-md-8, .thumbnail a > img.col-md-8 {width: 66.66666667%;}
.thumbnail > img.col-md-7, .thumbnail a > img.col-md-7 {width: 58.33333333%;}
.thumbnail > img.col-md-6, .thumbnail a > img.col-md-6 {width: 50%;}
.thumbnail > img.col-md-5, .thumbnail a > img.col-md-5 {width: 41.66666667%;}
.thumbnail > img.col-md-4, .thumbnail a > img.col-md-4 {width: 33.33333333%;}
.thumbnail > img.col-md-3, .thumbnail a > img.col-md-3 {width: 25%;}
.thumbnail > img.col-md-2, .thumbnail a > img.col-md-2 {width: 16.66666667%;}
.thumbnail > img.col-md-1, .thumbnail a > img.col-md-1 {width: 8.33333333%;}
}
@media (min-width: 1200px) {
.thumbnail.* >img.col-lg-offset-12 {margin-left: 100%;}
.thumbnail.* >img.col-lg-offset-11 {margin-left: 91.66666667%;}
.thumbnail.* >img.col-lg-offset-10 {margin-left: 83.33333333%;}
.thumbnail.* >img.col-lg-offset-9 {margin-left: 75%;}
.thumbnail.* >img.col-lg-offset-8 {margin-left: 66.66666667%;}
.thumbnail.* >img.col-lg-offset-7 {margin-left: 58.33333333%;}
.thumbnail.* >img.col-lg-offset-6 {margin-left: 50%;}
.thumbnail.* >img.col-lg-offset-5 {margin-left: 41.66666667%;}
.thumbnail.* >img.col-lg-offset-4 {margin-left: 33.33333333%;}
.thumbnail.* >img.col-lg-offset-3 {margin-left: 25%;}
.thumbnail.* >img.col-lg-offset-2 {margin-left: 16.66666667%;}
.thumbnail.* >img.col-lg-offset-1 {margin-left: 8.33333333%;}
.thumbnail.* >img.col-lg-offset-0 {margin-left: 0%;}
.thumbnail.blanc >img.col-lg-offset-12 {margin-left: 100%;}
.thumbnail.blanc >img.col-lg-offset-11 {margin-left: 91.66666667%;}
.thumbnail.blanc >img.col-lg-offset-10 {margin-left: 83.33333333%;}
.thumbnail.blanc >img.col-lg-offset-9 {margin-left: 75%;}
.thumbnail.blanc >img.col-lg-offset-8 {margin-left: 66.66666667%;}
.thumbnail.blanc >img.col-lg-offset-7 {margin-left: 58.33333333%;}
.thumbnail.blanc >img.col-lg-offset-6 {margin-left: 50%;}
.thumbnail.blanc >img.col-lg-offset-5 {margin-left: 41.66666667%;}
.thumbnail.blanc >img.col-lg-offset-4 {margin-left: 33.33333333%;}
.thumbnail.blanc >img.col-lg-offset-3 {margin-left: 25%;}
.thumbnail.blanc >img.col-lg-offset-2 {margin-left: 16.66666667%;}
.thumbnail.blanc >img.col-lg-offset-1 {margin-left: 8.33333333%;}
.thumbnail.blanc >img.col-lg-offset-0 {margin-left: 0%;}
.thumbnail > img.col-lg-offset-12, .thumbnail a > img.col-lg-offset-12 {margin-left: 100%;}
.thumbnail > img.col-lg-offset-11, .thumbnail a > img.col-lg-offset-11 {margin-left: 91.66666667%;}
.thumbnail > img.col-lg-offset-10, .thumbnail a > img.col-lg-offset-10 {margin-left: 83.33333333%;}
.thumbnail > img.col-lg-offset-9, .thumbnail a > img.col-lg-offset-9 {margin-left: 75%;}
.thumbnail > img.col-lg-offset-8, .thumbnail a > img.col-lg-offset-8 {margin-left: 66.66666667%;}
.thumbnail > img.col-lg-offset-7, .thumbnail a > img.col-lg-offset-7 {margin-left: 58.33333333%;}
.thumbnail > img.col-lg-offset-6, .thumbnail a > img.col-lg-offset-6 {margin-left: 50%;}
.thumbnail > img.col-lg-offset-5, .thumbnail a > img.col-lg-offset-5 {margin-left: 41.66666667%;}
.thumbnail > img.col-lg-offset-4, .thumbnail a > img.col-lg-offset-4 {margin-left: 33.33333333%;}
.thumbnail > img.col-lg-offset-3, .thumbnail a > img.col-lg-offset-3 {margin-left: 25%;}
.thumbnail > img.col-lg-offset-2, .thumbnail a > img.col-lg-offset-2 {margin-left: 16.66666667%;}
.thumbnail > img.col-lg-offset-1, .thumbnail a > img.col-lg-offset-1 {margin-left: 8.33333333%;}
.thumbnail > img.col-lg-offset-0, .thumbnail a > img.col-lg-offset-0 {margin-left: 0%;}

.thumbnail > img.col-lg-12, .thumbnail a > img.col-lg-12 {width: 100%;}
.thumbnail > img.col-lg-11, .thumbnail a > img.col-lg-11 {width: 91.66666667%;}
.thumbnail > img.col-lg-10, .thumbnail a > img.col-lg-10 {width: 83.33333333%;}
.thumbnail > img.col-lg-9, .thumbnail a > img.col-lg-9 {width: 75%;}
.thumbnail > img.col-lg-8, .thumbnail a > img.col-lg-8 {width: 66.66666667%;}
.thumbnail > img.col-lg-7, .thumbnail a > img.col-lg-7 {width: 58.33333333%;}
.thumbnail > img.col-lg-6, .thumbnail a > img.col-lg-6 {width: 50%;}
.thumbnail > img.col-lg-5, .thumbnail a > img.col-lg-5 {width: 41.66666667%;}
.thumbnail > img.col-lg-4, .thumbnail a > img.col-lg-4 {width: 33.33333333%;}
.thumbnail > img.col-lg-3, .thumbnail a > img.col-lg-3 {width: 25%;}
.thumbnail > img.col-lg-2, .thumbnail a > img.col-lg-2 {width: 16.66666667%;}
.thumbnail > img.col-lg-1, .thumbnail a > img.col-lg-1 {width: 8.33333333%;}
}



.thumbnail.assistance >img, .thumbnail.assistance a>img, .thumbnail.blanc >img, .thumbnail.blanc a>img {
	margin-top: 10px;
	margin-bottom: 10px;
	}

.thumbnail.assistance .btn, .btn-assist  {
background-color: #a3c052;
border: 1px solid #a3c052;
color:#FFFFFF;
}

.thumbnail.assistance .btn:hover, .btn-assist:hover {
background-color: #68911a;
border: 1px solid #68911a;
color:#FFFFFF !important;
}

/* ========== List Group ========== */

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #b70d1c; /* more colours in style-colours.css */
    border-color: #b70d1c; /* more colours in style-colours.css */
}

/* ========== Modals ========== */

.modal-content {
    border-radius:0;
}

/* ========== Dropdown Menu ========== */

.dropdown-menu {
    border-radius:0;
}

/* ========== Navbar ========== */

.navbar {
    border-radius: 0;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #b70d1c; /* more colours in style-colours.css */
}
/* ========== Nav tabs ========== */
.nav-tabs {
    margin-bottom: 15px;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  display: table-cell;
  float: none;
  width: 1%;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #ffffff;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 5px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  display: table-cell;
  float: none;
  width: 1%;
}

.nav-justified > li > a {
  text-align: center;
}

.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #dddddd;
}

.nav-tabs-justified > .active > a {
  border-bottom-color: #ffffff;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.nav .caret {
  border-top-color: #428bca;
  border-bottom-color: #428bca;
}

.nav a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* ========== PANELS ========== */

.panel {
  padding:0;
}
.panel-heading.nopadding {
	margin: 0px;
	padding-bottom: 0;
	padding-top: 1px;margin:0px;
}

.panel-heading.nopadding > h* {
	padding:0px;
}

.panel-grey{
border-color: #575758;
}

.panel-grey>.panel-heading {
color: #ffffff;
background-color: #575758;
border-color: #575758;
}

.panel-pro {
border-color: #b70d1c;
}

.panel-pro>.panel-heading {
color: #ffffff;
background-color: #b70d1c;
border-color: #b70d1c;
}

.panel-client {
border-color: #feca0a;
}

.panel-client>.panel-heading {
color: #000000;
background-color: #feca0a;
border-color: #feca0a;
}

.panel-horizon {
border-color: #f36f23;
}

.panel-horizon>.panel-heading {
color: #ffffff;
background-color: #f36f23;
border-color: #f36f23;
}
/* ========== Collapse ========== */

.panel-ebplink {
  border-color: #9a141b;
}
.panel-ebplink > .panel-heading {
  color: #ffffff;
  background-color: #b70d1c;
  border-color: #b70d1c;
}
.panel-ebplink > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #b70d1c;
}
.panel-ebplink > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #9a141b;
}
.panel-ebplink > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #b70d1c;
}


.panel-ebplink h4.panel-title small, .panel-ebplink .h4.panel-title small {
	color:#ffffff!important;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}


.panel-heading .accordion-toggle:before { /* chevron accordion */
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:before { /* chevron accordion */
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.panel-heading .accordion-toggle-pro:before { /* chevron accordion */
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.panel-heading .accordion-toggle-pro.collapsed:before { /* chevron accordion */
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.panel-heading .accordion-toggle-horizon:before { /* chevron accordion */
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.panel-heading .accordion-toggle-horizon.collapsed:before { /* chevron accordion */
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
/* ========== Alerts ========== */

.alert {
    border-radius: 0;
}

/* ========== Progress Bar ========== */

.progress {
    border-radius: 0;
}

/* ========== Pull Left/Right ========== */
.pull-left,
.media > .pull-left {
    margin-right:10px;
}
.pull-right,
.media > .pull-right {
    margin-left:10px;
}
    @media (min-width: 768px) {
        .pull-left,
        .media > .pull-left {
            margin-right:23px;
        }
        .pull-right,
        .media > .pull-right {
            margin-left:23px;
        }
    }
    @media (min-width: 992px) {
        .pull-left,
        .media > .pull-left {
            margin-right:35px;
        }
        .pull-right,
        .media > .pull-right {
            margin-left:35px;
        }
    }
    @media (min-width: 1200px) {
    }

/* ========== Media List ========== */
.media .media-heading {
    margin-top:1px;
}
    @media (min-width: 768px) {
        .media .media-heading {
            margin-top:3px;
        }
    }
    @media (min-width: 992px) {
    }
    @media (min-width: 1200px) {
    }

/* ========== BLOCKQUOTE ========== */

blockquote.quotes  {

  border-left: none;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  text-indent:30px;

}
blockquote.quotes:before {
  content: "“";
  color: #ccc;
  font-family: Georgia, serif;
  font-size: 60px;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 300;
  left: -5px;
  position: relative;
  top: 15px;
}



/*blockquote.quotes footer.quotes:before {
  content: "”";
  color: #ccc;
  font-family: Georgia, serif;
  /* font-size: 60px; *//*
  font-size: 4rem;
  font-weight: 300;
  right: -5px;
  position: relative;
  bottom: -10px;
  line-height: 14px;

}*/

blockquote p {
  display: inline;
}
*/
cite { text-indent:none }
blockquote footer {
	background-color:transparent;
	margin-top:10px;
}


/*
blockquote {
  margin: 1.5em 0 1.5em;
  padding: 0 2.5em 0 2.5em;
  position:relative;
  border-left: none;
}
blockquote:before
 {
  color: #ccc;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.3em;
  line-height: 0.1em;
}

blockquote .quote:after
 {
   color: #ccc;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  bottom: 0em;
  line-height: 0.1em;
}

cite { text-indent:none }
*/

/*testimonial specifique bulle dialogue plus image bas EM0715CUC0469_LP_Migrationcomptaclassic */

.testimonials blockquote {
  position: relative;
  background: white;
  min-height: 150px;
  margin-top: 20px;
  margin-bottom: 100px;
  border: 1px solid #ecedf1;
}
.testimonials blockquote.testimonials:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid #ecedf1;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.testimonials blockquote.testimonials:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -9px;
  border-top: 9px solid white;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.testimonials blockquote img {
  height: 50px;
  width: 50px;
  position: absolute;
  border: 1px solid #ecedf1;
  background: white;
  bottom: -65px;
  left: 50%;
  margin-left: -25px;
}

blockquote p.clients-words {
    font-size: 14px;
}
footer.clients-name {
  /*position: absolute;
  bottom: 10px;
  right: 10px;*/
  text-align:right;
  margin : 20px 0 0 0 ;
}