@charset "utf-8";


body{


    font-family: 'robotomedium', Arial, sans-serif;


    font-size: 14px;


}


html {


    position: relative;


    min-height: 100%;


}


body {


    /* Margin bottom by footer height */


    margin-bottom: 60px;


}


.footer {


    position: absolute;


    bottom: 0;


    width: 100%;


    height: 60px;


    padding-top: 20px;


    font-size: 12px;


}


.footer .container p{


    text-align: center;


    color:#676767;


}


.footer .container p a{


    color:#676767;


    text-decoration: underline;


    cursor:pointer;


}


.footer .container p a:hover, .footer .container p a:focus{


    color:#676767;


    text-decoration: none;


}


.navbar{


    border-radius: 0;


    border: none;


}


.navbar-default{


    background: #26969a;


    margin-bottom: 0;


    border-radius: 0;


    border: none;


    box-shadow:none;


}


.navbar-default .navbar-text{


    margin: 7px 0 0 0;


}


.navbar-default .navbar-text a{


    border: 2px solid #fff;


    padding: 5px 10px;


    display: block;


}


.navbar-default .navbar-text a .icon-question-answer{


    font-size: 20px;


}


.navbar-default .navbar-text a:hover, .navbar-default .navbar-text a:focus{


    color:#fff;


    text-decoration: none;


}


.navbar-default .navbar-link{


    color:#fff;


}


.jumbotron{


    background-color: #eaeaea;


    text-align: center;


    padding: 10px 0;


    box-shadow: inset 0px 0px 8px -1px #656565;


    margin-bottom: 0;


}


.jumbotron p{


    font-size: 14px;


    margin: 5px 0;


    padding-right: 25px;


}


.jumbotron .container{


    position: relative;


}


.client-name, .client-infos span{


    color:#676767;


}


#client{


    font-size: 12px;


}


.client-infos{


    color:#999999;


}


.logos{


    width:53.464912280701754385964912280702%;


}


.dialog{


    width:46.535087719298245614035087719298%;


}





.navbar-brand.esuivi{


    background: url('img/logo_esuivi.png') center no-repeat;


    width:79px;


    background-size: 79px;


    background/*\**/: url('img/logo_esuivi_small.png') center no-repeat\9;


}


.message{


    padding: 15px 0;


    background-color: #f15354;


    color:#fff;


}


.message .container{


    padding: 0;


    position: relative;


}


.message .container p{


    margin-bottom: 0;


    padding-top: 3px;


    padding-right: 25px;


}


.message .container p.click-here{


    font-size: 14px;


    padding: 0;


    cursor: pointer;


}


.message .container p.click-here a{


    color:#fff;


    text-decoration: none;


}


.message .container ul{


    margin-bottom: 0;


    padding-top: 4px;


    display:inline-block;


    list-style-position: inside;


    width: 100%;


}


.message .container .col-md-4{


    font-size: 16px;


}


.message .container i.icon-textsms{


    font-size: 30px;


    margin-right: 10px;


}


.avis{


    text-align: center;


    margin-top: 30px;


}


.avis p{


    margin-bottom: 20px;


}


.avis a.link-avis{


    color: #fff;


    background-color: #26969a;


    text-decoration: none;


    cursor:pointer;


    padding: 10px;


    -moz-box-shadow: 0px 5px 8px -5px #656565;


    -webkit-box-shadow: 0px 5px 8px -5px #656565;


    -o-box-shadow: 0px 5px 8px -5px #656565;


    box-shadow: 0px 5px 8px -5px #656565;


    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=8);


}


.avis .question{


    color:#676767;


}


.avis a.link-avis i{


    font-size: 18px;


}


.avis a.click-here{


    cursor: pointer;


    color:#676767;


    text-decoration: underline;


}


.avis a.click-here:hover,.avis a.click-here:focus{


    color:#676767;


    text-decoration: none;


}


.day{


    border-bottom:1px solid #fff;


}


