/***************************
    Base Styles
***************************/ 
body {

    font-family: "Myriad Pro Regular";
}
a{
	transition: color .4s ease;
	-moz-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	-o-transition: color .4s ease;
}
a{
	-webkit-transition: All ease .5s;
	-moz-transition: All ease .5s;
	-ms-transition: All ease .5s;
	-o-transition: All ease .5s;
	transition: All ease .5s;
	
}


/***************************
    Top Bar
***************************/
#top_bar {

    background-color: #fff;
    color: silver;
    
    margin-top: 19px;
}

#top_bar a {
    color: white;

}

#top_bar a.icon-linkedin, #top_bar a.icon-facebook, #top_bar a.icon-twitter, #top_bar a.icon-viadeo {
    background: no-repeat center center;
   /* text-indent: 99999px;*/
    display: inline-block;
    width: 18px;
    height: 18px;
        margin: 5px 2px;
    color: transparent;
}

#top_bar a.icon-linkedin {
    background-image: url(../img/icon-linkedin.png);
}

#top_bar a.icon-facebook {
    background-image: url(../img/icon-facebook.png);
}

#top_bar a.icon-twitter {
    background-image: url(../img/icon-twitter.png);
}

#top_bar a.icon-viadeo {
    background-image: url(../img/icon-viadeo.png);
}

#top_bar a.social-icon {
    display: inline-block;
    max-width: 32px;
}
#top_bar a.social-icon img{
    max-width: 84%;
    padding: 5px 0;
}
/***************************
    Header
***************************/
#logo {
    margin-top: 15px;
    margin-bottom: 5px;
}

#slogan h2 {
    color: #018da8;
    font-size: 20px;
    text-align: left; 
    margin-left: 2px;
    font-weight: bold;
    font-family: 'DIN Regular';
        margin-top: 27px;
    margin-bottom: 0px;
}
.sign-up{
    padding:2px;
}
#search {

    padding-top: 20px;

}

#search .form-control {
    border-right: 0;
    background-color: #f5f7f8;
}

#search .input-group-addon {
    background-color: #f5f7f8;
}

/*************************
    Navigation
***********************/
@media (min-width:1200px){ 
}
   
#navigation {
       background: #fff;
        margin-top: 8px;
    padding: 0;
}

.navbar-tectra {
    margin: 0;
}

.navbar-tectra .container-fluid {
    margin: 0;
    padding: 0;
}

.navbar-collapse {
    margin: 0;
    padding: 0;
}

.navbar-tectra .navbar-nav {
    width: 100%;
}

.navbar-tectra li {

    text-align: center;
}

.navbar-tectra a {
    color: #525252;
    font-size: 16px;
    font-weight: lighter;
    font-family: 'Myriad Pro';
    text-transform: uppercase;
}

.navbar-tectra .nav > li > a:focus, .navbar-tectra .nav > li > a:hover {
    text-decoration: none;
   /* background-color: #01687c;*/
}

.navbar-tectra .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-tectra .dropdown-menu {
    border: 1px solid #01687C;
    border-radius: 0
}

.navbar-tectra .dropdown-menu li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar-tectra .dropdown-menu li a {
    font-size: 13px;
    color: #018DA8;
    text-align: left;
}

.navbar-tectra .dropdown a {

}

.navbar-tectra .open > a, .navbar-tectra .open > a:focus, .navbar-tectra .open > a:hover {
    background-color: #01687c;
}

/***************************
    Teaser
***************************/
#teaser {
    background-color: #05a682;
    width: 100%;
    display: block;
    height: 100%;
    float: left;

}

/***************************
    Slider
***************************/
#slider {

    padding-left: 0;
    padding-right: 0;
}

#slider .slides-container {
    width: 100%;
    position: relative;
    padding: 0;
}

#slider .slide {
    width: 100%;
    position: relative;
}

/***************************
    Job Search
***************************/
#job_search {
    color: white;
}

#job_search h3 {
    font-weight: lighter;
    font-family: 'Myriad Pro Light';
    font-size: 2.9em;
}

#job_search p {
    font-family: 'Myriad Pro Light';
}

#job_search form {
    font-family: 'Myriad Pro Regular';
}

#job_search form select {
    width: 100%;

}

#job_search form .btn {
        /*margin-top: 18px;*/
    background-color: #1d2f59;
}

/***************************
    Home Blocks
***************************/
.block_home_about{
    margin: 0;
} .block_home_about h4{
        color: #fff;
    line-height: 27px;
    font-family: 'Myriad Pro Light';
    font-size: 20px;
}.block_home_about h4 span{
     font-size: 28px;
    line-height: 38px;
    font-family: 'Myriad Pro Semibold';
    
}
#home_blocks {
    margin-top: 20px;

}

/* Block : About US */

#home_block_about_us {
    font-family: 'Myriad Pro Bold';
}
 .home_block_about_us {
           background:#1588a0;

    }
#home_block_about_us h3 {
    background: #117a90;
    color: #b4cad0;
    /* margin: 22px 9px; */
    padding: 15px;
    font-size: 22px;
    font-family: Myriad Pro Semibold Italic;
    font-weight: 200!important;
    margin-top: 0;
}

