/** GENERAL **/
body {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(0, 0, 0);
}

.pl-0{
    padding-left: 0
}

.pr-0{
    padding-right: 0
}

.short-desc {
    line-height: 1.5em;
    height: 3em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
}
.short-desc-one {
    line-height: 1.5em;
    height: 1.5em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
}
blockquote{
    font-size: 14px;
}

footer {
    width: 100%;
    background-color: rgb(112, 112, 112);
    color: rgb(255, 255, 255);
    padding: 20px 0;
    min-height: 275px;
}

footer .footerClassiqueMenu ul{
    padding-left: 0;
}
footer .footerClassiqueMenu ul > li{
    display: inline;
    position: relative;
}

footer .footerClassiqueMenu ul > li:first-child > a{
    margin: 0 50px 0 0;
}

footer .footerClassiqueMenu ul > li > a{
    font-weight: 700;
    margin: 0 50px 0 0;
}

footer .footerClassiqueMenu ul > li > ul {
    position: absolute;
    top: 35px;
    left: 0;
    font-size: 11px;
    width: 160px;
}

footer .footerClassiqueMenu ul > li > ul > li{
    display: block;
}

footer .footerClassiqueMenu ul > li > ul > li a{
    padding: 2px 0;
    font-weight: 400;
    font-size: 11px;
}

footer .footerClassiqueMenu ul > li > ul > li a:hover{
    background-color: transparent;
}

button {
    font-family: 'Roboto', sans-serif;
}

input {
    font-family: 'Roboto', sans-serif;
}

a {
    color: rgb(0, 0, 0);
}

footer a:hover {
    color: #3eadb9;
}

a:hover {
    color: #000;
    text-decoration: none;
}

h1 {
    font-family:  'Work Sans', serif;
    font-size: 20px;
    margin:5px 0;
    font-weight: 400;
}

h2 {
    font-family:  'Work Sans', serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    font-weight: 400;
}

h3 {
    font-family:  'Work Sans', serif;
    font-size: 19px;
    font-weight: 400;
}

.underline {
    /* text-decoration: underline; */
    border-bottom: 2px solid #3eadb9;
}

.font-weight-normal{
    font-weight: normal;
}

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

.input-group-addon {
    border: none;
    background-color: white;
    border-radius: 0;
}

.input-group {
    margin-bottom: 15px;
    width: 100%;
}

.div1 {
    background-color: red;
    height: 100%;
}

.div2 {
    background-color: blue;
    height: 100%;
}

.div3 {
    background-color: green;
    height: 100%;
}

.div4 {
    background-color: grey;
    height: 100%;
}

/** Matthieu **/

/** FIN Matthieu **/
.square {
    width: 6px;
    height: 6px;
    background: #f8f8fa;
    display: inline-block;
    margin:0 8px 2px 2px;
}

/* Form Assurance*/

#vers{
    border: #3eadb9 1px solid;
    border-radius: 4px;
    padding: 20px;
    margin-top: 35px;
}
#vers .form-control{
    border: rgba(62, 173, 185, 0.33) 1px solid;
    border-radius: 4px;
}

#vers label {
    padding-top: .5rem;
}

#vers .italic {
    font-style: italic;
}

.alert-code{
    display: none;
    font-size: 15px;
    margin: 5px 0;
    color: #650100;
}
.alert-code-display{
    display: block !important;
}

/* Fin Form Assurance*/

/** MODAL **/
.modal-body{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 450px;
    max-width: 100%;
    /* spacing as needed */
    padding: 20px 50px 20px 20px;
    border-radius: 3px;
    text-align: center;
}
#confirm .modal-body{
    height: 120px;
    max-height: 100%;
}
#confirm-newsletter .modal-body{
    height: 175px;
    max-height: 100%;
}
/** FIN MODAL **/
/** END GENERAL **/

/* MENU */
.togglemenu {
    margin-left: 5px;
    margin-top: 10px;
}

.togglemenu a {
    color: #3eadb9;
}

#menumobile {
    background-color: #3eadb9;
    color: rgb(255, 255, 255);
}

.menu a {
    font-family: "Roboto", serif, Helvetica, Arial;
    color: rgb(0, 0, 0);
    font-size: 14px;
    transition: 0.5s ease;
}

.menu a:hover, .menu a:active, .menu a:focus {
    text-decoration: none;
    background-color: #f9c402;
    transition: 0.5s ease;
    color: rgb(255, 255, 255);
}

.menu ul {
    padding-left: 0;
}

.menu ul li {
    display: inline-block;
    position: relative;


}

.menu ul > li > a {
    padding:10px;
}

.menu > ul > li.selected > a {
    background-color: #f9c402;
    color: rgb(255, 255, 255);
    width:100%;

}

.menu > ul > li.selected{
}


.menu > ul > li:hover > ul {
    display: block;
    z-index: 100;
    width:auto;
    top: 26px;
}



.menu > ul > li > ul {
    display: none;
    position: absolute;
    background-color: #01a5b9;
}

.menu > ul > li > ul > li {
    background: #01a5b9;
    display: block;
    width: 150px;
}

.menu > ul > li > ul > li a {
    color: #fff;
    font-size: 14px;


}

.menu > ul > li > ul > li a:hover {
    background-color: rgba(255, 255, 255, 0.2)

}
.menu > ul > li > ul > li > a {
    background-color: #01a5b9;
    width: 100%;
    display: inherit;
}

.menu > ul > li > ul > li:hover {

    /* background-color: rgba(255, 255, 255, 0.2)*/

}

.menu > ul > li > ul > li:last-child {
    border: none;

}

/** END MENU **/

/** HEADER **/
.medium-row{
    height:100px;
}

.social_header{
    margin-top:35px;
}

.desktop_header {
    /*width: 1650px;
    height: 180px;*/
}

.header_top {
    height: 190px;
}

.div_logo_header {
    text-align: center;
    height:100%;
}

.logo_header {
    max-height:190px;
}

.div_text_logo_header {
    padding: 20px 15px;
}

.text_logo {
    max-width: 100%;
}

.div_menu_header {
    font-weight: bold;
    padding: 15px 0;
}

.header-joboffer-alert {
    text-align: center;
    background-color: #707070;
    height: 190px;
    color: rgb(255, 255, 255);
}

.header-joboffer-alert-small{
    color: #fff;
    height: 190px;
    position:relative;
}

.header-title-joboffer-alert-small {
    color: #3eadb9;
    background:#ffffff;
}
.header-title-joboffer-alert-small h3{
    font-weight: bold;
}
.introLastOffer{
    font-style: italic;
    font-size: 12px;
    color: #000000;
}

.header-joboffer-alert-small .lastOffer .badge{
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
    background: #f9c402;
    border-radius: 0;
    padding: 3px;
    font-weight: 400;
}

.header-joboffer-alert-small .lastOffer .title{
    color: #3eadb9;
    margin-bottom: 5px;
    font-family: 'Work Sans', serif;
    font-size: 14px;
}

