/* Smartphones (portrait and landscape) ----------- */
@media only screen 
    /*and (min-device-width : 320px) and (max-device-width : 480px)*/
and (min-width : 220px) and (max-width : 480px)
 {

/* Styles */

    .smartphone .hidden-smartphone{
        display: none;
    }

    .smartphone .visible-smartphone{
        display: block;
    }

    .dt{display: none;}
    .tb{display: none;}
    .sp{display: none;}
    .spf{display: block;}

    .smartphone .sp{display: block;}
    .smartphone .spf{display: none;}
    
      
    .smartphone header{
        background-position: right top;
        padding: 0;
        height: auto;
        background-size: 200% 5.4vw;
    }

    .minimal.smartphone header{
        background: url("../images/bgHeader.png") no-repeat right top #fff;
        padding: 0;
        height: auto;
        background-size: 200% 5.4vw;
    }

    .minimal.smartphone .pageMinimalTitle {
      border-right: none;
      font-size: 7vw;
      height: 17vw;
      margin-right: 5vw;
      margin-top: 1.6vw;
      padding-right: 25vw;
      padding-top: 3vw;
      width: 90%;
      background: url("../images/logo-taibah-perso.png") no-repeat right top; 
      background-size: contain;
      text-align: right;
    }

    .minimal.smartphone .ctnTitlePersoSite {
      font-size: 6.8vw;
      height: 12vw;
      background-size: contain;
    }

    .minimal.smartphone .blcStat {
      clear: both;
      margin-right: 1%;
      margin-top: 2vw;
      width: 96%;
    }

    .minimal.smartphone .titleStat {
      font-size: 6.2vw;
      height: auto;
    }

    .minimal.smartphone .userBloc {
      height: auto;
    }

    .minimal.smartphone .blcStat .userImage {
      height: auto;
    }

    .minimal.smartphone .blcStat .userName {
      font-size: 6.2vw;
      height: auto;
    }

    .minimal.smartphone .userPoste {
      font-size: 4.7vw;
    }

    .minimal.smartphone .ctnBlcSearchPersoSite {
      margin: 1% auto;
      width: 95%;
    }

    .minimal.smartphone .ctnBlcSearchPersoSite .searchInput {
      font-size: 5vw;
      height: auto;
    }

    .minimal.smartphone .ctnBlcSearchPersoSite .searchBtn {
      font-size: 5vw;
      height: auto;
    }

    .minimal.smartphone .userBlocBorder {
      width: 98%;
    }

    .minimal.smartphone .userBloc {
      height: auto;
      width: 100%;
    }

    .minimal.smartphone .userImage {
      height: auto;
      margin: 3.5%;
      width: 15%;
    }

    .minimal.smartphone .userName {
      font-size: 6vw;
      height: auto;
      width: 77%;
    }

    .minimal.smartphone .blcStat .userName {
      width: 98%;
    }

    .persoSite.smartphone .imglogo{
        width: 100%;
    } 

    .persoSite.smartphone .persoSiteProfile {
      height: auto;
      margin-top: 4vw;
      width: 98%;
    }

    .persoSite.smartphone .lnkLogo {
      margin-left: 4vw;
      margin-top: 7vw;
    }

    .persoSite.smartphone .persoSiteLogo {
      display: none;
    }

    .persoSite.smartphone .profileImage {
      height: auto;
      width: 100%;
    }

    .persoSite.smartphone header > .row > .container .col-md-2 {
      background: url("../images/logo-persosite.png") no-repeat center center ;
      background-size: contain;
      float: left;
      height: 20vw;
      width: 20%;
    }

    .persoSite.smartphone .profileImageBorder {
      width: 30%;
    }

    .persoSite.smartphone .profileDetails {
      font-size: 4vw;
      margin-right: 2%;
      width: 68%;
    }
    .persoSite.smartphone .profileName {
      font-size: 4.6vw;
    }





    .smartphone .lstNavLnk {
      width: 100%;
      margin: 2vw 0 0;
      padding: 0;
    }

    .smartphone .lstNavLnk .itmNavLnk {
      height: 6.4vw;
      padding: 0 1vw;
      width: 33.3333%;
    }

    .smartphone .lstNavLnk .itmNavLnk a {
      font-size: 2.8vw;
      padding: 1vw 0 0;
      text-align: center;
    }

    .smartphone .ttLogoEn {
      font-size: 4vw;
      padding-top: 9.2vw;
      width: 32vw;
      padding-right: 1vw;
    }

    .smartphone .ttLogoAr {
      font-size: 5vw;
      padding-left: 3vw;
      padding-top: 7.5vw;
      width: 33vw;
    }

    .smartphone .lstHlpLnk {
      float: right;
      margin-right: 3vw;
      width: 67vw;
    }

    .smartphone .lstHlpLnk .itmHlpLnk {
      padding: 0.6vw 0 0;
    }

    .smartphone .lnkLogo {
        width: auto;
        height: auto;
        margin-top: 2vw;
    }

    .smartphone .lstHlpLnk .itmHlpLnk a.lnkHlpLnk {
        font-size: 3vw;
        padding: 0 2vw;
    }

    .smartphone .imglogo {
      width: 16vw;
    }

    .smartphone .wdgSld {
      height: 10vw;
      width: 100%;
    }

 .smartphone .wdgSld .carousel-indicators {
  display: none;
}

 .smartphone .sldTt {
  width: 100%;
  top: 30.5vw !important;
  line-height: 3.5vw;
  right: 0;
}


.smartphone .sldTtInner {
  display: block;
  font-size: 3vw;
  height: 8vw;
  line-height: 3.5vw;
  padding-right: 0;
  padding-left: 1.5vw;
  width: 100%;
}

 /*.sldTtInner {
  display: table-cell;
  font-size: 3vw;
  height: 12vw;
  line-height: 3.5vw;
  padding-left: 1.5vw;
  padding-right: 0;
  width: 30vw;
}
 */
 .smartphone .row{
     margin: 0;
 }

 .smartphone .ctnLnkInt {
  width: 100%;
  border-bottom: 1px solid #0cb7c0;
}

.smartphone .ctnLnkInt div.clrOrange {
  font-size: 4.4vw;
  height: 9vw;
  padding-top: 1vw;
}

.smartphone .ctnLnkInt div.clrBlue {
  font-size: 4.4vw;
  height: 9vw;
  padding-top: 1vw;
}

.smartphone .ctnLnkInt div.clrAqua {
  font-size: 4.4vw;
  height: 9vw;
  padding-top: 1vw;
}

.smartphone section.underSlide .wdgSldSmall {
  display: none;
}

.smartphone .wdgPjtPromise .FrstPjt {
  height: 18vw;
  width: 100%;
}

.wdgPjtPromise .FrstPjt .wdgWa3d {
  margin: 5.3vw 0 0 9.3vw;
}

.smartphone .wdgPjtPromise .ScndPjt {
  height: 15vw;
  width: 100%;
}

.wdgPjtPromise .FrstPjt .wdgPjtPrmoiseLink {
  height: 18vw;
}

.smartphone section.underSlide .wdgLnk {
  width: 100%;
}

.smartphone #carousel-Tayba-generic {
  height: 98.4vw;
}