#home_block_about_us blockquote {
    color: #05a682;
     margin-left: 10px;
    padding: 0 9px;

        border-left: 6px solid #05a682;
}

#home_block_about_us blockquote h4 {
    line-height: 1.3em;
        font-size: 24px;

}

#home_block_about_us p {
font-family: 'Myriad Pro Light';
    font-size: 16px;
    text-align: justify;
    margin: 20px 15px 0;
    padding: 13px 0 50px;
    color: #fff;
    line-height: 31px;
    border-top: 1px solid #117286;
}

#home_block_about_us a {

}
#home_block_espace_entreprise{
       margin-top: 15px;
}

#home_block_espace_entreprise h2{
    text-align: left;
    background: #232e61;
    color: #fff;
   padding: 15px 22px;
    margin: 0;
    font-size: 23px;
}
#home_block_espace_entreprise img{
    width: 100%
}
#home_block_espace_entreprise h4 {
    text-align: left;
    background: #232e61;
        line-height: 18px;
    color: #fff;
    padding: 5px 0px;
    text-transform: capitalize;
    margin: 0;
        font-size: 15px;
}
#home_block_espace_entreprise span:first-child {
    padding-left: 22px 
}
#home_block_espace_entreprise span i:last-child {
    position: absolute;
    right: 0px;
    top: -4px;
    background: #1f2854;
        padding: 14px 0px;
    width: 63px;

}
#home_block_find_agent{
    padding-right: 0
}
/* Block : Find Agent */

#home_block_find_agent {

    color: #494949;
    background-image: -moz-linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.294);
}

#home_block_find_agent form {
      background: url(../img/find-agent.png) right 35px no-repeat;
        height: 271px;
    margin-left: 9px;
    padding-top: 5px;
    padding-right: 0px;

}

#home_block_find_agent h4 {
    text-transform: uppercase;
    font-size: 2.3em;
    font-weight: bold;
    font-family: 'Myriad pro bold';
}

#home_block_find_agent h4 small {
    font-family: 'myriad pro light';
}

#home_block_find_agent select {

}

/* Block : Offers */

#home_block_offers {
    padding-left: 0;
}

#home_block_offers .list-group {

}

#home_block_offers .list-group li {

}

#home_block_offers .list-group-item.active {
      background-color: #168da6;
    border: 1px solid #168da6;
       padding: 5px 22px;
    border-radius: 0;
}

#home_block_offers .list-group-item-heading {
        font-size: 23px;
    padding: 9px 0px;
    font-family: 'Myriad Pro Regular';
    margin: 0px;
    margin-bottom: 0px;

}

#home_block_offers .list-group-item {
    border: 1px solid #6b6969;
        background: #f8f8f8;
    border-left: 0;
    border-right: 0;
    position: relative;
    font-family: 'Myriad Pro Light';
    padding-bottom: 21px;
    border-radius: 0;
    padding-right: 8px;
    padding-left: 8px;
}
#home-search select {
        float: left;
    width: 34%;
    height: 33px;
    margin: 0 17px;
    color: #a5a5a5;
    border-radius: 5px;
}
#home-search .btn-primary {  
    background: #1e325d;
        margin: 1px 19px;
}
#home-search button{
    float: left; 
}
#home-search  { 
    position: absolute;
    z-index: 9;
        width: 707px;  
     margin-top: 23px ;
    margin-left: 329px;
    background: #19a582;
    padding: 15px 12px;
       box-shadow: 0px 5px 7px rgba(85, 85, 85, 0.49);}
#home-search-top  {
    position: absolute;
    z-index: 9;
    width: 707px;
    margin-top: -22px;
    margin-left: 329px;
    background: #129072;
    padding: 9px 11px;
    color: #fff;
}
@media(min-width:1200px)  {
    #home-search-top,#home-search{ 
            width: 767px!important;
    }
    #home-search-top small {
    color: #fff;
    padding: 0 27px!important;
    font-size: 14px!important;
}
}
@media(min-width:992px) and (max-width:1200px) {
    #home-search-top,#home-search{ 
            margin-left: 234px;
    }
}
@media(max-width:992px){
    #home-search-top,#home-search{
        display: none
    }
}
.navbar-nav a{
      color: #000000;
      font-weight: 400;
}
#home-search-top small  { 
        color: #fff;
  padding: 0 19px;
    font-size: 11px;
        text-transform: none;
}
#home-search  .form-group{ 
    margin: 0px;
}
#home_block_offers .list-group-item a {
    color: #018da8;

}

#home_block_offers .list-group-item .read-more {
    position: absolute;
   right: 10px;
    bottom: 0;
}

/***************************
    Home Spaces
***************************/

#home_block_candidates, #home_block_entreprise {

    height: 210px;
    color: white;
}

#home_block_candidates .block_wrap, #home_block_entreprise .block_wrap {

    padding-top: 15px;
    padding-left: 40%;
}

#home_block_candidates {
    background: #017e96 url(../img/woman.png) 40px bottom no-repeat;
}

#home_block_entreprise {
    background: #05a682 url(../img/man.png) 40px bottom no-repeat;
}

