@charset "utf-8";

/* CSS Document */
/**Mobile**/
.texteArticle,.texteAbstract {text-align: justify;} 
.logowkrh {
    height: auto;
    width: 180px;
}
.sub-header-mobile {padding-bottom: 20px;}
.navbar-collapse {
    border:0 none;
}

.navbar-collapse.in {
    overflow-y:auto;
}

.navbar-collapse.collapse.in {
    display:block!important;
}

.navbar-collapse.collapse {
    display:none!important;
    height:inherit!important;
    overflow:inherit!important;
    padding-bottom:0;
}

#page-header-mobile {
    height:100%;
    padding:0 10px;
}

#page-header-mobile .box-social i {
    color:#e7e9ea;
}
#page-header-mobile .box-social i.fa.fa-user.green {
    color:#c4fc8f;
}
#page-header-mobile .box-social i.fa.fa-twitter-square.fa-lg.eca{
    color: #057e7d;
}
.fa-twitter-square {
    color: #057e7d;
}
#page-header-mobile .fa.fa-bars {
    font-size:1.5em;
}

#page-header-mobile .last-icon i {
    margin-top:-4px;
}

#page-header-mobile .box-social a {
    float:left;
    margin:0 4px;
    position:relative;
    top:5px;
    vertical-align:middle;
}

#page-header-mobile .box-social .last-icon {
    margin-left:17px;
}

#page-header-mobile .sub-header-mobile h1 {
    margin:0;
    padding:1px 0;
}

#page-header-mobile .sub-header-mobile h1 img {
    vertical-align:inherit;
}

#page-header-mobile a {
    color:#eee;
}

#page-header-mobile a:hover {
    color:#fff;
}

#page-header-mobile .navbar {
    min-height:inherit;
    border:0 none;
    background:0 none;
}

#page-header-mobile .navbar-collapse {
    position:absolute;
    margin-left:6px;
    padding:0;
    width:65%;
    background:rgba(0,131,195,0.85);
}

#page-header-mobile .nav > li {
    border-bottom:1px solid #fff;
    text-transform:uppercase;
    font-weight:700;
}

#page-header-mobile .nav > li i {
    font-size:1.2em;
}

#page-header-mobile .navbar-fixed-top .navbar-collapse,#page-header-mobile .navbar-fixed-bottom .navbar-collapse {
    max-height:none;
}

#page-header-mobile .nav > li > a:hover,#page-header-mobile .nav > li > a:focus {
    background-color:#4A0B6E;
    text-decoration:none;
}

#page-header-mobile .navbar > .row {
    background:#0083c3;
}

#page-header-mobile .navbar-button {
    background:0 none;
    border:0 none;
    color:#e7e9ea;
    font-size:1.54em;
}
.photoActu {
    max-width: 100%;
    height: auto;

}
/**Ipad**/
.sub-header-ipad {
    padding-top:12px;
    background-color:#fff;
}

.sub-header-ipad .logo-eca {
    display:inline-block;
    max-width:40%;
}

.footer-links {
    padding-left:15px;
}

.footer-links li {
    display:inline-block;
    list-style:none;
    font-size:.917em;
}

@media only screen and (min-width:320px) and (max-width:991px) {
body {
    padding:26px 0 0;
}

div.container:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
}
.fondBlanc {background-color: #fff;}

.focus .actu {
    margin: 20px 10px 25px;
}

.interview-layout {
    margin-top:30px;
}

.module-ads-side-bar {
    margin-bottom:10px;
}

.module-lamy-ls .list-inline > li {
    margin-left:4px;
}

.module-lamy-ls {
    margin-bottom:40px;
    font-size:.9em;
}

.focus-layout.block-focus-layout article.item,#carousel_portrait article.item,.etude-portrait-layout article.item {
    padding:0 12px 20px;
}

.box-social {
    color:#6b6c6e;
    padding-right:35px;
    float:right;
    text-align:right;
}
.twitter-sm {margin-top: 3px; margin-left: 5px;}
header .text-top {
    padding:10px 15px;
}

.view-more {
    padding-right:15px;
}

.logo-eca {
    display:inline-block;
    max-width:38%;
}

.news-layout article h3,.interview-layout article h3 {
    font-size:1.25em;
}

article.item {
    padding:0 15px;
}

#Carousel_partenaire {
    margin-bottom:30px;
}