.header-joboffer-alert-small .lastOffer .info{
    color: #000000;
    font-size: 13px;
    margin-bottom: 12px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header-joboffer-alert-small .lastOffer .title {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .header-joboffer-alert-small .lastOffer .title {
        min-height: 60px;
    }
}

.header-text-joboffer-alert-small {
    text-align: justify;
    margin-bottom: 20px;
    font-size: 10px;
    line-height: 14px;
}

.header-button-joboffer-alert a{
    color: #ffffff;
    background-color: #3eadb9;
    border-radius: 0;
    border:0;
    font-weight: bold;
    margin-top: 20px;
    position: absolute;
    bottom: 10px;
    width: 90%;
}

.header-button-joboffer-alert a:hover{
    background: #296c77;
    color: #ffffff;
}

.login .member_button_header{width:100%}

.header-button-joboffer-alert-small a{
    text-align: left;
    border: none;
    border-radius: 0;
    font-weight: 600;
    color: #707070;
    width:100%;
}

.div_member_header_small {
    background-color: #f9c402;
    height: 190px;
    color: rgb(255, 255, 255);
    padding-left: 15px;
    padding-right: 15px;
}

.header-text-joboffer-alert-small {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 12px;
    line-height: 14px;
    height: 28px;
}

.joboffer-title {
    font-size:23px;
}

.joboffer-readmore{
}


.col-middle-header{
    padding-right:0;
}

.div_member_header {
    background-color:#f9c402 ;
    height: 190px;
    position: relative;
}

.title_member_header {
    font-weight: bold;
    color: #3eadb9;
}

.title_member_header h3{
    color:#fdfdfe;
}

.my-account{margin-top:25px}

.member_button_header {
    width: 100%;
    background-color:#fdfdfe;
    color: #f9c402;
    border: none;
    border-radius: 0;
    font-weight: 600;
}

.member-login-control {
    background: url(../../assets/img/icon_login_form.png) no-repeat 5px 0;
    padding-left: 30px;
    border: 1px solid rgb(130, 130, 130);
    background-color: #fdfdfe;
}

.input_login_password {
    background: url(../../assets/img/icon_login_form.png) no-repeat 5px -27px;
    background-color: #fdfdfe;
}

.login h3{color:#3eadb9}

.div_langage {
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 5px;
}

.social_icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.blue_circle {
    width: 50px;
    height: 50px;
    background: #01a5b9;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    padding: 12px;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
}

/** END HEADER **/

/**HOME **/

#div_main_picture {
    width: 100%;
    height: 483px;
    background: url('../../assets/img/main_picture.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

#main_picture {
    width: 100%;
    height: 100%;
}

#div_aims {
    margin:50px;
}

#div_aims .col {
    padding: 0;
}

.block_content {
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 400;
}

.title_content{
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+5,e6e6e6+49,ffffff+100,7db9e8+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 5%, #e6e6e6 49%, #ffffff 100%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 5%,#e6e6e6 49%,#ffffff 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%,#ffffff 5%,#e6e6e6 49%,#ffffff 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
    margin:10px 0;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
}

.title_block_content {
    font-size: 18px;
    color: #3eadb9;
    font-weight: 600;
    padding: 10px;
}

.logo_title_block_content {
    background-repeat: no-repeat;
    height:80px;
    padding-left:50px;
    white-space: nowrap;
    padding-top:5px;
}

.row_block_content {
    padding-top: 25px;
}

/* Ajout Jeremy */
.home-img-news{
    width:130px;
    height:130px;
}

.home-col-news{
    margin-bottom:20px;
    font-weight: 600;
    padding-right:0;
}

.home-block-flash-news{
    background-color: #0096a9;
    color:#fdfdfe;
    margin-left:-30px;
    margin-right:-30px;
    padding:0 60px;
}

.home-flash-news{
    padding-bottom:15px;
    font-weight: 300;
}

.home-title-block-flash-news h2{
    padding-bottom:5px;
}

.home-title-block-last-news h2{
    padding:0 0 10px 30px;
    color:#3eadb9;
}

.home-read-more-flash-news a{
    font-size: 16px;
    color: #3eadb9;
    font-weight: 700;
    background: #fdfdfe;
    border-radius: 0;
}

.home-read-more-flash-news{
    margin-bottom:30px;
}

.home-block-newsletter{
    background-color: #707070;
    margin-left:-30px;
    margin-right:-30px;
    padding:0 60px 20px 60px;
    color:#fdfdfe;
}

.home-title-block-newsletter h2{
    padding-bottom:5px;
}

.home-block-newsletter .col-sm-4{
    padding-left:0;
}


#div_member_alert {
    color: rgb(255, 255, 255);
    background-color: #f9e7a3;
    margin:15px;
    padding:0;
}

.title_member_alert{
    background-color: #f9c402;
    padding:5px 20px;
    font-size: 20px;
    width:100%;
}

.text-member-alert{
    padding:10px 20px;
    color:#141414;
    font-weight: 600;
}

.attention-text-member-alert{
    font-weight: bold;
}

#div_member_alert h2{
    margin-top: 0;
}

#div_member_alert input{
    width: 50%;
}




#title_div_details_news {
    margin-bottom: 20px;
    margin-top: 20px;
    color:#01a5b9;
}

.picture_details_news {
    width:170px;
}

.text_details_news{
    width:55%;
}

.div_picture_details_news {
    float:left;
    display: inline-block;
    padding-right:10px;
}

.div_one_details_news {
    margin-bottom: 40px;
}

.title_details_news {
    text-align: left;
    font-weight: 700;
}

.category_details_news{
    color:#0096a9;
    text-transform: uppercase;
}
.preview_details_news {
    text-align: justify;
}

.button_read_more_details_news {
    border: none;
    text-align: left;
    width: 100%;
    padding-left: 0;
    text-decoration: underline;
    font-size: 12px;
    color:#a4a4a4;
}

#button_subscribe {
    border: none;
    border-radius: 0;
    width: 150px;
    color: #f9c402;
    font-weight: bold;
}

#div_flash_news {
    background-color: #01a5b9;
    padding: 15px 15px 25px 15px;
}

#title_div_flash_news {
    padding-left: 0;
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
}

#title_div_flash_news h2{
    margin-top: 10px;
}

.flash_news {
    margin-bottom: 15px;
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.date_flash_news {
    font-weight: bold;
    font-size: 11px;
}

#button_flash_read_more {
    border: none;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0;
    margin-right: 5px;
    color: #fdfdfe;
    text-decoration: underline;
}

#div_subscribe_news {
    background-color: #707070;
    padding: 15px 15px 25px 15px;
    color:#f8f8fa;
}

#title_div_flash_news {
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
}

#title_div_flash_news h2{
    margin-top: 10px;
}

.flash_news {
    margin-bottom: 15px;
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.date_flash_news {
    font-weight: bold;
    font-size: 11px;
}

#button_subscribe {
    border: none;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0;
    margin-right: 5px;
    color: #0096a9;
    background-color: #f8f8fa;
    padding:5px;
    font-weight: 600;
    height: 34px;
}

#col_edito {
    padding: 0 150px 0 40px;
    height: auto;
}

#div_edito{
    margin:15px;
    border:1px solid #e1e1e1;
    background-color:#f8f8fa;
    padding:0 15px 15px 15px;
}

#div_edito p{
    font-weight: 600;
}

#div_title_edito h2{
    color:#01a5b9;
    padding-bottom:15px;
}

.block-facebook{
    position:absolute;
    width:100%;
    height:435px;
    overflow: hidden;
}

.facebookBox{
    left:0;
    position:relative;
    width:340px;
    margin:auto;
}

/** END HOME **/

/** CONTENT **/

.container_content {
    width: 100%;
}

#div_ban_content {
    height: 120px;
    background: url('../img/ban_content.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#div_ban_content_user {
    height: 120px;
    background: url('../img/ban_content_yellow.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#text_ban_content {
    font-family:  'Work Sans', Sans-Serif, serif;
    color: rgb(255, 255, 255);
    padding-top: 40px;
}

#text_ban_content h1 {
    font-size: 34px;
}

#container_flash_fb{
    width:100%;
}

/** END CONTENT **/

/** CONTENT 'LA FFEM' **/

.container_content {
    margin: 30px 0 150px 0;
}

.container_content a{
    color: #3eadb9;
    font-family: 'Open Sans', Sans-Serif, serif;
    text-decoration: underline;
}

.container_content a:hover{
    color: #f9c402;
}

.content_news_one a:hover{
    color: #f9c402;
}

.content_news_one .row{
    margin-bottom: 5px;
}

.container_content h2 {
    color: #3eadb9;
    margin-bottom: 20px;
}

.container_content h3 {
    color: #3eadb9;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 20px;
}