#home_block_candidates h3 small, #home_block_entreprise h3 small {
    font-family: 'Myriad Pro Light';
    color: white;
    font-size: 1em;
}

#home_block_candidates h3, #home_block_entreprise h3 {
    font-family: 'Myriad Pro Bold';
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 0;
}

#home_block_candidates p, #home_block_entreprise p {
    font-family: 'Myriad Pro Light'
}

#home_block_candidates a.btn-default,
#home_block_entreprise a.btn-default {
    right: 30px;
    position: absolute;
}

#home_block_candidates a.btn {
    color: #017e96;
}

#home_block_entreprise a.btn {
    color: #05a682;
}

/***************************
    Footer
***************************/

footer {
        background-color: #03333c;
    margin-top: 30px;
    padding-top: 35px;
}

footer h5 {

    color: white;
    font-size: 1.5em;
    font-family: 'Myriad pro light';
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer ul li {
    border-bottom: 1px solid #8b8b8b;
    line-height: 26px;
}

footer ul li a {

    display: block;
    background: url(../img/footer-arrow.png) right center no-repeat;
}

footer ul li a, footer p {
    color: #bdbcbc;
}

/* Newsletter */

footer p {
    font-family: 'Myriad Pro light';
    margin-top: 15px;
}

footer label {
    font-family: 'Myriad Pro light';
    color: #bdbcbc;
    margin-top: 0;
    font-weight: lighter;
}

footer form h5 {
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 20px;
}

footer form input {

    border-radius: 4px;
    border: 0;
    margin-right: 2px;
    padding: 3px 10px;
}

footer form .btn {
    background-color: #05a682;
    padding: 3px 5px;
    color: white;
    font-family: 'Myriad Pro light';
    font-size: .9em;
}

/* Bottom  & Copyright */
#bottom_bar {
    font-family: 'Myriad Pro Light';
    margin-top: 15px;
    background-color: #222222;
    color: white;
    font-size: .9em;
    padding: 5px;
}

#bottom_bar a {
    color: white;
}

/***************************
    Misc
***************************/
.read-more {
    color: #05a682;
    display: block;
    text-align: right;
    font-weight: lighter;
    font-family: 'Myriad Pro Light';
}

.no-padding-left {
    padding-left: 0;
}

/***************************
    Forms & Buttons
***************************/
#job_search select,#home_block_find_agent select ,#home_block_find_agent select{
       height: 41px;
    padding: 0 16px;
    border-radius: 4px;
    color: #696e6e;
    -webkit-appearance: none;
    background: white url(../img/select-arrow.jpg) no-repeat;
    background-position: right 8px center;
    padding-right: 20px;
}

.btn {
    font-family: 'Myriad Pro Bold';
    text-transform: uppercase;
    padding: 4px 15px;
}

.clear{
	
	clear:both;
}
#job_search_header{
    padding: 1px 11px;
    
} #job_search{
    padding: 13px
}
#job_search_header{
   background: #129072;
}
div#job-bloc h3,div#job-bloc p{ 
    color: #fff;
}
div#job-bloc {
    background-color: #05a682;
    padding-top: 1px;
	padding: 0;
	padding-top: 1px;
            box-shadow: 0px 5px 6px rgba(85, 85, 85, 0.76);
}
div#job-bloc h3 {
  font-size: 26px;
    padding: 0 14px;
    margin-left: 0px;
    margin-top: 14px;
}
div#broadcums {
    text-align: right;    line-height: 36px;
}
#page-title h2 {
    padding-top: 0px;
    margin-top: 0px;
    color: rgb(5, 166, 130);
    font-size: 28px;
	font-weight: bold;
    text-transform: uppercase;
	
}
div#title-bloc {
    border-bottom: 1px solid rgb(5, 166, 130);
    /* padding-left: 20px; */
    /* padding-bottom: 0px; */
    /* margin-bottom: -13px; */
    height: 41px;
}
#content-bloc img {
  margin-bottom: 35px;
  border: 1px solid rgb(195, 199, 198);
  padding: 2px;
}
#news .title {
     padding: 4px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #1f325d; 
}

#news .date {
        padding: 0 7px;
    display: block;
    font-size: 14px;
    color: gray;
    display: block;
    padding-top: 2px;
    padding-bottom: 5px;
}

#news .news-content {
    padding: 0 7px;
    font-size: 15px;
    /* text-align: left; */
    line-height: 19px;
}
#news .news-tab {
    background: #f1f1f1;
    min-height:275px; 
}

#news #view-news a {
    font-size: 17px;
    font-weight: lighter;
    display: inline-block;
    padding: 2px 6px;
    background-color: #e0e0e0;
    color: white; 
}
#view-news{
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 15px;
        font-size: 17px;
    font-weight: lighter;
    display: inline-block;
    padding: 2px 6px;
    background-color: #e0e0e0;
    color: white;
}

#news a:hover {
    background-color: rgb(1, 141, 168);
    text-decoration: none;
}
.news-item {
display: block;
    padding-left: 54px;
    border-bottom: 1px solid rgb(195, 202, 203);
    background-image: url(../../assets/img/news.png); 
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: midle;
    background-size: cover;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
   height: 165px;
}
#news-infos .news-content {
    font-size: 14px;
}
/*  offre */