.wrapper-header .top-bar {
    padding:0;
}

#sidebar {
    display:none;
}

.main {
    display:block;
    width:100%;
   /* padding-right: 10px;*/
}

.inline-col-focus:last-child {
    margin-right:2%;
}

.inline-col-focus {
    width:24.2%;
}

#page-header-mobile .navbar-button {
    padding-left:25px;
}

.wrapper-header {
    background:#fff;
    padding:15px 0 0 0;
}
.page-content {
    background: none repeat scroll 0 0 #fff;
    margin-top: 0;
    padding: 5px 0;
}
.containter.mobile {padding: 0; background-color: #fff;}
article.clearfix.item a.imgArticlesHp img {
    height: auto;
    margin-right: 10px;
    max-height: 300px;
    max-width: 160px;
    width: 160px;
}
.mouseoverPanel, .divbr{display:block;}
.container-common ol {padding-left: 15px;}



#result_blocs_rh .pagination .resume {
    width: 98%!important;
}

#result_blocs_rh .pagination .pages {
    width: 98%!important;
}
.paniercontenu span.version {
    width: 80%!important; padding-top:2px;
}


}

/********************* TELEPHONES MOBILES *****************************/

@media only screen and (min-width:280px) and (max-width:620px) {
body {
    font-size:.688em;
}
#sidebar {
    display:none;
}

.main {width: 100%; }
.banner{overflow:hidden;margin-left: -20px;}
.sub-header-mobile {
    padding-bottom:0px;
}

#menu_publication .panel-heading {
    padding: 3px 3px;
}

#menu_publication .panel-heading,
#list_modele .panel-heading,
#list_outils .panel-heading,
#list_jurisprudence .panel-heading {
    padding: 3px 3px;

}

#menu_publication .panel-title,
#list_modele .panel-title,
#list_outils .panel-title,
#list_jurisprudence .panel-title {
font-size: 1.2em;
}


ul.smenu {
    padding: 0;
}

.first_level .active li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.first_level .active li a {
padding: 4px 0 4px 12px;
}

.encadre_menu_left {
    position: absolute;
    z-index: 100;
    width:90%;
    margin-top: -5px;

}

.mybdd-layout,.emploi-layout ,.modeles-layout,.common-layout{
     margin-left: 10px;
     margin-right: 10px;
}

.encadre_menu_left .ul_list_menu a {
    font-size:1.5em;

}


.haut-panier img  {
    max-width: inherit;
}

.haut-panier  {
    overflow:hidden;
}

.fond_menu_cache {background-color:#FFF;padding-bottom:20px;border-bottom: 1px solid #999;}

.fond_menu_cache .panel-heading-blue {font-size: 1.6em;}

.padding_menu_publi_mobile {margin-top:30px;}

.icone_menu_mobile_publi{
font-size: 2em;
margin-left:10px;
}

.ul_list_menu  {background-color:#FFF;}


.contenu h1:first-child {
    margin-top: 0px;
     font-size: 2em;
}



.contenu  h3 {
    font-size: 1.5em;
}

.emploi_list_date {margin-bottom:5px;}
.emploi_list_date .btn {width:100%;}

.tabs-container .nav-tabs {padding-right: 10px;}
.commonPage {margin:0;}

article.item .text {
    clear: left;
}
.focus img {
    max-width: 100%;
}
img.photofocus {margin-bottom: 10px;}
.focus h4 {
    clear: left;
}
.actu {min-height: 230px;}
.container-actus,.container-common{margin-left:10px;margin-right:10px;}
.container-actus input.btn.btn-primary.submitButton {text-align: center;}
.tabs-container .nav-tabs,.tabs-container .nav-tabs li {
    display:block;
}

.widget-title h2 {
    min-width:228px;
}

.top-title {
    font-size:1.8em;
}

.widget-title h2 {
    font-size:1.5em;
}

.tabs-container .nav-tabs li {
    border-right:0;
    margin-bottom:1px;
}

#page-header-mobile .navbar-button {
    padding-left:0;
}

.dossier-layout .fa-folder-open {
    font-size:1.5em;
}

#search-form-mobile button {
    margin-top:7px;
}

#page-header-mobile .box-social .last-icon {
    margin-right:0;
}

.logo-wkrh {
    display:block;
    margin:5%;
}