.container_content h4 {
    color: #f9c402;
    font-style: italic;
    font-size: 15px;
    font-family:  'Work Sans', sans-serif;
    margin-bottom: 20px;
}

.container_content{
    color: rgb(106, 106, 106);
}

.container_content p {
    font-size: 14px;
    margin-bottom: 20px;
}

.container_content .row{
    margin-bottom: 5px;
}

/** END CONTENT 'LA FFEM' **/

/** CONTENT NEWS ONE **/

.content_news_one {
    margin: 30px 0 150px 0;
}

.content_news_one .introduction{
    margin-bottom: 20px;
}

.content_news_one h2 {
    color: #3eadb9;
    margin-bottom: 20px;
}

.content_news_one h3 {
    color: #3eadb9;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 20px;
}

.content_news_one h4 {
    color: #f9c402;
    font-style: italic;
    font-size: 15px;
    font-family:  'Work Sans', sans-serif;
    margin-bottom: 20px;
}

.content_news_one {
    color: rgb(106, 106, 106);
}

.content_news_one .breadcrumb {
    margin-bottom: 0;
}

.content_news_one .breadcrumb a{
    color: #3eadb9;
}


.content_news_one .breadcrumb >li:last-child:before {
    content: "";
}

.content_news_one p {
    font-size: 14px;
}

.content_news_one img {
    padding: 0 10px 10px 0;
}

.content_news_one  a{
    color: #3eadb9;
    font-family: 'Open Sans', Sans-Serif, serif;
    text-decoration: underline;
}

.content_news_one a:hover{
    color: #f9c402;
}

.btn.btn-backcontent{
    background-color: #3eadb9;
    color: #fdfdfe;
    border-radius: 0;
}

.btn.btn-backcontent:hover{
    background-color: rgba(62, 173, 185, 0.8);
    color: rgba(255, 255, 255, 1);
}

/** END CONTENT NEWS ONE **/

/** CONTENT JOBOFFER ALL **/

.content_joboffer_all ul{
    padding-left: 0;
}

.content_joboffer_all ul > li{
    list-style-type: none;
    display: inline;
}

.content_joboffer_all ul > li:first-child > a{
    padding: 10px 10px 10px 0;
}

.content_joboffer_all ul > li > a{
    font-family: "Roboto", serif, Helvetica, Arial;
    color: rgb(139, 139, 139);
    padding: 10px;
    font-size: 15px;
    transition: 0.5s ease;
    margin-right: 5px;
    font-weight: 700;
}

.content_joboffer_all ul > li.selected > a{
    color: #3eadb9;
}

.content_joboffer_all ul > li > a:hover{
    text-decoration: none;
    transition: 0.5s ease;
    color: #3eadb9;
}

.content_joboffer_all ul.pagination > li:first-child > a {
    padding: 5px;
}

.content_joboffer_all .pagination {
    padding-right: 0;
}

.content_joboffer_all ul.pagination > li > a {
    margin-right: 0;
    padding: 5px;
    border-radius: 0;
    font-size: 11px;
}

.content_joboffer_all ul.categoryList li:first-child{
    margin-right: 15px;
}

.content_joboffer_all ul.categoryList li.selected a{
    background-color: #3eadb9;
    color: rgb(255, 255, 255);
    padding: 5px 10px;
}

.content_joboffer_all ol.breadcrumb a{
    color: #3eadb9;
    text-decoration: none;
    font-weight: 700;
}

.content_joboffer_all ol.breadcrumb a:hover{
    color: #f9c402;
}

.content_joboffer_all .jobOfferBox{
    border: 1px solid #3eadb9;
    margin-bottom: 30px;
    padding: 10px;
}

/** END CONTENT JOBOFFER ALL **/


/** CONTENT JOBOFFER ONE **/
.content_joboffer_one {
    margin: 30px 0 150px 0;
}


.content_joboffer_one .row{
    margin-bottom: 5px;
}


.content_joboffer_one h2 {
    color: #3eadb9;
    margin-bottom: 20px;
}

.content_joboffer_one h3 {
    color: #3eadb9;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 20px;
}

.content_joboffer_one h4 {
    color: #f9c402;
    font-style: italic;
    font-size: 15px;
    font-family:  'Work Sans', sans-serif;
    margin-bottom: 20px;
}

.content_joboffer_one {
    color: rgb(106, 106, 106);
}

.content_joboffer_one p {
    font-size: 14px;
    margin-bottom: 20px;
}

.content_joboffer_one img {
    padding: 0 10px 10px 0;
}
.content_joboffer_one a{
    color: rgb(6, 74, 135);
    font-family: 'Open Sans', Sans-Serif, serif;
    text-decoration: underline;
}

.content_joboffer_one a:hover{
    color: #f9c402;
}

.row_details_joboffer {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
}
.row_intro_joboffer {
    color: #000;
    font-style: italic;
    margin-bottom: 20px;
}
.row_description_joboffer {
    color: #000;
    font-style: normal;
    margin-bottom: 20px;
}

.row_content_joboffer {
    margin-bottom: 20px;
    font-size: 12px;
    color: #000;
}

.row_content_joboffer ul{
    font-size:14px;
}

/** END CONTENT JOBOFFER ONE **/

/** CONTENT NEWS FLASH **/

.title_flash_news > p:first-child{
    display: inline;
}

.title_flash_news > p{
    margin: 10px 0 0 0;
}

.title_flash_news > p > a{
    color: #fff;
    text-decoration: underline;
    word-break: break-word;

}

.content_flash_news {
    margin: 30px 0 150px 0;
}

.content_flash_news h2 {
    color: #3eadb9;
    margin-bottom: 20px;
}

.content_flash_news h3 {
    color: #3eadb9;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 20px;
}

.content_flash_news h4 {
    color: #f9c402;
    font-style: italic;
    font-size: 15px;
    font-family:  'Work Sans', sans-serif;
    margin-bottom: 20px;
}

.content_flash_news {
    margin-bottom: 20px;
    color: rgb(106, 106, 106);
}

.text_news_flash {
    font-size: 14px;
    margin-bottom: 5px;
}

.date_news_flash {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dotted #f9c402;
    color: #3eadb9;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

/** END CONTENT NEWS FLASH **/

/** CONTENT NEWS ALL **/
.content_news_all {
    padding-top: 50px;
    padding-bottom: 50px;
}

.content_news_all h2 {
    color: #3eadb9;
    margin-top: 0;
    font-size: 20px;
    word-break: break-word;
}

.content_news_all h3 {
    color: #3eadb9;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 20px;
}

.content_news_all h4 {
    color: #f9c402;
    font-style: italic;
    font-size: 15px;
    font-family:  'Work Sans', sans-serif;
    margin-bottom: 20px;
}

.content_news_all {
    color: rgb(106, 106, 106);
}

.content_news_all p {
    font-size: 14px;
    margin-bottom: 20px;
}

.content_news_all a.newsLink {
    color: #3eadb9;
}

.content_news_all a.newsLink:hover {
    color: #f9c402;
}

.row_news_all {
    border-bottom: 1px dashed #f9c402;
    width: 800px;
    margin-top: 20px;
}

.div_list_details_news {
    margin-bottom: 30px;
}


.content_news_all ul{
    padding-left: 0;
    margin: 0;
}

.content_news_all ul > li{
    list-style-type: none;
    display: inline-block;
    margin-bottom: 15px;
}

.content_news_all ul > li:first-child > a{
    padding: 10px 10px 10px 0;
}

.content_news_all ul > li > a{
    font-family: "Roboto", serif, Helvetica, Arial;
    color: rgb(139, 139, 139);
    padding: 10px;
    font-size: 15px;
    transition: 0.5s ease;
    margin-right: 5px;
    font-weight: 700;
}

.content_news_all ul > li.selected > a{
    color: #3eadb9;
}

.content_news_all ul > li > a:hover{
    text-decoration: none;
    transition: 0.5s ease;
    color: #3eadb9;
}

.content_news_all ul.pagination > li:first-child > a {
    padding: 5px;
}

.content_news_all .pagination {
    padding-right: 0;
}

.content_news_all ul.pagination > li > a {
    margin-right: 0;
    padding: 5px;
    border-radius: 0;
    font-size: 11px;
}

.content_news_all ul.categoryList li.selected a{
    background-color: #3eadb9;
    color: rgb(255, 255, 255);
    padding: 5px 10px;
}

.content_news_all ol.breadcrumb a{
    color: #3eadb9;
    text-decoration: none;
    font-weight: 700;
}

.content_news_all ol.breadcrumb a:hover{
    color: #f9c402;
}

/** END CONTENT NEWS ALL **/

/** CONTENT JOB OFFERS ALL **/

#cke_2_contents{
    height: 100px !important;
}