.smartphone #carousel-Tayba-generic.CtnEmp {
  height: 95.8vw;
}



.smartphone .wdgPjtPromise .ScndPjt a {
  font-size: 3.6vw;
  height: 15vw;
  padding-right: 1.5vw;
  width: 80%;
  /*padding-top: 1vw;*/
}

.smartphone .wdgPjtPromise .ScndPjt .Ind {
  background-color: #da123c;
  background-image: none;
  width: 20%;
  height: 15vw;
}

.smartphone .wdgPjtPromise .ScndPjt .Ind span{
  color: #fff;
  font-family: GESSTwoMedium-Medium;
  width: 100%;
  text-align: center;
  font-size: 6vw;
  display: table;
  margin-top: 2.5vw;
}

/*.smartphone .carousel-inner > .item > img, .smartphone .carousel-inner > .item > a > img {
  width: auto;
}*/

.smartphone .titFstFtr {
  font-size: 6.8vw;
  margin-bottom: 2vw;
 margin-top : 5vw;
 
}

.smartphone footer .importantLinks .col-md-4{
    width:33.3333%;
}

.smartphone footer .importantLinks .col-md-4 .lstgd .itmgd a {
  font-size: 3.6vw;
}

.smartphone .copyright {
  font-size: 3.3vw;
  margin-top: 3vw;
  padding-top: 1vw;
}

.smartphone a.lnkMap img {
  height: auto;
  width: 50vw;
}

.smartphone .lstgd .itmgd {
  float: right;
  width: 100%;
  background-position:  right 2vw ;
}

.smartphone footer > .container > .row > .col-md-8 {
  margin-bottom: 3.5vw;
  width: 100%;
}

.smartphone footer > .container > .row > .col-md-4 {
  width: 100%;
}

.smartphone a.lnkMap {
  height: auto;
  text-align: center;
  width: auto;
}

.smartphone .btnNewsLettre {
  font-size: 4.6vw;
  height: 9vw;
  width:25%;
}