.box-social {
    color:#6b6c6e;
    padding-right:0;
}

.main .news-nominations .col-sm-6,.main .etude-portrait-layout .col-sm-6,.main .container-actus .col-sm-6,.main .section-layout .col-sm-6,.main .news-layout .col-sm-6,.main .interview-layout .col-md-12,.main .interview-eca-layout .col-sm-6 {
   /* padding:0;*/
}

.etude-portrait-layout article.item,.main	.container-actus,.main .focus-layout .inline-col-focus {
    padding-left:10px;
    padding-right:10px;
}

.main section article.item {

}



article.item {
    margin-bottom:16px;
    padding-left: 5px; 
    padding-right: 5px;
}
.form-horizontal {
    margin: 0 20px;
    padding: 0 20px 0 0;
}


.main ul {padding-left : 5px;}

#AnnoncesXmedia .form-horizontal {
    margin: 0;
    padding: 0;
}

#AnnoncesXmedia #button2
{
    margin-bottom: 10px;

}

#product_content_tabs .description ul li {
    background: url("/images/social/li_nav_articles_1.gif") no-repeat scroll 0 4px rgba(0, 0, 0, 0)!important;
    padding: 0 0 0 10px!important;
}

#product_content_tabs div {
    margin: 0!important;
    padding: 8px 5px 25px!important;
}

.haut-panier {
    margin: 0!important;
}
.panier {
    margin: 0 0 25px!important;
    width: 100%!important;
}

.paniercontenu span.version {
    width: 80%!important; padding-top:0px;
}

#class_div_compose .btn {margin-bottom: 10px;}
.margin_bottom_btn_mobile .btn {margin-bottom: 10px;}


#image_compo { position:absolute;z-index:10000;border:2px solid red;background-color:white;padding:5px 15px 25px 15px;width:350px; left: 5px !important;}


.tabs-container .nav-tabs {padding-right: 10px;}

.special-class-popover {
  width: auto; 
}

.mouseoverPanel {
    display: block;
}

.focus-layout article.item {
    border-left:0;
    border-right:0;
}

.focus-layout .inline-col-focus {
    display:block;
    margin-left:0;
    margin-right:0;
    padding:0 10px 0 15px;
    vertical-align:top;
    width:100%;
}

.focus-layout .image-item img,.block-focus-layout .images-left-item {
    width:100%;
    height:auto;
    max-height:200px;
    margin-bottom:12px;
}

.focus-layout .content-item {
    padding:0;
}

.focus-layout .content-item .cat-link {
    display:inline;
}
.allTextActu  {clear: left;}
.bodytext1typeenc {
    border: 2px solid #0083c3;
    padding: 15px;
    width: 100%;
    }
.blocReac {
    margin-left: 0;
    margin-right: 0;
    }  
.reacForm {
    margin-right: 0;  
    }    

#ResultatsDocumentationOfficielle .pagination {
    margin: 5px;
}

#ResultatsConventionsCollectives.pagination {
    margin: 5px;
}

#ResultatsECA.pagination {
    margin: 5px;
}

#ResultatsLAMY.pagination {
    margin: 5px;
}

#ResultatsLSM .pagination {
    margin: 5px;
}

.mouseoverPanel, .divbr{display:block;}

.container-common ol {padding-left: 10px;}
.container-mybdd { margin-left: 5px; }
.no_padding_right_mobile {padding-right: 0px;}
.no_padding_left_mobile {padding-left: 0px;}
.no_margin_left_mobile {margin-left: 0px;}

/*PAGINATION RECHERCHE*/

.pagination {font-size: 0.8em; }
.pagination a, .pagination span {
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 0 14px;
    text-decoration: none;
}

#result_blocs_rh .pagination .resume {padding-bottom:5px;}
#encadre_recherche .introductionResults .pagination div:nth-of-type(2) {display:none;}
#encadre_recherche .introductionResults .pagination div:nth-of-type(1) {display:none;}