.content_joboffer_all {
    padding: 50px 15px;
}

.content_joboffer_all h2 {
    color: #3eadb9;
    margin-bottom: 20px;
    margin-top: 0;
}

.content_joboffer_all h3 {
    color: #3eadb9;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 20px;
}

.content_joboffer_all h4 {
    color: #f9c402;
    font-style: italic;
    font-size: 15px;
    font-family:  'Work Sans', sans-serif;
    margin-bottom: 20px;
}

.content_joboffer_all{
    color: rgb(106, 106, 106);
}

.content_joboffer_all p {
    font-size: 14px;
    margin-bottom: 20px;
}

.content_joboffer_all img {
    padding: 0 10px 10px 0;
}

.content_joboffer_all a.newsLink {
    color: #3eadb9;
    border-radius: 0;
    border-color: #3eadb9;
}

.content_joboffer_all a.newsLink:hover {
    background: #3eadb9;
    color: #fff;
}

.content_joboffer_all h2 {
    font-size: 23px;
}


.jobOfferBox .date{
    color: #aeaeae;
    margin-top: 14px;
}

.row_information_joboffer_all {
    color: #f9c402;
}

/** END CONTENT JOB OFFERS ALL **/

/** CONTENT DOWNLOADS **/
.div_title_category {
    margin-bottom: 10px;
    color: #3eadb9;
}

.div_row_download {
    margin-bottom: 5Px;
}

.div_row_download a {
    color: rgb(0, 0, 0);
}

.div_row_download a:hover {
    color: #f9c402;
}

.div_description_download {
    font-style: italic;
}

.content_downloads {
    margin: 20px 0 50px 0;
}

.div_choice_category a {
    font-family: "Roboto", serif, Helvetica, Arial;
    color: #3eadb9;
    padding: 15px 10px;
    font-size: 15px;
    transition: 0.5s ease;
    margin-right: 15px;

}

.div_choice_category a:hover, .menu a:active, .menu a:focus {
    text-decoration: none;
    background: #f9c402;
    transition: 0.5s ease;
    color: rgb(255, 255, 255);
}

.div_choice_category {
    text-align: center;
    font-weight: bold;
}

.div_choice_category ul {
    padding-left: 0;
    margin-bottom: 0;
}

.div_choice_category ul li {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;

}

/** END CONTENT DOWNLOAD **/

/** CONTENT CONTACT **/

#content_contact {
    margin: 50px 0 50px 0;
    color: rgb(112, 112, 112);
}

.input_contact {
    border: 1px solid black;
}

.button_contact {
    background-color: #3eadb9;
    color: rgb(255, 255, 255);
    border-radius: 0;
}

.button_contact:hover {
    color: rgb(255, 255, 255);
}

#map {
    text-align: center;
}

.google_map {
    width: 100%;
}

.contactPostmailContent {
    padding-bottom: 10px;
}

.contactNumberContent {
    text-align: right;
}

/** END CONTENT CONTACT **/

/** LOGIN **/

.login{
    padding: 50px 0;
}

.login input{
    border: 1px solid #ccc;
}

.login select{
    border: 1px solid #ccc;
}

.login label{
    margin-top: 5px;
}

.login a{
    transition: 0.5s ease;
    color: rgb(139, 139, 139);
    word-break: break-word;
}

.login a:hover{
    text-decoration: none;
    transition: 0.5s ease;
}

.login ul{
    padding-left: 0;
}

.login ul > li{
    list-style-type: none;
    display: inline;
}

.login ul > li:first-child > a{
    padding: 10px 10px 10px 0;
}

.login ul > li > a{
    font-family: "Roboto", serif, Helvetica, Arial;
    color: rgb(139, 139, 139);
    padding: 10px;
    font-size: 15px;
    transition: 0.5s ease;
    margin-right: 5px;
    font-weight: 700;
}

.login ul > li.selected > a{
    color: #3eadb9;
}

.login ul > li > a:hover{
    text-decoration: none;
    transition: 0.5s ease;
    color: #3eadb9;
}

.login .linkDescription{
    border-top:1px solid #cecece;
    padding:5px 0;
    margin-bottom: 10px;
    font-size: 13px;
    color: rgb(106, 106, 106);
}

.login.download a{
    color: rgb(0, 0, 0);
    transition: 0.5s ease;
}

.login.download a:hover{
    color: rgb(106, 106, 106);
    transition: 0.5s ease;
}

.login .download  ul > li:first-child > a {
    padding: 10px;
}

.login .categoryName{
    color: #3eadb9;
}


.login .downloadElement a{
    transition: 0.5s ease;
    font-weight: bold;
}

.login .memberAlphabet{
    margin: 5px 0 15px 0;
}

tr.trCompany {
    border-bottom: 1px solid #d5d5d5;
}

.login .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none;
}

.login td.tableLetter {
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    color: #3eadb9;
    padding-top: 30px;
}

.scrollup {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    text-indent: -9999px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 25px 13px;
    border-color: transparent transparent #3eadb9 transparent;
    cursor: pointer;
    z-index: 1000;
}

.login.directory{
    color: rgb(106, 106, 106);
}

.login.information .right img{
    margin-bottom: 20px;
}

.login.information h2{
    color : #3eadb9;
    margin-bottom: 25px;
    margin-top: 0;
}

.login.information .title{
    color : #3eadb9;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.login.information .left .content{
    margin-bottom: 40px;
}

.login.information #informationContentEdit{
    display: none;
}

.login.information #informationContentEdit .borderBox{
    padding: 15px;
    border: 1px solid #cecece;
}

.login.information #informationContentEdit .borderBox h3 {
    margin-top: 0;
}

.login .cancelEdit{
    margin-bottom: 15px;
}

.login .about ul{
    list-style-type: square;
}
.login .about ul > li{
    display: block;
}

.login ul.classifiedAdsList{
    border-top:1px solid #cecece;
    border-left:1px solid #cecece;
    border-right:1px solid #cecece;
}

.login ul.classifiedAdsList li.boxClassifiedAds a{
    padding: 10px;
    border-bottom:1px solid #cecece;
    display: block;
    font-weight: 400;
    color: #000;
    transition: 0.5s ease;
    margin-right: 0;
}

.login ul.classifiedAdsList li.boxClassifiedAds a:hover{
    transition: 0.5s ease;
    background-color: rgba(245,245,245, 1);
}

.login .boxClassifiedAds .title {
    color: #3eadb9;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    display: inline;
}

.login .boxClassifiedAds .title small{
    font-weight: 400;
}

.login ul li.boxClassifiedAds .price{
    color: #f9c402;
    font-size: 20px
}

.login ul.classifiedAdsList li.boxClassifiedAds .imgBox{
    background-color: rgba(245,245,245,1);
    text-align: center;
}


.login ul.classifiedAdsList li.boxClassifiedAds img.img.img-responsive{
    margin: 0 auto;
    max-height: 115px;
}

.login ul.classifiedAdsList li.boxClassifiedAds .description{
    border: none;
}