#offre .title {
    font-size: 19px;
    font-weight: bold;
    color: rgb(81, 96, 130);
}

#offre .date {
    display: block;
    font-size: 14px;
    color: gray;
    display: block;
    padding-top: 2px;
    padding-bottom: 5px;
}

#offre .news-content {
    font-size: 12px;
    line-height: 22px;
}

#offre a {
    font-size: 13px;
    display: inline-block;
    padding: 7px;
    background-color: rgb(5, 166, 130);
    color: white;
    margin-top: 6px;
    margin-bottom: 14px;
    padding-right: 11px;
    padding-left: 11px;
}

#offre a:hover {
    background-color: rgb(1, 141, 168);
    text-decoration: none;
}
.offre-item {
    display: block;
    padding-left: 54px;
    border-bottom: 1px solid rgb(195, 202, 203);
    background-image: url('../../assets/img/offre.png');
    background-repeat: no-repeat;
    background-position-x: -7px;
    background-position-y: -3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#offre-infos .news-content {
    font-size: 14px;
}
div#offre-details {
    line-height: 31px;
}

/* agences  */

div#siege {
    background-color: #018da8;
    color: white;
    padding: 20px; 
    background-image:url('../img/agence-siege.png'); 
    background-repeat: no-repeat;
    background-position-x: 472px;
    background-position-y: 18px;
}

#siege li {
    list-style: none;
    display: block;
    padding: 3px;
    font-size: 14px;
    padding-left: 37px;
}

#siege h3 {
    text-transform: uppercase;
    margin-top: 7px;
    margin-bottom: 26px;
}
@media (max-width:600px){
    #agence-search form {
    padding-left: 0px!important; 
}
#agence-search select{ 
    width: 100%!important; 
}
}
#agence-search select{
        padding: 6px;
    width: 48%;
    border-radius: 6px;
    color: #555;
}
div#agence-search {
    display: block;
    padding: 20px;
    background-color: rgb(218, 218, 218);
    margin-top: 12px;
	
	
	
	
	background-image:url('../img/agence-search.png');
	
	
	background: rgb(235,229,229); /* Old browsers */
	background: url('../img/agence-search.png'),-moz-linear-gradient(top,  rgba(235,229,229,1) 0%, rgba(180,180,180,1) 100%); /* FF3.6+ */
	background: url('../img/agence-search.png'),-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,229,229,1)), color-stop(100%,rgba(180,180,180,1))); /* Chrome,Safari4+ */
	background: url('../img/agence-search.png'),-webkit-linear-gradient(top,  rgba(235,229,229,1) 0%,rgba(180,180,180,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url('../img/agence-search.png'),-o-linear-gradient(top,  rgba(235,229,229,1) 0%,rgba(180,180,180,1) 100%); /* Opera 11.10+ */
	background: url('../img/agence-search.png'),-ms-linear-gradient(top,  rgba(235,229,229,1) 0%,rgba(180,180,180,1) 100%); /* IE10+ */
	background:url('../img/agence-search.png'), linear-gradient(to bottom,  rgba(235,229,229,1) 0%,rgba(180,180,180,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe5e5', endColorstr='#b4b4b4',GradientType=0 ); /* IE6-9 */
	
	background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 18px;

    padding-top: 40px;
}

#agence-search li {
    list-style: none;
    display: block;
    padding: 2px;
    padding-left: 37px;
}

#agence-search h3 {
    text-transform: uppercase;    margin-top: 7px;    margin-bottom: 26px;
}

li.adresse {
    background-image: url('../img/adresse.png');
    background-repeat: no-repeat;
    /* background-position-x: -4px; */
}

li.tel {
    background-image: url('../img/tel.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}

li.fax {
    background-image: url('../img/fax.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}

li.france {
    background-image: url('../img/telextern.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}

li.espagne {
    background-image: url('../img/telextern.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}

#agence-search li.adresse {
    background-image: url('../img/adresse2.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}

#agence-search li.man {
    background-image: url('../img/man2.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}

#agence-search li.tel {
    background-image: url('../img/tel2.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}
#agence-search li.email {
    background-image: url('../img/email.png');    background-repeat: no-repeat;    /* background-position-x: -4px; */;
}

#agence-search li.fax {
  background-image: url('../img/fax2.png');
  background-repeat: no-repeat;
}
div#content-bloc h3 {
     color: rgb(5, 166, 130);
  	font-size: 19px;
}
#siege h3 {
    color: white!important;
}
/********************************************************************************************************
                                            Responsive
*******************************************************************************************************/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
    #logo {
        text-align: center;
    }

    .navbar-tectra li {

        width: 100%;
    }

    #job_search h3 {
        font-size: 1.5em;
    }

    #job_search .btn {
        margin-bottom: 15px;
    }

    #home_block_about_us {
        margin-bottom: 15px;
    }

    #home_block_offers, #home_block_find_agent {
        margin-bottom: 15px;

        margin-left: 15px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
    #logo {
        text-align: center;
    }

    .navbar-tectra li {

        width: 100%;
    }

    .navbar-tectra .navbar-nav {

    }

    #job_search h3 {
        font-size: 1.7em;
    }

    #job_search .btn {
        margin-bottom: 15px;
    }

    #home_block_about_us {
        margin-bottom: 15px;
    }

    #home_block_offers, #home_block_find_agent {
        margin-bottom: 15px;

        margin-left: 15px;
    }

    #home_block_candidates, #home_block_entreprise {
        margin-bottom: 15px;
        background-position: 40px bottom;
    }

    footer form input {
        width: 135px;

    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    #logo {
        text-align: center;
    }