.smartphone .inptNewsLettre {
  font-size: 4.6vw;
  height: 9vw;
  padding-right: 1vw;
  width: 75%;
}

.smartphone .lstSn .itmSn a.lnkSn {
  height: 8.1vw;
  width: 8.1vw;
}

.smartphone footer {
  padding-bottom: 5vw;
  padding-top: 0;
}

.smartphone .bgBl {
  height: 22vw;
  width: 100%;
}

.smartphone .bgBc {
  background-size: cover;
  height: 22vw;
  width: 100%;
}

.smartphone .bgYel {
  background-size: cover;
  height: 22vw;
  width: 100%;
}

.smartphone section.underSlide .wdgLnk a {
  background-position: 7vw 4vw;
  background-size: auto 14vw;
  font-size: 4.6vw;
  height: 22vw;
  line-height: 7vw;
  padding-top: 7vw;
  width: 100%;
  padding-left: 22vw;
}

/*section.plgSlide {
  top: 25.4vw;
}*/


.smartphone section.plgSlide {
        width: 100%;
        top: 28.4vw;
    }

.smartphone section.underSlide .ctnHome .wdgLnk .bgYel a {
  background-size: auto 14vw;
  padding-top: 9vw;
  background-position: 9vw 4vw;
}

.smartphone section.underSlide .ctnHome .wdgLnk .bgBc a {
  background-size: auto 14vw;
  padding-top: 9vw;
  background-position: 10vw 4vw;
}

.smartphone section.underSlide .wdgLnk a.Ser {
  background-position: 7vw 6vw;
  background-size: auto 9vw;
}

.smartphone section.underSlide .wdgLnk a.Sug {
  background-position: 9vw 5.5vw;
  background-size: auto 11vw;
}
.smartphone section.underSlide .wdgLnk a.Mail {
  background-position: 8vw 6vw;
  background-size: auto 9vw;
}

.smartphone .lstSn {
  float: right;
  margin-right: 5vw;
  width: 48%;
}

.smartphone .lstSn .itmSn {
  width: 8.1vw !important;
  padding: 0;
  margin-right: 2vw;
  float: right;
}

.smartphone section.underSlide {
  margin-bottom: 0;
}

.smartphone .submenuLnkInt {
  bottom: initial;
}

.smartphone .titInt {
  display: none;
}

.smartphone .submenuLnkInt a {
  background: url("../images/bgVignetWhite.jpg") no-repeat scroll 97% 3.6vw rgba(0, 0, 0, 0);
  font-size: 4.5vw;
  padding: 0.3vw 6vw 0.3vw 0;
}

.btnFullVersion {
  display: none;
}

.smartphone .btnFullVersion {
  font-size: 3.5vw;
  width: 45%;
  color: #00B6C1;
  font-family: GESSTwoMedium-Medium !important;
  white-space: no-wrap;
  height: 8vw;
  border: none;
  display: block;
}



.btnMobileVersion {
  font-size: 2.5vw;
  width: 100%;
  color: #00B6C1;
  font-family: GESSTwoMedium-Medium !important;
  white-space: no-wrap;
  height: 8vw;
  border: none;
  display: block;
}

.smartphone .btnMobileVersion {
  display: none;
}

.smartphone .frstBlc {
  height: auto;
  width: 100%;
}


.smartphone .scndBlc {
  height: auto;
  width: 100%;
}

.smartphone .thrdBlc {
  height: auto;
  width: 100%;
}

.smartphone .ttBlc {
  height: auto;
  font-size: 6.4vw;
  cursor: pointer;
}

.smartphone .lnkBlc {
  background-position: 2vw 2.8vw;
  background-size: 4vw 6vw;
  font-size: 3.2vw;
  margin-bottom: 0.8vw;
  padding: 1.2vw 1.5vw 0 4.5vw;
}

.smartphone .frstLnkBlc, .smartphone .scndLnkBlc, .smartphone .thrdLnkBlc{
    display: none;
}

.smartphone .frstLnkBlc.in, .smartphone .scndLnkBlc.in, .smartphone .thrdLnkBlc.in{
    display: block;
}

.smartphone section.underSlide .ctnStudient .bgBc,
.smartphone section.underSlide .ctnEmployer .bgBc,
.smartphone section.underSlide .ctnStaff .bgBc,
.smartphone section.underSlide .ctnStudient .bgYel,
.smartphone section.underSlide .ctnEmployer .bgYel,
.smartphone section.underSlide .ctnStaff .bgYel {
  width: 100%;
}

.smartphone section.sectionAreaEdu {
  margin-top: 6%;
}

.smartphone section.sectionAreaEdu .ctnPwd {
  display: none;
}