.login ul.classifiedAdsList li.boxClassifiedAds button.btn-confirm {
    padding: 2px;
    border: none;
    display: inline;
    font-weight: 400;
    color: #ad282e;
    transition: none;
    margin-right: 0;
    background: none;
    outline: none;
}
.login ul.classifiedAdsList li.boxClassifiedAds button:hover.btn-confirm, .login ul.classifiedAdsList li.boxClassifiedAds button:focus.btn-confirm,.login ul.classifiedAdsList li.boxClassifiedAds button:active.btn-confirm {
    outline: none;
    color: #ff0000;
}

.login ul.pagination > li:first-child > a {
    padding: 5px;
}

.login .pagination {
    padding-right: 0;
}

.login ul.pagination > li > a {
    margin-right: 0;
    padding: 5px;
    border-radius: 0;
    font-size: 11px;
}

.login ul.categoryList li:first-child{
    margin-right: 15px;
}

.login ul.categoryList li.selected a{
    background-color: #3eadb9;
    color: rgb(255, 255, 255);
    padding: 5px 10px;
}

.login ol.breadcrumb a{
    color: #3eadb9;
    text-decoration: none;
    font-weight: 700;
}

.login ol.breadcrumb a:hover{
    color: #f9c402;
}

.login .adsOneBox{
    border:1px solid #cecece;
    padding: 15px;
}

.login .adsOneBox .title {
    color: #3eadb9;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
}

.login .adsOneBox .description .descTitle {
    margin-bottom: 5px;
    font-weight: 700;
}

.login .adsOneUserDetails{
    border:1px solid #ccc;
    margin-bottom: 10px;
}

.login .adsOneUserDetails .title{
    background-color: rgba(230, 230, 230, 1);
    padding:15px;
    text-align: center;
    font-weight: 700;
    border-bottom:1px solid #ccc;
}

.login .adsOneUserDetails .userInfos{
    margin:10px;
    padding: 10px 0;
    text-align: center;
    border:1px solid #ccc;
    font-size: 14px;
}

.login button.btn.btn-update{
    background-color: #3eadb9;
    color: rgba(255, 255, 255, 1);
    border-radius: 0;
    transition: no
}

.login button:hover.btn.btn-update{
    background-color: rgba(62, 173, 185, 0.7);
}

.login a.btn.btn-goBack {
    border-radius: 0;
    transition: none;
    border: 1px solid #cecece;
    margin-bottom: 10px;
}

.login a:hover.btn.btn-goBack {
    background-color: rgba(0, 0, 0, 0.1);
}

.login a.btn.btn-adsBack{
    border-radius: 0;
    transition: none;
    border:1px solid #cecece;
    margin-bottom: 10px;
}

.login a.btn.btn-adsBack.btn-remove {
    border:1px solid #ad282e;
    color: #ad282e;
}

.login a:hover.btn.btn-adsBack{
    background-color: rgba(0, 0, 0, 0.1);
}

.login .adsOneBox img.img.img-responsive{
    margin: 0 auto;
}

.login .adsOneBox img.imgOthers{
    height: 75px;
}

.login .adsOneBox .imgBox{
    background-color: rgba(245,245,245,1);
}

.login .adsOneBox .imgBoxOthers{
    background-color: rgba(245,245,245,1);
    margin: 5px auto;
}

.login .description{
    border-right:1px solid #eee;
}

.login .adsOneBox .infoLeft{
    background-color: rgba(252,252,252,0.7);
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 15px;
    font-weight: 700;
}

.login .adsOneBox .infoRight{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 15px;
}

.login .adsOneBox .infoLeftPrice{
    background-color: rgba(252,252,252,0.7);
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 15px;
    font-weight: 700;
    margin-bottom: 5px;
}

.login .adsOneBox .infoRightPrice{
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 15px;
}

.login .adsOneBox .description .date{
    padding: 10px 10px 10px 0;
    font-size: 12px;
}

.login .adsOneBox .description .descDetails{
    text-align: justify;
    padding-right: 15px;
}

.login a.btn.btn-adsAdd, .login button.btn.btn-adsAdd {
    background-color: #3EADB9;
    color: rgba(255, 255, 255, 1);
    border-radius: 0;
    transition: none;
    font-family: 'Open Sans', 'Sans-Serif', serif;
    font-weight: 700;
}

.login a.btn.btn-adsAdd:hover, .login button:hover.btn.btn-adsAdd {
    background-color: rgba(62, 173, 185, 0.7);
}

.login .adsStar{
    border: 1px solid #3EADB9;
}

.login .adsStar .title{
    background-color: #3EADB9;
    color: rgba(255,255,255,1);
    font-weight: 700;
    padding: 5px 0;
    text-align: center;
}

.login .adsStar .content ul{
    margin-bottom: 0;
}

.login .adsStar .content ul > li {
    border-bottom: 1px solid #cecece;
    display: block;
}

.login .adsStar .content ul > li > a{
    padding: 10px;
    border-bottom: 1px solid #cecece;
    display: block;
    font-weight: 400;
    color: #000;
    transition: 0.5s ease;
    margin-right: 0;
}

.login .adsStar .content ul > li > a:hover{
    transition: 0.5s ease;
    background-color: rgba(245,245,245, 1);
}


.login .adsStar .content ul > li:last-child {
    border-bottom: none;
}


.login .adsStar .content .imgBox{
    background-color: rgba(245,245,245,1);
    text-align: center;
}

.login .adsStar .content .imgBox img.img.img-responsive{
    max-height: 175px;
    margin: 0 auto;
}

.login .adsStar .content .adsStarTitle{
    color: #3EADB9;
    margin: 5px 0;
    font-weight: 700;
    font-size: 18px;
}

.login .adsStar .content .price{
    color: #f9c402;
    font-size: 20px;
}

.login .input-group {
    margin-bottom: 0;
}

.login .newActu{
    border: 1px solid #cecece;
    padding: 15px;
    margin-bottom: 15px;
}

.login .newActu .title {
    color: #3EADB9;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
}

.login .newActu hr {
    margin-top: 5px;
    margin-bottom: 15px;
}

.noPaddingLeft{
    padding-left: 0;
}

.noPaddingRight{
    padding-right: 0;
}

a.btn-logged{
    display: block;
    background-color: rgb(138,138,138);
    border-radius: 0;
    padding: 5px 10px;
    margin: 5px 0;
    width: 80%;
    font-size: 12px;
    color: rgb(255, 255, 255);
}

.logout{margin-top:10px;}

a:hover.btn-logged{
    background-color: rgba(138,138,138, 0.8);
    color: rgb(255,255,255);
}

.login .addAdvert{
    border: 1px solid #cecece;
    padding: 15px;
}

.login .addAdvert .title {
    color: #3EADB9;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
}

.login .addAdvert hr{
    margin-top: 5px;
    margin-bottom: 15px;
}

.login .userAdvert{
    border:1px solid #cecece;
    margin-top:15px;
}

.login .userAdvert .title {
    background-color: #3EADB9;
    color: rgba(255,255,255,1);
    font-weight: 700;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 10px;
}

.login .userAdvert .content{
    padding: 10px;
    margin-bottom: 10px;
}

.login .userAdvert .subTitle {
    background-color: rgba(245, 245, 245, 1);
    color: #3EADB9;;
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
}

.login .userAdvert ul{
    list-style-type: circle;
}

.login .userAdvert ul > li{
    display: block;
}

.login .userAdvert ul > li > a{
    padding: 0;
    font-weight: 400;
    display: inline;
}

.login .deleteAdvert{
    display: none;
}
.login .deleteNews{
    display: none;
}
.login .jobOfferBox{
    border: 1px solid #cecece;
    padding: 15px;
    margin-bottom: 15px;
}

.login .jobOfferBox .title {
    color: #3EADB9;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
}

.login .jobOfferBox hr{
    margin-top: 5px;
    margin-bottom: 15px;
}

.login .forgotPassword{
    margin: 10px 0;
}