.col-md-acro-MEMO,.col-md-acro-LSE ,.col-md-acro-SP ,.col-md-acro-PSI,.col-md-acro-GS,  .col-md-acro-DTQ,  .col-md-acro-MRHQ,  .col-md-acro-SSCTQ,  .col-md-acro-ERP,
.col-md-acro-PQ, .col-md-acro-CEP  , .col-md-acro-THEM ,.col-md-acro-LS ,  .col-md-acro-LGPCO,  .col-md-acro-GECE,  .col-md-acro-FSS,   .col-md-acro-LHS
,   .col-md-acro-LCE,  .col-md-acro-LPAYE, .col-md-acro-LPS,   .col-md-acro-FSC, .col-md-acro-LEC, .col-md-acro-LNC,   .col-md-acro-LRC, .col-md-acro-LPRUD, .col-md-acro-LMI,
.col-md-acro-LSG , .col-md-acro-LTT , .col-md-acro-LRCCO,  .col-md-acro-SSL  , .col-md-acro-CDRH,  .col-md-acro-JSL, .col-md-acro-CCE , .col-md-acro-LSQ, .col-md-acro-DOCOFF, .col-md-acro-{
    width:100%;
     padding-left: 10px;
    padding-right: 10px;
}

#SearchForm .blockForm input[type="text"],#SearchForm .blockForm input#Number {
    width: 100%;
}

.without_padding_phone {padding:0;}

#form_recherche_v2 h3 {white-space:nowrap;}
#encadre_recherche .side-bar-histo li {margin-bottom:5px;}

#AnnoncesXmedia h4 {
    font-size: 1em;
}
#AnnoncesXmedia .form-group {
    margin-bottom: 5px;
}
.td_step_not_done {display:none;}
#xmedia_main {padding-left:10px; padding-right:10px;}

#xmedia_main  div.widget-title:first-child {margin-left:-10px;}
#xmedia_main .boutonetape2devis {width:100%;}

    
}



/***************************** TABLETTES *****************************/
@media (min-width: 992px) and (max-width: 1200px) {
body {
    padding-top:68px;
}
.texteArticle,.texteAbstract {text-align: left;} 
.affix {max-width: 970px; width:100%;}
/*#menu {
    max-width: 940px;
}*/
#header-navigation ul {
display: table;
/*width: 1170px; c est ici pb si taille fixe */
}
.actu {min-height: 230px;}
.focus h4 {
    clear: none;
}

.news-nominations .col-inline.first {
    margin-right:0;
}

.module-lamy-ls .list-inline > li {
    height:78px;
    width:78px;
}

.module-lamy-ls .title h2 {
    font-size:.7em;
}

.module-partenaire .article-bottom {
    padding:0;
}

.module-lamy-ls .list-inline img {
    margin:8px 6px;
}

.wrapper-header .top-bar .bloc-inline {
    display:block;
    float:right;
    line-height:10px;
}

.logo-eca {
    max-width:36%;
}

.box-social .fa-lg {
    font-size:1.8em;
}





}


@media (min-width: @screen-sm-min) { 

    .fondBlanc {background-color: #fff;} 
    table.resultat-agenda td.lieu {min-width: 150px;}
}
@media (max-width:720px) and (orientation:landscape) {
    .tinynav { display: block; }
    #nav { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.wrapper-header {
		max-width: 750px;
		margin: 0 auto;
	}
	.texteArticle,.texteAbstract {text-align: left;} 
}
@media (min-width: 992px) and (max-width:1200px)  {

    #header-navigation ul {
    display: table;
    /*width: 970px;*/
    }
	.texteArticle,.texteAbstract {text-align: left;} 
}
@media  (min-width:1200px)  {

    #header-navigation ul {
    display: table;
    /*width: 1170px;*/
    }
    .focus h4 {clear: left;}
}
@media only screen and (min-width:320px) and (max-width:479px) {

    .texteArticle,.texteAbstract {clear: left;}
}

@media  ( min-width :  @ screen-sm-min )  and  ( max-width :  @ screen-sm-max )  {  

    body,#wraper_full {background-color: #fff;}

 } 
 @media  ( max-width :  570px )  {  

    #SearchForm li.inputText {
        text-align: center;
    }
    #encadre_recherche .inputText label {float: none!important; text-align: center; width: auto;}
    #SearchForm ol {padding-left: 5px;}

 } 
 @media  ( min-width :  620px )  and (max-width:768px)  {  
 .news-nominations article a img {float: left; padding-right: 5px;}
.news-nominations article p.text {margin-left: 130px;}
}
 @media  ( min-width : 769px) {

 .news-nominations article p.text {margin-left:0;}  
 .texteArticle,.texteAbstract {text-align: left;} 
}