#logo img {
    max-width: 89%;
}
    .navbar-tectra li {

        white-space: nowrap;
        width: 20%;

    }

    #job_search h3 {
        font-size: 1.8em;
    }

    #job_search .btn {
        margin-bottom: 15px;
    }

    #home_block_about_us {
        margin: 0;
        padding: 0 20px 15px
    }


    #home_block_offers, #home_block_find_agent {
        margin-bottom: 15px;
        margin-left: 0;
    }

    #home_block_candidates, #home_block_entreprise {
        margin-bottom: 15px;
        background-position: 40px bottom;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {



    #search {
        padding-right: 0;
    }

    .navbar-tectra li {
        font-size: .9em;
        white-space: nowrap;
        width: 20%;
    }

    #job_search {
        margin: 0;
    }

    #job_search h3 {
        font-size: 2em;
        padding-top: 0;
        margin-top: 8px;
    }

    #job_search .form-group {
        margin-bottom: 10px;
    }

    #home_block_about_us {
        padding: 0 15px 15px;

    }

    #home_block_offers, #home_block_find_agent {
        margin-left: 0;
    }

    #home_block_candidates, #home_block_entreprise {

        background-position: left bottom;

    }

    footer form input {
        width: 140px;

    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

    .navbar-tectra li {
        width: 20%;
    }

    #search {
        padding-right: 0;
    }

    #job_search {
margin: 9px 8px -6px 8px;
    }

    #job_search h3 {
        margin-top: 30px;
        font-size: 2.9em;
    }

    #job_search .form-group {
        margin-bottom: 15px;
    }

    #home_block_about_us {
           padding: 17px 15px 15px;

    }

    #home_block_offers, #home_block_find_agent {
        margin-left: 0;
    }

    #home_block_candidates, #home_block_entreprise {

        background-position: 40px bottom;

    }

    footer form input {
        width: 175px;

    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .navbar-nav .open .dropdown-menu > li > a {
        color: silver;
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: transparent;
        color: white;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    #home_block_candidates, #home_block_entreprise {
        margin-bottom: 15px;
        background-image: none;

    }

    #home_block_candidates .block_wrap, #home_block_entreprise .block_wrap {

        padding-top: 30px;
        padding-left: 10px;
    }

    footer form input {
        width: 100px;
        margin-bottom: 8px;

    }

    .navbar-nav .open .dropdown-menu > li > a {
        color: silver;
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: transparent;
        color: white;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    #job_search {
        padding-bottom: 10px;
    }

    #job_search h3 {
        font-size: 1.4em;
    }

    #home_block_offers, #home_block_find_agent {
        margin-left: 10px;
        padding-left: 10px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    #home_block_candidates .block_wrap,
    #home_block_entreprise .block_wrap {

        margin-top: 0;
        padding-top: 0;
    }

    #home_block_candidates .block_wrap h3,
    #home_block_entreprise .block_wrap h3 {
        margin-top: 0;
        padding-top: 0;

    }

    footer form input {
        width: 110px;
        margin-bottom: 8px;

    }

}


/* add hover to nav bar */
/*ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}*/

.breadcrumb li.reverse {
  float: right!important;
}
.breadcrumb li {
  color: #c5c5c5;
  font-size: 13px;
}
.breadcrumb > li {
  display: inline-block;
}
ol.breadcrumb {
    margin-bottom: 0px;
}
.breadcrumb li a.active {
  color: #8c8c8c!important
}
.breadcrumb li  a{
 text-decoration:none;
     color: #a7a7a7;
}
div#content-bloc {
  padding-top: 24px;
  font-size: 14px;
  text-align: justify;
  line-height: 19px;
}

#agence-search form {
    padding-left: 40px;
    padding-bottom: 20px;
    padding-top: 19px;
}
.breadcrumb {
    padding: 0;
}
.navbar-tectra .dropdown-menu li a:hover {
  color: #11B5D4;
}
blockquote {
      border-left: 5px solid rgb(1, 141, 168);
	  margin-left: 40px;
	  color: rgb(143, 143, 143);
	  font-size: 21px;
	  line-height: 25px;
	  text-align: left;
}

#page #content-bloc ul {
    list-style: none;
    padding:0;
    margin:0;
}

#page #content-bloc li {
  padding-left: 1em;
  text-indent: 0.3em;
  line-height: 13px;
  font-size: 14px;
  line-height: 26px;
}