.smartphone section.sectionAreaEdu .AreaEdu {
  width: 100%;
  height: 38vw;
}

.smartphone .AreaEdu a {
  float: right;
  font-size: 4vw;
  height: 25vw;
  line-height: 5vw;
  padding: 29vw 4vw 0 8vw;
  width: 100%;
}

.smartphone .ctnMoreService .ttMoreSer .ctnBtnMoreService .BtnMoreService {
  font-size: 5.8vw;
  height: 10vw;
  padding: 0.7vw 0.8vw 0.6vw;
  width: 55vw;
}


.smartphone .ctnMoreService .ttMoreSer .ctnBtnMoreService {
  height: 10vw;
  width: 60vw;
}

.smartphone .ctnMoreService .ttMoreSer {
  background-size: contain;
  height: 10vw;
  margin-bottom: 3vw;
}

.smartphone .lstgd .itmgd a {
  font-size: 5vw;
}

.smartphone .ContlnkMoreSer .col-md-4 {
  width: 100%;
}

.smartphone .ContlnkMoreSer .lstgd .itmgd {
  background-position: 100% 3.5vw;
  background-size: auto auto;
  padding-right: 4vw;
}

.smartphone .ctnError .msgError {
  font-size: 6vw;
  width: 80vw;
  text-align: center;
  margin: 0 auto;
}

.smartphone .ctnError .lnkHomeError {
  font-size: 3vw;
  width: 48vw;
}


.smartphone .mainHeading {
  font-size: 6vw;
  min-height: 3.5vw;
  padding: 0.5vw 1vw;
  margin-top: 0;
}

.smartphone .ctnSiteMap {
    width: 100%;
}

.smartphone .ctnBlcSiteMap .bxSiteMap {
  padding-left: 5%;
  padding-right: 5%;
  width: 100%;
  margin: 0;
}

.smartphone .ctnBlcSiteMap .bxSiteMapFloatLeft {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0;
}

.smartphone .ctnRSiteMap .row{
    margin: 0;
}

.smartphone .ctnSiteMap .ctnTitleSiteMap .rgtTitleSiteMap {
  font-size: 4.1vw;
  height: 7vw;
  padding-right: 1.5vw;
  padding-top: 0.7vw;
}

.smartphone .ctnSiteMap .ctnTitleSiteMap {
  height: 4vw;
  padding-top: 1vw;
}

.smartphone .ctnBlcSiteMap {
  padding-top: 6vw;
}

.smartphone .ctnBlcSiteMap .ttbxSiteMap {
  font-size: 3.7vw;
  height: 6vw;
  margin-top: 0.5vw;
  padding-right: 1.5vw;
  padding-top: 0.5vw;
}

.smartphone .ctnBlcSiteMap .txtbxSiteMap {
  margin-top: 1vw;
  padding-right: 1vw;
}

.smartphone .ctnBlcSiteMap .txtbxSiteMap .lnkSiteMap {
  background-position: 99% 2.6vw;
  background-size: 1vw 0.8vw;
  font-size: 3.6vw;
  padding: 0.4vw 3vw 0.4vw 0;
}

.smartphone .ctnRSiteMap {
  margin-bottom: 5vw;
  min-height: 50vw;
}

.smartphone .ctnNewsPrtl .ctnTitleNewsPrtl {
  height: 10vw;
  padding-top: 2vw;
}

.smartphone .ctnNewsPrtl .ctnTitleNewsPrtl .rgtTitleNewsPrtl {
  font-size: 4.4vw;
  height: 10vw;
  padding-right: 3.5vw;
  padding-top: 2vw;
}

.smartphone .ctnSearchNewsPrtl {
  height: 10vw;
  padding: 2.5vw;
}

.smartphone .ctnSearchNewsPrtl .rgtTitleNewsPrtlTxt {
  width: 40%;
  font-size: 3.8vw;
}


.smartphone .ctnSearchNewsPrtl .rgtTitleNewsPrtl {
  width: 58%;
}


.smartphone .ctnSearchNewsPrtl input.searchInputEd {
  font-size: 3.4vw;
  height: 6vw;
}

.smartphone .ctnSearchNewsPrtl input.searchSubmitEd {
  font-size: 3vw;
  height: 6vw;
}

.smartphone .blcNewsPrtl .ttblcNewsPrtl {
  font-size: 4vw;
  line-height: 8vw;
  min-height: 4.5vw;
  padding: 1.5vw 0;
}