.login .forgotPassword{
    margin: 15px 0;
    padding:15px;
    border:1px solid #cecece;
    background-color: #efefef;
    display: none;
    position: relative;
}

.login .forgotPassword a.close{
    position: absolute;
    right:5px;
    top: 0;
    text-decoration: none;
    color: rgba(0,0,0,1);
}

.login .loginForgotPassword{
    margin: 10px 0;
}

.login .alertInfoPassword{
    margin: 10px 0;
}

.login .input_login_space{
    margin-bottom: 15px;
}

.login .nav.navbar-nav{
    margin-bottom: 15px;
}


.recover-id{
    font-style: italic;
    margin-top: 10px;
}



/** END LOGIN **/

/** MEMBER (NOUVELLE PAGE) **/
.member{
    margin: 0 0 50px 0;
}

.member .navigation ul {
    margin-bottom: 15px;
}

.member .navigation ul > li > a{
    font-family: "Roboto", serif, Helvetica, Arial;
    color: rgb(139, 139, 139);
    padding: 10px;
    font-size: 15px;
    transition: 0.5s ease;
    margin-right: 5px;
    font-weight: 700;
}

.member .navigation ul > li.selected > a {
    color: #3eadb9;
    background: none;
}

.member .navigation ul > li > a:hover {
    text-decoration: none;
    transition: 0.5s ease;
    color: #3eadb9;
}

.member .memberBox{
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 15px;
    color: #000;
    min-height: 222px;
}
.member .memberBoxInverse{
    background: #3EADB9;
    color: #fff;
}

.member .memberBox .title{
    font-family: "Roboto", serif, Helvetica, Arial;
    color: #3EADB9;
    font-size: 18px;
    transition: 0.5s ease;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
}

.member .memberBoxInverse .title{
    color: #ffffff;
}

.member .memberBox .content{
    margin-bottom: 15px;
    min-height: 100px;
    text-align: justify;
    position: relative;
}

.content--modifier {
    min-height: 55px !important;
}

a.btn-indigo{
    background: #3EADB9;
    color: #fff;
    border-radius: 0;
    padding: 5px 30px;
    font-weight: 700;
    transition: 0.5s ease;
}

a.btn-indigo:hover, a.btn-indigo:focus, a.btn-indigo:active{
    background: #44c3cf;
    color: #fff;
    transition: 0.5s ease;
}

a.btn-indigo.btn-advert{
    padding: 5px 5px;
}

a.btn-white{
    background: #fff;
    color: #3EADB9;
    border-radius: 0;
    padding: 5px 30px;
    font-weight: 700;
    transition: 0.5s ease;
}

a.btn-white:hover, a.btn-white:focus, a.btn-white:active{
    background: #fff0ff;
    color: #44c3cf;
    transition: 0.5s ease;
}

.member .memberBox ul{
    padding-left: 10px;
}

.member .memberBox ul li{
    display: block;
    margin: 0 0 10px 0;
}

.member .memberBox ul li:first-child a{
    padding: 0;
    border-top: none;
}

.member .memberBox ul li a {
    color: #44c3cf;
    font-weight: 400;
    padding: 0;
    border: none;
}

.member .memberBox ul li a:hover, .member .memberBox ul li a:active, .member .memberBox ul li a:focus {
    text-decoration: underline;
}

.member .memberBox .adverBox .title{
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 15px;
}

.member .memberBox .adverBox .title a{
    color: #f9c402;
}

.member .memberBox .adverBox .title a:hover{
    text-decoration: underline;
}

.member .memberBox .adverBox .intro p{
    margin: 0 0 6px 0;
}
.member .memberBox .adverBox .intro.border{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 8px;
}

/** DOWNLOAD **/
.download .linkDescription{
    border-top:1px solid #cecece;
    padding:5px 0;
    margin-bottom: 10px;
    font-size: 13px;
    color: rgb(106, 106, 106);
}

.download .categoryName{
    color: #3EADB9;
}

.download .categoryName h2 {
    font-size: 20px;
    margin-top: 5px;
}

.download .downloadElement a{
    transition: 0.5s ease;
    font-weight: bold;
}

.download ul, .login.download ul{
    text-align: center;
}

.download ul > li, .login.download ul > li {
    display: inline;
}

.download ul > li > a, .login.download ul > li > a{
    font-family: "Roboto", serif, Helvetica, Arial;
    color: #3EADB9;
    padding: 10px 10px;
    font-size: 15px;
    transition: 0.5s ease;
    margin-right: 15px;
}

.download ul > li > a:hover, .login.download ul > li > a:hover{
    text-decoration: none;
    background: #3EADB9;
    transition: 0.5s ease;
    color: rgb(255, 255, 255);
}

.download .downloadBox{
    border: 1px solid #b40000;
    color: #b40000;
    width: 400px;
    margin: 0 auto;
    padding: 5px 10px;
}

/** END DOWNLOAD **/

/** ERROR **/

.error + footer{
    display: none;
}


.error { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; background: #ffffff no-repeat center top; color: #3EADB9; text-align: center; margin-top: 50px; }
.error h1 {font-size: 120px; position: relative; width: 280px; margin: 0 auto 30px;}
.error h1 span {font-size: 26px; display: block;  position: absolute; left: -50px; top: 25px; }
.error h2 {font-size: 34px;}
.error h1, .error h2 { font-family: 'Roboto', sans-serif; font-weight: 800; font-style: normal; }
.btn-error {
    background-color: #3EADB9;
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 0;
}

.btn-error:hover {
    background-color: rgba(62, 173, 185, 0.9);
    color: rgb(255, 255, 255);
}

/** END ERROR **/

/** FOOTER **/
/*.container-footer{
    margin:0 50px;
}*/

footer a{
    color: rgba(255, 255, 255, 1);
}

.div_title_footer {
    padding-right: 100px;
    font-size: 20px;
    font-weight: 300;
}

.link_footer {
    padding-left: 5px;
}

.link_footer_bold {
    padding-left: 5px;
    padding-bottom: 10px;
    font-weight: bold;
}

#signature_i2n {
    padding-top: 20px;
    text-align: right;
}

#div_communication_culture_picture {
    text-align: right;
}

.white_circle {
    width: 45px;
    height: 45px;
    background: rgb(255, 255, 255);
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    text-align: center;
    padding: 8px;
    color: rgb(112, 112, 112);
    margin: 5px;
}

.circles_footer{
    margin-top: 15px;
}

/** END FOOTER **/


#bloc-news-lg{display:none;}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Non-Mobile First Method  ==========*/

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


    /** HEADER **/
    .desktop_header {
        width: 1450px;
    }

    .menu ul > li > ul > li a{
        font-size: 12px;
    }

/*    .nav-sp > ul li ~ li:nth-of-type(5) a{
        color: #3eadb9;
    }*/
    .nav-sp ul li :nth-of-type(6) a{
        color: #3eadb9;
    }


    #div_main_picture {
        height: 420px;
    }

    /** CONTENT **/

    .title_block_content {
        height: 70px;
    }

    body {
        font-size: 14px;
    }

    #title_div_details_news{margin-top:0;}
    .picture_details_news{
        width:160px;
    }

    .text_details_news{
        width:50%;
    }

    /** CONTENT NEWS ALL **/

    /** FOOTER **/
    .div_title_footer {
        padding-left: 0;
        padding-right: 45px;
    }

    .link_footer_bold {
        font-size: 13px;
    }

    .link_footer {
        font-size: 13px;
    }

    .white_circle {
        width: 40px;
        height: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        text-align: center;
        padding: 8px;
        margin: 5px;
    }
}

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


    .category_details_news{margin-top:5px;}

    /** HEADER **/
    .desktop_header {
        width: 1300px;
    }

    .menu ul > li > a {
        padding: 10px 5px;
    }

    .blue_circle {
        margin-left: 15px;
    }

    h3 {
        font-size: 16px;
    }

    #div_main_picture {
        height: 350px;
    }

    /** CONTENT **/

    .title_block_content {
        font-size: 17px;
        height: 70px;
    }

    .div_one_details_news{margin-bottom: 17px;}