#page #content-bloc li:before {
    content: "• ";
    color: rgb(1, 141, 168); /* or whatever color you prefer */
	
    font-size: 26px;
    /* line-height: 21px; */
    /* display: block; */
}

.panel-heading {
    background-color: red;
}

.panel-default>.panel-heading {
    background-color: rgb(8, 203, 160);
    color: white;
    border-radius: 0px;
    border: 1px solid white;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    font-size: 17px;
}
.panel-title>a:hover {
  color: rgb(5, 22, 18);
  text-decoration: none;
}
ol.breadcrumb {
  margin-bottom: 0px;
  background-color: white!important;
}
select#select_agent_city_home {
    width: 174px;
}
div#home_block_offers {
        padding: 0;
    margin-top: 16px;
}
@media(max-width:768px){
    div#home_block_offers {
    padding: 0;
    margin-top: 37px;
    padding: 0 15px 0 0;
}

#condidat .nos-organisation,#condidat  .nos-methodes {
margin: 15px 0 0;
}

}
@media(min-width:400px) and (max-width:1200px){
#page-entreprise #condidat .title-widget span {
    font-size: 19px!important;
}
   #condidat .decouvrire-pirple span:nth-child(2) i { 
    margin-left: -9px!important;
}
}
@media(max-width:400px){
    .decouvrire-pirple span:nth-child(2) i { 
    margin-left: -9px!important;
}
#condidat .decouvrire-pirple span:nth-child(2) i {
        margin-left: -16px!important;
}
}
.block_home_about h4 span {
    font-size: 22px;
    line-height: 29px; 
}
.block_home_about h4 { 
    line-height: 24px; 
    font-size: 16px;
}
 
#groupe_table p {
    text-align: left;
}

#entre-form  select {
    width: 200px;
}
#entre-form label {
    text-align: left;
}

#entre-form  textarea {
  width: 100%!important;
}
fieldset {
    border: 2px solid rgb(176, 182, 181)!important;
    margin-bottom: 24px!important;
    padding: 5px!important;
}

legend {
      font-size: 17px!important;
	  background-color: rgb(5, 166, 130)!important;
	  color: white!important;
	  padding: 10px!important;
	  width: inherit!important;
}
.captcha-container {
    height: 42px;
}
.captcha-container {
    height: 43px;
}
div#entre-form h2 {
    font-size: 18px;
}
table#offres-grid {
    padding-top: 17px;
}

input[type="search"] {
    border: 1px solid rgb(5, 166, 130);
    padding: 4px;
}



.candid-tab th {
    padding: 10px;
    background-color: rgb(1, 141, 168);
    border: 1px solid white;
    color: white;
    text-align: center;
}

.candid-tab td {
  text-align: center;
  padding: 15px;
  /* border-bottom: 1px solid rgb(205, 205, 205); */
  border: 1px solid rgb(218, 218, 218);
}

.candid-tab td a {
    display: inline-block;
    padding: 5px;
    background-color: rgb(29, 47, 89);
    color: white;
    border-radius: 2px;
}

.error {
    display: none;
}

#offre .offre-item strong {
  font-size: 16px;
}
div#next-form {
    text-align: right;
}

div#next-form a {
    font-size: 14px;
    display: inline-block;
    padding: 13px;
    background-color: rgb(5, 166, 130);
    border-radius: 4px;
    color: white;
    text-decoration: none;
}

div#next-form a:hover {
    background-color: rgb(29, 47, 89);
}

  
  
  
a#tous_les_offres {
  display: inline-block;
  text-align: center;
  padding: 10px;
  background-color: rgb(5, 166, 130);
  /* width: 116px; */
  color: white;
  border-radius: 4px;
}

a#tous_les_offres:hover {
    background-color: rgb(1, 141, 168);
    text-decoration: none;
}

div#postuler {
    text-align: right;
}

a#postuler-btn {
    display: inline-block;
    padding: 13px;
    background-color: rgb(29, 47, 89);
    color: white;
    border-radius: 4px;
}

a#postuler-btn:hover {
    background-color: rgb(5, 166, 130);
    text-decoration: none;
}
div#error {
    display: block;
    padding: 20px;
    margin-bottom: 10px;
    background-color: rgb(251, 128, 128);
    color: rgb(249, 253, 252);
    border-radius: 4px;
}


#inscription-bloc .text {
  display: block;
  padding: 92px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
}
div#inscrivez-bloc a {
     padding: 12px;
  background-color: rgb(1, 141, 168);
  border-radius: 6px;
  /* border: 1px solid rgb(226, 226, 226); */
  color: rgb(255, 255, 255);
  box-shadow: 17px black;
}
div#inscription-bloc {
    padding-bottom: 22px;
}

