/*** WHOS'WHO ***/

/**********************************/
/*** KEOLIS 
/**********************************/

.whoswho .participant-container 
{
    display:inline-block; 
    width:48%;
    margin-left:2%;
    float:left; 
    margin-top:2rem;
}

/** DESKTOP **/
@media only screen and (max-width: 768px)
{
    .whoswho .participant-container {width:100%;margin-left:0;}
}


/** NAVIGATION NEXT/PREV/RETOUR **/
.whoswho div.nav {width:100%;margin-bottom:10px;}
.whoswho .nav ul { padding:0; margin:0; list-style:none; display:block;}
.whoswho .nav li.prev {float:left; display:inline-block;}
.whoswho .nav li.next {float:right; display:inline-block;}
.whoswho .nav li a {display:inline-block;width:100%;line-height:2rem;}
.whoswho .nav li.prev a {text-align:left;height:20px;}
.whoswho .nav li.back a {text-align:center;margin:0;padding:0;color:#0a8bcf;text-transform:uppercase;}
.whoswho .nav li.next a {text-align:right;height:20px;}
.whoswho .nav li a.inactive {opacity:0;}

.whoswho .next 
{
    width:20px;height:20px;
    background-image:url('../img/theme/sncf/icon-next.png');
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:right top;
    /*display:block;*/
}

.whoswho .prev 
{
  width:20px;height:20px;
  background-image:url('../img/theme/sncf/icon-prev.png');
  background-size:20px 20px;
  background-repeat:no-repeat;
  /*display:block;*/
}


/** on affiche pas le header **/
.main-slider {display:none;}

.whoswho h1 {
    display:inline;
    float:left;
    text-decoration:none;
    border-bottom:none;
    margin-bottom:1rem;
}

.whoswho.profil h1 { text-transform: none; }




/*******************************/
/*** NEW 11/11/2017 **/

/** item container **/
.whoswho .participant-item 
{
    position:relative; 
    height:120px;
    overflow: hidden;
    min-height:120px;
}

/** photo **/
.whoswho .participant-item .photo-col {position:absolute;}
.whoswho .participant-item .photo-col a {width:90px;height:90px;position:relative;display:block;}
.whoswho .participant-item img {width:100%;height:100%;display:block;}

/** cartouche texte **/
.whoswho .participant-item .text-col 
{
  padding-left:120px;
}

.whoswho .participant-item a.participant-name 
{
  text-transform:uppercase;
  font-size:1.6rem;
  padding-top:2px;
  color:#000000;
  font-weight:bold;
  display:block;
  padding-top:2px;
}

.whoswho .participant-item .email 
{
    width:auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}

.whoswho .fonction {font-size:1.3rem;line-height:120%;}

/** MOBILE **/
@media only screen and (max-width: 768px)
{
    /** container **/
    .whoswho .participant-item { min-height:120px;height:auto;}
    /** photo participant item **/
    .whoswho .participant-item .photo-col a {width:60px;height:60px;}
    /** cartouche **/
    .whoswho .participant-item .text-col { padding-left:90px;}
}











.whoswho .participants-list { margin-top:40px; }


.whoswho .item-participant a {display:inline-block; line-height:2rem;}
.whoswho .item-participant a.participant {display:inline-block; line-height:2rem; text-transform: none!important;font-size:2rem; color:#0472a6;}
.whoswho .item-participant img 
{
  float:left;
  max-width:250px;
  width:30%;
  height:auto;
  padding:5px;
  border-style: solid;
  border-width: 1px;
  border-color:#FF00FF;
}


.whoswho .participant-label 
{
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 1.2rem;
    line-height: 130%;
    color: #FFFFFF;
    display: inline-block;
    text-transform: uppercase;
}

/** KEOLIS **/

.groupe2 .participant-label {background-color: #b4b950;}
.groupe1 .participant-label {background-color: #1a5a6d;}

.groupe2 .avatar {border-color:#b4b950;}
.groupe1 .avatar {border-color:#1a5a6d;}

.groupe2 .participant-name {color:#b4b950!important;}
.groupe1 .participant-name {color:#1a5a6d!important;}

/** KEOLIS **/

.whoswho .item-participant h3 { margin:0; padding:0; }
.whoswho .item-participant .cartouche 
{
  float:left;
  padding-left:20px;
  padding-top:1rem;
  width:50%;
  max-height:250px;
}

.whoswho .cartouche p {line-height:1.5rem;}
.whoswho .cartouche p a.participant {text-transform:none!important;font-size:2rem;padding-top:.5rem;}

.whoswho .item-participant { width:100%; margin-bottom:20px;}

/** A REFAIRE ! **/
.whoswho p a, .whoswho p a:active, .whoswho p a:visited, .whoswho p a:link 
{
    border-bottom:none;
}

/** RECHERCHE **/
.whoswho .search-container { display:none; }

/** ICONES **/
.zoom-icon
{ 
  background-repeat:no-repeat;
  background-size:25px 25px; 
  width:100%; height:25px;
  display:block;
  background-position:center 0px; background-image:url('../img/theme/sncf/icon-zoom-200x200.png');
}


/** PAGE PROFIL **/
.whoswho .profil h4 {font-size:1.5rem;line-height:2rem; margin-bottom:.2rem;}
.whoswho .profil h4:first-child {margin-top:0;}
.whoswho .profil p.reponse {margin-bottom:2rem;}
.whoswho .profil .img-box {max-width:200px;}
.whoswho p.statut {font-size:3rem;color:#0a8bcf;font-style:italic;margin-bottom:4rem;line-height:3rem;}

.whoswho a.twitter {display:block;line-height:1.4rem;}
.whoswho a.linkedin {display:block;line-height:1.4rem;}
.whoswho .avatar {margin-bottom:2rem;}



/** UI **/
/**.whoswho .button {max-width:600px;width:100%;}**/

.whoswho a.mail 
{  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:100%;
}


/** MOBILE **/
@media only screen and (max-width: 768px)
{
  .whoswho .item-participant img { width:80px; }
  .whoswho a.mail {font-size:1.4rem;}
}

/** TABLETTE **/
@media only screen and (min-width: 768px)
{
    .whoswho .avatar {width:100%;height:auto;max-width:200px;}
}

/** DESKTOP **/
@media only screen and (min-width: 1024px)
{
    .lo-field {min-width:50%;display:inline-block;}

    /** on affiche le header **/
    .main-slider {display:block;}

    .whoswho .item-participant { width:45%; margin-bottom:20px;float:left;display:inline-block;}
    .whoswho .item-participant .cartouche { width:40%; }

    /** on affiche par défaut la recherche **/
    .whoswho .search-container { display:block; }


}