/*    #bloc-news{display:none;}
    #bloc-news-lg{display:block;}*/
    .text_details_news{width:80%}
    .picture_details_news{width:105px;}


    /** FOOTER **/
    .div_title_footer {
        padding: 0;
    }

    .link_footer_bold {
        font-size: 12px;
    }

    .link_footer {
        font-size: 12px;
    }

    .white_circle {
        width: 35px;
        height: 35px;
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        text-align: center;
        padding: 6px;
        margin: 5px;
        font-size: 12px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1300px) {
    /** HEADER **/
    .desktop_header {
        width: 1200px;
    }
    .header-button-joboffer-alert a{
        font-size: 12px;
    }
    /** CONTENT **/

    .menu a {
        font-size: 13px;
    }

    .menu ul > li > ul > li a {
        font-size: 11px;
        text-align: left;
        width: 140px;
    }
    .menu ul > li > a{
        padding:8px 5px;
    }



    #div_main_picture {
        height: 320px;
    }

    /** CONTENT **/



    .title_block_content {
        height: 70px;
    }
  /*  #bloc-news{display:none;}
    #bloc-news-lg{display:block;}*/

    .div_picture_details_news {
        margin-bottom: 20px;

    }

    #col_edito {
        padding: 0 100px 0 40px;
    }

    /** FOOTER **/
    .div_title_footer {
        padding-right: 20px;
        font-size: 17px;
    }

    .link_footer_bold {
        font-size: 11px;
    }

    .link_footer {
        font-size: 11px;
    }

    #div_communication_culture_picture {
        width: 100%;
    }

    #signature_i2n {
        width: 100%;
    }

    .white_circle {
        width: 30px;
        height: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        padding: 5px;
        margin: 6px;
        font-size: 11px;
    }

    .menu ul > li > ul > li > a {
        padding: 10px;
        margin-left: 0;
        width: 100%;
        display: inline-block;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {
    /** HEADER **/
    .desktop_header {
        width: 990px;
    }
    .header-button-joboffer-alert a{
        font-size: 14px;
    }

    .menu {
        text-align: center;
    }

    .menu a {
        padding: 10px 8px;
        font-size: 13px;
        margin-right: 25px;
    }


    header h3 {
        font-size: 16px;
    }

    #div_main_picture {
        height: 300px;
    }

    /* header {
         height: 220px;
     }

     .row_header {
         height: 180px;
     }*/

    /** CONTENT **/


    body {
        font-size: 14px;
    }



    .block_content{
        height:auto;
    }
    .text_details_news{
        width:60%;
    }

    .picture_details_news{
        width:140px;
    }

    #div_details_news{
        height:auto;
    }

    #div_member_alert {
        height:auto;
    }


    .div_one_details_news {
        height:auto;
        margin-bottom:30px;
    }


    #div_text_edito {
        font-size: 13px;
    }

    #col_edito {
        padding: 0 50px 0 40px;
    }

    /** FOOTER **/
    .div_title_footer {
        padding-left: 0;
        padding-right: 10px;
        font-size: 17px;
    }

    .white_circle {
        width: 25px;
        height: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        text-align: center;
        padding: 4px;
        margin: 5px;
        font-size: 9px;
    }

    .menu ul > li > ul > li > a {
        padding: 10px;
        margin-left: 0;
        width: 100%;
        display: inline-block;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
    /** Header **/
    /* #tablet_header {
         width: 760px;
     }*/
    .header-text-joboffer-alert-small{
        margin-top: 35px;
        margin-bottom: 35px;
    }

    #div_langage {
        margin-bottom: 20px;
    }

    .blue_circle {
        width: 40px;
        height: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        padding: 9px;
        font-size: 11Px;
    }

    .social_header {
        padding-left: 0;
    }

    .header_top {
        height: 220px;
        margin: 0;
    }

    #div_menu_header {
        padding-left: 20px;
    }

    .menu a {
        padding: 10px 13px;
        font-size: 12px;
        margin-right: 12px;
    }

    .menu {
        text-align: center;
        max-width: 90%;
    }

    .menu ul > li > a{
        padding:10px;
        margin-left:10px;
    }

    #div_main_picture {
        height: 250px;
    }

    /** CONTENT **/


    #div_aims {
        margin-top: 50px;
    }

    .underline {
        border-bottom: 1px solid rgb(5, 73, 134);
    }

    #bloc-news{display:none;}
    #bloc-news-lg{display:block;}

    .picture_details_news{
        width:130px;
    }

    .text_details_news{
        width:100%;
    }

    .div_picture_details_news {
        margin: 0 10px 0 0;
    }

    .block_content {
        height: auto;
        margin-bottom: 30px;
    }

    #div_details_news{
        height:auto;
    }

    #div_screen_facebook {
        display: none;
        margin: auto;
    }


    /** FOOTER **/
    footer {
        padding-top: 30px;
    }

    #div_title_footer {
        margin-bottom: 20px;
    }

    #div_communication_culture_picture{
        text-align:left;
        margin-top:30px;
        margin-bottom:0;
    }

    #signature_i2n {
        text-align: left;
    }

    .circles_footer {
        display: none;
    }


    .menu > ul > li:hover > ul {
        display: block;
        z-index: 100;
        width: auto;
        top: 26px;
        left:10px;
    }

    .menu ul > li > ul > li > a {
        padding: 10px;
        margin-left: 0;
        width: 100%;
        display: inline-block;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
    /** HEADER **/

    #div_main_picture {
        height: 160px;
    }

    .div_logo_header {
        text-align: left;
    }

    .div_langage {
        margin-bottom: 12px;
    }

    .header_top {
        height: 190px;
    }

    /** CONTENT **/
    #div_aims {
        width: auto;
    }

    .block_content {
        margin-top: 30px;
        height: auto;
    }



    #div_details_news {
        height: auto;
    }

    .title_details_news {
        height: auto;
    }

    .preview_details_news {
        height: auto;
    }

    #container_flash_fb {
        width: auto;
    }

    #div_text_edito {
        padding-right: 30px;
    }

    .div_choice_category a {
        font-size: 12px;
    }

    /** FOOTER **/
    #container_footer {
        width: auto;
    }

    .div_title_footer {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .circles_footer {
        display: block;
        margin-bottom: 20px;
    }

    #div_communication_culture_picture {
        text-align: center;
    }

    #signature_i2n {
        text-align: center;
    }

    .white_circle {
        width: 30px;
        height: 30px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        text-align: center;
        padding: 4px;
        margin: 5px;
        font-size: 20px;
    }

    .col_right_footer_mobile {
        text-align: right;
        padding-right: 50px;
    }

    .link_footer {
        padding-bottom: 4px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {



}

/**************** MEDIA QUERRIES TO ALIGN NEWS CONTENT WITH OTHERS BLOCKS *****************************/
/**************** ABOUT W3C SCREENS NORMS AND MEDIA QUERIES ABOVE *************************************************************/
/*@media only screen and (min-width: 1920px) {  #content-news{padding-left: 12.6%;}  .container{width: 1600px;}}
@media only screen and (min-width: 1780px)  and (max-width: 1919px) {  #content-news{padding-left: 11.6%;}  .container{width: 1525px;}}
@media only screen and (min-width: 1680px)  and (max-width: 1779px) {  #content-news{padding-left:11.5%;}  .container {width: 1450px;} }
@media only screen and (min-width: 1650px)  and (max-width: 1679px){  #content-news{padding-left:12.5%;} .container {width: 1400px;}}
@media only screen and (min-width: 1600px)  and (max-width: 1649px){  #content-news{padding-left:15%;}  }
@media only screen and (max-width: 1536px) {  #content-news{padding-left:13%;}  }
@media only screen and (max-width: 1440px) {  #content-news{padding-left:8.5%;}  }
@media only screen and (max-width: 1360px) {  #content-news{padding-left:12%;}  }
@media only screen and (max-width: 1280px) {  #content-news{padding-left:8%;}  }
@media only screen and (max-width: 1200px) {  #content-news{padding-left:4%; padding-bottom: 15px;}  }*/

header .container{
    width: 100%;
}


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 1400px) and (max-width: 1649px) {
    .container {
        width: 1300px;
    }
    .home-img-news{width:100px;height:100px;}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .container {
        width: 1170px;
    }
    .home-img-news{width:100px;height:100px;}
    footer .footerClassiqueMenu ul > li:first-child > a{
        display: none;
    }
}

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

    .home-col-news{
        margin-bottom:20px;
    }

    .div_text_logo_header {
        padding: 40px 15px;
    }


    .login ul {
        text-align:left;
    }

    .login ul > li:first-child > a {
        padding: 10px 10px 10px 0;
    }

    .login ul > li > a {
        font-family: "Roboto", serif, Helvetica, Arial;
        color: rgb(139, 139, 139);
        padding: 10px;
        font-size: 15px;
        transition: 0.5s ease;
        margin-right: 0;
        font-weight: 700;
    }

    /* FOOTER */
    footer {
        min-height: 275px;
    }

    .footerClassiqueMenu {
        margin: 0 -15px;
    }

    footer .footerClassiqueMenu ul > li:first-child > a{
        margin: 0 23px 0 0;
        display: none;
    }