.hidden{
	display:none;		
}
/**to add*/
.title-widget{
        padding: 0;
     text-transform: uppercase;
    text-align: center;
    background: #168da6;
    color: #fff;
    margin-top: -15px;
    font-size: 15px;
    /*font-weight: bold;*/
}
.title-widget span{
           padding: 11px 22px;
       font-size: 15px;
}
.title-widget span:nth-child(2) { 
    padding: 0;
    text-align: right;
}
.title-widget span:nth-child(2) i{ 
    width: 37px;
    line-height: 37px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.title-widget {
     text-align: left!important;
}
.title-widget-top{ 
     text-transform: uppercase;
    text-align: center;
    background: #168da6;
    color: #fff; 
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 0;
}

.title-widget-top span{
    font-size: 29px;
    font-weight: bold;
   
    padding: 10px 0;
}
.title-widget strong,#home_block_find_agent h3 strong{
   font-weight: 200;
     
} 
 #home_block_find_agent h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: lighter;
    font-family: 'Myriad pro bold';
}
#home_block_find_agent h3 strong{ 
    font-size: 35px;
   
} 
.organisation-desc{
   text-align: center;
    background: #da4a4a;
    color: #fff;
    padding: 0;
}

.organisation-desc p{
        text-align: left;
    font-size: 17px;
    padding: 21px 7px 21px 7px;
    margin-top: -112px;

}

#condidat .nos-about ,#condidat .nos-services ,#condidat .nos-methodes  ,#condidat .nos-organisation {
  background-size:cover!important;
}
#condidat .nos-about{
     padding-top: 39%;
}
 @media (max-width:992px){ 
   .organisation-desc p{ 
 margin-top: -111px;
   }
 
}
#home_block_organisation .title-widget span {
    padding: 13px 7px; 
} 
.bc-orange{
        background: #cd1918; 
}
.bc-orange-force{
    background:rgba(3, 3, 3, 0.2);
}
.bc-green-force{
    background: #138198; 
}
#sidebar-right .col-xs-12{
    padding-right: 0px;
    padding-leftt: 0px;
}
#page-banner img{
    max-width: 100%;
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.34),-7px -7px 15px rgba(0, 0, 0, 0.28);
}
#page-banner{
    padding: 0;
          margin: 8px auto;
}
.content-page h2{
    font-size: 30px;
    text-transform: uppercase;
    color: #3bb676;
    font-weight: bold;
}
.content-page h2:before{
    content: "";
    width: 7px;
    height: 105px;
    background: #97d5bf;
    position: absolute;
    top: 19px;
    left: 0px;
}
.content-page p{
    font-size: 15px;
    color: #6b6b6b;
}
.nos-about{
      box-shadow: 0px 30px 7px rgba(85, 85, 85, 0.49);
    padding-top: 31%;
    padding-bottom: 10px;
    min-height: 216px; 
    background-size: cover!important;
}
.nos-services{
           box-shadow: 0px 30px 7px rgba(85, 85, 85, 0.49);
    padding-top: 22%;
    padding-bottom: 9px;
    min-height: 216px; 
    background-size: cover!important;
}
.nos-methodes{
       box-shadow: 0px 6px 7px rgba(103, 103, 103, 0.37);
   padding: 6% 0 0px 29%;
/* min-height: 183px;  */
    background-size: cover!important;
}
.nos-organisation{
       box-shadow: 0px 6px 7px rgba(103, 103, 103, 0.37);
     padding: 8% 0 0px 3%;
    /* min-height: 183px; */
}

.nos-methodes h5,.nos-organisation h5{
    position: absolute;
    bottom: 0;
    right: 0;
}
.nos-methodes .col-xs-12,.nos-organisation .col-xs-12{
        padding: 0
}
.nos-about h6,.nos-services h6,.nos-methodes h6,.nos-organisation h6{
   font-size: 24px;
    font-weight: bold;
    color: #fff;
}
#condidat .nos-about  ,#condidat  .nos-services  {
    height: 200px;
}
 #condidat  .nos-methodes  ,#condidat  .nos-organisation  {
    height: 150px;
}#condidat  .title-widget span:nth-child(2) i {
     width: 42px;
   line-height: 43px;
}#condidat  .nos-services {
       padding-top: 27.6%;
}#condidat  .nos-organisation {
         padding: 23% 0px 0px 7%;
}#condidat  .nos-methodes {
           padding: 17% 0 0px 34%;
}#condidat  p {
           font-size: 16px;
}
#page-entreprise #condidat .title-widget span:first-child {
    text-align: left;
}
#page-entreprise #condidat .title-widget span {
    font-size: 14px;
    letter-spacing: 0.015em;
}
.nos-about p,.nos-services p,.nos-methodes p,.nos-organisation p{ 
        text-align: left;
    color: #fff;
    font-size: 15px;
       line-height: 22px;
    padding: 5px 0 4px 0;
}
#condidat .nos-about p,#condidat .nos-services p,#condidat .nos-methodes p,#condidat .nos-organisation p{ 
   font-family: 'Myriad Pro Light';
}
#condidat #title-widget-green {
    background: linear-gradient(to right, #3bb676 0%, #30a769 100%);
}
#page-entreprise #condidat .title-widget span { 
    font-size: 20px;
}
#about-decouvrir{
    padding: 0;
    font-size: 19px
}

#about-decouvrir .col-xs-9,#title-widget-green .col-xs-10{ 
    text-align: right;
    padding-right: 5px; 
}
.content-page-block{
    margin-top: 40px ;
    padding: 0;
}
.decouvrire-pirple{
    background: #534c94;
}

