body {
  background : #F2F0F0;
  color : #463C3C;
  font-size : 12px;
  line-height : 16px;
}

h1 {
  color : #463C3C;
}
h2 {
  color : #C3081E;
}
h3 {
  color : #333333;
  font-family : arial;
  font-size : 13px;
  font-weight : normal;
  margin-bottom : 3px;
  text-transform : capitalize;
}
h3.advanced-search {
  background-color : #C10F25 !important;
  color : #FFFFFF !important;
}

.bold { font-weight : bold; }
.clear {
  clear : both;
  display : block;
  font-size : 0;
  height : 0;
  line-height : 0;
  margin : 0;
  min-height : 0;
  padding : 0;
  width : 100% !important ;
}
.italic { font-style : italic ; }
.justify { text-align : justify ; }
.left { float : left ; }
.nodisplay { display : none ; }
.noref {
  font-style : inherit ;
  font-weight : inherit ;
}
.red { color : #C10F25 ; }
.required, .required-field { color : #FF0000 ; }
.required {
  font-weight : bold ;
  padding-left : 2px ;
}
.required-field { font-size : 0.9em ; }
.right { float : right ; }
.tright { text-align : right ; }

.bck-wrapper { background : none no-repeat scroll center top #F2F0F0; }
a, a:link { color : inherit; }
sup {
  font-size : 8px;
  line-height : 7px;
  vertical-align : super;
}
a:hover { text-decoration : underline; }

.form-field-asterisk {
  color : #FF0000;
  font-weight : bold;
  padding-left : 2px;
}
h2, h1 {
  border-bottom : 1px solid #EAEAEA;
  font-weight : 500 !important;
  margin-bottom : 15px;
  text-transform : none;
  padding-bottom: 5px;
}
h2 {
  font-size : 18px !important;
  line-height : 1.3 !important;
}
h1 {
  font-size : 20px !important;
  line-height : 1.3 !important;
}
h3.publication-listing {
  border-bottom : 2px solid #E8E6E6;
  color : #5A5050;
  font-family : "Arial";
  font-size : 14px;
  letter-spacing : 2px;
  line-height : 20px;
  text-transform : capitalize;
}

h3.publication-listing-img { margin-left:70px;  font-size: 14px;text-transform: none; color:#0B0B0B;  margin-bottom: 5px;}
h3.publication-widget { margin-left : 70px; }
h3.publication-affichage-large { margin-left : 107px; }
h3.publication-listing span.small_date { font-size : 10px; }
div.ww-widget h3.publication-listing a { max-width:450px; display:inline-block; }
div.ww-widget-half h3.publication-listing a { max-width:165px; display:inline-block;}
h3.publication-listing a:hover { text-decoration : none; }
div.ww-widget h3.publication-listing-img a { max-width:450px; display:inline-block; }
div.ww-widget h3.publication-listing-img a:hover, div.ww-widget h3.publication-listing-img a:focus { color: #C3081E;}
div.ww-widget-half h3.publication-listing-img a { max-width:165px; display:inline-block;}
h3.publication-listing-img a:hover { text-decoration : none; }
h3 a {text-decoration:none; color:#333333;}
h4 {font-size: 13px; text-transform: capitalize;  font-family: arial;}
h5 {font-size: 13px; font-family: arial; display: inline;}

DIV.wrapper { max-width:1030px; margin:0 auto; background-color: #f2f0f0;width: 100%; padding: 0 15px; }
.small_date, .date { color: #717171; font-size: 11px; letter-spacing: normal; text-transform: none; font-style: italic; display: block; margin-bottom: 0;
}
DIV.aright { text-align : right; }
DIV.padd-5 { padding : 5px; }

DIV.wrapper-ie {border-bottom:1px solid #FFAD00; background-color: #FFF24F;}
DIV.alert-ie { height: 60px; margin: 0 auto; padding: 5px; width: 980px; color:#000000;}
DIV.alert-ie img {float:left; padding-right:15px;}

@media(max-width:992px) {
  DIV.wrapper { padding: 0;}
}

.row-img { overflow: hidden;}
.row-img .col-img { width: 50%; float: left; margin-bottom: 15px;}
.row-img .col-img img{ width: 100%; }
.col-right-img { float: right; max-width: 50%; width: 100%; margin-left: 20px; }

@media(max-width:767px) {
  .col-right-img { float: none; max-width: 100%; width: 100%; margin-left: 0; }
}

/*******************
 * PAGES STATIQUES *
 *******************/
/***** Plan du site *****/
#sitemap a:hover { color : #C10F25; }
#sitemap .colonne {
  text-align : center;
  width : 50%;
}
#sitemap #page-top {
  color : #C10F25;
  text-decoration : none;
}
#sitemap #page-top img {
  float : none;
  margin-top : 5px;
}
#sitemap .single-colonne {
  margin-bottom : 5px;
  text-align : center;
}
#sitemap .subtitle { font-size : 13.5px; }
#sitemap .title {
  background-color : #C10F25;
  border-radius : 5px;
  color : #FFFFFF;
  display : inline-block;
  font-size : 14px;
  letter-spacing : 2px;
  margin-bottom : 10px;
  padding : 5px 10px;
  width : 100%;
}

/* Carousel */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

/***** Qui sommes-nous ? *****/
.quisommesnous-link { text-decoration : none; }
.quisommesnous-list {
  list-style-position : outside;
  list-style-type : disc;
  padding-left : 70px;
}
.quisommesnous-menu a {
  background : linear-gradient(to bottom, #7D7E7D 0%, #0E0E0E 100%) repeat scroll 0 0 #000000;
  border-collapse : collapse;
  border-radius : 5px;
  color : #FFFFFF;
  display : inline-block;
  padding : 10px 0;
  text-align : center;
  text-decoration : none;
  width : 32%;
}
.quisommesnous-menu .active {
  background : linear-gradient(to bottom, #EEEEEE 0%, #F6F6F6 100%) repeat scroll 0% 0% #F2F0F0;
  color : #666666;
}
.quisommesnous-red { color : #C10F25; }


@media(max-width: 767px) {
  .quisommesnous-menu a { width: 100%; margin-bottom: 10px;}
  .quisommesnous-list { padding-left: 20px; }
}
/* Historique */
#logo-ww {
  color : #BD9C56;
  font-family : Times New Roman, serif;
  margin : 0 5px 5px 0;
  text-align : center;
}
#supports-ww {
  height : 115px;
  margin-left : 5px;
}
/* Sélectivité des personnalités */
#exemple-bio {
  cursor : pointer;
  height : 195px;
  margin-right : 10px;
}

/********************
 * PAGES DYNAMIQUES *
 ********************/
/***** Vote *****/
#vote_form {
  margin-top : 20px;
  text-align : center;
}
#vote_form input[type="radio"] {
  float : left;
  left : 4px;
  position : relative;
  top : 73px;
}
#vote_form #prenom { margin : 0 10px; }
.vote_box {
  border-radius : 10px ;
  cursor : pointer ;
  display : inline-block ;
  margin-bottom : 15px ;
  padding : 5px ;
  text-align : center ;
  width : 140px ;
}
.vote_box.decalage {
  position : relative ;
  top : 16px ;
}
.vote_box img {
  border : 1px solid #CAC8C9 ;
  position : relative ;
  right : 11px ;
}
.vote_box .name { font-size : 1.1em ; }
.vote_box .fonction {
  display : inline-block ;
  font-size : 0.9em ;
  height : 30px ;
}
/***** Résultats du vote *****/
.share-vote {
  font-size : 3em ;
  margin-right : 50px ;
  text-decoration : none ;
}
.share-vote:hover { text-decoration : none ; }
#share-vote-facebook { color : #3A5898 ; }
#share-vote-linkedin { color : #0076B5 ; }
#share-vote-twitter { color : #54ABEE ; }

.header p { line-height : 1.3125 ; }
.header .op-bold { font-weight: bold; color: #C11025; }

DIV.wrapper DIV.wrapper-header #kwo-search-query-input {padding-left: 35px; background: url(/app/whoswho/pix/search_bg.png) no-repeat; border: 1px solid #463c3c; border-right:none; float: left; height: 30px;  width: 460px;}
DIV.wrapper DIV.wrapper-header .search-empty {color:#666666; font-style: italic;}
DIV.wrapper DIV.wrapper-header .title { float:left; font-size:1.8em; }
DIV.wrapper DIV.wrapper-header .links { text-align:right; font-size:11px; text-shadow: 1px -1px #9B0910;}
DIV.wrapper DIV.wrapper-header .links a { text-align:right; text-decoration:none; color :#fff;}



/***** Default WhosWho *****/
.wrapper-left-content {
  background-color : #FFFFFF ;
  border-radius : 0 ;
  color : #5A5050 ;
  float : left ;
  margin : 0 0 15px 0 ;
  padding : 20px ;
  width : 660px ;
  overflow: hidden;
}
.wrapper-left-content div.ww-widget { margin-bottom: 30px;}
.wrapper-left-content .action-bio div.ww-widget { min-height: 120px;}
.wrapper-left-content .publications-video div.ww-widget { text-align: left;}
.wrapper-right-content {
  float : right ;
  width : 320px ;
}
.wrapper-left-content table { border: 1px solid #5A5050;}
.wrapper-left-content table th,
.wrapper-left-content table td { border: 1px solid #5A5050; padding: 10px;}

.wrapper-right-content .publications .mouvement-carousel-wrapper { margin-bottom: 0;}
.wrapper-right-content .publications .mouvement-carousel-wrapper .publication_slide .publication { width: 100%;}
@media (max-width:992px) {
  .wrapper-left-content {width: 100%; float: none;}
  .wrapper-right-content { float: none; width: 100%; margin: 30px auto 0;  overflow: hidden;}
}
.wrapper-large-width { max-width:1025px; width: 100%; }
.content {padding:10px; margin-bottom: 50px;}

div.letters { position:relative; background-color:#CCCCCC; color:#333333; -moz-border-radius:5px; padding:10px; line-height:22px; border:1px solid #AAAAAA; margin:0px 0 10px 0; z-index:1;}
div.letters a { color:#333333; }

div.index { -moz-column-width:16em; -webkit-column-width:16em; -moz-column-gap:1em; -webkit-column-gap:1em; }
div.index h1 { font-size:22px; clear:both; padding:3px 0; }
div.index a { font-size:12px; color:black; text-decoration:none; }

div.bio { font-size:12px; }
div.bio .up-content { float: left; margin-left:0px; width: 100%;}
div.bio .left-content, div.publication .left-content, div.secteur .left-content, div.entreprise .left-content {float:left; padding:0;  min-height: inherit; width: 102px; text-align: center;}
div.bio .left-content-demande {float:left; padding:0;  min-height: inherit; width: 280px; text-align: center;}
div.bio .right-content, div.publication .right-content, div.secteur .right-content, div.entreprise .right-content {width:490px; float:left; margin-left:20px}
div.bio .right-content ul  {margin-left:20px}
div.bio .right-content a.list-link {color: #c11025; text-decoration: none; float: right; margin-right:5px; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
div.bio .right-content a.list-link:hover { text-decoration:underline}
div.bio-edit a.list-link {color: #c11025 !important; text-decoration: none; float: right; margin-right:5px; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
div.bio-edit a.list-link:hover { text-decoration:underline}
div.bio .right-content ul li {list-style: none;  padding-top: 1px; font-size:13px}
div.entreprise div.lien-partenaire {margin-top:40px;}
#partenaire {background: url(/app/whoswho/pix/icons/link.png) no-repeat scroll 0 6px transparent; color: #C11025 !important; float: right; font-size: 13px; margin-right: 5px; padding-left: 18px; text-decoration: none;}

.action-bio h3 { border-bottom: 2px solid #E8E6E6; color: #5A5050; font-family: "Arial"; font-size: 14px; letter-spacing: 2px; line-height: 20px; text-transform: uppercase; margin-bottom:10px}

@media (max-width:992px) {
  .div.bio .right-content, div.publication .right-content, div.secteur .right-content, div.entreprise .right-content {width: 100%; margin: 20px 0 0;}
  .div.bio .right-content, div.publication .right-content div, div.secteur .right-content, div.entreprise .right-content div {width: 100% !important; }
  div.entreprise .right-content div.tools { margin-bottom: 10px;}
  div.bio .right-content { margin-right: 0;width: 100%; margin-left: 0;}
}

div.bio h1 {
  background-color : transparent ;
  border : none ;
  color : #463C3C ;
  display : inline ;
  font-size : 22px !important ;
  padding-left : 0 ;
}
div.bio h2 {
  background-color : #C10F25 ;
  border-radius : 0 0 5px 5px ;
  box-shadow : 2px 2px #B4AAAA ;
  color : #FFFFFF ;
  display : inline-block ;
  font-size : 13px !important ;
  font-style : italic ;
  letter-spacing : 2px ;
  margin-bottom : 5px ;
  padding : 2px 10px ;
}
div.bio h3 {
  border : none ;
  cursor : pointer ;
  font-size : 13px ;
  letter-spacing : normal ;
  line-height : normal ;
  margin : 0 ;
  padding : 0 ;
  text-decoration : underline ;
  text-transform : none ;
}
div.bio p { margin : 10px 0 ; }
div.bio .header-tools {
  float : right ;
  margin-bottom : 20px ;
}
div.bio .name {
  color : #463C3C ;
  display : block ;
  font-size : 24px ;
  font-weight : normal ;
  letter-spacing : 2px ;
  line-height : 24px ;
  padding-bottom : 7px ;
  padding-top : 5px ;
}
div.bio .name2 {
  color : #463C3C ;
  display : block ;
  font-size : 24px ;
  font-weight : normal ;
  letter-spacing : 2px ;
  line-height : 24px ;
  margin-left : 115px ;
  padding-bottom : 7px ;
  padding-top : 5px ;
}
div.bio .occupation {
  color : #463C3C ;
  display : block ;
  font-size : 14px ;
  font-weight : bold ;
}
div.bio .occupation2 {
  color : #463C3C ;
  font-size : 14px ;
  font-weight : bold ;
}
div.bio .text-sa-bio {
  float: right;
  padding-right: 22px;
}
div.bio .occupation2, div.bio .update-date, div.bio .entrance-date { margin-left : 30px ; }
div.bio .top-bio { margin-top : 5px ; display: block; }
div.bio .informal2 {display: block; font-size: 11px;  font-weight: normal; color:#7D7373; margin-left:115px;}
div.bio .informal2 strong { color:#C10F25; }
div.bio .validated { padding-top : 15px ; }
div.bio .bio-entete { margin-left : 115px ; }
div.bio .titre-partie-bio {
  background-color : #C10F25 ;
  border-radius : 0 0 5px 5px ;
  box-shadow : 2px 2px #B4AAAA ;
  color : #FFFFFF ;
  display : inline-block ;
  font-size : 13px ;
  font-style : italic ;
  letter-spacing : 2px ;
  margin : 0 0 5px -10px ;
  padding : 2px 10px ;
}
div.bio .title { margin-top : 15px ; }
div.bio .title p.achat-bio { margin : 0 ; }
div.bio .subtitle { width : 190px ; }
div.bio .info-bio {
  text-align : justify ;
  width : 430px ;
}
div.bio .info-bio .crypted {
  color : #0082C6 ;
  text-decoration : underline ;
}
div.bio #button-afficher-bio { text-align : center ; }
div.bio #button-afficher-bio div {
  background-color : #0082C6 ;
  border-bottom : 3px solid #00509D ;
  color : #FFFFFF ;
  cursor : pointer ;
  margin-top : 10px ;
  padding: 7px 8px 3px ;
}
div.bio .bio-infosupp { margin-top : 5px ; }
div.bio #actus .bio-infosupp { margin-top : 0 ; }
div.bio #actus .date {
  color : #9B9B9B ;
  font-size : inherit ;
}
div.bio .bio-infosupp p.contenu {
  margin : 0 ;
  text-align : justify ;
}
div.bio .bio-infosupp p.video {
  margin : 10px 0 0 0 ;
  text-align : center ;
}
div.bio .bio-infosupp a {
  color : #0082C6 ;
  padding : 3px 0 ;
  text-align : center ;
  width : 180px ;
}

.bio-achat { padding : 20px ; }
.bio-achat .title {
  font-size : 20px ;
  text-align : center ;
}
.bio-achat .promesse { margin : 20px 0 ; }
.bio-achat .achat { text-align : center ; }
.bio-achat .achat a {
  background-color : #0082C6 ;
  border-bottom : 3px solid #00509D ;
  color : #FFFFFF ;
  display : inline-block ;
  padding : 10px ;
  text-decoration : none ;
}

.bio-exemple { padding : 20px ; }
.bio-exemple .title {
  font-size : 20px ;
  text-align : center ;
}
.bio-exemple .img { margin : 20px 0 ; }
.bio-exemple .img img { border : 4px solid #463C3C ; }
.bio-exemple .achat { text-align : center ; }
.bio-exemple .achat a {
  background-color : #0082C6 ;
  border-bottom : 3px solid #00509D ;
  color : #FFFFFF ;
  display : inline-block ;
  padding : 10px ;
  text-decoration : none ;
}

div.bio .onair-widget {
  background-color : #E3E3E3 ;
  padding : 5px ;
}
div.bio .onair-widget a {
  border : 1px solid #5A504F ;
  border-radius : 10px ;
  cursor : pointer ;
  display : block ;
  margin : 5px 0 ;
  min-height : 34px ;
  padding: 10px;
}
div.bio .onair-widget a:first-child { margin-top : 0 ; }
div.bio .onair-widget a:last-child { margin-bottom : 0 ; }
div.bio .onair-widget a:hover {
  background-color : #5A504F ;
  color : #FFFFFF ;
}
div.bio .onair-widget .logo {
  text-align : center ;
  width : 98px ;
}
div.bio .onair-widget .logo img {
  margin-top : 5px ;
  max-height : 25px ;
  max-width : 50px ;
}
div.bio .onair-widget .infos {
  margin-top : 1px ;
  text-align : justify ;
  width : 80% ;
}
div.bio .onair-widget i {
  font-size : 20px ;
  margin : 6px 15px ;
}
div.bio .onair-widget p {
  margin : 0 ;
  text-align : justify ;
}
div.bio .onair-credits img {
  float : left ;
  height : 40px ;
}
div.bio .onair-credits span {
  display : inline-block ;
  margin-top : 8px ;
}

div.bio div.content { padding: 10px; }
div.bio ul.content a { color: #c11025; text-decoration: none;  }
div.bio .photo {border:1px solid #CCCCCC; padding: 9px; float:left; margin-right:10px; }
div.bio .photo2 {
  border : 1px solid #CCCCCC ;
  clear : left ;
  float : left ;
  margin : 0 10px 0 0 ;
  padding : 9px ;
  width : 75px ;
}
div.bio .copyright {
  font-size : 0.8em ;
  margin-top : 5px ;
}
div.informal {color: #2E8BC9; font-size: 10px; padding-left: 193px; font-style:italic; width: 545px; }
div.informal-bio-dossier {background-image: url("/doc/whoswho/images/dalerte-attention-avertissement-icone-8189-32.png");   background-position: 10px center; background-repeat: no-repeat; color: #000000; font-size: 13px; font-style: italic;  height: 25px; padding-left: 50px; padding-top: 0;}
table.smart {width:100%;}
table.smart th{background-color: #F2F0F0; border-left: 1px solid #F2F0F0; border-right: 1px solid #F2F0F0; color: #6A6A6A; height: 30px;  text-shadow: 0 1px 1px white; padding: 5px 5px;}
table.smart td {border: 1px solid #F7F7F7; padding: 3px 5px;}
table.smart .helps td {font-size:9px; font-style: italic;}
div.multiutilisateur {padding: 5px 5px 5px 45px; background-color:#EDA7A7; border-width:1px; border-style:solid; border-color:#DC5656; margin: 0 0 5px 0; background-image:url(/app/whoswho/pix/erreur.png); background-repeat:no-repeat; background-position: left center;}
.bio-record table.smart .text-center {text-align: center;}
.bio-record table.smart tfoot {text-align: center;}

.visible-xs {display: none;}
.link-pad { padding-right:18px;}
@media(max-width: 767px) {
 div.bio .up-content { float: none; margin-left: 0px; }
 div.bio .bio-entete , div.bio .occupation2, div.bio .update-date, div.bio .entrance-date, div.bio .name2, div.bio .informal2{ margin-left: 0; }
 div.bio .photo2 {float: none;}
 div.bio .validated { padding-top: 15px; float: none; display: block; margin: 0 auto 10px; }
 div.bio .bio-entete, div.bio .occupation2, div.bio .update-date, div.bio .entrance-date { display: block;}
 .newsletter-grid,.newsletter-grid thead, .newsletter-grid thead tr td { display: block;width: 100%!important;}
 div.informal {width: 100% !important; padding-left: 0 !important;}
 div.bio .onair-widget .infos {width: 100%;}
 div.bio .info-bio { width: 100%;}
 div.bio .onair-widget .logo { width: auto;}
 div.bio .text-sa-bio { float: right; padding-right: 21px; position: absolute; top: 29px; width: 125px; right: -10px; }
 .block-head-bio { position: relative;}
  .bio-record table.smart,
  .bio-record table.smart th,
  .bio-record table.smart tr,

  .bio-record table.smart thead,
  .bio-record table.smart tbody,
  .bio-record table.smart tfoot,
 .bio-record table.smart td {display: block; overflow: hidden; height: 100%;}
 .visible-xs {display: block;}
 .bio-record table.smart tr.hidden-xs {display: none !important;}
 .bio-record table.smart .text-center {text-align: right; padding-right: 23px;}
 .bio-record table.smart .text-center .visible-xs  {display: inline-block; vertical-align: top; margin-right: 7px; margin-top: 2px;}
 .link-pad { padding-right:16px;}

}

/***** Tools fiches bio entreprise, secteur, publication *****/
.tools {
  clear : right ;
  float : right ;
  position: relative;
  z-index: 3;
}
.tools .tools-buttons a {
  background-color : #B4AAAA ;
  color : #FFFFFF ;
  float : right ;
  margin : 0 0 3px 3px ;
  padding-left : 2px ;
}
.tools .tools-buttons a#download {
  font-size : 1.3em ;
  padding : 3px ;
}
.tools .tools-buttons a#follow {
  font-size : 1.2em ;
  padding : 3px 3px 3px 4px ;
}
.tools .tools-buttons a#report {
  font-size : 1.2em ;
  padding : 3px 7.5px ;
}
.tools .tools-buttons a#share-email {
  font-size : 1.1em ;
  padding : 3px 4px 3px 3px ;
}
.tools .tools-buttons a#share-linkedin {
  font-size : 1.2em ;
  padding : 4px 4px 2px 4px ;
}
.tools .tools-buttons a#share-twitter {
  font-size : 1.2em ;
  padding : 3px 4px ;
}
.tools .tools-buttons a#share-facebook {
  font-size : 1.2em ;
  padding : 3px 6.5px ;
}
.tools .tools-buttons a#share-friend {
  font-size : 1.2em ;
  padding : 3px 4px ;
}

/***********
 * Widgets *
 ***********/


 object { padding:0; margin:0; }
 #timekeeper, .link { width: 300px; height: 111px; }
 .hand { bottom: 0px; left: 228px; }
 .hand { position: absolute; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
 #timekeeper { position: relative; background: url("/doc/whoswho/media/bell_ross/swf/box.jpg") no-repeat; margin-left:-15px; }
@media (max-width:767px) {
   #timekeeper { margin-left:-30px; }
}
div.ww-widget {
  margin-bottom : 20px ;
  padding : 0px ;
}
div.ww-widget h2 { margin-bottom : 10px ; }
div.ww-widget .imageSwap a { position:relative; top:0; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; border-bottom: 2px solid #ffffff;}
div.ww-widget .imageSwap a:hover { top:-10px; border-bottom: 2px solid #C11025;}
div.ww-widget .padded {padding:0 10px}
.ww-widget .publications h2 a , .ww-widget.anniversaire h2 a{ float: right; margin-top: -4px; font-weight: 300; font-size: 26px; }
.ww-widget .publications h2 a:hover , .ww-widget .publications h2 a:focus, .ww-widget.anniversaire h2 a:hover, .ww-widget.anniversaire h2 a:focus{ color: #C29532; text-decoration: none;}
div.ww-widget .sub-title {display:block; text-transform: uppercase; margin:10px 0px; font-size:13px }
div.ww-widget a.list-link { color : #C3081E ; font-size : 12px ; text-decoration : none ; }
div.ww-widget a.list-link:hover, div.ww-widget a.list-link:focus { color : #C29532;  text-decoration : none ; }

@media(max-width:767px ) {
  h2 { font-size: 15px !important; line-height: 1.3 !important; }
  h1 { font-size: 18px !important; line-height: 1.3 !important; }
  .ww-widget .publications h2 a, .ww-widget.anniversaire h2 a { margin-top: -10px;}
}

div.ww-widget a.suite-link {
  color : #C10F25 ;
  font-size : 9px ;
  font-weight : normal ;
  text-decoration : underline ;
}
div.ww-widget a.list-link:hover { text-decoration : underline ; }
div.ww-widget a.suite-link:hover {
  color : #C10F25 ;
  font-weight : normal ;
  text-decoration : underline ;
}
div.ww-widget-half {width:300px; float:left}
div.ww-widget-half-left { margin-right : 20px ; }
.wrapper-right-content div.ww-widget {
  background-color : #FFFFFF ;
  border-radius : 0 ;
  padding: 20px;
  overflow: hidden;
}
.wrapper-right-content div.ww-widget.dossier-bio-toolbar { padding: 0;}
.wrapper-right-content div.ww-widget.anniversaire  ul.bio-listing li a{
  margin-bottom: 5px;
}

.wrapper-right-content div.ww-widget.mobile { background:#C3081E; min-height: 270px;}
.wrapper-right-content div.ww-widget.mobile .block-app-mobile .img-photo { float: left; width: 80px; }
.wrapper-right-content div.ww-widget.mobile .block-app-mobile .content{     padding: 0 0 0 15px;
    margin-bottom: 0;
    overflow: hidden;}
.wrapper-right-content div.ww-widget.mobile .block-app-mobile .content .block-links { float: left; width: 60%; padding-left: 30px; padding-top: 35px;}
.wrapper-right-content div.auto-promo-biocryptee { background-color : #F2F0F0 ; border : 0 solid #DADADA ; padding : 0 ; }
.wrapper-right-content div.auto-promo-biocryptee img { width: 100% ; }
.wrapper-right-content div.ww-widget h2 { border-bottom: 1px solid #EAEAEA; font-size: 18px !important; font-weight: 500 !important; background-color: #FFFFFF; margin-bottom: 15px;  color: #C3081E; padding: 0 0 8px 0;}
.wrapper-right-content div.ww-widget.mobile h2 { border-bottom: 1px solid #EAEAEA; background-color: #C3081E; color: #fff; }
.wrapper-right-content div.auto-promo, .wrapper-right-content div.social { padding : 20px; overflow: hidden; }
.wrapper-right-content div.membre-alerte,  div.membre-alerte  { padding:10px;  background-color: #d1e4f3; }
.wrapper-right-content div.membre-alerte .msg-bck, div.membre-alerte .msg-bck { color:#212125; padding:0 0 0 40px; background-image:url('/app/whoswho/pix/info-icone-6785-32.png'); background-repeat:no-repeat; background-position:5px center; }
.header-wrap div.membre-alerte.hidden-sm {margin-bottom: 0; display: none;}

@media(max-width:992px) {
  .wrapper-right-content .div.membre-alerte.hidden-sm{ display: none;}
  .header-wrap  div.membre-alerte.hidden-sm {margin-bottom: 0; display: block;}
.wrapper-right-content div.membre-alerte {display: none;}
}

.wrapper-right-content div.adverline { position: relative; z-index: 0; }
.wrapper-right-content div.membre {margin:0 0 10px}
.wrapper-right-content div.membre h2 {background:none; padding-bottom: 8px;  padding-left: 0;}
.wrapper-right-content .pub {text-align: right;}
.wrapper-right-content .adbox01 {background-color: #CDC8C8;}
.wrapper-right-content div.ww-widget .bellross { background-color: #CDC8C8; }
.wrapper-right-content div.ww-widget .formbox { float:left; width:190px; background-color: #CDC8C8; text-align: center;}
.wrapper-right-content div.ww-widget .BRflash{ float: left; height: 110px; text-align: right; width: 110px; padding-left: 190px;}
div.ww-contrib a{ color: #000000; font-family: Arial; font-size: 13px; line-height: 20px; font-weight:normal; text-decoration: none;}
div.ww-contrib a:hover{ color: #000000; font-family: Arial; font-size: 13px; line-height: 20px; font-weight:normal; text-decoration: underline;}
div.contrib{ padding: 0px 0px 10px 25px; background-image:url(/app/whoswho/pix/apostrophe.png); background-repeat:no-repeat; background-position:left top;}
div.contrib a.title { color:#C11025; }
div.contrib a:hover.title { text-decoration:underline; }
.fb-widget {background: url('/doc/whoswho/images/facebook_bck.jpg') repeat-x scroll 0 0 #FFFFFF; padding: 15px;}

@media (max-width:992px) {
  .wrapper-right-content div.ww-widget { min-height: 220px; }
  .wrapper-right-content div.ww-widget.mobile {min-height: 307px; }
  .block-widget { padding: 0 10px; width: 50%; float: left; }
  div.ww-widget-half { width: 48%;}
  .savoir-faire div.box { width: 100% !important;}
  .savoir-faire div.box .title{ width: 100% !important;}
}

@media (max-width:767px) {
  .wrapper-right-content div.ww-widget, .wrapper-right-content div.ww-widget.mobile { min-height: 100%; }
  .block-widget { padding: 0 0; width: 100%; float: none; }
  div.ww-widget-half { width: 100%; float: none;}
  .wrapper-right-content div.ww-widget h2 {    font-size: 14px !important;}

}
/***** Bandeau home *****/
#widget-bandeau-home {
  height : 250px ;
  margin-bottom : 25px ;
  width : 620px ;
}
#widget-bandeau-home #bandeau-carousel-wrapper {
  height : 250px ;
  overflow : hidden ;
  width : 620px ;
}
#widget-bandeau-home #bandeau-carousel-content { width : 1860px ; }
#widget-bandeau-home #bandeau-carousel-content .bandeau-slide {
  float : left ;
  height : 250px ;
  width : 620px ;
}
#widget-bandeau-home #bandeau-carousel-content .bandeau-slide .social-button {
  position : relative ;
  text-decoration : none ;
  top : -45px ;
}
#widget-bandeau-home #bandeau-carousel-content .bandeau-slide .social-button#twitter { left : 406px ; }
#widget-bandeau-home #bandeau-carousel-content .bandeau-slide .social-button#facebook { left : 416px ; }
#widget-bandeau-home #bandeau-carousel-content .bandeau-slide .social-button#linkedin { left : 426px ; }
#widget-bandeau-home #bandeau-carousel-content .bandeau-slide .social-button#instagram { left : 436px ; }
#widget-bandeau-home #jumpers {
  color : #5A504F ;
  font-size : 1.4em ;
  margin-top : 2px ;
  text-align : center ;
}
#widget-bandeau-home #jumpers .carousel-jumper {
  margin : 0 10px ;
  text-decoration : none ;
}
#widget-bandeau-home #jumpers .carousel-selected { color : #C89917 ; }
/***** Nouvel entrant *****/
#widget-nouvel-entrant {
  color: #fff;
  margin: 0 -20px;
}
#widget-nouvel-entrant .height { height : 150px ; }
#widget-nouvel-entrant #bloc-image {
  background-color : #C10F25 ;
  background-position : center ;
  background-repeat : no-repeat ;
  width : 125px ;
}
#widget-nouvel-entrant #left-side { width : 222.5px ; }
#widget-nouvel-entrant #right-side-nouveau { width : 272.5px ; }
#widget-nouvel-entrant #right-side-nouveau #infos { height : 38px ; }
#widget-nouvel-entrant #right-side-nouveau #infos span {
  display : inline-block ;
  width : 230px ;
}
#widget-nouvel-entrant #right-side-nouveau p a {
  font-size : 16px ;
  text-decoration : none ;
}
#widget-nouvel-entrant #right-side-nouveau p a:hover { text-decoration : underline ; }
#widget-nouvel-entrant #right-side-nouveau .tilde {
  font-size : 40px ;
  margin : 20px 0 ;
}
#widget-nouvel-entrant #title {
  font-family : 'Arial' ;
  font-size : 18px ;
  letter-spacing : 3px ;
  line-height : 40px ;
  margin-top : 35px ;
}
.block-new { background-color : #C3081E ; padding: 20px 20px 30px; overflow: hidden; }
.block-new h2 { color: #fff;  margin-bottom: 20px !important;}
.block-new h2 a { color: #fff; float: right; margin-top: -4px; font-weight: 300; font-size: 26px; }
.block-new h2 a:hover, .block-new h2 a:focus  { color: #C29532; text-decoration: none;}

.block-new .new-person .img { width: 150px; height: 72px; border-radius: 15px; background-color: #eee; background-repeat: no-repeat; background-size: cover; float: left; }
.block-new .new-person .content { width: calc(100% - 150px); float: left; padding:0 0 0 20px; margin:0;}
.block-new .new-person .content .fonction { font-size: 14px; display: block; font-weight: 300;}
.block-new .new-person .content .link-person { font-size: 16px; display: inline-block; margin-bottom: 10px; margin-top: 15px;}
.block-new .new-person .content .link-person:hover , .block-new .new-person .content .link-person:focus { color: #C29532; text-decoration: none;}


@media(max-width:767px) {
  .block-new h2 a {margin-top: -10px;}
  .block-new .new-person .img {width: 130px;  height: 62px; }
  .block-new .new-person .content .link-person {margin-top: 0; font-size: 14px; margin-bottom: 5px;}
  .block-new .new-person .content .fonction {font-size: 12px;}
  .block-new .new-person .content { width: calc(100% - 130px); text-align: left; padding: 0 0 0 10px; margin: 0;}
}


/***** Offres *****/
#widget-offres #colonne-gauche, #widget-offres #colonne-droite {
  color : #5A504F ;
  text-align : center ;
  width: 46% !important;
  max-width: 160px;
}
#widget-offres #colonne-gauche { margin-left : 0 ; }
#widget-offres #colonne-droite { margin-right : 0 ; }
#widget-offres a { text-decoration : none ; display: block; }
#widget-offres a:hover, #widget-offres a:focus {color: #C3081E;}
#widget-offres span {
    display: inline-block;
    margin-top: 3px;
    min-height: 39px;
}

/***** Portraits vidéos *****/
#widget-portraits-videos {
  background-color : #5A504F ;
  color : #FFFFFF ;
  padding : 10px 10px 5px 10px ;
}
#widget-portraits-videos a {
  color : #C89917 ;
  text-decoration : none ;
}
#widget-portraits-videos a:hover {
  color : #FFFFFF ;
  text-decoration : underline ;
}
#widget-portraits-videos #right-side-video {
  height : 150px ;
  text-align : center ;
  width : 465px ;
}
#widget-portraits-videos .carousel-arrows {
  font-size : 28px ;
  margin : 60px 0 0 0 ;
}
#widget-portraits-videos .carousel-arrows a { color : #C10F25 ; display: none; }
#widget-portraits-videos .carousel-arrows a:hover { color : #FFFFFF ; }
#widget-portraits-videos .carousel-arrows #prev-arrow { margin-left : 5px ; }
#widget-portraits-videos .carousel-arrows #next-arrow { margin-right : 5px ; }
#widget-portraits-videos #video-carousel-wrapper {
  margin : 0 auto ;
  overflow : hidden ;
}
#widget-portraits-videos #video-carousel-wrapper, #widget-portraits-videos .video_slide {
  height : 150px ;
  width : 400px ;
}
#widget-portraits-videos .video_slide img {
  height : 100px ;
  width : 84px ;
}
#widget-portraits-videos .video_slide div { text-align: left ; }
#widget-portraits-videos .video_slide .left-video {
  margin-left : 20px ;
  width : 138px ;
}
#widget-portraits-videos .video_slide .right-video { width : 104px ; }

/***** Mini Listing *****/
ul.description-listing {margin-bottom:10px; margin-top: 10px;}
ul.description-listing a.redactor-response-link {color: #c11025 !important; text-decoration: none; float: right; margin-right:5px; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
ul.description-listing a.redactor-response-link:hover {text-decoration:underline}
ul.description-listing li {font-size:13px; padding:0 0 0 12px; margin-bottom: 5px;}
ul.default-listing,
ul.bio-listing {float:left; width:70%; color:#666666}
ul.bio-listing.listing-elt li {background: url(/app/whoswho/pix/list_picto_simple.png) 0 7px no-repeat; padding-left: 10px; margin-bottom: 8px;}
ul.sub-listing {margin-bottom:20px; margin-left:35px; width:100%}
ul.default-listing li {background:url("/app/whoswho/pix/list_picto_simple.png") 0px 7px no-repeat; padding-left:10px; margin-bottom: 2px;}
ul.default-listing li a, ul.bio-listing li a {text-decoration:none; color:#666666}
ul.default-listing li a:hover, ul.bio-listing li a:hover {text-decoration:underline; color: #C3081E;}
ul.bio-listing li a{ text-decoration: none; color: #5c5e5f; font-size: 13px; margin-bottom: 0px; display: inline-block; }
ul.listing-elt {width:100%;}
ul.listing-elt li {float:left; width:300px;}
ul.sub-listing li {background:url("/app/whoswho/pix/link_widget.png") 0px 7px no-repeat; font-size:13px; margin: 9px 0 8px; padding: 0 16px; }
ul.sub-listing li a {color:#463c3c}
ul.widget-listing li {background:url("/app/whoswho/pix/link_widget.png") 0px 7px no-repeat; font-size:13px; margin: 0 0 4px; padding: 0 16px;}
ul.widget-listing li a {text-decoration:none; color:#666666}
ul.widget-listing li a:hover {text-decoration:underline}

@media(max-width:767px) {
  ul.sub-listing  {margin-left: 0;}
  ul.sub-listing li {width: 100% !important; background: 0; padding: 0;}
}
a.switcher {
  background : #F2F0F0 url("/app/whoswho/pix/explode.png") 10px 7px no-repeat ;
  text-shadow : 1px 1px #FFFFFF ;
  display : block ;
  border-bottom : 1px solid #E8E6E6 ;
  color : #463C3C ;
  text-decoration : none ;
  font-size : 14px ;
  font-weight : normal ;
  letter-spacing : 2px ;
  margin-bottom : 6px ;
  padding : 6px 35px ;
  text-transform : uppercase ;
}
a.reduce { background : #F2F0F0 url("/app/whoswho/pix/reduce.png") 10px 7px no-repeat ; }
.sectors a.switcher, .sectors a.reduce {
  color : #C10F25 ;
  text-shadow : none ;
}
.sectors a.switcher { background : url("/app/whoswho/pix/explode2.png") 10px 7px no-repeat ; }
.sectors a.reduce { background : url("/app/whoswho/pix/reduce2.png") 10px 7px no-repeat ; }

@media(max-width:767px) {
  a.switcher {padding: 6px 5px 6px 35px; font-size: 10px;}
  a.switcher + div + ul { margin-left: 0px !important;}
  a.switcher + div + ul li {width:100% !important;}
  a.switcher + div + ul li ul {padding-left: 20px !important;}

  ul.listing-elt li { float: none; width: 100%; }
}

/***** Indexes *****/
.indexes {text-align:center; margin-bottom:5px}
.indexes a {text-decoration:none; color:#463c3c}
.indexes a:hover {text-decoration:underline; }
.indexes a.selected {color:#C11025}

/***** Bio Fiche *****/
div.bio .communication-item {border-bottom: 1px dotted #DDDDDD; margin-bottom:10px;  padding-bottom:10px}
div.bio .communication-item .right-content { width:470px }
div.bio .communication-item img {float:left; margin-right:10px}
div.bio .communication-item .communication-infos {float:left; clear: none;}
div.bio .popularite-item {border-bottom: 1px dotted #DDDDDD; margin-bottom:10px;  padding-bottom:10px}
div.bio a.bio-list-link {color: #c11025 !important; text-decoration: none; float: right; margin-right:5px; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
div.bio a.bio-list-link:hover { text-decoration:underline}

div.toolbar-dossier-prospect{background: none repeat scroll 0 0 #f0f0f0; margin-top: 20px; border: 1px solid #dddddd; border-radius: 5px; position: relative; width:280px;}
div.toolbar-dossier-prospect .warning{ position: static;}
@media(max-width:767px) {
  div.toolbar-dossier-prospect {position: static;}
}
div.toolbar-dossier-prospect .details{padding:0px 10px 10px 10px;}
#dossier_accordion .faq_bio_response { display:none;}
#dossier_accordion .opened { display:block; }
a.tabs_dossier{display:block; text-decoration:none; background-color:transparent; color:#333; margin:5px 0 5px 0;padding:5px; }
div.toolbar-follow{position:fixed; top: 30px; background: #fff;}
div.toolbar-follow-bottom{margin-top: 4500px;}
div.toolbar-follow-bottom2{margin-top: 1900px;}

@media(max-width:767px) {
  div.toolbar-follow-bottom { margin-top: 0;}
  div.toolbar-follow { position: static;}
}
#movedToolbar { padding: 20px;}
div.toolbar-dossier-prospect H3{border-bottom: 1px solid #cac8c9; color: #463c3c; font-family: "Arial"; font-weight: normal !important; letter-spacing: 2px; margin-bottom: 15px; padding: 5px 10px; text-transform: none;background-color: #f2f0f0; font-size: 14px !important; line-height: 20px !important;}
.bio-record DIV.required{background: none repeat scroll 0 0 #f0f0f0; border: 1px solid #dddddd; border-radius: 5px;}
.btn-dossier {background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; font-size: 13px; padding: 8px 20px 8px 20px; text-decoration: none; border:0px; margin:5px; cursor:pointer;}
.btn-dossier:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none;}
div.bio-popularite a.left-ancre{ float:left !important; margin-top:10px; margin-bottom:5px}
div.bio-popularite p.toolbar-comments { margin-left:30px;}
div.bio-popularite div.toolbar { margin-bottom:10px; margin-top:10px;}
div.bio-popularite div.toolbar input.button{ float:right; margin-bottom:10px; margin-right:5px; }
div.bio-popularite div.toolbar-searcher { width:400px; float:left; margin:20px 0px 10px 30px }
div.bio-popularite div.toolbar-searcher input.text { float:left; margin-top:5px; }
div.bio-popularite div.toolbar-searcher input.button { float:left; }
div.bio-popularite a.list-link {color: #c11025 !important; text-decoration: none; float: right; margin-right:5px; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
div.bio-popularite a.list-link:hover { text-decoration:underline}

/***** Login & Membre Box *****/
.login-form .form-field {border: medium none; clear: both; padding: 5px 15px;}
.login-form .form-field label {float: left; padding-right: 0px; padding-top: 2px; text-align: left; width: 110px;}
.login-form .form-field input { float: left; font-family: Arial,sans-serif; font-size: 1em; margin-right: 1px; padding: 1px; vertical-align: middle; width: 90px;}
.login-form .form-field input [type='text'] { border: 1px solid #A09696; }
.kwo-login .accroche {padding: 5px 5px 5px 20px; width: 295px; height:20px; color:#212125; }
.kwo-login .description { width:250px; padding:10px 0 14px 12px; }
.kwo-login ul.login-form { padding: 13px 0 0 12px; height: 125px; font-size:12px;}
.kwo-login ul.description-ww {font-size: 13px; margin: 0; padding: 0; height: 95px;}
.kwo-login ul.description-ww li { list-style: none outside none; margin-bottom: 3px; margin-top: 3px; padding: 0 0 0 12px; background: #F8F8F9 url('/app/whoswho/pix/description-li-bck.png') repeat-y;}
.kwo-login .registration { width: 287px; text-align: right; padding: 0 10px 9px 5px; height: 62px;}
.kwo-login ul.account-ww {font-size: 13px; margin: 0; padding: 0 0 10px 20px; height: 105px;}
.kwo-login ul.account-ww li {  border-bottom: 1px solid #CCCCCC; float: left; height: 25px; line-height: 21px; list-style: none outside none;  margin-bottom: 0; margin-top: 0; padding: 0 0 0 30px; width: 200px;}
.kwo-login .account-content { color: #212125; min-height: 58px; width: 320px; padding: 0 0 6px 0; }
.partenaire-message { border: 1px solid #C10F25;}
.partenaire-message .account-warning { border: 3px solid #E4E4E4; color:#212125; padding-left:40px; background-image:url('/app/whoswho/pix/info-icone-6785-32.png'); background-repeat:no-repeat; background-position:5px 10px; padding-top: 10px; padding-right:10px; padding-bottom:10px;}
.wrapper-partenaire {border-bottom: 1px solid #7698CB; background-color: #C7DDFE;}
.alert-partenaire {height: 60px; margin: 0 auto; padding: 5px; width: 980px; color: #000000;}
.alert-partenaire img {float: left; padding-right: 15px;}
.login-panel .kwo-login ul {width:380px}
.login-panel .kwo-login ul li.forgot_password {float:right; margin-right: 40px}
.login-panel .kwo-login ul li a.list-link  { float:right; margin-right:40px; color: #c11025; text-decoration: none; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
.login-panel .kwo-login ul li label { margin:0px 10px 10px 10px;}
.login-panel .kwo-login ul li label.remember-me { margin-top:10px;}
.login-panel .kwo-login ul li a.list-link:hover { text-decoration:underline}
.conexion-field {padding: 11px 0 0 15px}
.wrapper-right-content .kwo-login {padding:0; background: #ffffff url(/app/whoswho/pix/compte-bck.jpg) no-repeat; background-position:top; color:#3F3F3F; overflow:hidden; height: 239px;}
.wrapper-right-content .kwo-login .snippet-membre {padding: 10px 0 10px 20px;}
.kwo-login .account-ww li:hover { background-image:url('/app/whoswho/pix/menu-pix.png'); background-repeat:no-repeat; background-position:left center; }
.wrapper-right-content .kwo-login a {color:#212125; text-decoration:none; font-size:11px;}
.wrapper-right-content .kwo-login a.list-link { background: url("/app/whoswho/pix/icons/link_white.png") no-repeat scroll 0 6px transparent; color: #fff; float: right; margin-right: 5px; padding-left: 18px; text-decoration: none;  margin-bottom: 8px;}
.wrapper-right-content .kwo-login p {font-size: 13px;}
.wrapper-right-content .kwo-login .my-account {display:none}
.wrapper-right-content .kwo-login li {border:none; text-align: left;}
.wrapper-right-content .kwo-login li.forgot_password {font-size: 90%;padding-right: 4px; text-align: left;  height: 22px;}
.wrapper-right-content .kwo-login li label {width: 100px;  margin-top: 3px;  margin-left: 5px; text-align: left;}
.wrapper-right-content .kwo-login h2 {color:#fff; background:none; border:none; margin-bottom: 9px; font-size:14px; font-weight: bold}
.wrapper-right-content .kwo-login h2 a { float: right; font-family: arial; font-size: 12px; letter-spacing: 0; text-transform: capitalize;}
.wrapper-right-content .kwo-login label.required { color: #FFFFFF; }
.wrapper-right-content .kwo-login .button {width:130px; margin: 5px 0 0 70px}
.wrapper-right-content .kwo-login .mdp-send {height:126px;}
.wrapper-right-content .kwo-login .mdp-send .button {width:130px; margin: 5px 0 0 20px}
.wrapper-right-content .kwo-login .register { margin: 0; background-color: #C11025; border: medium none; color: #FFFFFF; cursor: pointer; font-size: 11px; font-weight: bold; height: 30px; margin: 0; padding: 0; margin: 0 0 0 47px; width:130px; text-align: center; text-shadow: 0 -1px #241F1F; text-transform: uppercase;}
.wrapper-right-content .kwo-login .login { float:right; width:120px; margin: 5px 10px 0 10px; background-color: #C11025; border: medium none; color: #FFFFFF; cursor: pointer; font-size: 12px; height: 30px; margin: 0; padding: 5px 13px 6px; text-align: center; text-shadow: 0 -1px #241F1F; text-transform: uppercase;}
.wrapper-right-content .kwo-login .text { width: 165px; height:20px; padding: 1px;}
.wrapper-right-content .kwo-login .top-padded {margin-top:4px}
.wrapper-right-content .kwo-login .remember-me {margin-left: 0px; margin-top: 0px; text-align: right; font-size: 11px;}
.wrapper-right-content .kwo-login .not-registered { line-height: 28px; padding: 0 0 0 15px; text-align: right; font-size: 11px;}
.wrapper-right-content .kwo-login .menu li { border-bottom: 1px solid #860000; border-top: 1px solid #CC0917; display: block; margin: 0; padding: 5px 0 7px;}
.wrapper-right-content .kwo-login .menu li.first {border-top: none; padding-top: 0px}
.wrapper-right-content .kwo-login .menu li.last {border-bottom: none; padding-bottom: 10px}
.wrapper-right-content .kwo-login .menu li a { color:#fff}
.wrapper-right-content .kwo-login .menu li span.msg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #860000; color: #860000; float: right; text-align: center; width: 19px;}
.wrapper-right-content .closed {background-image: url(/app/whoswho/pix/account_closed_widget_bg.png); }
.wrapper-right-content .closed .masker {display:none}
.wrapper-right-content .closed .my-account {display:block}

.login-panel .kwo-login .description-listing {margin-left:10px}
.login-panel .kwo-login .button { float: right; margin: 5px 41px 10px 10px; width: 120px;}

/***** Newsletter Box *****/
.kwo-newsletter .padded-left { padding-left: 162px;}
.kwo-newsletter li { padding: 4px 0;}
.kwo-newsletter li label { display: inline-block;  text-align: right; vertical-align: top;  width: 100px;}
.kwo-newsletter form { padding-top : 10px ; margin-bottom: 25px; }
.kwo-newsletter div {padding:0 10px 10px}
.kwo-newsletter .form-control {background: #F6F6F6; border-color: #F6F6F6;border-radius: 10px; margin-bottom: 10px;}
.kwo-newsletter input.button {height: 23px; padding: 3px 21px 4px; float: left; margin:0px;}

/***** Pub Box *****/
div.pub {padding:0px; }
div.pub .adbox01 img {}

/***** Account Listing *****/
table.listing {width:100%}
table.listing tr.pointeur {cursor:pointer; }
table.listing th {color: #666666; font-size: 1.2em; padding: 10px 13px 6px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;  vertical-align: top; background: #EFEFEF; text-shadow: 1px 1px #FFFFFF;}
table.listing td {padding: 6px 11px; border-bottom: 1px solid #CCCCCC;  font-size: 1.2em;  text-transform: capitalize;}
table.listing tr.row2 { background:#F3F3F3}
table.listing tr.mouse-over {background:#f6eeda}
ul.listing { width: 585px; float: left}
ul.listing li {margin-bottom: 10px; padding: 6px 11px; border: 1px dashed #CDC8C8; height: 100px; text-transform: capitalize; cursor:move; overflow: hidden; background: url("/app/whoswho/pix/icons/move.png")  563px 4px no-repeat;}
ul.listing li.sortables-relation {margin-bottom: 10px; padding: 6px 11px; border: 1px dashed #CDC8C8;  text-transform: capitalize; cursor:move; overflow: hidden; background: url("/app/whoswho/pix/icons/move.png")  563px 4px no-repeat;}
ul#web-listing li { cursor:auto; background:none; text-transform:none }
ul.listing li .left-content {float:left;  margin-right: 5px;}
ul.listing li .right-content {float:left; width:480px}
ul.listing li .right-content a.link {color: #C11025; text-decoration: none;}
ul.listing li .right-content a.link:hover { text-decoration: underline;}
ul.listing li .right-content a.title {border-bottom: 2px solid #A29D9D; color: #3B3333; float: left; font-size: 14px; margin-bottom: 5px; text-decoration: none; margin-top:5px}
ul.listing li .right-content a.title:hover {color: #c11025; border-bottom: 2px solid #c11025;}
ul.ordering {width:20px; float: left; margin-right:10px}
ul.ordering li { height: 100px; margin-bottom: 10px;}
span.type {float: left; margin-top: 5px; padding-left: 25px;}
#popularite-listing li .left-content {display:none}
#popularite-listing li .right-content {float:left; width:540px}
#web-listing li .left-content {display:none;}
#web-listing li .right-content {float:left; width:540px}
@media(max-width:767px) {
  ul.listing {width: 89%;}
  ul.listing.popularite-listing {width: 100%;}
   ul.listing li { height: 100%;}
  ul.listing li .right-content { width: calc(100% - 80px); }
  ul#web-listing { width: 100%; float: none !important; }
  ul#web-listing li { overflow: hidden; height: 100%; }
  #web-listing li .right-content { float: none; width: 100%;}
  ul.listing li.sortables-relation {    width: 100%;
    display: block;}
  #popularite-listing li .right-content { width: 100%;}
}
/***** Edition Account *****/
.form-ack { border:1px solid #444444; font-size:1em }
.edit-bloc {border: 1px solid #CCCCCC;  margin-bottom: 10px;  margin-top: 10px;  -moz-border-radius: 0 0 5px 5px; }
.edit-bloc h3 {background: #EFEFEF; font-size: 1.3em; font-weight: bold; color:#4D4D4D; padding: 5px 12px; cursor:pointer; border-bottom: 1px solid #CCCCCC; text-shadow: 1px 1px #FFFFFF;}
.edit-bloc .form-line { padding: 5px 15px;}
.edit-bloc .form-line label {float:left; width:140px; padding-right: 13px; text-align: right; padding-top: 5px;}
.edit-bloc .form-line input.text { float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; vertical-align: middle; width: 400px; }
.edit-bloc .form-line span.text { float: left; padding: 5px 1px 1px; vertical-align: middle; width: 400px;  }
.edit-bloc .form-line textarea { float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; width: 400px; border: 1px solid #A09696; }
.edit-bloc .form-line select {border: 1px solid #463C3C; padding:2px}
.edit-bloc .form-line input.keyword {  width: 134px;}
.edit-bloc table.listing {border: 1px solid #CCCCCC; width:96%; margin:1% 2% 3%}
.edit-bloc .mform {background-color:#EFEFEF;}

.bio-record .edit-bloc {border:none; }

/***** Edition Front *****/
.front-form table.newsletter-grid TD { border:0 !important; }
.front-form .form-line { padding:10px 40px; }
.front-form .form-line label {float:left; width:190px; padding-right: 13px; text-align: right; padding-top: 5px;}
.front-form .form-line input.text { float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; vertical-align: middle; width: 260px; margin-right: 1px; border: 1px solid #a09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x;}
.bio-record .front-form .form-line input.required, .bio-record .front-form .form-line select.required, .bio-record .front-form .form-line textarea.required{border:1px solid #c11025;}
.front-form .form-line span.text { float: left; padding: 5px 1px 1px; vertical-align: middle; width: 400px; }
.front-form .form-line textarea { float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; width: 350px; border: 1px solid #A09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x; }
.facture .front-form .form-line textarea { float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; width: 260px; border: 1px solid #A09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x; }
.front-form .form-line select { float: left; font-family: Arial,sans-serif; margin-right: 10px; font-size: 1.2em; padding: 1px; max-width:260px; border: 1px solid #a09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x;}
.front-form .form-line .checkbox-list {float:left}
.front-form .form-line .checkbox-list .checkbox {float:left; width:20px}
.front-form .form-line .checkbox-list label {text-align:left;  width: 100px;}
.facture .front-form .form-line .checkbox-list label {text-align:left; width: 290px; margin-bottom: 10px;}
.front-form iframe.richtext { background: url("/app/whoswho/pix/search_bg.png") no-repeat scroll -40px 0 transparent; border: 1px solid #A09696; float: left; font-family: Arial,sans-serif; margin-right: 1px; padding: 1px; vertical-align: middle; width: 345px;}
.front-form .form-line input.keyword {width:100px}
.front-form .form-line ul.keywords {width:620px;}
.front-form .form-line ul.keywords li div,.front-form .form-line ul.keywords li a{width: 20px; height: 20px; float: right; }
.front-form .form-line ul.keywords li span{ float:left; padding-top:2px; }
.front-form .form-line ul.keywords li a{width:20px; height:20px;}
.front-form .form-line ul.keywords li a img{float:right;}
.front-form .form-line ul.keywords li.keyword.editable_keyword{ display: inline-block; min-width: 85px; height:20px; background-color: #F2F0F0; padding-left:14px; margin-right:10px; margin-bottom:10px;}
.front-form div.input_keyword {width:506px; margin-left:auto; margin-right:auto;  margin-top:41px; 	padding-bottom:30px;}
.front-form input.input_keyword[type='text']{	border: #463C3C 1px solid; border-right: none; float: left; height: 26px; width: 324px;  background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x;}
.scope-front .front-form h3 { background: #F2F0F0; border-bottom: 1px solid #E8E6E6; color: #463C3C; display: block;  font-weight: normal; letter-spacing: 2px; margin-bottom: 6px;  padding: 6px 10px; text-transform: uppercase;}
.dossier-show label {float: left; padding-right: 13px; padding-top: 5px; text-align: right; width: 190px; font-weight: bold;}
.dossier-show .form-line DIV{float: left; padding-top: 5px; width: 620px;}
.dossier-show .form-line SPAN{float: left; padding-top: 5px; width: 410px;}
.form { margin-bottom:25px;  margin-top: 10px; }
.form h3 {background: #EFEFEF; font-size: 1.3em; font-weight: bold; color:#4D4D4D;   padding: 5px 12px; cursor:pointer; border-bottom: 1px solid #CCCCCC; text-shadow: 1px 1px #FFFFFF;}
.form .form-field { border:none;  padding: 5px 15px; clear: both;}
.form .form-field label {float:left; width:190px; padding-right: 13px; text-align: right; padding-top: 5px;}
.form .form-footer {width:190px; padding-right: 13px; text-align: right; padding-top: 5px;}
.form .form-field span.kwo-captcha-box input{float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; vertical-align: middle; width: 60px; margin-right: 1px; border: 1px solid #a09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x;}
.kwo-captcha-box input[type=text] {border:1px solid #eee;}
.form .form-field input.text { float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; vertical-align: middle; width: 260px; margin-right: 1px; border: 1px solid #a09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x;}
.form .form-field span.text { display: block; padding: 5px 1px 1px; vertical-align: middle; width: 400px; }
.form .form-field textarea { float: left; font-family: Arial,sans-serif; font-size: 1.2em; padding: 1px; width: 350px; border: 1px solid #A09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x; }
.form .form-field select { float: left; font-family: Arial,sans-serif; margin-right: 10px; font-size: 1.2em; padding: 1px; max-width:260px; border: 1px solid #a09696; background: #fff url("/app/whoswho/pix/input_bg.png") repeat-x;}
.form .form-field .checkbox-list {float:left}
.form .form-field .checkbox-list .checkbox {float:left; width:20px}
.form .form-field .checkbox-list label {text-align:left}
.form .field-options label {width:auto}
.form .form-button {float:right; margin-right:65px}
.form .form-footer {padding-left:21px}
input.text {border:1px solid #463c3c; height:23px}

@media(max-width:767px) {
  .front-form .form-line label , .form .form-field label, div.commentaires .front-form label{ float: none; width: 100%; padding-right: 13px; text-align: left; display: inline-block; padding-top: 5px; }
  .front-form .form-line { padding: 0; }
  .form .form-field { border: none; padding: 5px 0; clear: both; }
  .form .form-field input.text , .form .form-field textarea, input.text { width: 100% !important;}
  .form .form-footer { width: 100%; padding-right: 0; padding-left: 0; text-align: left; padding-top: 5px; }
  .form .form-button { margin-right: 0; margin-top: 15px;}
  .front-form .form-line input.text , .front-form .form-line select, .front-form .form-line textarea{width: 100%; margin-bottom: 5px;}
  .facture .front-form .form-line .checkbox-list label { text-align: left; width: 210px; margin-bottom: 10px; vertical-align: top; margin-top: -5px;}
}

/***** Autocompleter *****/
div.autocomplete { position:absolute; min-width:250px; background-color:white; border:1px solid #888; margin:0; padding:0; z-index: 5;}
div.autocomplete ul { list-style-type:none;  margin:0;  padding:0;}
div.autocomplete ul li.selected { background-color: #4D4D4D; color: #FFFFFF;}
div.autocomplete ul li { list-style-type:none; display:block;  margin:0;  padding:2px;  cursor:pointer;}

/***** Publications *****/
.publication-questions { padding-top: 15px;}
.publication p a {color: #5C5E5F; text-decoration:none; font-weight:bold}
.publication p a:hover {color: #FF9900; text-decoration:none; font-weight:bold}
.publication .actions { margin-left: 70px; padding-top: 8px;}
.publication .actions a ,.publication .actions .fake-link {font-size: 12px; color: #C3081E; text-decoration: none; float: left;}
.publication .actions a + a {margin-left: 20px;}
.publication .actions a:hover, .publication .actions a:focus {font-size: 12px; color: #C29532; text-decoration: none;}
.publication img {float:left; margin-right: 10px;}
.publication img.img-bio { float: none; margin: 15px 10px; display: block;}
.publication span a {color: #333333; text-decoration:none; text-transform: uppercase; }
.publication p {color: #5C5E5F; line-height: 1.3; margin-left: 70px; }
.publication li.linked-bio {height:40px; overflow:hidden;}
.publication a.more {color: #333333; text-decoration:none;}
.publication a.more:hover {color: #333333; text-decoration:underline;}
.publication .link-all-actu:hover { text-decoration: none;}
.publication .link-all-actu:hover .fake-link { color: #C29532;}
.list-mouvement { margin-left: 70px;}
.list-mouvement a { color: #C3081E;}
.list-mouvement a:hover, .list-mouvement a:hover { color: #C29532; text-decoration: none;}

.publication.publication-video p { margin-left: 0;}
 div.ww-widget .publications-contributions h2 {margin-bottom: 25px !important; }
.publications-contributions  {padding-bottom: 15px;}
.publications-contributions .publication + .publication {margin-top: 20px;}
.publications-contributions .small_date, .date { margin-left: 0;}
.publications .mouvement-carousel-wrapper { margin-top: 30px; margin-bottom: 54px;}
.publications .mouvement-carousel-wrapper .date , .publications .mouvement-carousel-wrapper .date + br {display: none;}
.publications .mouvement-carousel-wrapper .publication_slide , .publications .mouvement-carousel-wrapper { height : 230px ; overflow : hidden ; }
.publications .mouvement-carousel-wrapper .publication_slide .publication { float : left ; width : 300px ; height : 120px ; padding-right: 10px; }

.publications-chiffres .link-chiffres{ background: #EAEAEA; border:1px solid #EAEAEA; text-align: center; padding: 0 20px; min-height: 240px; display: table; vertical-align: middle;}
.publications-chiffres .link-chiffres:hover, .publications-chiffres .link-chiffres:focus{  border:1px solid #C3081E; text-decoration: none;}
.publications-chiffres .link-chiffres .publication { display: table-cell; vertical-align: middle; height: 240px;}
.publications-chiffres .link-chiffres .publication p { margin: 0;}
.publications-chiffres .link-chiffres .publication p.chiffre { color:#C3081E; font-weight: 500;  margin-bottom: 5px; line-height: 1;}
.publications-chiffres .link-chiffres .publication p.chiffre .size-1 {font-size: 60px;}
.publications-chiffres .link-chiffres .publication p.chiffre .size-2 {font-size: 60px;}
.publications-chiffres .link-chiffres .publication p.chiffre .size-3 {font-size: 46px;}
.publications-chiffres .link-chiffres .publication p.chiffre .size-4 {font-size: 36px;}
.publications-chiffres .link-chiffres .publication p.chiffre .size-5 {font-size: 24px;}
.publications-chiffres .link-chiffres .publication p.chiffre .size-6 {font-size: 16px;}


@media(max-width:767px) {
  .publication .actions a + a {margin-left: 10px;}
  .publication .actions a { font-size: 10px; }
  .publications .mouvement-carousel-wrapper .publication_slide .publication { width: 100%;}
  .publications .mouvement-carousel-wrapper { margin-bottom: 0;}
  #page ul { width: 100% !important; padding-left: 17px !important;}
  #page ul#boutique_menu {    padding: 0 !important;}
  table.cart { font-size: 10px;}
}

div.publications a.list-link {color: #c11025; text-decoration: none; float: right; margin-right:5px;/* background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat;*/ padding-left:18px; font-size:13px}
div.publications a.list-link:hover { text-decoration:underline}
/***** Témoignages *****/
.temoignages .temoignage-d, .temoignages .temoignage-g {
  background-repeat : no-repeat ;
  margin-bottom : 30px ;
  min-height : 197px ;
}
.temoignages .temoignage-d {
  background-image : url('/app/whoswho/pix/bg-temoignage-d.png') ;
  background-position : left bottom ;
}
.temoignages .temoignage-g {
  background-image : url('/app/whoswho/pix/bg-temoignage-g.png') ;
  background-position : right bottom ;
}
.temoignages .portrait {
   height : 150px ;
   width : 125px ;
}
.temoignages .portrait-d {
  float : right ;
  margin : 0 0 0 10px ;
}
.temoignages .presentation-personnalite {
  color : #C10F25 ;
  font-size : 1.2em ;
  font-weight : bold ;
}
.temoignages .presentation-personnalite .nom { text-transform : uppercase ; }
.temoignages .presentation-personnalite .nom a { color : #C10F25 ; }
.temoignages .presentation-personnalite .nom .initiale { font-size : 1.2em ; }
.temoignages .presentation-personnalite .nom .bio-img-link { margin-left : 20px ; }
.temoignages .presentation-personnalite .nom .bio-img-link img {
  float : none ;
  width : 25px ;
}
.temoignages .texte-temoignage { margin-top : 20px ; }
.temoignages .texte-temoignage-g {
  margin-left : 155px ;
  margin-right : 20px ;
}

.temoignages .texte-temoignage-d { margin-left : 20px ; }
.temoignages .ouverture, .temoignages .fermeture {
  color : #C10F25 ;
  font-size : 1.2em ;
  position : relative ;
}
.temoignages .ouverture { bottom : 4px ; }
.temoignages .fermeture { top : 7px ; }
.temoignages .texte-temoignage p {
  color: #000000 ;
  display : inline ;
  margin-left: 5px;
}

@media(max-width:767px) {
  .temoignages .portrait { float: none; margin: 0 auto 15px; display: block;}
  .temoignages .texte-temoignage-g { margin-left: 0; margin-right: 0; }
  .temoignages .presentation-personnalite .nom .bio-img-link img { float: right; width: 25px; }
  .temoignages .temoignage-d, .temoignages .temoignage-g {background: none;}
}
/***** Anniversaires *****/
.birth-date {background: #EAEAEA;min-width:70px; text-align:center; padding: 0; float:right; }
.birth-date .day-month {  border:1px solid #EAEAEA; padding:10px; background: #EAEAEA;}
.birth-date .day {background: #EAEAEA; color: #CD1200; display: block;  font-size: 35px; font-weight: bold;  margin-bottom: 5px; line-height: 1;}
.birth-date .month {color:#5a5050; font-size: 16px; font-weight: bold;  display: block; background: #EAEAEA;  padding:0 5px 8px;}
.calendar-container { float:left; width:180px; margin-right: 15px;}
.anniversaires #anniversaires-listing {float:left; width:420px}
.anniversaires .birth-date {width:50px; float:none; margin-left: 55px;}
.anniversaires ul.bio-listing {width:100%}
.anniversaires ul.bio-listing li {background: none; float:left; width: 200px;}
.anniversaires ul.bio-listing2 li{ background:url("/app/whoswho/pix/list_picto_simple.png") 0px 7px no-repeat; margin: 5px 0 15px 0; padding-left:10px;}

@media(max-width:767px) {
  .anniversaires #anniversaires-listing { float: left; width: 100%; }
  .anniversaires ul.bio-listing li { background: none; float: left; width: 50%; text-align: center; padding: 0; }
  .anniversaires ul.bio-listing li li { width: 100%; }
  .anniversaires ul.bio-listing li .image-container { margin: 0 auto; display: block; width: 100%;}
  ul.bio-listing li a { font-size: 11px;}
  .calendar-container { float: none; width: 100%; margin-right: 0; margin: 0 auto 25px; text-align: center; display: block; }
  .anniversaires .calendar-container .birth-date, div.calendar table {    margin: 0 auto;}
}
/***** Photo  *****/
.image-container { float:left; margin: 0 5px 0 0; padding-right: 7px; padding-bottom: 0px;}
.image-container .img { float:left; width:60px; height: 60px; background-repeat: no-repeat; background-color: #eee; background-size: cover; background-position: center; margin:0 0 15px ; border-radius: 15px;}
.ww-widget-half .image-container {background: url(/app/whoswho/pix/border_shadow_mini.png) right bottom no-repeat; padding-right: 6px;}
.ww-widget-half .image-container img {width:50px;}
.bio .image-container {margin-bottom: 20px;}
.result .image-container {background: url(/app/whoswho/pix/border_shadow_mini.png) right bottom no-repeat; padding-right: 6px;}
.result .image-container img {width:50px;}

@media(max-width:767px){
   .image-container { margin-right: 0;}
 }
/***** Recherche *****/
.kwo-search-results .result-container { padding-right:5px; width: 620px;}
.kwo-search-results .result { border-top: 1px solid #b4aaaa; margin-bottom: 10px; padding-top: 10px; }
.kwo-search-results .result .type { float:right; background:#b4aaaa; color:#fff; margin-top:-10px; padding: 3px 5px 4px;}
.kwo-search-results .result .result-content {float:left;  width: 353px; margin-top: -12px;}
.kwo-search-results .result .btn-purchase-toolbar {float:left;  width: 186px; margin-top: 0px; text-align:right;}
.kwo-search-results .result a.bio-link{ margin-bottom:30px; color:#008CEA; display:block; text-decoration:underline; text-align:center; }
.kwo-search-results .suggest .es_suggestion {margin:10px 0 20px 20px;}
.kwo-search-results .result a.bio-link:hover{ text-decoration:none; }
.kwo-search-results .result a.bio-link:visited{ color:#006DB7; }
.kwo-search-results .preview { margin-bottom: 5px; padding-top: 5px; }
.kwo-search-results .result .biography {background: #b4aaaa url(/app/whoswho/pix/icons/biography.png) 8px 4px  no-repeat; padding-left:24px}
.kwo-search-results .result .sector {background: #b4aaaa url(/app/whoswho/pix/icons/sector.png) 8px 5px  no-repeat; padding-left:24px}
.kwo-search-results .result .company {background: #b4aaaa url(/app/whoswho/pix/icons/company.png) 8px 4px  no-repeat; padding-left:24px}
.kwo-search-results .result a.name { color: #3B3333; text-transform: uppercase;  border-bottom: 2px solid #A29D9D; text-decoration:none; font-size:14px; float:left; margin-top:10px; margin-bottom: 5px;}
.kwo-search-results .result a.name:hover { color: #c11025; border-bottom: 2px solid #c11025;}
.kwo-search-results .result .purchase-btn {float: right; height: 21px; margin-right: 3px;  margin-top: 17px; padding: 1px 14px 3px; }
.kwo-search-results .result p.description {float:left; width:364px; height : 50px; overflow:hidden; height: 32px;}
.kwo-search-results .result a.keyword { color: #3B3333; background-color:#efefef; padding: 3px; text-decoration:none}
.kwo-search-results .search-detail {padding-left:10px}
.kwo-search-results .search-detail .filter {float:right}
.kwo-search-results .search-detail .filter select { border:1px solid #5a5050; padding:1px; margin-top: -3px;}
.kwo-search-results .search-detail .filter label {padding-right:7px}
.pagination .pagination-selected {text-decoration:none}
.kwo-search-results .result-container .type_link {text-decoration:none}
@media(max-width:767px){
  .kwo-search-results .result-container { padding-right: 0; width: 100%; }
  .kwo-search-results .result .result-content , .kwo-search-results .result p.description{ float: none; width: 100%; margin-top: 0; text-align: center;}
  .result .image-container { background: none; padding-right: 6px; float: none; width: 100%; margin: 0 auto; }
  .result .image-container img { width: 50px; margin: 0 auto; display: block; float: none; }
  .kwo-search-results .result a.name {display: inline-block; float: none;}
  .kwo-search-results .result .btn-purchase-toolbar { float: none; width: 100%; margin-top: 20px; text-align: right; }
  .kwo-search-results .result a.bio-link { margin-bottom: 10px;}
}
/***** Recherche preview *****/
#search-preview .search-preview { background: none repeat scroll 0 0 #F2F0F0; border: 1px solid #CDC8C8; padding: 10px; margin-top: 1px; font-size: 11px; }
#search-preview .search-preview .preview-bloc { width:31%; margin-left:1%; float:left}
#search-preview .search-preview .border-left {border-left: 1px solid #CDC8C8; padding-left: 10px; min-height: 100px;}
#search-preview .search-preview .button { float: right; font-size: 11px; height: 20px; padding: 2px 8px 4px;}
.kwo-search-results #search-preview .preview-bloc { width:125px; margin-left:1%; float:left}
.kwo-search-results #search-preview .border-left { width:450px; margin-left:1%; float:left}
.kwo-search-results #search-preview .search-preview .button { float: left; }

@media(max-width:767px){
  .kwo-search-results #search-preview .border-left { width: 100%; margin-left: 1%; float: left; border: 0; margin-top: 10px; padding: 0; min-height: 100%; }
}
/***** Slider *****/
div.slider { background-color: #CCCCCC; height: 1px; margin: 13px 0; position: relative; width: 256px; float:left}
div.slider div.handle { cursor: move; height: 15px; position: absolute; width: 10px; margin-top: -6px; cursor:pointer}
div.slider .rightbg { background: transparent url(/app/whoswho/pix/slider_handler_right.png) no-repeat; }
div.slider .leftbg { background: transparent url(/app/whoswho/pix/slider_handler_left.png) no-repeat; }
div.slider .values {position: absolute; text-align: center; width: 100%; }

/***** Promesses & boutique *****/
.box-red {border: 0px solid #c11025; margin-top: 20px; font-size: 13px;}
.box-red .left-content {padding:5px 20px; float:left; }
.box-red .right-content { float:left; width: 355px; }
.box-red .right-content-full { padding:5px 20px; width:578px; }
.box-red .bottom-content {}
.box-red h2 { background: none repeat scroll 0 0 #C11025; border: none; color: #FFFFFF; text-shadow: 0 -1px #6B070F;}
.box-red .edition {color:#c11025; font-size:25px; text-transform: capitalize; font-weight: bold; font-family: Arial; margin-left: 25px;  margin-top: -8px}
.box-red .edition span {font-family: arial; font-size:36px;}
.box-red .old-edition-select { border: 1px solid #333; padding: 2px;}
.box-red .button { float:right; width: 220px}
.box-red .price {margin-left:0; text-align:center; color:#c11025; font-size:25px; font-weight: bold; font-family: arial; float:left; width: 235px; font-size:40px;}
.box-red .price span {font-family: arial; font-size:24px; vertical-align: top; }
.box-red .bottom-content .button {margin-right: 20px;  margin-top: -7px; }
.box-red ul.description-listing li {font-size:13px}
.box-red .padding-bottom {margin-top: 15px;}
.box-gray { border: 1px solid #cdc8c8; background:#f2f0f0; padding: 20px; font-size:13px }
.box-gray .left-content { float:left; width: 330px; }
.box-gray .right-content { margin-left:25px; float:left; }
.box-gray ul { margin:5px 15px; }
.box-gray .button { margin-top:10px; width:220px; }
.boutique .search-empty {color:#666666; font-style: italic;}

/***** Menu Account *****/
.account-panel .toolbar-panel .secondary { background: #362F2F; border: none; padding:0;}
.account-panel .toolbar-panel a, .account-panel .toolbar-panel a:link { color: #fff; display: block;  float: left;   margin-right: 0px; padding: 3px 15px; text-decoration: none; text-transform: inherit;  border-right: 1px solid #FFFFFF;}
.account-panel .toolbar-panel .last { border-right: none !important;}
.account-panel .toolbar-panel .selected { background: #c11025; font-weight: normal; border-right: 1px solid #FFFFFF !important;}
.account-panel .body-panel { padding: 0px;}
.table-responsive { min-height: .01%; overflow-x: auto; }
.label-xs {display: none;}
@media(max-width:767px){
  .account-panel .toolbar-panel a, .account-panel .toolbar-panel a:link , .account-panel .toolbar-panel .selected{  padding: 5px 15px;  float: none;border-bottom: 1px solid #FFFFFF; border-right: 0 !important;}
  .account-panel  .table-commande .grid tbody td{padding: 5px; font-size: 10px; white-space: normal;}
  .account-panel  .table-commande .grid tbody td a {width: 15px;}
  .label-xs {display: block;}
  .hidden-xs {display: none ;}

}

/***** Tableau de listing *****/
.action-cart .grid thead th,
.account-panel .grid thead th {padding: 12px 9px; background: #5a5050; color:#fff; border-left:1px solid #5A5050; font-size: 100%;  text-align: left;}
.action-cart .grid tbody td,
.account-panel .grid tbody td {padding: 12px 9px; border: 1px solid #CCCCCC;}
.action-cart .grid tbody tr.alt td,
.account-panel .grid tbody tr.alt td { background: none repeat scroll 0 0 #F2F2F2; white-space: nowrap;}
@media(max-width:767px){
  .account-panel .grid { table-layout: initial;}
  input.button + input.button { margin-top: 10px;}
  .front-form  input.button + input.button { margin-top: 0;}
 .action-cart .grid tbody tr.alt td, .account-panel .grid tbody tr.alt td { white-space: normal;}
}

/***** Boutons *****/
div.toolbar-dossier-prospect input.button {text-shadow: 0 0px #241f1f; color: #000000; margin:0; border:1px solid #999999; font-size:11px; height:27px; background: url(/app/whoswho/pix/btn_white_bg.png)  repeat-x;  padding:5px 13px 6px; text-transform: uppercase; text-align:center; cursor:pointer; font-weight: bold;}
div.toolbar-dossier-prospect input.button:hover {text-shadow: 0 0px #241f1f; border:1px solid #ffffff; background: url(/app/whoswho/pix/btn_white_bg.png)  repeat-x; }
input.button {color: #FFFFFF; margin:0; text-shadow: 0 -1px #241f1f; border:none; font-size:11px; height:27px; background: url(/app/whoswho/pix/btn_black_bg.png)  repeat-x;  padding:5px 13px 6px; text-transform: uppercase; text-align:center; cursor:pointer; font-weight: bold;}
input.button:hover { text-shadow: 0 -1px #6B070F; background: url(/app/whoswho/pix/btn_red_bg.png)  repeat-x; }
a.button {color: #FFFFFF; border:none; text-shadow: 0 -1px #241f1f;  background: url(/app/whoswho/pix/btn_black_bg.png)  repeat-x; padding:5px 14px 6px; text-transform: uppercase; text-align:center; text-decoration: none;}
.toolbar a.button, .toolbar input.button {float:right; margin-left:10px}
.new-btn {-moz-border-radius: 5px 5px 5px 5px;  background-color: #808080; border: 1px solid #808080; color: #FFFFFF; cursor: pointer; font-size: 0.7em; line-height: 1.6em; padding: 3px 5px; float:right}
span.button {color: #FFFFFF; border:none; text-shadow: 0 -1px #241f1f;  background: url(/app/whoswho/pix/btn_black_bg.png)  repeat-x; padding:5px 14px 6px; text-transform: uppercase; text-align:center; text-decoration: none; cursor:pointer;}
span.button:hover { text-shadow: 0 -1px #6B070F; background: url(/app/whoswho/pix/btn_red_bg.png)  repeat-x; }
.toolbar span.button {float:right; margin-left:10px}

/***** Commandes *****/
.order TABLE.layout-checkboxes { width:inherit}
.order TABLE.layout-checkboxes TD { border:none}

/***** Pages  *****/
#page p {padding: 0 5px}

/***********
 * MAJ BIO *
 ***********/
/* Bannière */
.account-panel .souscription-bannner {
  background : url("/doc/whoswho/images/boutique/bandeau-espace-inbck_2019.png") no-repeat ;
  height : 110px ;
  margin : 0 0 8px 0 ;
  position : relative ;
  width : 620px ;
}
.account-panel .souscription-bannner a {
  position : absolute ;
  top : 31px ;
}
.account-panel .souscription-bannner a.papier-lnk { left : 192px ; }
.account-panel .souscription-bannner a.internet-lnk { left : 335px ; }
.account-panel .souscription-bannner a.couplee-lnk { left : 479px ; }
/* Questions de la rédaction */
.bio-edit #question-container label { float : none ; }
.bio-edit #question-container .modif-user {
  color : #808080 ;
  font-style : italic ;
}
.bio-edit #question-container .answer-question {
  background : url(/app/whoswho/pix/icons/link.png) 0 5px no-repeat ;
  color : #C10F25 ;
  margin-left : 33px ;
  padding-left : 15px ;
}
.bio-edit #question-container .answer-question:hover {
  cursor : pointer ;
  text-decoration : underline ;
}
.bio-edit #question-container textarea {
  font-size : 1em ;
  height : 4em ;
  margin-left : 33px ;
  width : 545px !important ;
}
.bio-edit #question-container .answer {
  margin : 15px 0 20px 0 ;
  text-align : center ;
}
/* Formulaire de demande de modification */
.bio-edit #demande-container { padding-left : 33px ; }
.bio-edit #demande-container #label-mes-modifs { padding : 0 ; }
.bio-edit #demande-container .complement {
  font-size : 1em ;
  max-width : 545px ;
  min-height : 160px ;
}
.bio-edit #demande-container .suppr-maj-photo {
  cursor : pointer ;
  float : left ;
}
.bio-edit #demande-container .assistante { margin-bottom : 5px ; }
.bio-edit #demande-container .social-name label { width : 115px !important ; }
.bio-edit #demande-container .social-twitter {
  float : none !important ;
  width : 250px !important ;
}
.bio-edit #demande-container .yes-no-option { float : left ; }
.bio-edit #demande-container .yes-option { width : 10px !important ; }
.bio-edit #demande-container .no-option {
  margin-left : 50px ;
  width : 15px !important ;
}
/* Validation de la bio avec/sans modification */
.bio-edit .validation {
  margin : 15px 0 20px 0 ;
  text-align : center ;
  width : 545px ;
}
.bio-edit #or-section {
  display : inline-block ;
  font-size : 1.2em ;
  font-weight : bold ;
  text-align : center ;
}
/* Anciennes demandes de MAJ */
.bio-edit #popup-demandes-maj-liste {
  display : inline-block ;
  float : right ;
  margin-top : 30px;
  text-decoration : underline ;
}

@media(max-width:767px) {
  .account-panel .souscription-bannner { background: none;  height: 100%;   width: 100%; text-align: center;}
  .account-panel .souscription-bannner a { position: static; top: 0; left:0 !important; display: inline-block; }
  .account-panel .souscription-bannner a {width: 31%; float: left;}
  .account-panel .souscription-bannner a + a {margin-left: 5px;}
  .bio-edit #demande-container { padding-left: 0;}
  .bio-edit .validation { width: 100%;}
  .bio-edit #demande-container .social-name label {    width: 100%; display: block;}
  .sub-form-container .button { height: 100% !important; white-space: normal; margin: 0; width: 100%; }
  .communication-edit .front-form .form-line label {width: 100% !important;}

  .communication-edit .front-form .form-line label[for*="com-"] {width: 45px !important;}
}

/******************************
 * MAJ BIO VALIDEE (BOUTIQUE) *
 ******************************/
.bio-edit-validee .boutique-valide-form {
  display : inline-block ;
  margin-top : 30px !important ;
  vertical-align : top ;
  width : 180px ;
}
.bio-edit-validee #boutique-valide-form-couple { margin : 0 20px ; }
.bio-edit-validee .form-content {
  background-color : #E8E6E6 ;
  border-radius : 5px ;
  display : inline-block ;
  height : auto ;
  padding : 0 5px ;
  width : 180px ;
}
.bio-edit-validee .title {
  font-size : 15px ;
  font-weight : bold ;
  margin : 10px 0 ;
  text-align : center ;
}
.bio-edit-validee .description-offre {
  height : 205px ;
  padding : 10px 0 20px 0 ;
}
.bio-edit-validee .description-offre .desc {
  display : inline-block ;
  text-align : justify ;
}
.bio-edit-validee .description-offre .bullet-point { font-size : 0.5em ; }
.bio-edit-validee .date-parution { font-weight : bold ; }
.bio-edit-validee .tarif-offre {
  color : #C10F25 ;
  height : 70px ;
  line-height : 20px ;
  text-align : center ;
}
.bio-edit-validee .tarif-offre .prix {
  font-size : 30px ;
  font-weight : bold ;
}
.bio-edit-validee .tarif-offre .ttc {
  font-size : 15px ;
  vertical-align : top ;
}
.bio-edit-validee .tarif-offre .ancien-prix { font-size : 15px ; }
.bio-edit-validee .commander { margin : 10px 40px ; }

@media(max-width:767px) {
  .bio-edit-validee .boutique-valide-form {width: 100%; text-align: center;}
  .bio-edit-validee .description-offre  { height: 100%;}
  .bio-edit-validee .form-content { width: 100%; display: block;}
  .bio-edit-validee #boutique-valide-form-couple {margin:30px 0 0 !important;}
}

/*****************************
 * PROPOSER UNE PERSONNALITE *
 *****************************/
.proposition-form textarea.address { height : 60px ; }
.proposition-form textarea.comment { height : 90px ; }

/***** Account form/filter *****/
.scope-account .front-form .form-line {padding: 10px 0;}
.scope-account table .list-occupation td {padding-bottom: 2px;}
.scope-account .toolbar {float:right;}
.helps th {font-size:9px; font-style: italic;}
.scope-account .submit-btn { background: url("/app/whoswho/pix/btn_black_bg.png") repeat-x ; border: medium none; color: #FFFFFF; cursor: pointer; font-size: 1em; padding: 5px 15px; text-align: center; text-transform: uppercase;}
.selected {text-decoration:none}
.photo {border:1px solid #CCCCCC; padding: 9px; float:left; margin-right:10px; width: 75px }
.sub-form-container .front-form .form-line label {text-align:left}
.sub-form-container .front-form .form-line .text { font-size: 1em; width: 545px;}
.sub-form-container .button {height: 22px; margin: 0; padding: 3px 23px 5px;}
.front-form .form-line input.short-date {width:55px}
.front-form .form-line input.medium {width:150px}
.order { width:inherit}
.dialog-dialog .front-form .form-line label { width: 90px;}
.dialog-dialog .front-form .toolbar {margin-right: 47px;}
.margin-right {margin-right: 20px;}
.kwo-toolbar { border: medium none; }
.small-text { font-size: 11px; color:#b3abab}
.italic-text { font-size: 11px; font-style: italic; }
.account-newsletters .front-form .form-line label { width: 310px;}

/***** Formulaire simplement *****/
.search_div label{ width : 120px; float: left; margin: 0 15px 0 15px;}
.search_div fieldset{ background: #F0F0F0; border: 1px solid #CAC8C9; min-height: 115px; padding: 15px 5px 10px 5px; margin-top: 15px;}

/***** Centrer la video *****/
.centrer { padding-left: 30px;}
.center { text-align: center;}
.pointer { cursor:pointer; }
@media(max-width:767px) {
  .centrer { padding-left: 0;}
  .search_div label { float: none; margin: 0; display: block; width: 100%;}
  .block-abc .pointer{ font-size: 18px; letter-spacing: 8px; margin-bottom: 8px; display: inline-block;}
  .sub-form-container .front-form .form-line .text {width: 100%;}
}
/***** Carousel espace video *****/
#carousel-wrapper { height: 500px; overflow: hidden; width: 500px; }
#carousel-content { width: 2500px; }
#carousel-content .slide { float: left; height: 500px; width: 500px; }

/***** Cart.add *****/
div.layout-hbox-content table.item-identity .description-listing li { width: 100%;}

/***** Modale Share *****/
.dialog-share .share-mode A:hover {text-decoration:none;}
.dialog-share .layout-hbox-content ul li {width:370px;}
.dialog-dialog .layout-hbox-content li {width:inherit;}
div.dialog-share h1 { font-family:"Arial" !important; }
div.dialog-dialog  h1 { font-family:"Arial" !important; }
div.dialog-dialog  h2 { font-family:"Arial" !important; }
.dialog-share .layout-hbox-content ul li textarea { font-size:12px; width:230px; }
.dialog-share .layout-hbox-content ul li.col-left { float:left;width:235px; }
.dialog-share .layout-hbox-content ul li.validation-line { text-align:left; margin-top:6px; width:468px; }
.dialog-share .layout-hbox-content ul li.col-right { float:right; width:230px; }

@media(max-width:767px) {
  .dialog-shadow .layout-hbox .layout-hbox-content {height: 100% !important;}
  .dialog-addressee .layout-hbox-content .layout-inline DIV.elt .elt-control { margin-bottom: 10px; margin-left: 0; float: none; width: 100%; padding-left: 0 !important; }
  input.btn-action { float: none; display: block; margin: 0 auto; }
  .layout-hbox-content li {width: 100% !important;}
  .dialog-addressee .layout-hbox-content .layout-inline DIV.elt .elt-control .elt-text-border,.dialog-addressee .layout-hbox-content .layout-inline DIV.elt .elt-control .elt-text-border , .dialog-addressee .layout-inline DIV.elt .elt-control{width: 100% !important;}
  .action-cart .dialog-support { height: 500px !important;}
}

/***** Elements liés *****/
/* Secteurs */
.secteur ul.bio-listing {width:100%;}
.secteur ul.bio-listing li{	background: url("/app/whoswho/pix/icons/link.png") no-repeat scroll 0 6px transparent; font-size: 13px; margin-right: 5px;  padding-left: 18px; width: 284px;  float:left; }
.secteur ul.bio-listing li a { color: #000; font-family: Arial; font-size: 13px;	line-height: 20px;}
.secteur ul.bio-listing li {padding-left: 0px; }
.secteur ul.bio-listing li a {padding-left: 18px; }
.secteur ul.bio-listing.linked_bios li{margin-bottom:5px; }
.secteur ul.bio-listing.linked_bios li .bio_context{ float:left; overflow:hidden; width:250px;  text-align:left; }
.secteur ul.bio-listing.linked_bios li .bio_context p{ text-transform: uppercase; }
/* Entreprises */
.entreprise ul.bio-listing{width:100%;}
.entreprise ul.bio-listing li{	background: url("/app/whoswho/pix/icons/link.png") no-repeat scroll 0 6px transparent; font-size: 13px; margin-right: 5px;  padding-left: 18px; width: 284px;  float:left; }
.entreprise ul.bio-listing li a{  color: #C11025; font-family: Arial; font-size: 13px;	line-height: 20px;}
.entreprise ul.bio-listing li{padding-left: 0px; }
.entreprise ul.bio-listing li a {padding-left: 18px; }
.entreprise ul.bio-listing.linked_bios li{margin-bottom:5px; }
.entreprise ul.bio-listing.linked_bios li .bio_context{ float:left; overflow:hidden; width:250px;  text-align:left; }
.entreprise ul.bio-listing.linked_bios li .bio_context p{ text-transform: uppercase; }
div.entreprise a.list-link {color: #c11025 !important; text-decoration: none; float: right; margin-right:5px; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
div.bio-popularite a.list-link:hover { text-decoration:underline}
/* Recherche */
.entreprise-search ul.bio-listing-search{width:100%;}
.entreprise-search ul.bio-listing-search li{	background: url("/app/whoswho/pix/icons/link.png") no-repeat scroll 0 6px transparent; font-size: 13px; margin-right: 5px;  padding-left: 18px; width: 284px;  float:left; }
.entreprise-search ul.bio-listing-search li a{  color: #C11025; font-family: Arial; font-size: 13px;	line-height: 20px;}
.entreprise-search ul.bio-listing-search li{padding-left: 0px; }
.entreprise-search ul.bio-listing-search li a {padding-left: 18px; }
.entreprise-search ul.bio-listing-search.linked_bios-search li{margin-bottom:5px; }
.entreprise-search ul.bio-listing-search.linked_bios-search li .bio_context{ float:left; height:49px; overflow:hidden; width:250px;  text-align:left; }
.entreprise-search ul.bio-listing-search.linked_bios-search li .bio_context p{ text-transform: uppercase; }
div.entreprise-search a.list-link {color: #c11025 !important; text-decoration: none; float: right; margin-right:5px; background: url(/app/whoswho/pix/icons/link.png) 0 6px no-repeat; padding-left:18px; font-size:13px}
/* Publications */
.publication ul.bio-listing {width:100%;}
.publication ul.bio-listing li{     background: url("/app/whoswho/pix/icons/link.png") no-repeat scroll 0 6px transparent; font-size: 13px; margin-right: 5px;  padding-left: 18px; width: 48%;  float:left; }
.publication ul.bio-listing li a{  color: #C11025; font-family: Arial; font-size: 13px;     line-height: 20px;}
.publication ul.bio-listing li {padding-left: 0px; }
.publication ul.bio-listing li a {padding-left: 18px; margin-bottom: 0;}
.publication ul.bio-listing.linked_bios li{margin-bottom:5px; }
.publication ul.bio-listing.linked_bios li .bio_context{ float:left; height:49px; overflow:hidden; width:250px;  text-align:left; }
.publication ul.bio-listing.linked_bios li .bio_context p{ text-transform: uppercase; }
.publications-video .block-widget {overflow: hidden; margin-bottom: 20px;}
.publications-video .publication .ww-widget.auto-promo  img {float: none; }

@media(max-width:767px) {
  .publication ul.bio-listing li { width: 100%;}
  .publications-video h3.publication-listing-img {margin-left: 0 !important;}
  .publications-video .publication img { float: none; margin-right: 0; display: block; margin: 0 auto 10px; }
  .publications-video .publication p {  margin-left: 0; margin-top: 10px;}
  .publications-video .publication { text-align: center;}
}
/* Bios */
.bio ul.bio-listing {width:100%;}
.bio ul.bio-listing li{     background: url("/app/whoswho/pix/icons/link.png") no-repeat scroll 0 6px transparent; font-size: 13px; margin-right: 5px;  padding-left: 18px; width: 284px;  float:left; }
.bio ul.bio-listing li a{  color: #C11025; font-family: Arial; font-size: 13px;     line-height: 20px;}
.bio ul.bio-listing li {padding-left: 0px; }
.bio ul.bio-listing li a {padding-left: 18px; }
.bio ul.bio-listing.linked_bios li{margin-bottom:5px; }
.bio ul.bio-listing.linked_bios li .bio_context{ float:left; height:49px; overflow:hidden; width:250px;  text-align:left; }
.bio ul.bio-listing.linked_bios li .bio_context p{ text-transform: uppercase; }
/* Autres */
div.order-summary td.purchases td.purchase p{ margin-left: 3px;}
div.goldenBox1 { background: url("/app/whoswho/pix/picto_lock.png") no-repeat scroll center top #F4F0E4; }
div.goldenBox2 { background: url("/app/whoswho/pix/picto_face.png") no-repeat scroll center top #F4F0E4; }
div.goldenBox3 { background: url("/app/whoswho/pix/picto_phone.png") no-repeat scroll center top #F4F0E4; }
div.commentaires .front-form h3{color: #AC0000; font-weight:bold; text-transform: none; margin-bottom: 6px; background: none repeat scroll 0 0 #F2F0F0; border-bottom: 1px solid #CAC8C9; display: block; letter-spacing: 2px; margin-bottom: 6px; padding: 6px 10px; }
div.commentaires .front-form label{ float: left; padding-right: 13px; padding-top: 5px; text-align: right; width: 100px;}
div.commentaires .front-form .form-lines { background-color: #F0F0F0; padding: 10px;}
div .footer-keywords {
  height : 164px ;
  margin-right : 5px ;
}
@media(max-width:767px) {
   div.commentaires .front-form label{ float: none; width: 100% !important; padding-right: 13px; text-align: left; display: inline-block; padding-top: 5px; }
}
/***** Presentation *****/
.presentation_whoswho{height:250px; }
.presentation_whoswho ul.ss-menu { padding:0; margin:0; list-style-type:none; }
.presentation_whoswho .ss-menu li {margin-left:6px; float:left; }
.presentation_whoswho .title-presentation {position: relative; height: 35px; font-size: 25px; color: #D90030; font-weight: bold !important; letter-spacing: 3px; line-height: 40px;}
.presentation_whoswho ul.ss-menu li a { display:block; float:left; width:195px; color:#666; text-decoration:none; text-align:center; padding:15px 2px 15px 2px; border-bottom:3px solid #C11025; font-weight:bold; background:#F2F0F0;}
.presentation_whoswho ul.ss-menu li a:hover { background:#fff; color:#C11025;}
.presentation_whoswho .presentationBoxLeft {float: left; margin: 0 15px 0 0; width: 214px;}
.presentation_whoswho .presentationBoxRight {float: left; height: 200px; margin: 25px 0 0;    width: 390px;}
.presentation_whoswho .description-listing-pres .ss-menu li { font-size: 13px; margin-bottom: 6px; margin-left: 15px; padding: 0 0 0 12px;}
.presentation_whoswho .description-listing-pres {list-style-position: outside; list-style-type: disc;}

a.btn-action {background-image: url("/doc/whoswho/images/bck-btn-action.png"); background-position: right bottom;  background-repeat: repeat-x; color: #FFFFFF; display: inline-block; font-size: 11px; font-weight: bold; line-height: 25px; outline: 0 none; padding: 0 20px; position: relative; text-decoration: none; text-transform: uppercase;}
a.btn-action:hover {	-webkit-box-shadow: 0px 0px 5px 1px #999999; box-shadow: 0px 0px 5px 1px #999999; }
input.btn-action{	background-image: url("/doc/whoswho/images/bck-btn-action.png"); background-position: right bottom;  background-repeat: repeat-x; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0 25px; margin:0; height:27px;   position: relative;text-decoration: none;text-transform: uppercase;border: none;cursor: pointer;float: right;}
input.btn-action:hover{ -webkit-box-shadow: 0px 0px 5px 1px #999999;	box-shadow: 0px 0px 5px 1px #999999; }
.presentation_whoswho .offres-btn { margin: 35px 5px 5px 0px;}
.acenter{text-align:center;}

@media(max-width:767px) {
  input.btn-action {float: none; display: block; margin: 0 auto;}
}
/***** Se connecter *****/
.connexion-page .box-login {	float:left; width:290px; padding:10px;}
.connexion-page .box-title {	font-size:18px;}
.connexion-page .box-create-account {float:left; border-left:5px solid #CAC8C9; width:285px; background-color:#F2F0F0; padding:10px; height:190px;}
.acenter{text-align:center;}
.connexion-page .forgotten-password-btn {clear: left; float: left; font-size: 11px; text-decoration: underline;}
.connexion-page ul.liste-fonctionnalites li {  border-bottom: 1px solid #DFD1C6;  height: 20px;  line-height: 21px;  list-style: none;  margin-bottom: 0;  margin-top: 0;  padding: 5px 0 5px 10px; }
@media(max-width:767px) {
  .connexion-page .box-create-account { width: 100%; padding: 0; border: 0; height: 100%; padding: 10px; }
  .connexion-page .box-create-account a.btn-action { top: -30px; padding: 0 5px;}
  .conexion-line input.btn-action{
    padding: 0 13px;
    margin-right: 10px;

    float: right;
  }
}
/***** Notification boxes *****/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb { margin: 10px 0px; padding: 10px 10px 10px 10px; background-repeat: no-repeat; background-position: 10px center; position:fixed;width:100%;z-index:1000;}
.info { background-color: #d1e4f3; color: #00529B; border-left: 5px solid #4d8fcb; }
.success { background-color: #effeb9; color: #4F8A10;  border-left: 5px solid #9ac601;  }
.warning { background-color: #ffeaa9; color: #9F6000;  border-left: 5px solid #f9b516; }
.error { background-color: #fccac3; color: #D8000C; border-left: 5px solid #db3f23; }
.mes { background-color: #F2F2F2; border-left: 5px solid #AAAAAA; color: #545454; }
.close-btn {float:right;font-size:1.5em;margin-right:40px;}
.msg {float:left;}

/***** Videos *****/
.presentation_whoswho .video-player {position:relative; height:194px; width:620px;}
.presentation_whoswho .video-frame{float:left;}
.presentation_whoswho .video-player UL {	background: none repeat scroll 0 0 #fff; height: 100%; overflow: hidden; width: 100%; z-index: 3;}
.presentation_whoswho .video-player LI {color: #5A5050; border-bottom: 2px solid #ffffff; font-size: 13px; margin: 0;}
.presentation_whoswho .video-player LI.active {background-color:#F2F0F0; border-bottom: 2px solid #CCCCCC;}
.presentation_whoswho .video-player LI a {	color: #5A5050; display: block; overflow: hidden; position: relative; padding: 3px 0 3px 35px; text-decoration:none; font-size:12px;}
.presentation_whoswho .video-player LI.last a {color: #C11025; display: block; overflow: hidden; position: relative; padding: 7px 0 7px 35px; text-decoration:underline; font-size:12px; text-shadow: none;}
.presentation_whoswho .video-player LI.last a:hover {text-decoration:none; text-shadow: none;}
.presentation_whoswho .video-player LI SPAN.play {	bottom: 0; font-weight: bold; height: 13px; left: 12px; margin: auto 0; position: absolute; top: 0; text-shadow: 0 1px 0 #CCCCCC;}
.presentation_whoswho .video-liste {	float: right; width: 295px; margin: 0;}
.presentation_whoswho .video-player LI SPAN.video-thumb {	float:left; margin-right:5px;}
.presentation_whoswho .video-player LI SPAN.informal {	font-size:10px; color:#AFB1B3; text-shadow: none;}
.presentation_whoswho .ss-menu-container {height:50px; margin-bottom: 15px;}

/***FIRST STYLE THE BUTTON***/
input#bigbutton {width:270px; background: #0082C6; padding: 7px 14px; cursor:pointer; border-bottom:3px solid #00509D; border-right:0px solid #00509D; border-top:0px solid #00509D; border-left:0px solid #00509D; font-size:14px; color: #fff;  margin-bottom:20px; margin-top:20px;}
input#bigbutton.non-important{background: #F2F0F0; color:#666; margin-top:0px; border-bottom:3px solid #00509D; border-right:0px solid #00509D; border-top:0px solid #00509D; border-left:0px solid #00509D;}
input#bigbutton:hover, input#bigbutton:focus {-webkit-box-shadow: inset 0px 0px 0px #00509D, 0px 1px 0px 0px #00509D, 0px 2px 5px #999; -moz-box-shadow: inset 0px 0px 0px #00509D, 0px 1px 0px 0px #00509D, 0px 2px 5px #999; box-shadow: inset 0px 0px 0px #00509D, 0px 1px 0px 0px #00509D, 0px 2px 5px #999;}
input#bigbutton.download-icon {background-image: url("/app/whoswho/pix/download-b-btn.png"); background-repeat:no-repeat; background-position: 10px center; padding: 7px 5px 7px 20px;}
input#bigbutton.addtocart-icon {background-image: url("/app/whoswho/pix/add-to-cart-btn.png"); background-repeat:no-repeat; background-position: 10px center; padding: 7px 5px 7px 20px;}
input#bigbutton.addtocartb-icon {background-image: url("/app/whoswho/pix/add-to-cart-b-btn.png"); background-repeat:no-repeat; background-position: 10px center; padding: 7px 5px 7px 20px;}
input#bigbutton.nextstep-icon {background-image: url("/app/whoswho/pix/next-step-btn.png"); background-repeat:no-repeat; background-position: 10px center; padding: 7px 5px 7px 20px;}
input#bigbutton.file-icon {background-image: url("/app/whoswho/pix/file-btn.png"); background-repeat:no-repeat; background-position: 10px center; padding: 7px 5px 7px 20px;}

/***** Boutique 2015 *****/
#boutique_menu {list-style-type: none; margin: 0; padding: 0; text-align: center;}
#boutique_menu li:first-child {background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; float: left; margin: auto; padding: 0; background-color:#0e0e0e; border-left:none;}
#boutique_menu li {background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-left: 1px solid #666; float: left; margin: auto; padding: 0; background-color:#0e0e0e;}
#boutique_menu li:last-child {background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-left: 1px solid #666; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;float: left; margin: auto; padding: 0; background-color:#0e0e0e;}
#boutique_menu li a {color: #fff; display: block; font-size: 13px; font-weight: bold; line-height: 15px; padding: 10px 10px 12px 10px; text-decoration: none; width: 187px; text-decoration:none;}
#boutique_menu li.active {background:linear-gradient(to bottom, rgb(238, 238, 238) 0%, rgb(246, 246, 246) 100%) repeat scroll 0% 0% #f2f0f0; height:37px;}
#boutique_menu li.active a {color: #666; text-decoration:none;}
#boutique_menu li.active:after, #boutique_menu li.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#boutique_menu li.active:after { border-color: rgba(18, 18, 18, 0); border-top-color: #eee; border-width: 6px; margin-left: -6px; }
#boutique_menu li.active:before { border-color: rgba(18, 18, 18, 0); border-top-color: #eee; border-width: 7px; margin-left: -7px; }

DIV.fiche_tech {background-color:#eee; border-radius:5px;}
DIV.fiche_tech h2 {background-color:transparent;}

.connexion-page .login-form input.text {width:230px;}
.connexion-page .login-form label {text-align:left;}
.connexion-page .login-form .conexion-line {padding-right:20px;}
.connexion-page .forgotten-password .conexion-line {padding-right:20px;}

@media(max-width:767px) {
  #boutique_menu li.active:after , #boutique_menu li.active:before{ display: none;}
}

/***** Offre decouverte *****/
.decouverte .btn {background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 3px 12px; text-align: center; vertical-align: middle; white-space: nowrap;}

.decouverte .btn-blue { background-color: #428bca; border-color: #357ebd; color: #fff; width:250px;}
.decouverte .btn-default { background-color: #fff; border-color: #ccc; color: #333; width:250px;}
.decouverte .btn-default:hover, .decouverte .btn-default:focus, .decouverte .btn-default:active, .decouverte .btn-default.active { background-color: #e6e6e6; border-color: #adadad; color: #333;}
.decouverte .btn-blue:hover, .decouverte .btn-blue:focus, .decouverte .btn-blue:active, .decouverte .btn-blue.active {  background-color: #3071a9;}
.decouverte .btn-default:active, .decouverte .btn-default.active {  background-image: none;}
.decouverte .box1{border-right: 2px solid #eee; float: left; padding: 0 20px 0 0; width: 270px; }
.decouverte .box2{float: left; padding-left: 30px; width: 255px;}
.decouverte .center{	margin: 50px 0 0 20px;}
.separator{	margin-bottom:20px;}
.decouverte .login-panel{}
.connexion-page .login-form input.text {width:230px;}
.connexion-page .login-form label {text-align:left;}
.decouverte .progress-33 { background-image:url('/doc/whoswho/images/decouverte/33.jpg'); background-repeat:none; width:104px; height:104px; float:left; margin-right:10px;}
.decouverte .progress-13 { background-image:url('/doc/whoswho/images/decouverte/13.jpg'); background-repeat:none; width:104px; height:104px; float:left; margin-right:10px;}
.decouverte .progress-23 { background-image:url('/doc/whoswho/images/decouverte/23.jpg'); background-repeat:none; width:104px; height:104px; float:left; margin-right:10px;}
.decouverte .progress-03 { background-image:url('/doc/whoswho/images/decouverte/03.jpg'); background-repeat:none; width:104px; height:104px; float:left; margin-right:10px;}
.decouverte .overview{ padding:10px; border-radius:5px; 	background-color:#eee; font-weight:normal; font-size:15px; min-height:105px; line-height:25px;}
.decouverte .marginTop{	margin:15px 0 0 0;}
.decouverte H3.subtitle{	border-bottom: 2px solid #e8e6e6; color: #5a5050; font-family: "Arial"; font-size: 14px;    letter-spacing: 2px; line-height: 20px;}
.decouverte ul.mode-emploi { list-style-type: disc; margin: 15px 0 0 55px; padding: 0; width: 500px;}
.decouverte ul.mode-emploi li { padding-left: 10px; margin: 0 0 10px 0; }
.decouverte .important{ font-weight:bold; color: #d90030; }
.decouverte .acenter{ text-align:center; }
.decouverte .aright{	text-align:right;}
.decouverte .tight{	font-size:11px;}
.action-boutique .hide-transition{ overflow: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1);}
.action-boutique .show-transition { -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s;  transition-duration: 1.5s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in;  -o-transition-timing-function: ease-in; transition-timing-function: ease-in; max-height: 100%; overflow: hidden;}
.action-boutique .box-red {height:100%; overflow: hidden;}
.action-boutique .left-content{padding: 0 15px 0 0}
.action-boutique .right-content {width:368px; padding-top: 14px; padding-right:10px}
.action-boutique p.product-title{font-size:20px; font-weight:bold; line-height: 25px; letter-spacing:1px;margin-bottom:5px;}
.action-boutique .bottom-content{margin-top: 25px;}
.action-boutique .price{float:left; width:175px; text-align:left; line-height: 30px;}
.action-boutique .savoirplus-btn {background-color: #0082C6; border-radius: 5px; color: #FFFFFF; font-weight: normal; padding: 5px; text-decoration: none;}
.action-boutique .price-ht{color: #C11025; font-weight:bold;}
.action-boutique .cart-btn {width:275px; padding-top: 14px; text-align:right;}
.action-boutique HR {background-color: #CCCCCC; border: 0 none; color: #CCCCCC; height: 1px;}
.action-boutique .opts-payment{padding:10px; border-radius:5px; background-color:#eee; font-weight:normal; color: #666;}
.action-boutique .little {background-color:transparent;font-size:11px;}
.action-boutique .red-important{color: #C11025; font-weight:bold;}
.action-boutique .golden-box{border: 1px solid #BE9E56; float: right; font-weight: normal; margin-top: 0px; width: 100%; border-radius: 5px; background-color:#F4F0E4;}
.action-boutique .search-box{height: 180px; background:url('/doc/whoswho/images/boutique/search-icon.png') no-repeat scroll center top #F4F0E4; }
.action-boutique .golden-box p{font-size: 14px; font-weight: bold; margin-top: 65px; text-align: center; text-transform: uppercase;}
.action-boutique .golden-box p.tiny{ margin-top: 15px;}
.action-boutique .search-box p.detail, .action-boutique .gdcompte-box p.detail{text-transform: none; font-size: 11px; font-weight: normal; margin-top: 5px; text-align: center;}
.action-boutique .search-box form{padding:10px 5px 10px 5px; text-align:center;}
.action-boutique .search-box form #kwo-search-query-submit{margin:0; width:100px; float:inherit;}
.action-boutique .search-box form #kwo-search-query-input-boutique{text-align:center;}
.action-boutique .gdcompte-box{height: 160px; background:url('/app/whoswho/pix/picto_phone.png') no-repeat scroll center top #F4F0E4; }
.action-boutique .price span.normal{vertical-align:bottom; font-size:24px;}

@media( max-width:992px) {
  #boutique_menu li a , #boutique_menu li.active{width: 138px; height: 39px; font-size: 11px;}
  .action-boutique .cart-btn {float: right;}
}


@media( max-width:767px) {
  .action-boutique .cart-btn {width: 100% !important; float: none; padding: 0;}
  .action-boutique .price {width: 150px; font-size: 25px;}
  .action-boutique .bottom-content { margin-top: 5px; }
  .action-boutique .savoirplus-btn {font-size: 11px; margin-top: 3px; display: inline-block;}
  input#bigbutton.download-icon, input#bigbutton.file-icon{font-size: 12px; padding: 7px 5px 7px 35px;}
  .action-boutique .right-content { width: 100% !important; }
  input#bigbutton { width: 100%;}
  #boutique_menu li {float: none; text-align: center;}
  #boutique_menu li a, #boutique_menu li.active, #boutique_menu li:last-child {display: block; width: 100%; height: 100%; border: 0;font-size: 13px;}
  #boutique_menu li:first-child , #boutique_menu li:last-child,  #boutique_menu li{border-radius: 0; float: none; }
  .title + p + div { width: 100% !important;     height: 100% !important;}
  .box-red .left-content { float: none; display: block; width: 100%; }
  .action-boutique p.product-title { text-align: center; font-size: 21px; padding-top: 0 !important;}
  .action-boutique .left-content.img { margin: 0 auto; width: 100% !important; padding: 0 !important; }
  ..action-boutique .show-transition { max-height: 100%; }
  .action-boutique .grandscomptes p.product-title { padding-top: 165px !important;}
}
/***** Tous les talents *****/
.title-section {display: none; margin-bottom: 0;}
.talents .category {
  background-position : top ;
  background-repeat : no-repeat ;
  margin-bottom : 30px ;
  min-height : 150px ;
}
.talents .talents-container {
  left : 100px ;
  position : relative ;
  top : 20px ;
  width : 520px ;
}
.talents .talent {
  background-size : cover ;
  border-radius : 0 0 10px 10px ;
  cursor : pointer ;
  height : 125px ;
  margin : 5px 0 0 5px ;
  width : 125px ;
}
.talents .title {
  background-color : #CAC8C9 ;
  border-radius : 0 0 10px 10px ;
  color : #000000 ;
  font-size : 16px ;
  height: 32%;
  margin-top: 69%;
  padding-top : 2px ;
  text-align : center ;
}
.talents .title:hover { color : #C10F25 ; }
.talents .suite-link {
  background : url('/app/whoswho/pix/icons/link.png') 0 6px no-repeat ;
  color : #C10F25 ;
  cursor : pointer ;
  padding-left : 18px ;
}
.talents .suite-link:hover { text-decoration : underline ; }
@media (max-width:992px) { .talents .category {background-position:left;}}
@media (max-width:767px) {
  .talents .category { background-position: top; background-repeat: no-repeat; background: none !important;  margin-bottom: 40px;}
  .talents .talents-container { left: 0;width: 100%; overflow: hidden;}
  .talents .talent { background-size: cover; border-radius: 0 0 10px 10px; cursor: pointer;  margin: 5px 0 0 5px;  background-repeat: no-repeat; }
 .talents .suite-link { margin-top: 10px; display: inline-block;;}
 .title-section {display: block;}
}

/***** Savoir-faire *****/
.savoir-faire .image {background-repeat:no-repeat; background-position: center center; margin:30px 0 15px 0; padding:0; height:195px; width:620px; position:relative;}
.savoir-faire IMG {margin:0; }
div.publication.savoir-faire .left-content {width:172px; margin-left:0px; background-color:#F2F0F0; height:195px;}
div.publication.savoir-faire .right-content {width:420px;}
div.publication.savoir-faire .title{padding:10px; text-align:center; font-size:20px; font-weight:bold; line-height:25px;}
div.publication.savoir-faire .title SPAN.pres{display:block; margin: 20px 0 20px 0; }
div.publication.savoir-faire .title SPAN.p-title{display:block; margin-top:10px; color:#c11025;}
.title SPAN.separator{ display:block; color:#CAC8C9; width:70%; margin:20px auto; overflow:hidden; text-align:center; line-height:1.2em;}
.title SPAN.separator:before, .title SPAN.separator:after{ content:""; vertical-align:top; display:inline-block; width:50%; height:0.5em;   border-bottom:1px solid #CAC8C9; margin:0 5% 0 -55%;}
.title SPAN.separator:after{ margin:0 -55% 0 5%; }
.savoir-faire div.box {
  background-position : center center ;
  background-repeat : no-repeat ;
  border : 4px solid #F2F0F0 ;
  cursor : pointer ;
  float : left ;
  height : 300px ;
  margin : 0 ;
  overflow : hidden ;
  padding : 0 ;
  position : relative ;
  width : 192px ;
}
.savoir-faire div.last{margin:0;}
.savoir-faire div.box .title{ padding:5px; background-color: #F2F0F0; text-align:center; line-height:25px; margin-top:50px; -webkit-transition: margin 1s; transition: margin 1s; width:190px; height:115px;}
.savoir-faire .h3 { text-transform:none; font-size:20px;}
.savoir-faire .h3 a { color: #C11025; font-weight:bold;}
.savoir-faire .h3 a:hover { text-decoration:none; }
.savoir-faire div.box:hover .title { margin:0px;}
.savoir-faire .description { opacity:0; padding:10px; color:#fff; -webkit-transition: opacity 1s; transition: opacity 1s; height:155px;}
.savoir-faire div.box:hover .description { opacity:1; background-color: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
.widget div.box{width:292px; height:240px;}
.widget div.box .title{width:290px;}

li.alert-edit { padding-top : 10px ; }
li.alert-list { cursor : pointer ; }
form.alert-prompt { margin-top : 20px ; }

@media( max-width:767px) {
  .savoir-faire .image { height: 100%; width: 100%; }
  div.publication.savoir-faire .right-content { width: 100% !important;     margin-top: 15px !important;}
  .savoir-faire IMG { margin: 0; width: 100%; float: none; min-width: 100% !important; top: 0 !important; min-height: 100% !important; }
  div.publication.savoir-faire .left-content {width: 100%; margin-top: 15px;}
  .pluit-carousel {width: 100% !important; overflow: hidden;}
}

/* New */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

/* ---- Default  ---- */
body, html {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
.container { max-width: 1025px; width: 100%; padding: 0 15px; margin: 0 auto; }
iframe[name=google_conversion_frame] {display: none;}
.clearfix:after { display: block; content: ""; clear: both; }
img { max-width: 100%; }
a { text-decoration: none; transition: 0.3s;}
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
/* ---- Form ---- */
.form-control {
  height:40px; background:#fff; box-shadow:none; font-size:16px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; color: #5A504F; border-radius: 4px;
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: 1px solid #5A504F;
  border-radius: 4px;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus { box-shadow:none; border-color: #5A504F; }
.form-control::-webkit-input-placeholder { color: #5A504F; }
.form-control::-moz-placeholder { /* Firefox 19+ */ color: #5A504F; }
.form-control:-ms-input-placeholder { /* IE 10+ */ color: #5A504F; }
.form-control:-moz-placeholder { /* Firefox 18- */ color: #5A504F; }
.form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

.form-control.form-control-search { padding-left: 40px; border-color: #fff; height: 35px; }
.form-control.form-control-search:focus { box-shadow:none; border-color: #5A504F; }

.form-radio input[type="radio"] { display: none; }
.form-radio input[type="radio"]:checked + label .icon:before { opacity: 1; }
.form-radio input[type="radio"] + label { font-weight: 500; cursor: pointer; font-size: 12px; font-weight: normal;}
.form-radio input[type="radio"] + label .label-align { display: inline-block;}
.form-radio input[type="radio"] + label .icon { display: inline-block; width: 14px; height: 14px; margin: -1px 0 0 5px; vertical-align: middle; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; border: 1px solid #fff; position: relative; -webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear; }
.form-radio input[type="radio"] + label .icon:before { transition: 0.3s; content: ''; display: block; width: 8px; height: 8px; background-color: #C29532; border-radius: 50%; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 2px; }


/* --- Button --- */
.btn { border-radius:40px; font-size:12px; min-height:34px; text-shadow:none; border:0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-color: #C29532 ; text-decoration: none; color: #fff; white-space: normal; padding: 10px 20px; background-image: none; white-space:  normal; box-shadow: initial; -webkit-transition: 0.3s; transition : 0.3s;  cursor: pointer;}
.btn[disabled] { pointer-events: none; }
.btn:focus , .btn:active , .btn:active:focus { outline: none; box-shadow: none; }
.btn.btn-primary {background-color: #C3081E ;}
.btn.btn-secondary {background-color: #C29532 ;}
.btn.btn-secondary:hover, .btn.btn-secondary:focus { background-color: rgba(194, 149, 50, 0.8) ;}

/* ---  Header --- */
.header-wrap + div { padding: 20px 0; overflow: hidden;}

/* Section */
a.link-menu-mobile { font-size: 30px; float: left; color: #fff; margin-top: 0; display: none; margin-top: 11px;}
a.link-menu-mobile:hover,
a.link-menu-mobile:focus { text-decoration: none;}

a.link-menu-mobile .fa-times { display: none; }
a.link-menu-mobile.active .fa-times { display: block; }
a.link-menu-mobile.active .fa-bars { display: none; }

.main-header-section { background: #C3081E; padding: 10px 0;}
.main-header-section .logo-main { float: left; width: 150px; }
.main-header-section .logo-main img { width: 100%; }

.nav-header { float: left; width: calc(100% - 160px); margin-top: 47px; padding-left: 15px;}
.nav-header li { float: left; padding:  0 9px; position: relative;}
.nav-header li .link-cart { position: relative; width: 20px;}
.nav-header li .link-cart .badge{ position: absolute; width: 20px; height: 20px; color: #fff; background: #C29532; display: block; border-radius: 50%; font-size: 11px; text-align: center; padding-top: 2px; top: -16px; right: -14px; }
.nav-header li .link-cart .badge.nodisplay {display: none;}
.nav-header li:last-child {padding-right: 0; position: relative;}
.nav-header li .icon-user { display: inline-block; vertical-align: middle; width: 14px; margin-right: 5px; margin-top: -2px;}
.nav-header li.item-actu { padding-bottom: 15px;}
.nav-header li.item-actu:hover ul { display: block; transition: 0.3s;}
.nav-header li.item-actu ul { position: absolute; display: none;width: 200px; top:100%; left:50%; transform: translateX(-50%); background: #C29532; z-index: 2; padding: 15px 10px;}
.nav-header li.item-actu ul:before { content: ' '; display: inline-block; top:-8px; left:50%; position: absolute; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #C29532 transparent;}
.nav-header li.item-actu ul li {display: block;float: none;}
.nav-header li.item-actu ul li + li {margin-top: 10px;}
.nav-header li.item-actu ul li a {display: block;}
.nav-header li.item-actu ul li a:hover {color: #5A504F;}
.nav-header li a { color: #fff; font-size: 13px;}
.nav-header li a:hover, .nav-header li a:focus { color: #C29532; text-decoration: none;}


.search-section { background:#5A504F; padding: 10px 0; color: #fff; }
.search-section .form-search { position: relative; float: left; width: 50%; }
.search-section .form-search .icon-search { position: absolute; top: 14px; left: 14px; width: 14px;z-index: 4; pointer-events: none; }
.search-section .block-btn { float: left; width: 50%; padding-left: 45px; line-height: 35px;}
.search-section .block-btn .form-radio{ float: left;  }
.search-section .block-btn .form-radio +  .form-radio { float: left; padding-left: 40px; }
.search-section .block-btn .btn {display: inline-block; margin-left: 30px; line-height: 1;}
.search-section .block-btn .link-search-more { color: #C29532; margin-left: 40px;}
.search-section-mobile { display: none; margin-top: 15px;}
.search-section .block-btn .link-search-more:hover, .search-section .block-btn .link-search-more:focus { color: #fff; text-decoration: none;}


.account-section { background: #fff; padding: 13px 0; overflow: hidden;}
.account-section .block-login  { overflow: hidden;}
.account-section .block-login .text-connexion {color: #C3081E; float: left; margin-right: 15px; }
.account-section .block-login .text-email {float: left; }
.account-section .block-login .user-box {float: left;}
.account-section .nav-account { float: right; overflow: hidden; }
.account-section .nav-account li { float: left; padding: 0 10px;}
.account-section .nav-account li a .more { font-size: 18px; margin-left: 5px; }
.account-section .nav-account li a:hover, .account-section .nav-account li a:focus { color: #C3081E; text-decoration: none;}
.account-section .block-login .user-box .icon-account { margin-right: 7px; margin-top: -1px; vertical-align: middle;}
.block-socials  { position: fixed; margin-bottom: 5px; left:10px; top:285px;}
.block-socials li a {  width: 30px; height: 30px; background: #423E3E; text-align: center; display: block; color: #fff; line-height: 30px; font-size: 18px; margin-bottom: 5px;}
.block-socials li a:hover, .block-socials li a:focus {background: #C3081E;}

.row { margin: 0 -15px;}
.col-sm-3 { float: left; width: 25%; padding: 0 15px;}
.block-socials.visible-sm { display: none;}
.account-section .nav-account.hidden-sm {}
.nav-account.visible-sm { display: none; }
.title-mobile-account { text-align: center; display: block; color: #fff; font-weight: 600; font-size: 18px; margin-bottom: 15px; }
.logout-mobile { display: none; float: right; font-size: 20px;}
a.link-logout {color: #C29532;padding-left: 5px;}
@media (max-width:1024px) {
  .search-section .block-btn { padding-left: 35px; }
  .block-socials {position: static; margin: 0 auto; text-align: center;}
  .block-socials li {display: inline-block;}
  .nav-header li.item-actu:hover ul { display: none; transition: 0.3s;}
  .block-socials.hidden-sm {display: none;}
  .block-socials.visible-sm { display: block;}
  .search-section .block-btn .link-search-more { margin-left: 25px;}
}
@media (max-width:1279px) {
  .logout-mobile { display: block; }
  .block-account  { float: left; width: 80%;}
  .main-header-section .logo-main { float: none; width: 80px; display: block; margin: 0 auto;}
  .nav-header { display: none; transition: 0.3s;   position: absolute; top:125px; background: #C3081E; left: 0px; width: 100%; margin-top: 0; z-index: 6; border-top: 1px solid #C29532;     border-bottom: 1px solid #C29532; padding: 20px 0;}
  .nav-header li {   padding: 0 8px;}
  .nav-header li.item-actu { padding-bottom: 0;}
  .search-section .form-search { width: 40%; }
  .search-section .block-btn { width: 60%; padding-left: 25px; }
  .search-section .block-btn .link-search-more { margin-left: 20px; }
  a.link-menu-mobile {display: block;}
  .search-section .block-btn .form-radio + .form-radio { padding-left: 15px; }
  .nav-header { top: 66px; padding-bottom: 0;}
  .main-header-section { background: #C3081E; padding: 10px 0 5px; }
  .nav-header li { float: none; padding: 0 10px; position: relative; display: block; text-align: center; }
  .nav-header li + li { margin-top: 15px; }
  .nav-header > li:last-child {margin-top: 20px; }
  .search-section .block-btn .btn { display: block; margin: 0 auto; max-width: 120px; width: 100%;}

  .search-section-desktop { display: none;}
  .search-section-mobile { display: block;}
  .search-section .form-search { width: 100%; margin-bottom: 12px; }
  .search-section .block-btn { width: 100%; padding-left: 0; text-align: center; max-width: 300px; margin: 0 auto; float: none;}
  .search-section .block-btn .link-search-more { margin-left: 0; }
  .nav-header li.item-actu ul { display: block !important; position: relative; transform: none; width: 100%;  max-width: 350px; left: 0; margin: 15px auto 0; padding-bottom: 5px;}
  .nav-header li.item-actu ul li { float: left; width: 50%; margin-bottom: 8px; padding: 0;}
  .nav-header li.item-actu ul li a{ font-size: 12px;}
  .nav-header li a { font-size: 15px;}
  .nav-header li.item-actu ul li + li { margin-top: 0;}

  .account-section .nav-account.hidden-sm { display: none; }
  .nav-account.visible-sm { display: block; overflow: hidden;}
  .nav-account.visible-sm li { float: left; width: 100%; margin: 0 0 10px;}
  .nav-account.visible-sm li a { font-size: 12px;}

  .nav-account.visible-sm { margin-bottom: 15px; border-bottom: 1px solid #fff; }
  .account-section .block-login .text-connexion,
  .account-section .block-login .text-email {float: none; display: block; }
  .account-section .block-login .user-box { display: block; float: none; overflow: hidden; margin-bottom: 0; }
}

@media (max-width:767px) {
  .account-section .nav-account li.block-deconnexion { float: right; margin-top: 18px;}
  .account-section .nav-account li.block-deconnexion a { font-size: 17px;}
}

/* Footer*/
.img-section { background: #C3081E; padding: 35px 0 25px; color: #fff;}
.img-section .col-sm-3 { float: left; width: 25%; padding: 0 15px; text-align: center; }
.img-section .col-sm-3 .title { color: #fff; font-size: 16px; margin: 0 0 20px; text-transform: initial;}
.img-section .col-sm-3 img { max-height: 150px; width: auto; height: 100%;}
.biographie-section { background: #C29532; padding: 20px 0 0;color: #fff;text-align: center;}
.biographie-section .nav-index > ul ul { display: none; position: absolute; z-index: 4; background: #D0A656; top: 100%; left: 0; padding: 15px; width: 90px; font-size: 14px;}
.biographie-section .nav-index > ul ul li + li { margin-top: 10px; }
.biographie-section .nav-index > ul > li { float: left; margin-right: 10px; position: relative; }
.biographie-section .nav-index > ul > li:hover ul {display: block;}
.biographie-section .nav-index > ul > li { padding-bottom: 20px;}
.biographie-section .nav-index > ul > li span { background: #D0A656; color: #fff; font-size: 12px; height: 30px; padding: 9px 12px; line-height: 1; border-radius: 40px; cursor: pointer;display: block;}
.biographie-section .title-index {float: left; font-size: 14px; margin-right: 40px; margin-top: 5px;}

.nav-section { background: #fff; padding: 30px 0; }
.nav-links { color: #B2B2B2; }
.nav-links a { color: #B2B2B2; }
.nav-links a:hover, .nav-links a:focus { color: #fff; text-decoration: none;}

.link-section { background: #5A504F; padding: 20px 0; color: #fff; }

.footer-sub-bloc .top-title {font-size: 16px; margin-bottom: 10px; color: #5A504F;}
.footer-sub-bloc ul {margin-bottom: 15px; }
.footer-sub-bloc ul li + li {margin-top: 5px;}
.footer-sub-bloc ul li a { font-size: 12px; color: #5A504F;}
.footer-sub-bloc ul li a:hover, .footer-sub-bloc ul li a:focus { text-decoration: none; color: #C29532;}
.footer-sub-bloc .link-add { font-size: 12px; margin-bottom: 10px; color: #5A504F;}
.footer-sub-bloc .link-add:hover, .footer-sub-bloc .link-add:focus { text-decoration: none; color: #C29532;}

.footer-sub-bloc .top-title {font-size: 16px; margin-bottom: 10px; color: #5A504F;    display: block;}
.footer-sub-bloc .text-payment { margin-bottom: 15px; font-size: 12px;}

@media (max-width:992px) {
  .biographie-section .title-index {float: none; font-size: 14px;  margin-right: 0; margin-top: 0; margin-bottom: 20px;display: block;}
  .biographie-section .nav-index > ul {text-align: center;}
  .biographie-section .nav-index > ul > li { float: none; display: inline-block; }
  .img-section .col-sm-3 img { max-width: 110px; width: 100%; max-height: 100%; }
  .footer-sub-bloc .top-title { font-size: 12px;}
}
@media (max-width:767px) {
  .biographie-section .nav-index > ul > li span { margin-bottom: 10px; }
  .biographie-section .nav-index > ul > li { padding-bottom: 0;}
  .biographie-section .nav-index > ul { top: calc(100% - 9px);}
  .nav-section { padding: 30px 0 5px; }
  .img-section { padding: 35px 0 0;}
  .img-section .col-sm-3  { width: 50%; min-height: 180px;}
  .link-section { text-align: center;}
  .footer-sub-bloc  {width: 100%; float: none; margin-bottom: 20px;}
  .footer-sub-bloc .top-title { margin-bottom: 5px; }
  .footer-sub-bloc ul { margin-bottom: 10px; }
}

/* Home */
.carousel-pub .carousel-inner {background-color: #BCBCBC;}
.carousel-pub .carousel-inner > .item { height: 250px; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #BCBCBC;}
.carousel-pub .carousel-control{display: none;}
.img-pub { height: 250px; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #BCBCBC; position: relative; display: block;}
.img-pub.mobile {display: none;}
.img-pub .text-pub { background: rgba(195, 8, 30, 0.7); padding: 10px 15px; color: #fff; border-radius: 9px; display: inline-block; transition: 0.3s; font-size: 16px; line-height: 1.3; position: absolute; bottom: 15px; left:15px;max-width: 80%;}

.carousel-actu .carousel-inner {background-color: #BCBCBC;}
.carousel-actu .carousel-inner > .item { height: 318px; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #BCBCBC; padding: 0;}
.carousel-actu .carousel-indicators { display: none;}
.carousel-actu .carousel-control { display: none;}
.carousel-actu .item .link-actu {display: block; position: relative; height: 100%; padding-top: 0;}
.carousel-actu .item .title-actu { background: rgba(195, 8, 30, 0.7); padding: 10px 15px; color: #fff; border-radius: 9px; display: inline-block; transition: 0.3s; font-size: 18px; line-height: 1.3; text-transform: initial; margin-left: 15px; margin-right: 15px; margin-top: 15px;}
.carousel-actu .item .title-actu:hover , .carousel-actu .item .title-actu:focus{ background: #C29532; }
.carousel-actu .item .title-actu  a { text-decoration: none; color: #fff;}
.carousel-actu .item .text-actu  {position: absolute; bottom: 0; color: #fff; font-size: 14px; left: 0; padding: 15px 15px 15px 15px; background: rgba(0, 0, 0, 0.3); width: 100%;}
.carousel-actu .item .link-more  {width: 24px; height: 24px; border-radius: 50%; display: block; position: absolute;right: 20px; bottom: 20px; color: #fff; line-height: 24px; text-align: center; background: #C29532; text-decoration: none;}
.carousel-actu .item .link-more:hover , .carousel-actu .item .link-more:focus   {background: #C3081E;}
.carousel-actu .item .title-actu:hover  a { text-decoration: none; color: #fff;}
@media(max-width:767px) {
  .carousel-actu .item .title-actu { font-size: 13px;}
  .carousel-actu .carousel-inner > .item {height: 53.2vw;}
  .img-pub.mobile , .carousel-actu{display: block; margin:0 -20px;}
  .img-pub.desktop {display: none;}
  .img-pub .text-pub { font-size: 12px; }
  .img-pub { height: 40vw;}
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* Portrait */
.col-main { width: 25%; float: left;}
.col-carousel { width: 100%; float: left;}

.col-video {width: 140px; float: left;}
.col-carousel .col-video {width: 150px; float: left; padding: 0 5px ;}

.col-video .img {width: 100%; float: left; padding-bottom: 100%;background-size: cover; background-position: center center; background-repeat: no-repeat;background-color: #eee;    display: block; border-radius: 10px; margin-bottom: 10px;}

.col-video .link-video {display: block; font-size: 16px; margin-bottom: 3px;color: #0B0B0B;}
.col-video .link-video:hover, .col-video .link-video:focus {color: #C3081E; text-decoration: none;}
.col-video .title-poste { display: block; color: #5C5E5F;}
.col-video .title-firm { display: block; color: #5C5E5F;}


.carousel-portrait .carousel-control.left {left: -14px;}
.carousel-portrait .carousel-control {background: none; text-shadow: none; padding-top: 70px; width: 3%;}
.carousel-portrait .carousel-control:hover, .carousel-portrait .carousel-control:focus {color: #C3081E;}
.carousel-portrait .carousel-indicators,
.carousel-portrait-mobile {display: none;}
@media(max-width:992px) {
  .col-carousel { width: 67%;}
}
@media(max-width:767px) {
  .col-main { width: 100%; float: none; overflow: hidden; margin: 0 auto; display: block; max-width: 140px;}
  .col-carousel { width: 100%; float: none;}
  .col-video  { margin-bottom: 20px;}
  .carousel-portrait-desktop {display: none;}
  .col-carousel .col-video { float: none; margin: 0 auto; }
  .carousel-portrait .carousel-control.left { left: 0;}
  .carousel-portrait .carousel-control {width: 10%;}
  .carousel-portrait-mobile {display: block;}
}


/* Account */
@media(max-width:767px) {
  .account-panel table.content-panel {height: 100%; width: 100%; display: block;}
  .account-panel table.content-panel > tbody ,
  .account-panel table.content-panel > tbody > tr { display: block;}
  .account-panel table.content-panel > tbody > tr >td { display: block;}
  .dialog-support, .dialog-shadow { width: 100% !important; }
  .dialog-shadow { background: none;}
  .dialog-support { padding: 10px;}
}
.action-publication .publication p {margin-left: 0;}