/*    footer .footerClassiqueMenu ul > li :nth-child(1){
        !*margin-left: 80px;*!

    }*/
    footer .footerClassiqueMenu>ul {
        margin-left: 30px;
    }
    footer .footerClassiqueMenu ul > li:last-child > a{
        margin: 0;
    }
    footer .footerClassiqueMenu ul > li > a{
        font-weight: 700;
        margin: 0 55px 0 0;
    }

    footer .footerClassiqueMenu ul > li > ul > li:first-child a {
        font-size: 10px;
    }

    footer .footerClassiqueMenu ul > li > ul > li a {
        font-size: 11px;
    }


    footer .footerClassiqueMenu ul > li > ul {
        position: absolute;
        top: 35px;
        left: 0;
        font-size: 10px;
        width: initial;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .home-col-news{
        margin-bottom:20px;
    }

    .home-block-flash-news {
        margin-top: 40px;
    }

    .div_logo_header {
        height: 100%;
        text-align: center;
        padding-top: 5px;
    }

    .input-group {
        margin-bottom: 10px;
        width: 100%;
    }


    #subscribe_news input{
        width: 100%;
    }

    #div_communication_culture_picture {
        text-align: right;
        margin-top: 0;
        margin-bottom: 0;
    }

    #signature_i2n {
        text-align: right;
    }

    .menuFooterSm ul{
        padding-left: 0;
        width: 100%;
    }

    .menuFooterSm ul li{
        list-style-type: none;
        display: block;
    }

    .menuFooterSm ul li a{
        padding:5px 0;
        display: inline-block;
        width: 100%;
        border-bottom:1px solid #929292;
    }

    .menuFooterSm ul li ul{
        padding-left: 10px;
        display: block;
        width: 100%;
    }

    .menuFooterSm ul li ul li{
        display: block;
    }

    .div_title_footer{
        text-align : right;
        margin-bottom: 15px;
    }

    .login ul > li:first-child > a {
        padding: 10px 5px 10px 0;
    }

    .login ul > li > a {
        font-family: "Roboto", serif, Helvetica, Arial;
        color: rgb(139, 139, 139);
        padding: 10px 5px;
        font-size: 14px;
        transition: 0.5s ease;
        margin-right: 0;
        font-weight: 700;
    }

    .login a.btn.btn-adsAdd{
        margin-bottom: 10px;
    }

    .login .pagination {
        margin: 10px 0;
    }

    .login ul.classifiedAdsList li.boxClassifiedAds .title small{
        display: block;
    }
    .home-img-news {
        width: 100px;
        height: 100px;
    }
}

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

    .home-img-news {
        width: 160px;
        height: 160px;
    }

    .home-col-news{
        margin-bottom:20px;
    }

    .home-block-flash-news {
        margin-top: 40px;
    }

    .div_member_header {
        border-bottom: 1px dashed #3EADB9;
    }

    .row-eq-height {
        display: block;
    }

    #button_subscribe {
        margin-bottom: 20px;
    }

    #text_ban_content h1 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .menuFooterSm ul {
        padding-left: 0;
        width: 100%;
    }

    .menuFooterSm ul li {
        list-style-type: none;
        display: block;
    }

    .menuFooterSm ul li a {
        padding: 5px 0;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #929292;
    }

    .menuFooterSm ul li ul {
        padding-left: 10px;
        display: block;
        width: 100%;
    }

    .menuFooterSm ul li ul li {
        display: block;
    }

    .login {
        padding: 25px 0;
    }

    .login ul {
        text-align:left;
        margin-left:-15px;
        margin-right:-15px;
    }

    .login ul > li {
        display: block;
    }

    .login ul > li:first-child > a {
        padding: 10px;
        border-top: 1px solid  #3eadb9;
    }

    .login ul > li.selected > a {
        color: rgb(255, 255, 255);
        background-color: #3eadb9;
    }

    .login ul > li > a {
        font-family: "Roboto", serif, Helvetica, Arial;
        color: rgb(139, 139, 139);
        padding: 10px;
        font-size: 15px;
        transition: 0.5s ease;
        margin-right: 0;
        font-weight: 700;
        border-bottom: 1px solid  #3eadb9;
        width: 100%;
        display: inline-block;
        margin-left: 0;
    }

    .login .menuResp .download select.selectCatDownload{
        margin-bottom: 15px;
    }

    .login.directory select.directoryAlphabet{
        margin-bottom: 15px;
    }

    .login .newActu .text-right{
        text-align: left;
    }

    .login .jobOfferBox .text-right{
        text-align: left;
    }

    .login .addAdvert .text-right{
        text-align: left;
    }

    .login .addAdvert{
        margin-bottom: 10px;
    }

    .login.information .content ul{
        padding-left: 15px;
    }

    .login ul.classifiedAdsList {
        margin-left: 0;
        margin-right: 0;
    }

    .login .adsStar .content ul, .login .userAdvert .content ul {
        margin-left: 0;
        margin-right: 0;
    }

    .login ul.classifiedAdsList li.boxClassifiedAds .noPaddingLeft{
        padding-left: 15px;
    }

    .login ul.classifiedAdsList li.boxClassifiedAds .price.text-right{
        text-align: left;
    }

    .login ul.classifiedAdsList > li:first-child > a {
        border-top: none;
    }

    .login .pagination{
        margin: 10px 0;
    }
    .login ul.pagination > li{
        display: inline-block;
    }

    .login .adsOneBox {
        margin-bottom: 10px;
    }

    .login a.btn.btn-adsAdd{
        margin-bottom: 10px;
    }

    .login .adsStarXs{
        margin-bottom: 10px;
    }

    .login .adsStar .content .adsStarTitle {
        font-size: 15px;
    }
    .login .adsStar .content .price {
        color: #a4a4a4;
        font-size: 15px;
    }

    .login .adsStar .content .imgBox img.img.img-responsive {
        max-height: 75px;
        margin: 0 auto;
    }

    .blue_circle {
        margin-left: 0;
    }

    .member .memberBox {
        min-height: 0;
    }

    .member .memberBox .content {
        min-height: 0;
    }

    .member .pl-0{
        padding-left: 15px;
        margin-top: 15px;
    }
}

@media screen and (min-width: 1450px){
    #title_div_details_news h2{
        margin-top: 30px;
        padding-bottom: 30px;
    }
}