.decouvrire-pirple-force{
    background: #443d83;
}
.bc-green-clair{
    background: #19a582;
}
.bc-green-clair-force{
    background: #169476;
}
.bc-green-clair span{
         padding: 11px 15px;
    text-align:left;
    font-size: 15px;
}
#title-widget-green {
    text-transform: uppercase;
    text-align: center;
    /*background: #168da6;*/
    color: #fff;
    /* margin-top: -15px; */
    font-size: 20px;
    font-weight: lighter;
    margin: 0;
    background: -moz-linear-gradient(left, rgba(245,245,245,0.27) 0%,  #3aa196a8 72%, 3aa196 100%);
 
background: linear-gradient(to right, rgba(245,245,245,0) 0%, #3aa196a8 72%, #3aa196 100%);
background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,   #3aa196a8 72%, 3aa196 100%);
background: -o-linear-gradient (left, rgba(245,245,245,0) 0%,   #3aa196a8 72%, 3aa196 100%);
background: -ms-linear-gradient (left, rgba(245,245,245,0) 0%,   #3aa196a8 72%, 3aa196 100%);
}
 
.decouvrire-green-force {
    background: #319c65;
}
h1,h2,h3,h4,h5,h6{
    text-transform: uppercase
}
.border{
    padding: 5px!important;
}
@media (min-width:1200px){
    #agence-entreprise{
              height: 263px!important;
}
}@media (min-width:992px) and (max-width:1200px){
    #agence-entreprise{
             
    height: 278px!important;
    margin-left: 0!important;
}
}@media (min-width:768px) and (max-width:992px){
    #agence-entreprise{
                 height: 384px!important;
}
}
@media (max-width:1200px){
    #title-widget-green { 
    font-size: 17px;
}
.nos-about {
    box-shadow: 0px 30px 7px rgba(85, 85, 85, 0.49);
    padding-top: 22%;
}
.title-widget { 
    font-size: 14px;}
}@media (max-width:768px){
    .follow-btn img {
       width: 142px!important;
}


.nos-methodes { 
    margin: 9px 0;
    
}
.nos-organisation { 
    margin: 12px 0;
}
#condidat p {
    font-size: 17px;
        text-align: left;
    position: absolute;
    bottom: 10px;
       left: 27%;
}
#condidat .nos-organisation ,#condidat .nos-methodes,#condidat .nos-services,#condidat .nos-about{
    padding: 0!important;
}
}@media (min-width:992px) and (max-width:1200px){
  #home_block_organisation .block-contact {
    width: 100%;
    height: 290px;
  }
    
    #agence-home{
            height: 304px!important;
    }
    #agence-span-entreprise   {
    text-align: center; 
    text-align: center;
    padding: 13px 0px;

}
.nos-about p{
    line-height: 21px!important;
}
.nos-about { 
    padding-top: 29%!important;
}
.nos-services { 
    padding-top: 21%!important;
    margin-bottom: 1%!important; 
}
}
@media   (max-width:992px){
    #agence-home{
            height: 279px!important;
    }
}
@media (max-width:1200px){
    .tp-caption img{
    opacity: 0;
}
}
@media (max-width:1200px){
  #slogan h2 { 
    font-size: 18px;}
}@media (max-width:992px){
  #slogan h2 { 
    text-align: center}
.candidat-sidebar  .row{
       padding: 17px 0!important;
}}
  
      .follow-btn{
          position:absolute;
          right:5px;
          z-index: 1;
      }
      .follow-btn a {
          display:inline-block;
      }
      .follow-btn img{
             width: 188px;
      }
      @media (max-width: 600px) {
          .follow-btn{
            max-width:150px!important;
          }

      }
@media (min-width:1200px){
    #fix-matter{
        white-space: nowrap;
    }
}
.candidat-sidebar .row {
       padding:  0 ;
}  
@media (max-width: 992px) and (min-width: 768px){
  .candidat-sidebar  #agence-entreprise {
    height: 318px!important;
} 
}

#home_block_organisation .block-contact{
    width: 100%;
    height: 329px;
    background:url('../img/image-side-contact-candidat.jpg');
    background-size:cover;
}
#page-entreprise .title-widget span{font-size: 14px;
    letter-spacing: 0.015em;} 
.navbar-nav>li>.dropdown-menu {
    padding: 0px 11px;}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}
.btn-info {
    color: #fff;
    padding: 9px 25px!important;
    background-color: #cd1918;;
    border-color: #cd1918;
    margin:0 auto;
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #9c1211;
    border-color: #cd1918;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #06a682;
    padding: 20px 10px;
    color: #fff;
    text-align: center;
}
#offres-grid thead{
    background: #1e325c;
    color: #fff;
}
#offres-grid thead tr th{
    padding: 11px 7px;
}
#offres-grid  tr td{
    padding: 12px 2px;
    border-bottom: 1px solid #eee;
}
.form-step .form-group{
    margin-top: 15px;
}
.form-step label{
    font-size: 16px;
    color: #444;}
.form-step .warning{
    background: #f5b000;
    padding: 10px 9px;
    border-radius: 6px;}
.form-step .form-error{
   display: none}
.form-step .error{
    display: block}