.smartphone .searchResED .blcNewsPrtl .blcDateNewsPrtl {
  font-size: 3.2vw;
  height: 5.5vw;
  padding: 1vw 0;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .txtNewsPrtl {
  font-size: 3.2vw;
  line-height: 5vw;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .btmBlcNewsPrtl {
  line-height: 3vw;
  margin-top: 0.5vw;
  height: 10vw;
}

.smartphone .rgtBlcNewsPrtlED .blcNewsPrtl .blcTxtNewsPrtl a.BtnPlus {
  width: 30vw;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl a.BtnPlus {
  font-size: 3.2vw;
  height: 6.5vw;
  padding-top: 1.5vw;
  width: 25vw;
}

.smartphone .RadDataPager > .rdpWrap > .rdpPagePrev {
  background-size: 6vw 7vw;
  height: 7vw;
  width: 6vw;
}

.smartphone .RadDataPager > .rdpWrap > .rdpPageNext {
  background-size: 6vw 7vw;
  height: 7vw;
  width: 6vw;
}

.smartphone .RadDataPager > .rdpWrap > .rdpPagePrev:hover {
  background-size: 6vw 7vw;
  height: 7vw;
  width: 6vw;
}

.smartphone .RadDataPager > .rdpWrap > .rdpPageNext:hover {
  background-size: 6vw 7vw;
  height: 7vw;
  width: 6vw;
}

.smartphone div.rdpNumPart > a > span {
  font-size: 3.8vw;
  height: 7vw;
  padding: 1.5vw 0 0;
  width: 7vw;
  line-height: 5vw;
}

.RadDataPager_Default {
  background: none repeat scroll 0 0 #FFFFFF !important;
  border: 0 none !important;
  margin: 2vw;
  width: 96%;
}



.smartphone div.rdpNumPart > a:hover > span {
  font-size: 3.8vw;
  line-height: 5vw;
}

.smartphone .blcFrmComment{
    display: none;
}

.smartphone .ctnNewsDetail .SepHor{
    display: none;
}


.smartphone .ctnBlcNewsDetail{
    display: none;
}

.smartphone .ctnTitleNewsDetail {
  font-size: 4vw;
  height: auto;
  margin: 1vw;
  padding-top: 2vw;
  width: auto;
}

.smartphone .blcDateNewsDetail {
  font-size: 3.3vw;
  height: auto;
  padding: 1.4vw 0;
  margin-right: 1vw;
}

.smartphone .blcAddCmViP .txtNbVist {
  font-size: 3.3vw;
  height: auto;
}

.smartphone .blcAddCmViP .txtNbComment {
  font-size: 3.3vw;
  height: auto;
}

.smartphone .blcAddCmViP .txtDateDiff {
  font-size: 3.3vw;
  height: auto;
}

.smartphone .blcAddCmViP .nbComment {
  font-size: 3.3vw;
  height: auto;
}

.smartphone .blcAddCmViP .nbVist {
  font-size: 3.3vw;
  height: auto;
}

.smartphone .blcAddCmViP .DateDiff {
  font-size: 3.3vw;
  height: auto;
}

.smartphone .ctnNewsDetail .txtNewsPrtl {
  font-size: 4.2vw;
  line-height: inherit;
}

.smartphone .blcAddCmViP .blcNbComment {
  background-position: right 1.4vw;
  background-size: 3vw 2vw;
  clear: both;
  height: 6vw;
  margin-right: 2vw;
  padding: 0.5vw 5vw 0 0;
}

.smartphone .blcAddCmViP .blcNbVist {
  background-position: right 1.3vw;
  background-size: 3.4vw 1.9vw;
  height: 6vw;
  padding: 0.5vw 5vw 0 0;
  clear: both;
  margin-right: 2vw;
}

.smartphone .blcAddCmViP .blcDateDiff {
  background-size: 3.4vw 3.4vw;
  background-position: right 0.8vw;
  height: 6vw;
  padding: 0.5vw 5vw 0 0;
  clear: both;
  margin-right: 2vw;
}

.smartphone .sshLinkItem .sshCustomIcon {
  background-size: auto;
  height: 7.5vw !important;
  width: 7.5vw !important;
}

.smartphone .ctnTitleNewsArchiv {
  font-size: 5.2vw;
  height: auto;
  padding-right: 2.5vw;
  padding-top: 2vw;
}

.smartphone .ctnBlcNewsArchiv {
  padding-top: 4vw;
}

.smartphone .ctnphrNewsArchiv {
  height: auto;
  margin-bottom: 2vw;
  padding: 1.5vw 5.5vw 1.5vw 1.5vw;
  float: right;
}

.smartphone .ctnphrNewsArchiv .phrNewsArchiv {
  background-size: 1.5vw 1.4vw;
  background-position: right 3vw;
  font-size: 3.4vw;
  padding: 1.2vw 3vw 1.2vw 0;
  width: 76%;
}

.smartphone .ctnphrNewsArchiv .blcNbComment {
  background-size: 3vw 1.8vw;
  height: 6vw;
  padding: 1.5vw 3vw 0 0;
  width: 12%;
  background-position: right 2.5vw;
}

.smartphone .ctnphrNewsArchiv .blcNbVist {
  background-size: 3vw 1.8vw;
  height: 6vw;
  padding: 1.5vw 3vw 0 0;
  width: 12%;
  background-position: right 2.5vw;
}

.smartphone .ctnphrNewsArchiv .txtNbComment {
  display: none;
}

.smartphone .ctnphrNewsArchiv .txtNbVist {
  display: none;
}

.smartphone .ctnphrNewsArchiv .nbComment {
  font-size: 3.2vw;
  height: 4vw;
}

.smartphone .ctnphrNewsArchiv .nbVist {
  font-size: 3.2vw;
  height: 4vw;
}

.smartphone .lstOnglNewsPrtl {
  display:none;
}

.smartphone .ctnOnglNewsPrtl {
  display:none;
}


.smartphone .lftBlcNewsPrtl {
  width: 100%;
}

.smartphone .rgtBlcNewsPrtl {
  width: 100%;
}

.smartphone .blcIndication {
  height: 8vw;
}

.smartphone .blcIndication .txtBlcIndication {
  font-size: 4.4vw;
  padding: 0.8vw 8vw 0 1vw;
}

.smartphone .blcIndication .nbBlcIndication {
  font-size: 4.4vw;
}

.smartphone .blcNewsIndication {
  background-position: 98% center;
  background-size: auto 4.6vw;
}

.smartphone .blcCommentIndication {
  background-position: 98% center;
  background-size: 4vw 4vw;
}

.smartphone .blcVisiteIndication {
  background-position: 98% center;
  background-size: 3.6vw 4vw;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .ImgNewsPrtl {
  display: none;
}

.smartphone .blcNewsPrtl .blcDateNewsPrtl {
  font-size: 4.2vw;
  height: auto;
  padding: 0.4vw 0;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .txtNewsPrtl {
  font-size: 4.2vw;
  line-height: 7vw;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .boxTxtNewsPrtl {
  margin-right: 0;
  width: 100%;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .txtNbComment {
  font-size: 5.2vw;
  height: 10vw;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .nbComment {
  font-size: 5.2vw;
  height: 10vw;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .blcNbComment {
  height: 10vw;
}

.smartphone .lstOnglAnnPrtl {
  display: none;
}

.smartphone .ctnOnglAnnPrtl {
  display: none;
}

.smartphone .blcNewsPrtl .blcTxtNewsPrtl .blcNbComment {
  background-size: 4.5vw 2.7vw;
  padding: 1vw 6vw 0 0;
}

.smartphone .searchResED .rgtBlcNewsPrtlED .SepHor {
  background-size: cover;
  height: 4vw;
}

.smartphone .blcNewsPrtl .ttblcNewsPrtl a {
  font-size: 4.4vw;
}

.smartphone .searchResED .blcNewsPrtl .blcTxtNewsPrtl .txtContentType {
  background-position: right 2.4vw;
  background-size: 1vw 0.8vw;
  font-size: 3.3vw;
  line-height: 5vw;
  padding-right: 2vw;
}


.smartphone .contentSectorPage {
  /*height: 75vw !important;*/
  margin: 1%;
  position: absolute;
  width: 98%;
  z-index: 446;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 2vw;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  min-height: 95vw !important;
  left: 0;
  top: 6vw;
  display: none;
}

.smartphone .contentSectorPage img{
  width: 95% !important;
}

.smartphone .contentSectorPage table{
margin: 13% 5% 5% !important;
width: 90% !important;
}



.smartphone .contentSectorPage.in {
  display: block;
}

.smartphone .asideSectorPage {
  width: 100%;
  margin-left: 0;
}

.smartphone .asideSectorPage .lstSecLnk .itmSecLnk a.LnkSecLnk {
  background-position: 2vw 3.8vw;
  font-size: 4.3vw;
  min-height: 4.2vw;
  padding: 2vw 1.5vw 1vw;
  text-align: center;
}

.smartphone .asideSectorPage .lstSecLnk .itmSecLnk a.LnkSecLnk:hover {
  background-position: 2vw 3.8vw;
  font-size: 4.3vw;
  min-height: 4.2vw;
  padding: 2vw 1.5vw 1vw;
}

.smartphone .asideSectorPage .menuSector ul ul li a {
  font-size: 4.3vw;
  min-height: 4.2vw;
  padding: 1.5vw 1.5vw 1.5vw 0;
}

.smartphone .breadCrumb {
  height: auto;
  margin-bottom: 3vw;
}

.smartphone .lstBrdCrbLnk .itmBrdCrbLnk {
  padding: 3vw 0;
}

.smartphone .lstBrdCrbLnk .itmBrdCrbLnk a.lnkBrdCrbLnk {
  font-size: 3.4vw;
  padding: 0 3.5vw;
}

.smartphone .lstBrdCrbLnk .itmBrdCrbLnk div {
  font-size: 3.3vw;
}

/*.smartphone .lstBlgSector .itmBlgSector.liImgStudSect {
  display: none;
}*/

.smartphone .lstBlgSector .nbLnkBlgSector {
  background: url("../images/bgPlus.png") no-repeat scroll 20px 135px rgba(0, 0, 0, 0);
  font-size: 12vw;
  padding-left: 2.5vw;
  width: 25%;
  float: left;
  color: #3E3E3E;
  opacity: 0.4;
}

.smartphone .lstBlgSector .ttBlgSector {
  float: right;
  font-size: 7.4vw;
  height: auto;
  padding-right: 2.5vw;
  padding-top: 3vw;
  width: 75%;
}

.smartphone .lstBlgSector .itmBlgSector {
  width: 100%;
  border-bottom: 1px solid #3E3E3E;
  background: url(../images/bgSector.jpg);
}


.smartphone .lstBlgSector .bgYellow {
    background-color: #f5f5f5;
}

.smartphone .lstBlgSector .bgYellow .ttBlgSector {
    color: #ffb500;
}

.smartphone .lstBlgSector .bgGray {
    background-color: #f5f5f5;
}

.smartphone .lstBlgSector .bgGray .ttBlgSector {
    color: #8e805b;
}

.smartphone .lstBlgSector .bgBleu {
    background-color: #f5f5f5;
}

.smartphone .lstBlgSector .bgBleu .ttBlgSector {
    color: #1058ac;
}

.smartphone .lstBlgSector .bgOrange {
    background-color: #f5f5f5;
}

.smartphone .lstBlgSector .bgOrange .ttBlgSector {
    color: #ff841d;
}

.smartphone .lstBlgSector .bgWhite {
    background-color: #f5f5f5;
}

.smartphone .lstBlgSector .bgBleuC {
    background-color: #f5f5f5;
}

.smartphone .lstBlgSector .bgBleuC .ttBlgSector {
    color: #01a8d4;
}

.smartphone .lstBlgSector .bgVert {
    background-color: #f5f5f5;
    border-top: 2vw solid #fff;
}

.smartphone .lstBlgSector .bgVert .ttBlgSector {
    color: #1fc2cb;
}

.smartphone .bgCtnSectorStud {
  background-size: 130% auto;
  padding: 20vw 0 5vw;
}


.smartphone .submenuBlgSector {
  width: 100% !important;
  left: 0 !important; 
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: -80px;
}

.smartphone .submenuBlgSector a {
  font-size: 4.8vw;
  padding: 1vw 5vw 0.3vw 0;
  background-position: 97% 4.5vw;
}

.smartphone .bgOrange .submenuBlgSector.thrBox .bgArrTop,.smartphone .bgYellow .submenuBlgSector.thrBox .bgArrTop {
  background-position: 50% center;
}

.smartphone .bgBleuC .submenuBlgSector.thrBox .bgArrTop,.smartphone .bgBleu .submenuBlgSector.thrBox .bgArrTop {
  background-position: 50% center;
}

.smartphone .submenuBlgSector.thrBox a {
  width: 100%;
}

.smartphone .submenuBlgSector.SndBx a {
  width: 100%;
}

.smartphone .menu-icon {
  color: #FFFFFF;
  padding-right: 1vw;
  padding-left: 0;
  padding-top: 0;
  position: absolute;
  top: 0.5vw;
  z-index: 555;
  margin-top: 0.2vw;
  right:0;
  margin-right: 0.5vw;
}

.smartphone .menu-icon .icon-bar {
  background-color: #FFFFFF;
  height: 0.6vw;
  width: 3.5vw;
}

.smartphone .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 0.6vw;
}

/*.subHeader {
  left: 0;
  margin: 1vw;
  position: absolute;
  top: 28vw;
  width: 94vw;
  z-index: 666;
  height: 40vw !important;
  background: none #fff;
  border-radius: 2vw;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.subHeader > .row > .container {
  width: 90vw !important;
}

.lstShead {
  margin-top: -20px;
  float: right;
}


.lstShead .itmShead {
  width: 50%;
  float: right;
}


.lstShead .itmShead a {
  font-size: 5vw;
  text-align: center;
  color: #3E3E3E;
}

.lstShead .itmShead a:hover {
  color: #777;
}

button.close {
  padding: 10px 10px 0 0;
}

.lstShead .itmShead a.active {
  color: #0181BD;
}

    */

.smartphone .subHeader {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2vw;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  height: 95vw !important;
  left: 0;
  margin: 1%;
  max-height: 500px;
  position: absolute;
  top: 6vw;
  width: 98%;
  z-index: 666;
}

.subHeader > .row > .container {
  width: 90vw !important;
}

.smartphone .subHeader > .row > .container {
  width: 87vw !important;
}


.smartphone .lstShead {
  margin-top: -20px;
  float: right;
}


.smartphone .lstShead .itmShead {
  width: 100%;
  float: right;
}


.smartphone .lstShead .itmShead a {
  font-size: 6vw;
  text-align: center;
  color: #3E3E3E;
  padding: 4.2vw 0.4vw 0;
}

.smartphone .lstShead .itmShead a:hover {
  color: #777;
}

.smartphone button.close {
  padding: 10px 10px 10px 10px;
  float: left;
}

.smartphone .lstShead .itmShead a.active {
  color: #0181BD;
}

.smartphone .lftBlc {
  display: none;
}

.smartphone .lftTitleService.closed {
  background-size: contain;
  height: 8vw;
  width: 25%;
}


.smartphone .rgtTitleService {
  font-size: 5.2vw;
  height: 8vw;
  width: 75%;
}

.smartphone .rgtBlc {
  width: 100%;
}

.smartphone .blcNote .ttblcNote {
  font-size: 4.8vw;
  height: 8.5vw;
}

.smartphone .blcNote .txtblcNote {
  font-size: 4.2vw;
  line-height: normal;
}

.smartphone .rgtBlc .SepHor {
  height: 2.4vw;
}

.smartphone .blcNote .phr-blcNote {
  font-size: 4.3vw;
}

#taybah-navbar{
    display: block;
}

.smartphone #taybah-navbar.collapse{
    display: none;
}

/* Communication Means */

.smartphone .containerCtnCommMeans .lstSecLnk .itmSecLnk a.LnkSecLnk {
  font-size: 3.4vw;
  padding: 2vw 1.5vw;
}

.smartphone .asideComMeans {
  width: 100%;
  margin: 0;
}

.smartphone .contentComMeans {
  display: none;
}


/* Bloc Search */

.smartphone .blcSearch .inptSearch {
  font-size: 2.3vw;
  height: 4vw;
  width: 75%;
  line-height: 4vw !important;
}

.smartphone .blcSearch {
  left: 2px;
  position: absolute;
  height: 5vw;
  width: 25% !important;
}

.smartphone .blcSearch .btnSearch {
  background-size: 2.8vw 2.9vw;
  height: 4vw;
  width: 25%;
}

.smartphone .siteBlocBorder {
  width: 97%;
}

.smartphone .ctnTitleTopTenSites {
  background-size: contain;
  font-size: 6.2vw;
  height: 11vw;
  margin: 2vw;
  width: 95%;
}

.smartphone .siteBloc {
  height: auto;
}

.smartphone .siteImage {
  height: 10vw;
  margin: 2vw;
  width: auto;
}

.smartphone .siteName {
  font-size: 3.8vw;
  height: auto;
  margin: 3.5vw 0 0.5vw 0.5vw;
}

.smartphone .siteOrder {
  font-size: 2.8vw;
  margin-left: 5.2vw;
  margin-top: 5.4vw;
  width: 4vw;
}

.smartphone .topTenSites .containerSector {
  margin: auto auto 3vw;
}

.smartphone .lstBlgSector .ImgStudSect {
  height: auto;
}

.smartphone .listWebSites li {
  display: none;
}


.smartphone .listWebSites li.titleBestWebSites, .smartphone .listWebSites li.bestWebSitesPlus {
  display: block;
}

.listWebSites li.titleBestWebSites {
  font-size: 4.4vw;
  height: auto;
  width: 80%;
  float: right;
}

li.bestWebSitesPlus {
  height: 10vw;
  margin-left: 2vw;
  width: 10vw;
  float: left;
}

.bestWebSitesMod {
  background-color: rgba(0, 0, 0, 0.6);
  float: right;
  height: 100%;
  width: 100%;
}

  .smartphone .lstBlgSector .bgOrange.liImgStudSect {
      background: none;
      background-color: none;
    }





  }