.linked-folders{


    color: #676767;


    margin-top: 30px;


}


.linked-folders p{


    margin-bottom: 0;


}


.linked-folders .consult{


    font-size: 16px;


}


.linked-folders a{


    color: #676767;


    text-decoration: underline;


}


.linked-folders a:hover,.linked-folders a:focus{


    text-decoration: none;


}


/*


Component: timeline


--------------------


*/


.timeline {


  margin: 0;


  padding: 0;


  list-style: none;


}





.line {


  content: '';


  position: absolute;


  top: 30px;


  bottom: 0;


  width: 3px;


  background: #93cacd;


  left: 19px;


  margin: 0;


}





.line-top {


  content: '';


  position: absolute;


  top: 0px;


  bottom: 0;


  width: 3px;


  background: #93cacd;


  left: 19px;


  margin: 0;


  height:30px;


}





.line-bottom {


  content: '';


  position: absolute;


  top: 70px;


  bottom: 0;


  width: 3px;


  background: #93cacd;


  left: 19px;


  margin: 0;


}





.line-finished {


  background: #26969a;


}


.line-gradient {


  background: #f15354;


}


.line-gradient-top{


    background: #887577; /* Old browsers */


    background: -moz-linear-gradient(top,  #887577 0%, #f15354 100%); /* FF3.6+ */


    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#887577), color-stop(100%,#f15354)); /* Chrome,Safari4+ */


    background: -webkit-linear-gradient(top,  #887577 0%,#f15354 100%); /* Chrome10+,Safari5.1+ */


    background: -o-linear-gradient(top,  #887577 0%,#f15354 100%); /* Opera 11.10+ */


    background: -ms-linear-gradient(top,  #887577 0%,#f15354 100%); /* IE10+ */


    background: linear-gradient(to bottom,  #887577 0%,#f15354 100%); /* W3C */


    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#887577', endColorstr='#f15354',GradientType=0 ); /* IE6-9 */





}


.line-gradient-bottom{


    background: #26969a; /* Old browsers */


    background: -moz-linear-gradient(top,  #26969a 0%, #887577 100%); /* FF3.6+ */


    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26969a), color-stop(100%,#887577)); /* Chrome,Safari4+ */


    background: -webkit-linear-gradient(top,  #26969a 0%,#887577 100%); /* Chrome10+,Safari5.1+ */


    background: -o-linear-gradient(top,  #26969a 0%,#887577 100%); /* Opera 11.10+ */


    background: -ms-linear-gradient(top,  #26969a 0%,#887577 100%); /* IE10+ */


    background: linear-gradient(to bottom,  #26969a 0%,#887577 100%); /* W3C */


    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26969a', endColorstr='#887577',GradientType=0 ); /* IE6-9 */





}


.timeline > li {


  position: relative;


}


.timeline > li:before,


.timeline > li:after {


  display: table;


  content: " ";


}


.timeline > li:after {


  clear: both;


}


.timeline > li > .timeline-item {


  border-bottom: 1px solid #eaeaea;


  background: #fff;


  color: #999;


  margin-left: 40px;


  padding: 30px 0 30px 5px;


  position: relative;


}


.timeline > li.finished > .timeline-item {


  padding: 35px 0 25px 5px;


}


.timeline > li > .timeline-item > .time {


  color: #999;


  float: right;


  margin: 2px 0 0 0;


}


.timeline > li > .timeline-item > .timeline-header {


  margin: 0;


  color: #676767;


  padding: 0px 5px 0 5px;


  font-size: 16px;


  line-height: 1.1;


}


.timeline > li > .timeline-item > .timeline-header > a {


  font-weight: 600;


}


.timeline > li > .timeline-item > .timeline-body,


.timeline > li > .timeline-item > .timeline-footer {


  padding: 0 10px 0 5px;


}


.timeline > li > .timeline-item > .timeline-body{


    padding-right: 0;


}


.time-pin{


    display:inline-block;


    font-style: normal;


}


.timeline > li > .pin > .time-pin{


  width: 40px;


  height: 40px;


  font-size: 25px;


  line-height: 42px;


  position: absolute;


  color: #676767;


  background: #eee;


  border-radius: 50%;


  text-align: center;


  left: 0;


  top: 30px;


}


.timeline > li > .pin > .time-pin.bg-blue{


    color:#fff;


    background: #26969a;





}


.timeline > li > .pin > .time-pin.date, .timeline > li > .pin > .time-pin.incoming{


    font-size: 12px;


    font-family: 'robotoblack', Arial, sans-serif;


}


.timeline > li > .pin > .time-pin.date{


    padding-top: 3px;


    line-height: 16px;


}


.timeline > li > .pin > .time-pin.incoming{


    padding-top: 0px;


    line-height: 40px;


}


.timeline > li > .pin > .time-pin.bg-red{


    color:#fff;


    background: #f15354;


}


.timeline > li > .pin > .time-pin.incoming{


    background-color: #93cacd;


}


.timeline > li.coming > .timeline-item > .timeline-header{


    color: #bcbcbc;


}


.timeline > li.coming > .timeline-item > .timeline-body{


    color: #d1d1d1;


}


.timeline > li > .timeline-item > .timeline-body p{


    margin-bottom: 0;


}


.timeline > li > .timeline-item > .timeline-body .corresp{


    padding: 0;


}


.timeline > li > .timeline-item > .timeline-body .desc{


    padding:0 15px 0 0;


}


.timeline-ctn{


    padding: 0;


}


.corresp{


    margin-top: -37px;


}


.corresp .corresp-snippet{


    padding: 10px;


    border: 2px solid #676767;


    display: table


}


.corresp .corresp-snippet i{


    color:#676767;


    font-size: 26px;


}


.corresp .corresp-infos{


    margin-left: 35px;


}


.corresp .corresp-name{


    color:#676767;


}


.corresp .time-pin{


    color:#676767;


    font-size: 26px;


}


.infos a{


    color:#676767;


    cursor: pointer;


}


.infos a:hover, .infos a:focus{


    color:#676767;


    text-decoration: none;


}





@media(max-width:767px){


    .timeline > li > .timeline-item > .timeline-body .desc{


        padding:0;


    }


    .container > .navbar-header.dialog{


        margin-right: 0;


    }


    .jumbotron{


        text-align: left;


    }


    .corresp.pull-right{


        float: none !important;

        margin: 10px 0;


    }

 	.desc.pull-left{
		 float: none !important;
        margin: 10px 0;
    }
    

    .logos{


        width:auto;


    }


    .dialog{


        width:auto;


    }


    .esuivi{


        margin-left: 25px;


    }


    .client-collapse, .message-collapse{


        display: none;


        visibility: hidden;


    }


    .jumbotron a.expand, .message a.expand{


        position: absolute;


        right: 15px;


        font-size: 20px;


        top: 18px;


        text-decoration: none;


        color:#676767;


    }


    .message a.expand{


        color:#fff;


        top: 16px;


    }


    .message a.expand:hover, .message a.expand:focus{


        text-decoration: none;


        color:#fff;


    }


    .jumbotron a.expand:hover, .jumbotron a.expand:focus{


        text-decoration: none;


        color:#676767;


    }


    .message .container i.icon-textsms {


        margin-top: 4px;


    }


}





a.mail {


	color: #26969a;


}


.legal {


	text-align: left;


}


.legal h1 {


	font-size: 18px;


}


.legal h2 {


	font-size: 15px;


}


@media (min-width:767px) and (max-width:992px){


 .current .timeline-header {


    	width: 50%;


 }
 .corresp.pull-right{
	float: none !important;
    margin: 10px 0;
}
.desc.pull-left{
	float: none !important;
    margin: 10px 0;
}


 .timeline-header {


    	max-width: 63%;


 }


}