@charset "utf-8";
/* CSS Document */

/* ---- font ---- */

/* ---- fin police ----*/

/* ---- commun ---- */
.Dnone {
  display: none;
}
.inline {
  display: inline !important;
}
.inlineB {
  display: inline-block !important;
}
.pRelative {
  position: relative;
}
.dBlock {
  display: block !important;
}
.floatL {
  float: left !important;
}
.floatR {
  float: right !important;
}
.Acenter {
  text-align: center;
}
.spacer {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
}
.spacer20 {
  display: block;
  clear: both;
  padding: 20px 0 0 0;
  margin: 0;
}
.spacer15 {
  display: block;
  clear: both;
  padding: 15px 0 0 0;
  margin: 0;
}
.spacer10 {
  display: block;
  clear: both;
  padding: 10px 0 0 0;
  margin: 0;
}
.spacer5 {
  display: block;
  clear: both;
  padding: 5px 0 0 0;
  margin: 0;
}
.block a.new,
p.media,
.autocompleteSuggestions li b,
#date li a.selected,
.listeInvite .blocCont.selected,
.listeInvite .blocCont:hover,
.sizeFly label.selected b,
.calendarEventForm .open h2 a,
.pagination a.selected,
.Fblock.New a,
.shareFormLogin .lostPswd a,
.orange {
  color: #faa900 !important;
}
.gris {
  color: #aaa !important;
}
.rouge {
  color: #d73c3c !important;
}
.bleu {
  color: #2396aa !important;
}
.vert {
  color: #559900 !important;
}
.bgOk {
  background: #8eb82b !important;
  color: #fff;
  text-shadow: none;
}
.bgKo {
  background: #d73c3c !important;
  color: #fff;
  text-shadow: none;
}
.padd10P {
  padding: 10px;
}
.padd10imp {
  padding: 10px !important;
}

#contact_footer .Groupe.sup.dropHover,
#contact_footer .Groupe.dropHover,
#contact_footer .Groupe.contactInside,
#contact_footer .Groupe.current,
#date li a:hover,
#date li a.selected,
#mediacenter p.photoAlbum a:hover,
#mediacenter p.photoAlbum a.selected,
.selected a.cam .borderBox,
#chatFilter p a:hover,
#chatFilter p a.selected,
.listeInvite .blocCont.selected,
.sizeFly label.selected,
#AgeFilter p a.selected,
.pagination a.selected,
.BordrOrange {
  border-color: #faa900 !important;
}
.BorderRouge {
  border-color: #b40000 !important;
}
.ONline:after,
.ONline {
  border-color: #8eb82b !important;
}
.OFFline:after,
.OFFline {
  border-color: #d13333 !important; /* #DB4141*/
}
.puce {
  background: transparent url(../images/accueil/puce.gif) no-repeat right center;
  padding-right: 13px;
}
a {
  text-decoration: none;
}
.erre {
  display: block;
  background: #fff5f5;
  border: 1px solid #f0a0a0;
  color: #d73c3c !important;
  font-size: 12px;
  padding: 8px 10px;
  line-height: 10px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
/*a:hover 	{ text-decoration:underline; }*/
em {
  font-style: normal;
}
img {
  border: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  list-style: none;
}
.status[data-entity-id*="admin"],
.borderBox {
  border: 1px solid #e6e6e6;
  background: #fafafa;
}
em.info,
a.info {
  display: inline-block;
  padding-top: 8px;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
}
a.info img {
  vertical-align: bottom;
}
.noBg {
  background: none;
  background-image: none !important;
}
a.help b.pict {
  display: inline-block;
  height: 12px;
  width: 13px;
  background-position: -96px -125px;
}
i.mob {
  display: inline-block;
  white-space: nowrap;
  font-size: 10px;
  font-style: normal;
  color: #b4b4b4;
}
.noClassPhoto {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 18px;
}

.chexkBlist label {
  display: inline-block;
  padding: 3px 5px 3px 3px;
  margin: 1px 0 1px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}

body,
html {
  text-align: center;
  padding: 0;
  margin: 0;
  color: #505050;
}
body.pierre {
  background: #f3f3f4 url(../images/home/bg.jpg) center top repeat-y;
}
body.pierreF {
  background: #bbbbbb;
}
body.chrome {
  background: #a7abae url(../images/home/bg-chrome.jpg) center top repeat-y;
}
body.visuel1 {
  background: #292c31 url(../images/home/background_1.jpg) center top no-repeat
    fixed;
  background-size: cover;
}
body.visuel2 {
  background: #1b2d38 url(./background.jpeg) center top no-repeat fixed;
  background-size: cover;
}

p.chiffre em,
body,
input,
select {
  font-family: "Titillium_Regular", Arial, Helvetica;
}
#Event .goTo, /*input[type="submit"],*/ strong, h3, div.Tab h4, .Mur div.Evenement ul li h4,.fiche .Mur h4,#mediacenter  h1 {
  font-family: "Titillium_Bold", Arial, Helvetica;
}
#party label,
.Mur .detSoiree a {
  font-family: "Titillium_Bold", Arial, Helvetica !important;
}
ul.miniFiche li i,
.bouton.bgOrange,
.bouton.bgRouge,
.block,
b,
.Mur h3,
.ibulle {
  font-family: "Titillium_Medium", Arial, Helvetica;
}
#party h1,
.Exhib h3 em,
h2 {
  font-family: "Titillium_Light", Arial, Helvetica;
}
.calendar li em,
b.award.conc,
.ongletBottom em b {
  font-family: "Helvetica_bold", Arial, Helvetica;
}
.Mur p.btMur .btlike {
  font-family: Verdana, Geneva, sans-serif !important;
}
h1,
h2,
h3,
h4,
p,
b,
strong {
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
}

.container {
  margin: 0 auto;
  padding: 0;
  width: 990px;
  text-align: left;
}
.NOcontainer {
  width: auto;
}
.containerCont {
  width: 1007px;
  padding-left: 17px;
}
.containerCont .container {
  margin: 0;
}
#content.containerCont,
#content.NOcontainer {
  padding-top: 100px;
}
/*.container.home p, .container.home h2, .container.home h1, .container.home h4, .container.home a,*/
.container li,
li a,
#tchat a,
.container a {
  text-shadow: #fff 1px 1px 1px;
  color: #505050;
}
.container.home a,
.container.home p,
.container.home h2,
.container.home h1,
.container.home h4 {
  text-shadow: #505050 1px 1px 1px;
  color: #fff;
}

.navigator p.BTnav a.keydown, /* christophe */
.navigator p.BTnav a:hover,
.barrenoir {
  background: -moz-linear-gradient(top, #4f4f4f 0%, #323232 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #4f4f4f),
    color-stop(100%, #323232)
  );
  background: -o-linear-gradient(top, #4f4f4f 0%, #323232 100%);
  background: -ms-linear-gradient(top, #4f4f4f 0%, #323232 100%);
  background: linear-gradient(top, #4f4f4f 0%, #323232 100%);
  background-color: #4f4f4f;
}

.bouton.selected, /* christophe bouton selectionné formulaire publication photo */
#party label.ouiNon.selected, .ouiNon.selected, #party .bgOrange,
.block a.new strong, .Mur li.menu a.orange strong, .Mur div.Evenement ul li.orange strong, .Window-response, ol#DiscChatList li .newMSG.orange,  ul.ville li a.Loc,
.bgOrange {
  background: -moz-linear-gradient(top, #ef8231 0%, #eb6400 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ef8231),
    color-stop(100%, #eb6400)
  );
  background: -o-linear-gradient(top, #ef8231 0%, #eb6400 100%);
  background: -ms-linear-gradient(top, #ef8231 0%, #eb6400 100%);
  background: linear-gradient(top, #ef8231 0%, #eb6400 100%);
  background-color: #ef8231;
  color: #fff !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25) !important;
  font-family: "Helvetica_bold";
}

/* christophe bouton selectionné formulaire publication photo */
.bouton.selected {
  font-weight: normal;
}

#party label.non.selected,
.non.selected,
.calendar li.selected a,
.bouton.hard:hover,
.hard .bouton.hard,
.bgRouge {
  background: -moz-linear-gradient(top, #d60000 0%, #bb0000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #d60000),
    color-stop(100%, #bb0000)
  );
  background: -o-linear-gradient(top, #d60000 0%, #bb0000 100%);
  background: -ms-linear-gradient(top, #d60000 0%, #bb0000 100%);
  background: linear-gradient(top, #d60000 0%, #bb0000 100%);
  background-color: #bb0000;
  color: #fff !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25) !important;
}
.bgRouge2 {
  background: -moz-linear-gradient(
    top,
    #d8747b,
    #ca414c 55%,
    #bd1522 55%,
    #bd1522
  ) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d8747b),
    to(#bd1522),
    color-stop(0.55, #ca414c),
    color-stop(0.55, #bd1522)
  );
  background: -o-linear-gradient(
    top,
    #d8747b,
    #ca414c 55%,
    #bd1522 55%,
    #bd1522
  );
  background: -ms-linear-gradient(
    top,
    #d8747b,
    #ca414c 55%,
    #bd1522 55%,
    #bd1522
  );
  background: linear-gradient(top, #d8747b, #ca414c 55%, #bd1522 55%, #bd1522);
  background-color: #bd1522;
}

#party label.oui.selected,
.oui.selected,
.bgVert {
  background: -moz-linear-gradient(top, #9ec130 0%, #79a619 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #9ec130),
    color-stop(100%, #79a619)
  );
  background: -o-linear-gradient(top, #9ec130 0%, #79a619 100%);
  background: -ms-linear-gradient(top, #9ec130 0%, #79a619 100%);
  background: linear-gradient(top, #9ec130 0%, #79a619 100%);
  background-color: #9ec130;
  color: #fff !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25) !important;
}

.status[data-entity-id*="admin"],
.navigator p.BTnav a,
.bgGrisKlr {
  background: -moz-linear-gradient(top, #fafafa 0%, #e6e6e6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fafafa),
    color-stop(100%, #e6e6e6)
  );
  background: -o-linear-gradient(top, #fafafa 0%, #e6e6e6 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #e6e6e6 100%);
  background: linear-gradient(top, #fafafa 0%, #e6e6e6 100%);
  background-color: #ebebeb;
  color: #424242 !important;
  text-shadow: 0px 1px 1px #fff;
  font-size: 12px !important; /*  font-family: 'Helvetica_bold';*/
}
.bgGrisKlr2 {
  background: -moz-linear-gradient(top, #e7e7e7 0%, #c7c7c7 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #e7e7e7),
    color-stop(100%, #c7c7c7)
  );
  background: -o-linear-gradient(top, #e7e7e7 0%, #c7c7c7 100%);
  background: -ms-linear-gradient(top, #e7e7e7 0%, #c7c7c7 100%);
  background: linear-gradient(top, #e7e7e7 0%, #c7c7c7 100%);
  background-color: #d7d7d7;
  color: #424242 !important;
  text-shadow: 0px 1px 1px #fff;
  font-size: 12px !important; /*  font-family: 'Helvetica_bold';*/
}
.bgGrisRad {
  background: #f6f6f6;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #f6f6f6 50%,
    #d9d9d9 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(50%, #f6f6f6),
    color-stop(100%, #d9d9d9)
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #f6f6f6 50%,
    #d9d9d9 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #f6f6f6 50%,
    #d9d9d9 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #f6f6f6 50%,
    #d9d9d9 100%
  );
  background: radial-gradient(ellipse at center, #f6f6f6 50%, #d9d9d9 100%);
}
.bgNoirTrans {
  background: -moz-linear-gradient(
    right,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0%, rgba(0, 0, 0, 0.2)),
    color-stop(100%, rgba(0, 0, 0, 0))
  );
  background: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -ms-linear-gradient(
    right,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    right,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

li.menu a.bleu strong, /* christophe */
.bouton.soft:hover, .soft .bouton.soft,
.bgBleu {
  background: -moz-linear-gradient(top, #53a9b9 0%, #2396aa 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #53a9b9),
    color-stop(100%, #2396aa)
  );
  background: -o-linear-gradient(top, #53a9b9 0%, #2396aa 100%);
  background: -ms-linear-gradient(top, #53a9b9 0%, #2396aa 100%);
  background: linear-gradient(top, #53a9b9 0%, #2396aa 100%);
  background-color: #2396aa;
  color: #fff !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25) !important;
}

li.menu a.vert strong {
  background-color: #559900;
  color: #fff !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25) !important;
}

.block.listCont label:hover,
.block.listCont a:hover,
a:hover span.ibulle,
.fiche #cover p.msg,
.search ul li.selected,
#chatWindow .chatInfo span:hover,
.showIbulle:hover span.ibulle,
.ApplaGrisF {
  background-color: #5a5a5a;
  color: #fff !important;
  text-shadow: none;
}
.ApplaGrisF2 {
  background-color: #2d2d2d;
  color: #fff;
}
.chatRechS ul li:hover,
.Settings li:nth-child(2n-1),
.ApplaGris {
  background-color: #f0f0f0;
}
.navigator a:hover,
a.ApplaBlanc:hover,
.ApplaGris2 {
  background-color: #e6e6e6;
}
.ApplaBlanc {
  background-color: #fff;
}

.block.sizeFly label.selected,
.ApplaOrangeP {
  background-color: #fff5eb !important;
}
/* #Stats .Fblock.New .info, #Stats .Fblock.New .Pinfo,*/
#header .menu .miscs-card a.new,
.ApplaOrange50 {
  background-color: #fcc084 !important;
}
.ApplaVert {
  background-color: #96bd2e;
  color: #fff;
}
.publishNotReady .ApplaVert {
  background-color: red;
  color: #fff;
}
.publishLocked .ApplaVert {
  background-color: #ffb700;
  color: #fff;
}
/*
.navigator a { font-size:10px; }
.navigator a.selected { font-size:20px; }
*/
.navigator a.selected,
.shareFormLogin .btn,
.helpWND .Tuto.step1 a.stepN1,
.helpWND .Tuto.step2 a.stepN2,
.helpWND .Tuto.step3 a.stepN3,
.helpWND .Tuto.step4 a.stepN4,
.helpWND .Tuto.step5 a.stepN5,
.helpWND .Tuto.step6 a.stepN6,
.autocompleteSuggestions li.selected,
.block.menuFiche li.onglS a,
.block.menuFiche li a:hover,
p.media a b.prive.edit,
p.pratique,
#mediacenter .status .New,
.selected a.cam .borderBox,
.C2C.Recut.Envoye,
p.miniprofil,
.ApplaOrange {
  background-color: #fa820a;
  color: #fff;
} /*fb8a1a*/

.Window-response,
.Window-destroy,
.bouton {
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #cdcdcd;
  box-shadow: inset 0px -1px 1px #fff, 0px 1px 0px rgba(0, 0, 0, 0.1);
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}

.bouton em {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  text-shadow: none;
}
.Window-response,
.bouton.bgRouge,
.bouton.bgBleu,
.bouton.bgOrange {
  text-transform: none;
  border: none;
}
.bouton.supp {
  text-transform: none;
  border-color: #f0a0a0;
  background: #fff5f5;
  color: #d73c3c;
  padding: 0 15px;
}
.bouton .pict.plus {
  width: 14px;
  height: 15px;
  background-position: -157px -192px;
  color: transparent;
  vertical-align: middle;
  text-shadow: none;
  margin-right: 3px;
}
.Window-response,
.Window-destroy,
input.bouton {
  height: 26px;
  font-family: "Titillium_Medium";
}
.barrenoir.disabled,
.bouton.disabled {
  visibility: hidden;
}
form .counter .current {
  color: green;
}
form .counter .current.min {
  color: orange;
}
form .counter .current.max {
  color: red;
}

/*.FakeInpt input { display:none; }*/
.FakeInpt {
  overflow: hidden;
  width: 56px;
  display: inline-block;
  position: relative;
}
.FakeInpt input {
  top: -20px;
  position: absolute;
}
.checkBox {
  display: inline-block;
  border-radius: 3px;
  background: #e1e1e1;
  width: 54px;
  height: 16px;
  overflow: hidden;
  padding: 1px;
  text-transform: uppercase;
  font-size: 10px;
  box-shadow: inset 0px 1px 2px #aaa;
}
.checkBox:before,
.checkBox:after {
  display: inline-block;
  width: 27px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-family: "Titillium_Bold";
  color: #bbb;
  border-radius: 2px;
  cursor: pointer;
}
.checkBox:before {
  content: "oui";
}
.checkBox:after {
  content: "non";
  background-color: #d63b3b;
  color: #fff;
}
.FakeInpt input:checked + .checkBox:after {
  background-color: transparent;
  color: #bbb;
}
.FakeInpt input:checked + .checkBox:before {
  background-color: #8eb82b;
  color: #fff;
}

.FakeInpt.big {
  width: 100px;
}
.FakeInpt.big .checkBox {
  vertical-align: middle;
  border-radius: 5px;
  width: 98px;
  height: 23px;
  line-height: 23px;
  font-size: 15px;
}
.FakeInpt.big .checkBox:before,
.FakeInpt.big .checkBox:after {
  border-radius: 4px;
  width: 49px;
  height: 21px;
  line-height: 21px;
}

.FakeInpTxt {
  border: 1px solid #ccc;
  min-height: 30px;
  line-height: 30px;
  background: #fff;
  position: relative;
}

.FakeInpTxt input {
  border: none;
  text-indent: 5px;
  width: 100%;
  background: transparent;
  padding: 0;
  margin: 0;
  height: 28px;
}

.FakeInpTxt label {
  display: block;
  padding-left: 7px;
  text-align: right;
}
.FakeInpTxt label input {
  width: 70%;
}
.FakeInpTxt label b {
  display: inline-block;
  float: left;
}
.FakeInpTxt .supM {
  position: absolute;
  top: 10px;
  right: 10px;
}

.FakeInpTxt .showIbulle {
  position: absolute;
  top: 0;
  right: 10px;
}
.FakeSelect {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  top: -1px;
  margin-bottom: -2px;
  padding: 0 5px 0 9px;
  border-right: 1px solid #ccc;
}

.selectInpt,.selectInpt p, .selectInpt.open, .selectInpt.open ul, .selectInpt a/*, .selectInpt:hover ul*/ {
  display: inline-block;
}
.selectInpt {
  height: 26px;
  vertical-align: top;
  line-height: 26px;
  border-color: #cdcdcd !important;
  cursor: default;
  position: relative;
  z-index: 9;
}

.selectInpt.open li,
.EventInfo .selectInpt li {
  padding: 0;
}
.selectInpt ul li p,
#formEvent .selectInpt ul li p {
  font-size: 14px;
  padding: 0 10px;
}
.selectInpt span.title {
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
}
.selectInpt ul {
  position: absolute;
  top: 27px;
  left: 0;
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  width: auto;
  min-width: 240px;
  overflow: auto;
  max-height: 300px;
}

.FakeInpTxt.disabled,
.FakeInpTxt.disabled * {
  opacity: 0.4;
}
.FakeInpTxt.required,
.FakeInpTxt.error,
.selectInpt.required,
.sceditor-container.required {
  border: 1px solid #ffaeae !important;
}
.FakeInpTxt.error input[type="text"],
.messageBox p {
  color: #ff3333;
}

/*.selectInpt:hover ul	{ width:200px;}*/
.FakeSlct {
  display: inline-block;
  width: 14px;
  border-left: 1px solid #cdcdcd;
  float: right;
  text-align: center;
  box-shadow: inset 0 0 1px #fff;
}
.FakeSlct b.pict {
  display: inline-block;
  height: 6px;
  width: 7px;
  background-position: -140px -53px;
  line-height: 7px; /* ie fix */
  color: transparent;
  text-shadow: none;
}

span.upD {
  margin-top: 5px;
  display: inline-block;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  padding-right: 20px;
  background: transparent url(../images/commun/updown.png) no-repeat right -32px;
}
span.upD.plus {
  color: #6b990d;
  background-position: right 0;
}
span.upD.moin {
  color: #d73c3c;
  background-position: right -16px;
}

a.back {
  display: block;
  height: 32px;
  line-height: 32px;
  text-shadow: none;
  color: #fff;
  margin-top: -10px;
  background: #7f7f7f;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
}
a.back b {
  display: inline-block;
  height: 26px;
  width: 26px;
  color: transparent;
  margin: 3px;
  vertical-align: top;
  background-position: -96px -137px;
}

ul.onglet {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 31px;
}
ul.onglet li {
  display: block;
  float: left;
  border-top: 1px solid #ccc;
  position: relative;
}
ul.onglet li a {
  display: block;
  height: 30px;
  line-height: 30px;
  border-right: 1px solid #ccc;
  background-color: #f4f4f4;
  padding: 0 8px;
  color: #a1a1a1;
}
ul.onglet li a b {
  line-height: 22px;
  display: inline-block;
  height: 22px;
  margin-top: 4px;
}
ul.onglet li a.supM {
  position: absolute;
  top: -9px;
  right: -9px;
  background-color: #fff;
  height: 10px;
  width: 10px;
  border-radius: 20px;
  border: 3px solid #fff;
  box-shadow: 0 0 6px #555;
}
ul.onglet li a:hover,
ul.onglet li a.onglS {
  color: #5a5a5a;
}
ul.onglet li a.onglS {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
.onglet a strong {
  border-radius: 3px;
  padding: 0 5px;
  font-size: 14px;
}
ul.onglet li.param {
  background: none;
  border: none;
  float: right;
}
ul.onglet li.param a {
  background: none;
  border: none;
  display: inline-block;
  height: auto;
  vertical-align: middle;
  width: auto;
  padding-right: 0;
  font-size: 11px;
}

.Mur .party .ongletBottom,
.ongletBottom {
  padding: 9px 15px;
  text-align: left;
  line-height: 30px;
  height: 30px;
}
.ongletBottom em {
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  height: 30px;
  color: #646464;
  padding-right: 15px;
  line-height: 15px;
}
.ongletBottom em b {
  font-size: 36px;
  display: block;
  float: left;
  line-height: 28px;
  padding-right: 5px;
}
.ongletBottom span.floatR {
  font-size: 13px;
}
.ongletBottom a.btN {
  text-transform: uppercase;
  font-size: 11px;
}
.ongletBottom a.unselected {
  color: #a7a7a7;
}
.ongletBottom a.bouton {
  width: 194px;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
}
.ongletBottom select {
  vertical-align: middle;
}

.VideoScop h3 a,
.Exhib h3 a,
strong.Fav,
b.Cold,
b.Hot,
b.Expl,
b.New,
b.Cert,
b.Pop,
li.pict a,
p.nav a.pict,
span.mod a,
.bulle,
b.discus,
.bareEdit a,
.fiche #cover p.photo .bareEdit a,
.pratique b,
a.pict,
label.pict,
strong.pict,
#mediacenter a.pict.supM,
#header .menu ul li a,
.fiche a.pict.supM,
#LV_CAM .bareEdit a,
.fiche p.msg em,
a.close,
a.prive,
a.cover,
.plan p a span.plus,
b.time,
b.pict,
.showPlan p.bottomPlan b,
ul.miniFiche .btn strong,
.chatCam b.prive,
.smileyBox,
.login.fav,
a.Loc:before,
.uploadWidget .flyer a.removeButton {
  background-image: url("../images/commun/sprite_picto.png?v=2");
  background-repeat: no-repeat;
  position: relative;
}

.pict {
  position: relative;
  display: inline-block;
}
a.pict {
  height: 20px;
  width: 23px;
}

p.media a b,
p.media,
.compteur,
.award,
.vignetteC span.first,
#medaille,
p.Check,
#receivers p.minFiche em,
ul.Fblock.video b.play,
.STcam b.play,
.vignV b.play {
  background-image: url("../images/commun/sprite_media.png");
  background-repeat: no-repeat;
  position: relative;
}

#mediacenter a.add strong {
  background-image: url("../images/fiche/sprite_media_edition.jpg");
  background-repeat: no-repeat;
  position: relative;
}

.social {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-image: url("../images/commun/sprite_mail.png");
  background-repeat: no-repeat;
  position: relative;
  width: 58px;
  height: 58px;
}
.social--small {
  width: 16px;
  height: 16px;
}

.social.google {
  background-position: 0 0;
}
.social.yahoo {
  background-position: -58px 0;
}
.social.live {
  background-position: -116px 0;
}
.social.fb {
  background-position: 0 -58px;
}
.social.tweet {
  background-position: -16px -58px;
}
.social.gplus {
  background-position: -32px -58px;
}

.btSocial {
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  background-color: #b4b4b4;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.btSocial.gplus {
  background-image: url("../images/commun/social-g.png");
}
.btSocial.fb {
  background-image: url("../images/commun/social-facebook.png");
}
.btSocial.tweet {
  background-image: url("../images/commun/social-twitter.png");
}
.btSocial.snap {
  background-image: url("../images/commun/social-snap.png");
}
.btSocial.blog {
  background-image: url("../images/commun/social-blog.png");
}
.btSocial.snap .viewST {
  position: absolute;
  top: 100%;
  left: -100px;
  margin-top: 7px;
  display: none;
}
.btSocial.snap:hover .viewST {
  display: block;
}
.btSocial.snap .viewST:before {
  position: absolute;
  content: "";
  border: 6px solid transparent;
  border-bottom-color: #000;
  top: -12px;
  left: 110px;
}

h2.onglet a b,
ul.onglet li a b {
  background-image: url("../images/commun/sprite_onglet.png");
  background-repeat: no-repeat;
  position: relative;
}
ul.onglet li a.photo b {
  background-position: 0 -110px;
  padding-left: 18px;
}
ul.onglet li a.photo:hover b,
ul.onglet li a.photo.onglS b {
  background-position: 0 0;
}
ul.onglet li a.album b {
  background-position: 0 -132px;
  padding-left: 26px;
}
ul.onglet li a.album:hover b,
ul.onglet li a.album.onglS b {
  background-position: 0 -22px;
}
ul.onglet li a.video b {
  background-position: 0 -154px;
  padding-left: 25px;
}
ul.onglet li a.video:hover b,
ul.onglet li a.video.onglS b {
  background-position: 0 -44px;
}
ul.onglet li a.show b {
  background-position: 0 -176px;
  padding-left: 22px;
}
ul.onglet li a.show:hover b,
ul.onglet li a.show.onglS b {
  background-position: 0 -66px;
}
ul.onglet li a.plan b {
  background-position: 0 -198px;
  padding-left: 22px;
}
ul.onglet li a.plan:hover b,
ul.onglet li a.plan.onglS b {
  background-position: 0 -88px;
}
ul.onglet li a.messR b {
  background-position: 0 -352px;
  padding-left: 30px;
}
ul.onglet li a.messR:hover b,
ul.onglet li a.messR.onglS b {
  background-position: 0 -308px;
}
ul.onglet li a.messE b {
  background-position: 0 -374px;
  padding-left: 30px;
}
ul.onglet li a.messE:hover b,
ul.onglet li a.messE.onglS b {
  background-position: 0 -330px;
}
ul.onglet li a.mes b {
  background-position: 0 -264px;
  padding-left: 30px;
}
ul.onglet li a.mes:hover b,
ul.onglet li a.mes.onglS b {
  background-position: 0 -220px;
}
ul.onglet li a.vous b {
  background-position: 0 -286px;
  padding-left: 25px;
}
ul.onglet li a.vous:hover b,
ul.onglet li a.vous.onglS b {
  background-position: 0 -242px;
}
ul.onglet li a.stats b {
  background-position: 0 -462px;
  padding-left: 25px;
}
ul.onglet li a.stats:hover b,
ul.onglet li a.stats.onglS b {
  background-position: 0 -396px;
}
ul.onglet li a.Smedia b {
  background-position: 0 -484px;
  padding-left: 25px;
}
ul.onglet li a.Smedia:hover b,
ul.onglet li a.Smedia.onglS b {
  background-position: 0 -418px;
}
ul.onglet li a.Sage b {
  background-position: 0 -506px;
  padding-left: 25px;
}
ul.onglet li a.Sage:hover b,
ul.onglet li a.Sage.onglS b {
  background-position: 0 -440px;
}
ul.onglet li a.c2cE b {
  background-position: 0 -594px;
  padding-left: 30px;
}
ul.onglet li a.c2cE:hover b,
ul.onglet li a.c2cE.onglS b {
  background-position: 0 -550px;
}
ul.onglet li a.c2cR b {
  background-position: 0 -572px;
  padding-left: 30px;
}
ul.onglet li a.c2cR:hover b,
ul.onglet li a.c2cR.onglS b {
  background-position: 0 -528px;
}

h2.onglet a b {
  display: inline-block;
  height: 28px;
  padding-left: 35px;
  line-height: 28px;
}
h2.onglet a.EVEinfo b {
  background-position: 0 -732px;
  padding-left: 35px;
}
.open h2.onglet .EVEinfo b {
  background-position: 0 -760px;
  padding-left: 35px;
}
h2.onglet a.EVEinvit b {
  background-position: 0 -788px;
  padding-left: 35px;
}
.open h2.onglet .EVEinvit b {
  background-position: 0 -816px;
  padding-left: 35px;
}
h2.onglet a.EVEavant b {
  background-position: 0 -844px;
  padding-left: 35px;
}
.open h2.onglet .EVEavant b {
  background-position: 0 -872px;
  padding-left: 35px;
}
h2.onglet a.EVEtheme b {
  background-position: 0 -900px;
  padding-left: 35px;
}
.open h2.onglet .EVEtheme b {
  background-position: 0 -928px;
  padding-left: 35px;
}

p.vignFiche b,
p.minFiche b,
.vign28,
.vign62,
.vign32,
.vign43,
.vign110,
.fiche #cover p.photo b,
#LV_CAM a,
li.photo,
.vign160,
.fiche #cover p.photo a {
  background-image: url("../images/fiche/prive-nophoto.jpg");
  background-repeat: no-repeat;
  position: relative;
}

.pictHard {
  background-color: #000;
  background-image: url("../images/commun/img_hot.svg") !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  -ms-background-size: contain;
}

.pictHard {
  background-color: #fa820a /*#D13333*/ !important;
  background-image: url("../images/commun/img_hot2.svg") !important;
}
.pictHard img {
  visibility: hidden;
}
/*
p.photo .pictHard { background-color:transparent!important; }
p.photo .pictHard img	{ visibility:visible; }
*/

.vign62 {
  display: inline-block;
  background-color: #000;
  background-position: 0px -270px; /*border-right:6px solid;*/
}
.vign28 {
  display: inline-block;
  background-color: #000;
  background-position: -43px -331px; /*border-right:6px solid;*/
}
.vign32 {
  display: inline-block;
  background-color: #000;
  background-position: -5px -338px; /*border-right:6px solid;*/
}
.vign43 {
  display: inline-block;
  background-color: #000;
  background-position: 0 -332px; /*border-right:6px solid;*/
}
.vign140 {
  background-color: #000;
  background-position: -200px -321px;
}
.vign160 {
  background-color: #000;
  background-position: -190px -311px;
}
.vign170 {
  background-color: #000;
  background-position: -185px -306px;
}
.vign180 {
  background-color: #000;
  background-position: -180px -301px;
}
.vign62,
.vign62 img {
  height: 62px;
  width: 62px;
}
.vign28,
.vign28 img {
  height: 28px;
  width: 28px;
}
.vign32,
.vign32 img {
  height: 32px;
  width: 32px;
  vertical-align: middle;
}
.vign43,
.vign43 img {
  height: 43px;
  width: 43px;
}
ul.Fblock li.photo.vign140,
.vign140,
.vign140 img,
.vign140 a {
  height: 140px;
  width: 140px;
  display: inline-block;
}
.vign180,
.vign180 img,
.vign180 a {
  height: 180px;
  width: 180px;
  display: inline-block;
}
.vign160,
.vign160 img,
.vign160 a {
  height: 160px;
  width: 160px;
  display: inline-block;
}
.vign170,
.vign170 img,
.vign170 a {
  height: 170px;
  width: 170px;
  display: inline-block;
}
.Mphoto .vign62 {
  border-right: 6px solid;
}
.vign110 {
  display: inline-block;
  height: 110px;
  width: 110px;
  background-color: #000;
  background-position: -70px -270px;
}
.img62 {
  width: 62px;
  height: 62px;
}
.img30 {
  width: 30px;
  height: 30px;
}

strong.Fav,
b.Cold,
b.Hot,
b.Expl,
b.New,
b.Cert,
b.Pop {
  display: inline-block;
  height: 17px;
  width: 17px;
  vertical-align: middle;
}
b.Expl {
  background-position: -136px 0;
}
b.Hot {
  background-position: -153px 0;
}
b.Cold {
  background-position: -170px 0;
}
b.Cert {
  background-position: -136px -17px;
}
b.New {
  background-position: -153px -17px;
}
b.Pop {
  background-position: -170px -17px;
}
.fiche b.Expl {
  background-position: -92px -367px;
}
.fiche b.Hot {
  background-position: -109px -367px;
}
.fiche b.Cold {
  background-position: -126px -367px;
}
.fiche b.Cert {
  background-position: -92px -384px;
}
.fiche b.New {
  background-position: -109px -384px;
}
.fiche b.Pop {
  background-position: -126px -384px;
}
strong.Fav {
  height: 37px;
  width: 37px;
  background-position: -150px -280px;
  position: absolute;
  left: -1px;
  top: -1px;
}

.showIbulle {
  display: inline-block;
  position: relative;
}
span.ibulle {
  display: none !important;
  position: absolute;
  top: -25px;
  white-space: nowrap;
  padding: 0 8px;
  text-shadow: none;
  font-size: 12px;
  text-transform: none !important;
}
span.ibulle.bulleBr {
  top: -40px;
}
span.ibulle.bulleB {
  top: auto;
  bottom: -25px;
}
.showIbulle:hover span.ibulle,
a:hover span.ibulle {
  display: block !important;
  color: #fff;
  z-index: 1001;
  line-height: normal;
  height: auto;
}
.inputErrorValidation:after,
span.ibulle:after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -5px;
  height: 0;
  width: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #505050;
}
span.ibulle.bulleB:after {
  border-top: none;
  border-bottom: 5px solid #505050;
  bottom: 0;
  top: -5px;
}

a.supM .ibulle {
  left: -10px;
}
a.supM .ibulle.bulleR {
  right: -10px;
}
.social .ibulle {
  left: -7px;
}
a.close .ibulle {
  left: -9px;
}
.btlike .ibulle,
.pictEdit .ibulle {
  left: -5px;
}
ul.info .ibulle {
  left: 4px;
}
.HeadDiscus span.ibulle.bulleR,
#HeadChat span.ibulle.bulleB {
  left: auto;
  right: -7px;
}
ul.info .ibulle.bulleR {
  left: auto;
  right: -5px;
}
a.cover span.ibulle,
span.ibulle.bulleR {
  left: auto;
  right: 3px;
}
a.cover span.ibulle:after,
span.ibulle.bulleR:after {
  left: auto;
  right: 10px;
  bottom: -5px;
}

span.NewS {
  position: relative;
  vertical-align: top;
}
span.NewS span {
  display: block;
  position: absolute;
  bottom: 25px;
  right: -5px;
  padding: 17px 20px 17px 60px;
  border: 1px solid #7f7f7f;
  max-width: 300px;
  min-width: 250px;
  color: #505050;
  line-height: normal;
  box-shadow: 0 0 6px #505050;
  background: #fafafa;
}

span.NewS strong {
  font-size: 16px;
  display: block;
}
span.NewS .picto {
  position: absolute;
  left: 15px;
  top: 18px;
}
span.NewS .pointer {
  position: absolute;
  right: 6px;
  bottom: -7px;
}
span.NewS .supM {
  position: absolute;
  right: 12px;
  top: 12px;
  background-position: -101px -221px !important;
  margin: 0 !important;
}

.inputErrorValidation:after {
  border-top-color: red;
}
p.page a {
  display: inline-block;
  font-size: 12px;
  line-height: 8px;
  padding: 4px 5px;
  border: 1px solid #dcdcdc;
  color: #c8c8c8;
}
p.page a:hover,
p.page a.selected {
  border-color: #f07800;
  color: #f08200;
}

#MinFicheCont {
}
p.minFiche {
  display: block;
  float: left;
  width: 190px;
  height: 80px;
  background-color: #fafafa;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  padding: 0 !important;
}
.Mur p.minFiche {
  overflow: hidden;
}
.Mur p.minFiche:nth-child(3n) {
  margin-right: 0px;
}
/* christophe */
.Mur .deleted {
  text-decoration: line-through;
}
/* christophe */
.Mur .deleted .noStrike {
  text-decoration: none;
}
.blacklist p.minFiche:nth-child(4n) {
  margin-right: 0px;
}
p.minFiche span {
  display: inline-block;
  height: 58px;
  width: 83px;
  padding: 10px;
  border: 1px solid #e6e6e6;
  border-left: none;
}
p.minFiche b {
  display: inline-block;
  height: 80px;
  width: 80px;
  background-color: #000;
  background-position: -0px -380px;
  border-right: 6px solid;
}
p.minFiche img {
  height: 100%;
  width: 100%;
}
#Contact #MinFicheCont p.minFiche:nth-child(5n) {
  margin-right: 0;
}
.droiteBig #MinFicheCont p.minFiche:nth-child(4n) {
  margin-right: 0;
}

#smilies,
#smilies b {
  display: inline-block;
  font-size: 0;
}
#smilies b {
  height: 25px;
  width: 25px;
  line-height: 25px;
}

.mouseSelector {
  border: 1px dashed blue;
  background-color: rgba(220, 220, 220, 0.5);
}
.inputErrorValidationAnchor {
  position: relative;
  color: white;
  font-size: 12px;
}
.inputErrorValidation {
  display: block;
  background-color: red;
  position: absolute;
  top: -24px;
  left: -24px;
  white-space: nowrap;
  padding: 0 8px;
  line-height: normal !important;
  text-shadow: none !important;
}
li.error {
  background-color: #fadcdc !important;
  color: #c80000;
}
.autocompleteSuggestions {
  position: absolute;
  background-color: #fff;
  width: 250px;
  border: 1px solid #505050;
  z-index: 10;
}
.autocompleteSuggestions li {
  cursor: pointer;
  padding: 0 5px;
  text-shadow: none;
}
.autocompleteSuggestions li.selected b {
  color: #fff !important;
  font-weight: normal;
}

.EventContacts .autocompleteSuggestions {
  width: 350px;
  left: 50px;
}

.bottomFixed {
  position: fixed;
  bottom: 0px;
}
.topFixed {
  position: fixed;
  top: 0px;
}
.Gfixed {
  position: fixed;
  top: 101px;
  padding-top: 29px;
  background: #fff;
  z-index: 800;
}
.messagesMainTop.topFixed,
#scrollFixTop,
.messagesMainBottom.bottomFixed {
  width: 990px;
  background-color: white;
}
#scrollFixTop {
  background: #fff;
  width: 990px;
  z-index: 90;
}
#scrollFixTop.topFixed {
  padding-bottom: 10px;
}
.millieux #scrollFixTop {
  width: 590px;
}
.topFixed {
  box-shadow: 0px 10px 15px -8px rgba(0, 0, 0, 0.2); /*border-bottom: 1px solid #aaa;*/
}
.bottomFixed {
  box-shadow: 0px -10px 15px -8px rgba(0, 0, 0, 0.2); /*border-top: 1px solid #aaa;*/
}

/* ---- fin commun ---- */
#wndBrowser {
  font-size: 16px;
}
#wndBrowser a {
  padding: 10px;
}
#wndBrowser a:hover {
  background-color: #d2d2d2;
}

#tchat {
  display: none;
}
/* fin tchat */

b.pict.true,
b.pict.false {
  height: 15px;
  margin-right: 10px;
}
b.pict.true {
  background-position: -79px -133px;
  width: 17px;
}
.selected b.pict.true {
  background-position: -79px -148px;
}
b.pict.false {
  background-position: -64px -133px;
  width: 14px;
}
.selected b.pict.false {
  background-position: -64px -148px;
}

ul li.pict.homme a {
  background-position: -120px -146px;
}
ul li.pict.homme a:hover {
  background-position: -120px -114px;
}
ul li.pict.trans a {
  background-position: -150px -146px;
}
ul li.pict.trans a:hover {
  background-position: -150px -114px;
}
ul li.pict.couple a {
  background-position: -82px -161px;
}
ul li.pict.couple a:hover {
  background-position: -45px -161px;
}
ul li.pict.hot a {
  background-position: 0 -131px;
}
ul li.pict.hot a:hover {
  background-position: 0 -101px;
}
ul li.pict.expl a {
  background-position: -30px -131px;
}
ul li.pict.expl a:hover {
  background-position: -30px -101px;
}
ul li.pict.cert a {
  background-position: -60px -131px;
}
ul li.pict.cert a:hover {
  background-position: -60px -101px;
}
ul li.pict.cont a {
  background-position: -90px -131px;
}
ul li.pict.cont a:hover {
  background-position: -90px -101px;
}

#tchat #bottomTchat {
  height: 56px;
  background: #474747;
  text-align: center;
}
/* fin */

.container.home {
  padding: 0 20px;
  min-height: 410px;
  width: auto;
  height: 100%;
  position: relative;
}
/*.container.home .headerH { height:201px; }*/
/*.container.home .headerH { padding-bottom:20px; }*/

.container.home form {
  position: relative;
  text-align: right;
}
.container.home form.login {
  padding: 0 0 10px 0;
}
/*.container.home form.login		{ padding:20px 0 0 0; height:110px; }*/
.container.home form.login p {
  line-height: 34px;
  font-size: 22px;
  padding: 0;
  margin: 0;
}
.container.home form p label {
  display: inline-block;
  height: 34px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.container.home form select,
.container.home a.btn.subscribe,
.container.home form input {
  font-size: 17px;
  border-radius: 6px;
  border: 1px solid #b4b4b4;
  vertical-align: middle;
  height: 32px;
  padding: 0 10px;
}
.container.home form select {
  display: inline-block;
  padding-right: 0px;
  height: 34px;
  box-sizing: border-box;
}
.container.home form input[type="text"],
.container.home form input[type="password"] {
  width: 204px;
}
.container.home a.btn,
.container.home form input.btn {
  height: 34px;
  background: #525252;
  border-color: #313131;
  color: #fff;
  font-size: 18px;
  box-shadow: inset rgba(255, 255, 255, 0.6) 0px 1px 1px;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 1px;
  background: -moz-linear-gradient(top, #525252 0%, #313131 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #525252),
    color-stop(100%, #313131)
  );
  background: -o-linear-gradient(top, #525252 0%, #313131 100%);
  background: -ms-linear-gradient(top, #525252 0%, #313131 100%);
  background: linear-gradient(top, #525252 0%, #313131 100%);
}

.container.home form .lostPswd {
  font-size: 12px;
  display: inline-block;
  width: 270px;
  text-align: left;
}

.container.home .logo {
  position: absolute;
  top: 0;
  left: 20px;
}
.container.home h2 {
  font-size: 28px;
}
/*.container.home h1	{ display:inline-block; font-size:20px; height:21px; vertical-align:bottom; width:717px;  }
.container.home h4	{ vertical-align:top;  font-size:16px; font-style:normal; display:inline-block; height:46px; text-align:right; }*/
.container.home h4 {
  font-size: 16px;
  font-style: normal;
  width: 270px;
  margin: 0 0 0 auto;
}
h1.home {
  font-size: 10px;
  color: #fff;
  text-align: right;
  padding: 10px;
}
.container.home h4 span {
  display: inline-block;
  width: 110px;
  text-align: left;
}
.NBc {
  font-size: 46px;
  padding-right: 5px;
  font-family: "Helvetica_bold";
}

.container.home form.sub input,
.container.home form.sub select {
  margin-right: 6px;
}
/*.container.home form.sub	{ font-size:18px; padding-top:60px; }*/
.container.home form.sub {
  font-size: 18px;
  width: 250px;
  padding: 20px;
  border: 1px solid #fff;
  background: #a0a1a6;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  -moz-box-shadow: 0 0 20px #505050;
  -webkit-box-shadow: 0 0 20px #505050;
  -ms-box-shadow: 0 0 20px #505050;
  box-shadow: 0 0 20px #505050;
  margin: 0 0 0 auto;
}

.container.home form.sub strong.sub {
  font-size: 19px;
}
/*.container.home form.sub strong.sub { font-size:22px; }
.container.home form input.pseudo { width:117px; }
.container.home form input.email { width:147px; }
.container.home form input.Mp { width:127px; }
.container.home form input.cMp { width:187px; }
.container.home form select.sexe {  width:87px;  padding:5px 5px 5px 10px;  vertical-align:middle; line-height:28px !important; }*/
.container.home form.sub input {
  width: 230px;
  margin: 0 0 10px 0;
}
.container.home form select.sexe {
  width: 250px;
  padding: 5px 5px 5px 10px;
  vertical-align: middle;
  line-height: 28px !important;
  margin-right: 0;
}
.container.home a.btn.subscribe,
.container.home form input.btn.subscribe {
  background-color: #faa900;
  border-color: #fa7d00;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;
  margin-right: 0px;
  width: 250px;
}
.container.home form input.btn,
.container.home a.btn.subscribe,
.container.home form input.btn.subscribe {
  background: -moz-linear-gradient(top, #faa900 0%, #fa7d00 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #faa900),
    color-stop(100%, #fa7d00)
  );
  background: -o-linear-gradient(top, #faa900 0%, #fa7d00 100%);
  background: -ms-linear-gradient(top, #faa900 0%, #fa7d00 100%);
  background: linear-gradient(top, #faa900 0%, #fa7d00 100%);
}

.container.home form input#cgv {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.container.home form.sub p label {
  height: auto;
  padding: 10px 5px;
  font-size: 13px;
}

.container.home form .ApplaOrange,
.container.home .error p {
  font-size: 14px;
  padding: 20px;
  margin: 0 -20px -20px -20px;
  border-radius: 0 0 5px 5px;
}
.container.home form .ApplaOrange {
  font-size: 19px;
}
.container.home .error p {
  background: #f00;
}

.container.home form input.error,
.container.home form select.error {
  border-color: #f00;
}

.container.home .join {
  position: absolute;
  right: 0;
  top: 30%;
  padding: 40px 20px 40px 100px;
  text-align: right;
}
.container.home .join h4 {
  width: auto;
}
.container.home .join h4 .NBc {
  font-size: 94px;
  line-height: 65px;
  height: 65px;
}
.container.home a.btn.subscribe {
  text-align: center;
  line-height: 48px;
  height: 48px;
  font-size: 24px;
  padding: 0;
  width: 100%;
}

.home .recaptcha {
  text-align: right;
}
#recaptcha {
  text-align: left;
  width: 511px;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  border: 2px dashed #f00;
  padding: 10px 10px 45px 10px;
}
#recaptcha p {
  font-size: 14px;
  line-height: normal;
}
#recaptcha strong {
  font-size: 18px;
}
#recaptcha .code {
  font-size: 12px;
  padding-left: 10px;
}
#recaptcha_response_field {
  width: 280px;
}
p.recaptcha {
  margin-top: -58px !important;
  padding: 10px !important;
}
p.recaptcha label {
  margin-right: 15px !important;
}

/*.footer	{ margin:90px 0 0 0; border-top:1px solid #d2d2d2; background-color:#F0F0F0; }*/
.footer {
  position: fixed;
  left: 0px;
  bottom: 0;
  right: 0px;
  background-color: #f0f0f0;
}
.footer ul {
  text-align: left;
  padding: 0 20px;
}
.footer ul li {
  display: inline-block;
  padding: 23px 50px;
  text-transform: uppercase;
}
.footer ul li.tchat {
  background: transparent url(../images/home/icon-tchat.gif) no-repeat left
    center;
}
.footer ul li.cam {
  padding-left: 40px;
  background: transparent url(../images/home/icon-cam.gif) no-repeat left center;
}
.footer ul li.video {
  background: transparent url(../images/home/icon-video.gif) no-repeat left
    center;
}
.footer ul li.cible {
  padding-left: 40px;
  background: transparent url(../images/home/icon-cible.gif) no-repeat left
    center;
}

.footer .menu {
  background-color: #232323;
  line-height: 11px;
  vertical-align: middle;
  padding: 8px 0;
}
.footer .menu ul li {
  padding: 0px 3px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 11px;
  line-height: 11px;
  border-right: 2px outset #8c8c8c;
}
.footer .menu ul li.noB {
  border: 0;
  text-align: right;
}
.footer .menu ul li,
.footer .menu ul li a {
  color: #8c8c8c;
  text-shadow: none;
}

/* --- header -- */
#header {
  height: 100px;
  margin: 0;
  border-bottom: 1px solid #d2d2d2;
  background-color: #f0f0f0;
  font-size: 14px;
  position: fixed;
  width: 100%;
  z-index: 100;
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
}
#header .logoV2 {
  position: absolute;
  margin-top: -5px;
}
#header img {
  vertical-align: middle;
}
#header .menuTop {
  background-color: #232323;
}
#header .menuTop ul {
  height: 28px;
  display: table;
}
#header .menuTop ul li {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}
#header .menuTop a {
  color: #fff;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}
#header .menuTop .pseudo {
  width: 200px;
}
#header .menuTop .pseudo img {
  width: 32px;
}
#header .menuTop .amb {
  /*padding-top:3px;*/
}
#header .menuTop .amb b {
  display: none;
}
#header .menuTop .amb div {
  display: inline-block;
  vertical-align: middle;
  box-shadow: inset 2px 2px 2px #232323, 1px 1px 0px #414141;
  padding: 2px;
  border-radius: 5px;
  height: 17px;
  text-transform: uppercase;
}
#header .menuTop .amb div a {
  display: block;
  float: left;
  padding: 4px 9px;
  height: 9px;
  line-height: 12px;
  font-size: 12px;
  vertical-align: middle;
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), 1px 1px 1px #232323;
  color: #828282;
}

#header .menuTop .amb div a.cold {
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #232323;
  background: transparent url(../images/Header/cold-off.png) no-repeat 10px
    center;
  padding-left: 27px;
}
#header .menuTop .amb div a.hot {
  border-right: 1px solid #232323;
  background: transparent url(../images/Header/hot-off.png) no-repeat 10px
    center;
  padding-left: 25px;
}
#header .menuTop .amb div a.expl {
  border-radius: 0 3px 3px 0;
  background: transparent url(../images/Header/expl-off.png) no-repeat 10px
    center;
  padding-left: 27px;
}
#header .menuTop .amb div a:hover,
#header .menuTop .amb div a.selected {
  text-decoration: none;
  color: #fff;
}
#header .menuTop .amb div a.cold:hover,
#header .menuTop .amb div a.cold.selected {
  background: #2090a4 url(../images/Header/cold-on.png) no-repeat 10px center;
}
#header .menuTop .amb div a.hot:hover,
#header .menuTop .amb div a.hot.selected {
  background: #ef7200 url(../images/Header/hot-on.png) no-repeat 10px center;
}
#header .menuTop .amb div a.expl:hover,
#header .menuTop .amb div a.expl.selected {
  background: #cd2e2e url(../images/Header/expl-on.png) no-repeat 10px center;
}
#header .menuTop li.Param {
  text-align: right;
}
#header .menuTop li.Param b {
  padding: 0 12px 0 17px;
  background: transparent url(../images/Header/fleche-bas.png) no-repeat left
    center;
}
#header .menuTop li.deco {
  border-left: 2px groove #666;
  text-align: right;
  width: 27px;
}

#header .logo, #header .menu ul, /*#header .menu ul li, */
#header .menu ul li a {
  display: table-cell;
}
#header .menu {
  padding: 15px 0 0 0;
  display: table;
}
#header .logo {
  width: 200px;
}
#header .menu div {
}
#header .menu ul {
  vertical-align: top;
  border: 1px solid #ccc;
  border-right: none;
  height: 44px;
}
#header .menu ul li {
  display: block;
  float: left;
  border-right: 1px solid #ccc;
  position: relative;
}
#header .menu ul li a {
  width: 44px;
  height: 44px;
  text-align: center;
  vertical-align: middle;
}

#header .menu ul li a.home {
  background-position: 0 -235px;
}
#header .menu ul li a.home.selected,
#header .menu ul li a.home:hover {
  background-position: 0 -191px;
}
#header .menu ul li a.search {
  background-position: -44px -279px;
}
#header .menu ul li a.search.selected,
#header .menu ul li a.search:hover {
  background-position: -44px -235px;
}
#header .menu ul li a.fav {
  background-position: -88px -279px;
}
#header .menu ul li a.fav.selected,
#header .menu ul li a.fav:hover {
  background-position: -88px -235px;
}
#header .menu ul li a.me {
  background-position: 0 -323px;
}
#header .menu ul li a.me.selected,
#header .menu ul li a.me:hover {
  background-position: 0 -279px;
}
#header .menu ul li a.cal {
  background-position: 0 50px;
} /*#header .menu ul li a.cal.selected, #header .menu ul li a.cal:hover			{ background-position:0 -279px; }*/

#header .menu ul.mG li a:hover,
#header .menu ul.mG li a.selected,
.menuStats {
  background-color: #fafafa;
}
#tchat a.languette.new strong,
#header .menu ul li a strong {
  display: inline-block;
  position: absolute;
  z-index: 1000;
  top: -8px;
  right: -4px;
  height: 18px;
  line-height: 16px;
  font-size: 13px;
  padding: 0 6px;
  border-radius: 3px;
}

/*
#header .menu ul.info li a strong{ font-size:10px; line-height:13px; height:14px;  padding:0 3px; }

#header .menu ul.info, #header .menu ul.info li	{ height:20px; border:0;  padding-left:10px;}
#header .menu ul.info li a	{ height:20px; }
#header .menu ul.info li a.msg		{ background-position:-44px -323px; width:22px; } b.pict.msg, #header .menu ul.info li a.msg:hover		{ background-position:-44px -345px; width:22px; }
#header .menu ul.info li a.visite	{ background-position:-67px -323px; width:24px; } b.pict.visite, #header .menu ul.info li a.visite:hover{ background-position:-67px -345px; width:24px; }
#header .menu ul.info li a.c2c		{ background-position:-91px -323px; width:20px; } b.pict.c2c, #header .menu ul.info li a.c2c:hover		{ background-position:-91px -345px; width:20px; }
#header .menu ul.info li a.tem		{ background-position:-112px -323px; width:21px; } b.pict.tem, #header .menu ul.info li a.tem:hover		{ background-position:-112px -345px; width:21px; }
#header .menu ul.info li a.pop		{ background-position:-134px -323px; width:24px; } b.pict.pop, #header .menu ul.info li a.pop:hover		{ background-position:-134px -345px; width:24px; }
#header .menu ul.info li a.notif	{ background-position:-132px -279px; width:17px; } #header .menu ul.info li a.notif:hover				{ background-position:-132px -301px; width:17px; }
*/

/* yves */
#header .menu ul.info > li > a strong {
  font-size: 10px;
  line-height: 13px;
  height: 14px;
  padding: 0 3px;
}

#header .menu ul.info,
#header .menu ul.info > li {
  height: 20px;
  border: 0;
  padding-left: 10px;
}
#header .menu ul.info > li > a {
  height: 20px;
}
#header .menu ul.info > li > a.msg {
  background-position: -44px -323px;
  width: 22px;
}
b.pict.msg,
#header .menu ul.info > li > a.msg:hover {
  background-position: -44px -345px;
  width: 22px;
}
#header .menu ul.info > li > a.visite {
  background-position: -67px -323px;
  width: 24px;
}
b.pict.visite,
#header .menu ul.info > li > a.visite:hover {
  background-position: -67px -345px;
  width: 24px;
}
#header .menu ul.info > li > a.c2c {
  background-position: -91px -323px;
  width: 20px;
}
b.pict.c2c,
#header .menu ul.info > li > a.c2c:hover {
  background-position: -91px -345px;
  width: 20px;
}
#header .menu ul.info > li > a.tem {
  background-position: -112px -323px;
  width: 21px;
}
b.pict.tem,
#header .menu ul.info > li > a.tem:hover {
  background-position: -112px -345px;
  width: 21px;
}
#header .menu ul.info > li > a.pop {
  background-position: -134px -323px;
  width: 24px;
}
b.pict.pop,
#header .menu ul.info > li > a.pop:hover {
  background-position: -134px -345px;
  width: 24px;
}
#header .menu ul.info > li > a.notif {
  background-position: -132px -279px;
  width: 17px;
}
#header .menu ul.info > li > a.notif:hover {
  background-position: -132px -301px;
  width: 17px;
}

b.pict.stats {
  background-position: -158px -345px;
  width: 24px;
}
.onglS a b.pict.msg,
a:hover b.pict.msg {
  background-position: -0px -165px;
}
.onglS a b.pict.visite,
a:hover b.pict.visite {
  background-position: -23px -165px;
}
.onglS a b.pict.c2c,
a:hover b.pict.c2c {
  background-position: -47px -165px;
}
.onglS a b.pict.tem,
a:hover b.pict.tem {
  background-position: -68px -165px;
}
.onglS a b.pict.pop,
a:hover b.pict.pop {
  background-position: -90px -165px;
}
.onglS a b.pict.stats,
a:hover b.pict.stats {
  background-position: -114px -165px;
}

#header p.connecte,
#header .menu ul.info {
  padding-top: 15px;
}
#header p.connecte {
  text-align: center;
}

/* menu list preview */
.previewArrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fafafa;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: -10px;
  right: 15px;
}

.loader.miscs-card {
  text-align: center;
}
.miscs-card {
  top: 33px;
  right: -10px;
  width: 300px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  background-color: #fafafa;
  border-radius: 2px;
  padding: 6px;
  z-index: 560;
}
.previewTitle,
.previewLink {
  padding: 5px 10px;
}
#header .menu .miscs-card a {
  width: auto;
  background: none;
  text-shadow: none;
}
/*#header .menu .miscs-card .photo.new img		{ border: 5px solid #FAA900; }*/
#header .menu .miscs-card a.previewLink {
  height: auto;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}
#header .menu .miscs-card a.previewLink:hover {
  color: #333;
  background-color: #fafafa;
}
#header .menu ul.previewList li {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #ccc;
}
#header .menu ul.previewList li:last-child {
  border-bottom: none;
}
#header .menu ul.previewList a:hover,
#header .menu ul.previewList li:hover {
  background-color: #fff;
}
#header .menu ul.previewList {
  border: 0px;
  height: auto;
}
#header .menu .previewList li,
#header .menu .previewList li a {
  display: block;
  text-align: left;
}
#header .menu ul.previewList .vign43 {
  border-right-width: 5px;
  border-right-style: solid;
  margin-right: 10px;
}
#header .menu .previewList li .hideP {
  height: 43px;
}
#header .menu ul.previewList li p span {
  line-height: 18px;
  font-size: 10px;
}
ul.previewList b.dBlock {
  padding-top: 3px;
}
#header .menu .previewList li .hideP {
  overflow: hidden;
  width: 25px;
}
.miscs-card .hideP .pict.notif {
  margin: -12px 0 0 0;
  width: 25px;
  height: 62px;
}
/* ------ FIN dashboard info - Notifications ------ */

/* ------ dashboard info - messages ------ */
.miscs-card .avatar {
  box-shadow: 0 0 6px #cccccc;
  width: 32px;
  height: 32px;
}
.miscs-card img.nocopy {
  -moz-user-select: none;
}
.miscs-card ul {
  list-style-type: none;
}
/* ------ FIN dashboard info - messages ------ */
/* end menu list preview */

/* content */
#content {
  padding-top: 130px;
  text-align: left;
}
.gauche,
.millieux,
.droite,
.droiteBig,
.gaucheBig {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.gauche,
.droite {
  width: 180px;
}
.gauche.plus,
.droite.show {
  width: 210px;
}
.millieux {
  width: 590px;
}
.droiteBig {
  width: 790px;
}
.droiteBig.moins,
.gaucheBig {
  width: 760px;
}

#party a.back,
#party .gauche {
  width: 205px;
}
#party .droite {
  width: 293px;
}
#party .millieux {
  width: 452px;
}

.droite {
  padding-left: 20px;
}
.gauche {
  padding-right: 20px;
  position: relative;
}

.gauche .Events p {
  padding: 10px;
  font-size: 12px;
}

.millieux #flyerBigEmplacement {
  width: 450px;
  height: 450px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(0, 0, 0, 0.2);
}

.millieux #MediaComm,
.block {
  border: 1px solid #e6e6e6;
  background: #fafafa;
  padding: 10px 0;
  font-size: 12px;
}
.gauche.plus .block {
  width: 208px;
}
/*.gauche .block	{ width:178px; }*/
h3.ApplaGrisF,
.droiteBig h1,
.block h3,
.fiche .Mur h4 {
  color: #505050;
  font-size: 18px;
}
.block h3,
.block p {
  padding: 0 0 0 10px;
}
#party .block h3 {
  padding: 0 1px 7px;
}
.block a.addToff img {
  float: left;
  margin: 0 2px 2px 0;
}
.block ul li {
  padding: 0 0 0 10px;
  min-height: 28px;
  line-height: 28px;
}
.block.EspP ul li {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #fff;
}
.block.EspP ul li:first-child {
  border-top: none;
}
.block.EspP ul li:last-child {
  border-bottom: none;
}
.block.EspP ul.follows {
  display: table;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.block.EspP ul.follows li {
  display: table-cell;
  width: 50%;
  padding: 0;
  border: 1px solid #e6e6e6;
  border-collapse: collapse;
}
.block.EspP ul.follows li a {
  display: block;
  height: 100%;
  line-height: normal;
}
.block.EspP ul.follows li a:hover {
  background-color: #f0f0f0;
}
.block.EspP ul.follows li b {
  display: block;
  font-size: 18px;
  vertical-align: bottom;
  text-indent: 4px;
}

/* christophe */
.boxcounter,
.miniFiche a b,
.Mur p.btMur a,
li.menu strong,
.Mur div.Evenement ul li strong,
.PlusMsg a strong,
.block a strong {
  display: inline-block;
  text-align: center;
  color: #c8c8c8;
  height: 18px;
  width: 20px;
  line-height: 18px;
  font-size: 13px;
  border-radius: 3px;
  background-color: #ebebeb;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.block.Stats h3 {
  /*background:transparent url(../images/Stats/calendrier.gif) no-repeat right center;*/
  margin-right: 10px;
}
.block.Stats a.bouton,
.block.Stats select {
  width: 158px;
}
.block.Stats b {
  display: block;
  padding-left: 18px; /*background:transparent url(../images/Stats/info.gif) no-repeat left center;*/
  margin-top: 5px;
}
.block.Stats p.txt,
.block.Stats li {
  color: #b4b4b4;
}
.block.Stats p.txt {
  padding: 5px 6px 0 10px;
  font-size: 11px;
}
.block.Stats li:nth-child(egg) {
  border-top: 1px solid #fff;
}
.block.Stats li:nth-child(odd) {
  background: #f0f0f0;
  border-top: 1px solid #e6e6e6;
}
.block.Stats li strong {
  font-size: 14px;
}
.block.Stats em {
  display: block;
  float: right;
  padding-right: 10px;
  font-size: 16px;
}
.profil ul li,
.desc p,
.block.Stats li.active {
  color: #787878;
}
li.active.plus em {
  color: #6b990d;
}
li.active.moins em {
  color: #d73c3c;
}

.block.listCont {
  width: 180px;
  text-align: left;
}
.block.listCont,
.block.menuFiche {
  padding: 0;
}
.block.listCont li:last-child,
.block.menuFiche li:last-child {
  border: none !important;
}
.block.listCont li,
.block.menuFiche li {
  padding: 0;
}
.menuStats li a {
  border-top: 1px solid #fff;
}
.block.menuFiche b.pict {
  height: 22px;
  vertical-align: middle;
}
.block.listCont label:hover,
.block.listCont li a:hover,
.block.menuFiche li a:hover,
.block.menuFiche li.onglS a {
  color: #fff;
  text-shadow: none;
  position: relative;
}
.block.menuFiche li a:hover::after,
.block.menuFiche li.onglS a::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 9px;
  height: 0;
  width: 0;
  border-left: 5px solid #fa840e;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.block.menuFiche li a:hover .orange,
.block.menuFiche li.onglS .orange,
.block.listCont label:hover .orange {
  color: #fff !important;
}
.block.listCont label,
.block.listCont li a,
.block.menuFiche a {
  display: block;
  height: 100%;
  padding: 0 7px;
}
.block.menuFiche span.space {
  display: inline-block;
  width: 24px;
  text-align: center;
  padding-right: 7px;
}

.block.regles {
  padding: 0;
}
.block.regles li:first-child {
  border: none !important;
}
.block.regles ul {
  margin-left: 20px;
}
.block.regles ul li {
  height: auto !important;
  padding: 5px 10px 5px 0px;
  line-height: normal !important;
  list-style: square;
}

.block.Filtres {
  padding-top: 0;
  font-size: 14px;
}
.block.Filtres .padd {
  padding: 10px;
}
.block.Filtres h4 {
  padding: 6px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}
h3.ApplaGrisF,
.block.Filtres h3 {
  padding: 8px 10px;
  font-family: "Titillium_Regular";
}
.block.Filtres select {
  width: 100%;
}
.block.Filtres input[type="text"] {
  width: 182px;
}
ul.ville {
  padding-right: 10px;
}
ul.ville a {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  border: 1px solid #dcdcdc;
  background: #f0f0f0;
  padding: 0 30px 0 7px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-raduis: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.ville li a.Loc {
  text-shadow: none !important;
  font-family: "Titillium_Regular";
  border-width: 0;
  height: 22px;
  line-height: 22px;
}
ul.ville a:hover {
  border-color: #f0a0a0;
  color: #d73c3c;
  background: #fff5f5;
}
ul.ville a.Loc:before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 11px;
  background-position: -109px -121px;
  vertical-align: text-top;
  margin-right: 7px;
}
ul.ville b.supM {
  margin: 6px -21px 0 0;
}
ul.ville a:hover b.supM {
  background-position: -136px -102px;
}
a.Jours b.supM,
ul.ville .Loc b.supM {
  background-position: -113px -221px;
}
.block.Filtres p {
  padding-right: 10px;
}

.navigator {
  position: fixed;
  top: 101px;
  height: 29px;
  text-align: center;
  text-align: center;
  width: 990px;
  z-index: 500;
}
/*.navigator a:hover			{ background-color:#fafafa; }*/ /* ApplaGrisKlr */
/*.navigator a.selected 		{ background-color:#FA820A; } */ /* ApplaOrange */
.navigator a {
  display: block;
  color: black;
}
.navigator p.BTnav {
  position: relative;
}
.navigator p.BTnav a {
  position: absolute;
  top: 30px;
  left: -25px;
  width: 20px;
  height: 151px;
  line-height: 151px;
  border-radius: 0;
}
.navigator p.BTnav a.Bright {
  left: auto;
  right: -25px;
}
.navigator p.BTnav a.keydown /* chris */, .navigator p.BTnav a:hover {
  color: #fff;
  text-shadow: #000;
  border-color: #5a5a5a;
}
.navigator .ficheNavigator {
  display: inline-block;
  background-color: #fff;
  line-height: 28px;
  padding: 0 3px;
}
.navigator .ficheNavigator:hover {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
}
.navigator .pseudos {
  padding: 3px 0;
}
/*.navigator .ficheNavigator input { width:180px; }
.navigator .ficheNavigator input.back { width:590px; margin:0 20px; }*/

.fiche {
  text-align: left;
}
.fiche .connect {
  display: block;
  height: 40px;
  line-height: 19px;
  font-size: 16px;
  padding: 11px 12px;
  background: #8fb92b url("../images/fiche/onOff-ligne.png") no-repeat;
  color: #fff !important;
  text-shadow: none !important;
}

.fiche .connect strong {
  display: block;
  font-size: 18px;
}
.fiche .connect.offligne {
  background-position: 0 -62px;
  background-color: #5a5a5a;
}
.fiche .connect.offligne strong {
  padding-left: 24px;
  color: #fa8c1e;
}

.block.Gmaps {
  font-size: 13px;
}
.block.Gmaps strong {
  font-size: 14px;
}
.fiche .MiniMap {
  width: 180px;
  height: 180px;
}
.gmcopyright div {
  width: 180px;
}
.gmcopyright div a {
  display: inline-block;
  width: 83px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fiche .block.Stats {
  padding-top: 0px;
}
.fiche .block.Stats p {
  padding-right: 10px;
  color: #b4b4b4;
}
.fiche .block.Stats p.chiffre {
  padding-top: 10px;
  color: #787878;
  font-size: 14px;
}
.fiche .block.Stats p strong {
  display: inline-block;
  font-size: 24px;
  color: #787878;
}
.fiche #cover p.photo b,
.fiche #cover p.photo a {
  background-position: -70px -270px;
}
.fiche #LV_CAM,
.fiche #LV_CAM a {
  display: block;
  position: relative;
  height: 135px;
  width: 180px;
  background-color: #000;
}
#cover p.coverF {
  height: 343px;
  width: 990px;
  background: #fff url("../images/fiche/couverture_nophoto.jpg") no-repeat;
  position: relative;
}
#cover p.coverF a.addCover {
  display: block;
  height: 110px;
  padding-top: 195px;
  text-align: center;
  font-size: 20px;
  color: #b4b4b4;
}
.fiche #cover img {
  border-bottom: 3px solid #fff;
  background: #f0f0f0;
}
.fiche #cover p.miniprofil {
  width: 273px;
  height: 121px;
  border-left: 8px solid #db4141;
  padding: 19px 14px 13px 17px;
  color: #fff;
  color: #505050;
}
.fiche #cover p.miniprofil em {
  font-size: 14px;
}
.fiche #cover p.miniprofil strong {
  color: #fff;
  font-size: 26px;
  line-height: 19px;
  height: 23px;
  display: block;
}
.fiche #cover p.miniprofil a {
  display: inline-block;
  font-size: 12px;
}
.fiche #cover p.miniprofil a.bouton {
  height: 18px;
  line-height: 18px;
  padding: 0 8px;
  margin-top: 6px;
}
.fiche #cover p.miniprofil a.bouton.nbr {
  padding: 0 3px;
  position: relative;
  margin-left: 2px;
}
a.bouton.nbr::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 3px;
  height: 0;
  width: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #f0f0f0;
}
.fiche #cover p.miniprofil span.lien a {
  color: #fff;
  height: 13px;
  text-shadow: none;
}

.fiche p.miniprofil a.pict {
  margin-right: 9px;
}
.fiche a.pict.Pmail {
  background-position: 0 -367px;
}
.fiche a.pict.Pfav,
.MenuShow a.pict.Pfav {
  background-position: -23px -367px;
}
.fiche a.pict.item-11 {
  background-position: -69px -387px;
}
.fiche a.pict.Pcoeur {
  background-position: -46px -367px;
}
.fiche a.pict.Pchat {
  background-position: -69px -367px;
}
.fiche a.pict.Ptem {
  background-position: 0 -387px;
}

.fiche #cover p.miniprofil b {
  margin-top: 3px;
}
.fiche #cover p.photo {
  width: 678px;
}
.fiche #cover p.photo b,
.fiche #cover p.photo a {
  border-left: 3px solid #fff;
  display: block;
  float: left;
  height: 110px;
  width: 110px;
}
.fiche #cover p.photo b a {
  border-width: 0;
}
.fiche #cover p.photo b img,
.fiche #cover p.photo a img {
  min-height: 100%;
  min-width: 100%;
}
.fiche #cover p.msg {
  width: 645px;
  height: 40px;
  line-height: 38px;
  font-size: 18px;
  padding: 0 15px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  color: #fff;
}
.fiche #cover p.msg em {
  background-position: -168px -114px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  padding-left: 20px;
  margin-top: 11px;
}
#CoverEdit {
  position: relative;
}
#CoverEdit #CoverScroller {
  cursor: move;
  overflow: hidden;
  width: 990px;
  height: 340px;
  background: black;
  border: 1px solid black;
  position: relative;
}
#CoverEdit a.cover {
  background-color: rgba(0, 0, 0, 0.5);
  background-position: -75px -187px;
  position: absolute;
  right: 10px;
  top: 10px;
  height: 32px;
  width: 32px;
  border-radius: 5px;
  display: block;
}
#CoverEdit a.cover.sizeDef {
  background-position: -106px -187px;
}
#CoverEdit #CoverScroller img.reduced {
  width: 990px;
}

.profil ul,
.search p {
  font-size: 13px;
}
.profil ul li {
  line-height: 21px;
  min-height: 21px;
  padding: 2px 0;
}
.profil ul li:nth-child(odd) {
  background: #f0f0f0;
}
.profil ul li strong {
  display: inline-block;
  width: 175px;
  padding-left: 15px;
  color: #505050;
}
.profil.Type3 ul {
  width: 50%;
  float: left;
}
.profil.Type3 ul li strong {
  width: 100px;
  padding: 0 10px;
  line-height: normal;
  vertical-align: middle;
}
.profil.Type3 ul:last-child {
  border-left: 1px dashed #505050;
  margin-left: -1px;
}
.profil .vignStyle,
.search .Tage,
.profil b.pict {
  background-image: url("../images/fiche/sprite-fetish.png");
  background-color: transparent;
}
.profil .vignStyle {
  position: absolute;
  right: 0;
  width: 56px;
  height: 29px;
  background-position: 0 -86px;
}

.profil .vignStyle.work {
  background-position: 0 -86px;
}
.profil .vignStyle.hip {
  background-position: -56px -86px;
}
.profil .vignStyle.cas {
  background-position: -112px -86px;
}
.profil .vignStyle.spor {
  background-position: -168px -86px;
}
.profil .vignStyle.goth {
  background-position: -224px -86px;
}
.profil .vignStyle.bobo {
  background-position: -278px -86px;
}
.profil .vignStyle.rue {
  background-position: 0 -115px;
}
.profil .vignStyle.punk {
  background-position: -56px -115px;
}
.profil .vignStyle.mot {
  background-position: -112px -115px;
}
.profil .vignStyle.empty {
  background-position: -168px -115px;
}

.profil b.pict {
  width: 32px;
  height: 33px;
  border-left: 1px solid #fff;
  vertical-align: middle;
}
.profil b.pict.selected {
  background-color: #505050;
}
.profil .cuir {
  background-position: 0 0;
}
.profil .aro {
  background-position: -32px 0;
}
.profil .pied {
  background-position: -64px 0;
}
.profil .slip {
  background-position: -96px 0;
}
.profil .spor {
  background-position: -128px 0;
}
.profil .pier {
  background-position: -160px 0;
}
.profil .tato {
  background-position: -192px 0;
}
.profil .fem {
  background-position: -224px 0;
}
.profil .bot {
  background-position: -256px 0;
}
.profil .cag {
  background-position: -288px 0;
}
.profil .uni {
  background-position: -320px 0;
}
.profil .fals {
  background-position: -352px 0;
}
.profil .cuir.selected {
  background-position: 0 -33px;
}
.profil .aro.selected {
  background-position: -32px -33px;
}
.profil .pied.selected {
  background-position: -64px -33px;
}
.profil .slip.selected {
  background-position: -96px -33px;
}
.profil .spor.selected {
  background-position: -128px -33px;
}
.profil .pier.selected {
  background-position: -160px -33px;
}
.profil .tato.selected {
  background-position: -192px -33px;
}
.profil .fem.selected {
  background-position: -224px -33px;
}
.profil .bot.selected {
  background-position: -256px -33px;
}
.profil .cag.selected {
  background-position: -288px -33px;
}
.profil .uni.selected {
  background-position: -320px -33px;
}
.profil .fals.selected {
  background-position: -352px -33px;
}
.search .Tage {
  background-position: 0 -66px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  text-shadow: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.search li.Tage {
  background-position: right -144px;
  display: block;
}
/*.fiche #Edit #presentation .plusI textarea,*/
.fiche #Edit #presentation .plusI .fake-textarea,
.profil .plusI p {
  width: 395px;
  vertical-align: top;
}
.fiche #Edit #presentation .plusI textarea {
  min-height: 42px;
  height: 42px;
}

.desc {
  padding-bottom: 0 !important;
}
.desc p {
  padding: 15px 10px;
  font-size: 13px;
}
.desc a {
  display: block;
  text-align: right;
  padding: 5px;
}
.desc a span.orange {
  font-size: 11px;
  display: inline-block;
  height: 18px;
  vertical-align: top;
  text-transform: uppercase;
}

.fiche #Edit .titleEdit {
  border: 1px solid #e6e6e6;
  background: #fafafa;
  padding: 10px 15px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.fiche #Edit .titleEdit h1 {
  font-size: 22px;
}
.fiche #Edit .titleEdit p.rouge {
  font-size: 12px;
}
.fiche #Edit .obl:after {
  content: "*";
  color: #f00;
}
.fiche #Edit #cover p.miniprofil {
  height: 78px;
}
.fiche #Edit #cover p.miniprofil b {
  color: #fff;
}
.fiche #Edit h3 {
  font-size: 16px;
}
.fiche #Edit .titleEdit .bouton {
  text-transform: none;
  height: 30px;
  vertical-align: top;
  font-size: 16px;
}
.fiche #Edit .titleEdit a.bouton {
  line-height: 28px;
  height: 28px;
}
.fiche #Edit .coverF .bareEdit {
  bottom: 3px;
}
.barePhoto,
.bareEdit {
  display: block;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  height: 30px;
  padding: 7px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
}

/* yves */
#party #flyerBig .bareEdit {
  background: none;
  top: 0;
  height: 452px;
}
#party .uploadWidget .flyer {
  position: relative;
  width: 452px;
  max-height: 452px;
  min-height: 79px;
}
#party .uploadWidget .flyer a {
  position: absolute;
  display: block;
}
#party .uploadWidget .flyer.uploaded a,
#party .uploadWidget .flyer p {
  display: none;
}
#party .uploadWidget .flyer.uploaded p {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 355px;
  top: 20px;
  left: 20px;
  padding: 10px;
  color: #fff;
}
#party .uploadWidget .flyer.uploaded:hover a,
#party .uploadWidget .flyer.uploaded p.show {
  display: block;
}
#party .uploadWidget a.removeButton {
  width: 20px;
  height: 20px;
  background-position: -143px -367px !important;
  background-color: #fff !important;
  top: 20px;
  right: 20px;
}
#party .uploadWidget a.uploadButton {
  width: 412px;
  text-align: center;
  padding: 10px 0;
  background-color: #eee;
  border: 1px solid #e5e5e5;
  bottom: 20px;
  left: 20px;
}
#party .uploadWidget .loadFlyer {
  width: 452px;
  height: 79px;
}
/* yves */

.bareEdit.nophoto {
  background-color: #737373;
}
.fiche #cover p.photo .bareEdit a {
  float: none;
  border: 0;
}
.paramA a.prive,
.chatCam b.prive,
.bareEdit a {
  display: inline-block !important;
  height: 16px !important;
  width: 16px !important;
  padding: 0 !important;
  color: #fff;
  text-shadow: none;
  background-color: transparent !important;
}
.bareEdit a.disabled {
  display: none !important;
}
.bareEdit a.trash {
  background-position: -140px -180px !important;
}
.bareEdit a.add {
  background-position: -122px -113px !important;
}
.bareEdit a.del {
  background-position: -132px -263px !important;
}
.bareEdit a.suiv {
  background-position: -122px -145px !important;
}
.bareEdit a.prec {
  background-position: -122px -129px !important;
}
.bareEdit a.REC {
  background: none !important;
  width: auto !important;
  line-height: 16px;
}
.bareEdit .bouton.hard,
.bareEdit .bouton.soft {
  vertical-align: top;
}
.chatCam b.prive {
  background-position: -1px -407px !important;
  margin-right: 5px;
}
a.prive {
  background-position: -17px -407px !important;
  margin-right: 5px;
}
.chatCam b.prive.open,
a.prive.open {
  background-position: -33px -407px !important;
  width: 19px !important;
}
b.prive.open,
.paramA a.prive.open {
  background-position: -52px -407px !important;
}
p.barePhoto {
  font-size: 15px;
  color: #fff;
}
p.barePhoto .orange {
  font-size: 13px;
  text-shadow: none;
}

.fiche #Edit .gauche input[type="text"] {
  width: 175px;
}
.fiche #Edit .gauche select {
  width: 180px;
}
/*.fiche #Edit #presentation textarea		{ height:100px; width:405px; border:solid 1px #dcdcdc;  resize:none; }*/
.fiche #Edit #presentation li input[type="text"] {
  width: 205px;
}
.fiche #Edit #presentation li select {
  width: 190px;
}
.fiche #Edit #presentation li select[data-name="day"] {
  width: 45px;
}
.fiche #Edit #presentation li select[data-name="month"] {
  width: 79px;
}
.fiche #Edit #presentation li select[data-name="year"] {
  width: 60px;
}
.fiche #Edit #presentation .Type3 li select {
  width: 165px;
}
.fiche #Edit #presentation .Type3 li select[data-name="day"] {
  width: 38px;
}
.fiche #Edit #presentation .Type3 li select[data-name="month"] {
  width: 64px;
}
.fiche #Edit #presentation .Type3 li select[data-name="year"] {
  width: 57px;
}
.fiche #Edit #presentation li input[type="text"] {
  width: 160px;
}

.unitPreviewer {
  padding-left: 4px;
}
#Edit #smilies {
  width: 140px;
  padding-left: 10px;
}
#Edit #smilies b {
  margin: 1px 0 0 3px;
}
#Edit p.pratique a {
  display: block;
  position: absolute;
  height: 45px;
  width: 22px;
  top: 53px;
}
#Edit p.pratique a b {
  margin-top: 16px;
  display: inline-block;
  height: 10px;
  width: 7px;
  background-position: -110px -101px;
}
#Edit p.pratique a.prec {
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
#Edit p.pratique a.suiv {
  right: 0;
  border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}
#Edit p.pratique a.suiv b {
  background-position: -110px -111px;
}
#Edit p.pratique span.ibulle {
  top: -40px;
  left: -10px;
}
.fiche #Edit p.infoPerso {
  font-size: 14px;
}
.fiche #Edit p.infoPerso .adrtel {
  line-height: 28px;
}
.fiche #Edit .infoPerso label {
  display: inline-block;
  width: 152px;
  padding-left: 3px;
  vertical-align: top;
  margin: -1px 0 5px 0;
  color: #787878;
}

.fiche .chexkBlist {
  width: 390px;
  vertical-align: top;
  color: #505050;
}
.fiche .chexkBlist label {
  width: 180px;
}
.fiche .profil.Type3 .chexkBlist label {
  width: 155px;
}
.fiche .profil.Type3 .chexkBlist {
  width: 165px;
}

/* mediacenter */
.wndOutter,
#mediacenterOutter {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
.wnd,
#mediacenter {
  display: table;
  height: 100%;
  width: 100%;
  background-color: black;
  filter: Alpha(opacity= "25");
  background: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  font-size: 14px;
  top: 0;
  left: 0;
}
.wnd .wndInner,
#mediacenter div.media {
  vertical-align: middle;
  height: 100%;
  text-align: center;
}
.wnd .wndInner .contener,
#mediacenter div.media .contener {
  text-align: left;
  position: relative;
  display: table;
  padding: 20px;
  background: #fff;
  margin: auto;
  border-radius: 8px;
}
#mediacenter div.media .contener {
  height: 85%;
  width: 92%;
}
div.onglet,
div.pictEdit {
  position: relative;
}
.wnd a.close,
#mediacenter a.close {
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 15px;
  right: 15px;
  background-position: -101px -221px;
  background-color: transparent;
}
#mediacenter a.close {
  top: -4px;
  right: -4px;
}
#mediacenter a.close.miniF {
  top: -9px;
  right: 12px;
}
#mediacenter .ColMedia,
#mediacenter .ColCom,
#mediacenter #menuAdd,
#mediacenter div.media,
.wnd .wndInner {
  display: table-cell;
}
#mediacenter .ajaxContainer,
#mediacenter .phototheque,
#mediacenter #MediaComm {
  display: table; /*height:100% !important;*/
  width: 100%;
}
#mediacenter .ColMedia {
  min-width: 350px;
  text-align: center;
  background: #000;
  vertical-align: middle;
}
#mediacenter .ColCom {
  width: 330px;
  vertical-align: top;
  padding-left: 25px;
  height: 100%;
}
.wnd .scroll,
#mediacenter .scroll {
  display: block;
  overflow-y: auto;
  overflow-x: hidden; /*height:270px;*/
  height: 270px;
}
#mediacenter #photofiche div:not([class*="vjs"]) {
  position: relative;
  overflow: hidden;
}
#mediacenter #photofiche table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#mediacenter #menuAdd {
  width: 250px;
  min-width: 250px;
  vertical-align: top;
  padding-right: 20px;
}
#mediacenter .paramA {
  line-height: 25px;
}
#mediacenter .paramA strong {
  font-size: 18px;
}
#mediacenter .paramA b {
  color: #b4b4b4;
}
#mediacenter .paramA .status {
  display: inline-block;
  padding: 2px 5px;
  margin: 0 5px;
}
#mediacenter .tableRow {
  display: table-row;
}
#mediacenter .ColMedia img {
  /*display:inline-block;  max-width:100%; max-height:100%;*/
}
#mediacenter .ColMedia.border {
  height: 100%;
  border: 8px dashed #ccc;
  box-sizing: border-box;
  padding: 4px;
  -moz-border-image: url(../images/commun/border-dashed.gif) 8 round;
  -webkit-border-image: url(../images/commun/border-dashed.gif) 8 round;
  -o-border-image: url(../images/commun/border-dashed.gif) 8 round;
  border-image: url(../images/commun/border-dashed.gif) 8 round;
  background: #fff;
}

* html #mediacenter .ColMedia.border {
  border: 4px;
}
#mediacenter .ColMedia .zoneUP {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  min-height: 310px;
}
.ColMedia .zoneUP h1 {
  display: table-cell;
  color: #b4b4b4;
  vertical-align: middle;
  text-align: center;
  padding-bottom: 50px;
}
.ColMedia .zoneUP .parcourir {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  text-align: center;
}
#mediacenter ul.upload {
  text-align: left;
  font-size: 12px;
  word-break: break-all;
}
#mediacenter ul.upload li {
  display: inline-block;
  line-height: normal;
  width: 115px;
  height: 115px;
  border: 1px solid #ccc;
  position: relative;
  vertical-align: top;
  margin-bottom: 3px;
}
ul.upload li span {
  display: inline-block;
}
ul.upload p {
  margin: 5px;
  width: 105px;
  overflow: hidden;
  text-align: center;
}
ul.upload .ok,
ul.upload .ko,
ul.upload .progressMeter {
  width: 109px;
  position: absolute;
  bottom: 2px;
  left: 2px;
  line-height: 17px;
}
ul.upload .ok {
  border: 1px solid #505050;
  height: 15px;
}
ul.upload .ko {
  border: 1px solid #505050;
  word-break: normal;
  line-height: normal;
}
p.uploadMSG {
  background: #efefef;
  height: 50px;
  line-height: 50px;
  font-family: "Titillium_Regular";
  vertical-align: middle;
}
.ColMedia img.selected {
  border: 3px solid #cc6600;
}
.ColMedia .actionBtn {
  position: absolute;
  bottom: 40px;
  right: 55px;
  background: #fff;
  padding: 3px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#mediacenter div.photoListe {
  text-align: left;
}
div.photoListe b {
  display: block;
  color: #a0a0a0;
  line-height: 26px;
  border-bottom: 1px solid #d2d2d2;
  margin: 10px 0;
}
#mediacenter .miniFiche {
  height: 43px;
  width: 294px;
  padding-right: 36px;
  position: absolute;
  top: -25px;
  right: 0;
  line-height: 43px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
#mediacenter .miniFiche strong {
  padding-left: 10px;
  font-size: 16px;
}
#mediacenter .miniFiche span {
  line-height: normal;
  font-size: 12px;
  text-align: right;
  padding-top: 5px;
}
/* start christophe mediacenter déplacer/copier phototèque */
#mediacenter div.photoListe img {
  margin: 2px;
  width: 110px;
  padding: 1px;
  cursor: pointer;
}
#mediacenter div.photoListe img.selected {
  margin: -1px;
}
/* end christophe mediacenter déplacer/copier phototèque */

.wnd p.wndInner,
p.media {
  height: 215px;
  width: 210px;
  font-size: 13px;
  vertical-align: top;
  display: inline-block;
  margin: 0 6px 20px 6px;
  text-align: center;
}
p.media b {
  font-size: 15px;
  color: #505050;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}
p.media strong,
p.media a {
  display: block;
  position: relative;
  height: 170px;
  width: 170px;
}
.video b.prive,
.STcam b.prive,
p.media a b.prive {
  background: #000 url(../images/fiche/prive-nophoto.jpg) no-repeat;
}
p.media a b.prive,
.STcam b.play,
.STcam b.prive,
.video b.prive,
p.media a b.classimg,
.vignV b.play,
p.media a b.play {
  display: block;
  position: absolute;
  background-position: -1189px 0;
  width: 180px;
  height: 135px; /* background-position:-821px 0; margin-left:1px;*/
}
p.media.webcam a b.play,
.STcam b.play {
  background-position: -1189px -135px;
}
.STcam b.play:hover,
.vignV:hover b.play,
p.media a:hover b.play {
  background-position: -821px 0;
}

p.media.webcam.add img {
  opacity: 0.2;
}
p.media.webcam {
  background-position: -611px 0;
  padding: 23px 15px 0 15px;
  width: 180px;
}
p.media.webcam strong,
p.media.webcam a {
  height: 135px;
  width: 180px;
}
.STcam b.prive,
p.media.webcam a b.prive {
  background-position: -180px -0px;
}

p.media.video {
  background-position: -401px 0;
  padding: 27px 14px 0 14px;
  width: 180px;
}
#mediacenter #Edit p.media.video {
  height: 250px;
}
p.media.video strong,
p.media.video a {
  height: 135px;
  width: 180px;
}
.video b.prive,
p.media.video a b.prive {
  background-position: 0px -135px;
}
p.media a img {
  height: 100%;
  width: 100%;
}
.vignV b.prive {
  top: -14px;
  left: 9px;
}

p.media.album {
  background-position: -190px 0;
  padding: 20px 20px 0 22px;
  width: 170px;
}
p.media a b.classimg,
p.media.album a b.prive {
  height: 170px;
  width: 170px;
  margin: 0;
  background-position: -180px -133px;
}

p.media.photo {
  background-position: 0 0;
  width: 170px;
  height: 230px;
  padding: 10px 10px 0px 10px;
}
p.media a b.prive.edit,
p.media a b.classimg.edit {
  background-image: none;
  height: 30px;
  line-height: 30px;
}

#mediacenter p.miniFiche {
  height: 28px;
  line-height: 14px;
  font-size: 12px;
}
#mediacenter p.miniFiche img {
  margin-right: 10px;
}
#mediacenter .com ol p {
  padding-left: 40px;
}
#mediacenter .com ol {
  /*overflow-y:auto; max-height:380px;*/
}
#mediacenter .com .menu.all {
  color: white;
}
.wnd h1,
#mediacenter h1 {
  font-size: 22px;
}
#mediacenter h3,
#mediacenter p.info strong {
  font-size: 15px;
}
#mediacenter #navVignette {
  height: 102px;
  background-color: #f0f0f0;
  border-top: 1px solid #d2d2d2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
#mediacenter #navVignette p.info {
  text-align: right;
  padding: 0 20px;
}
#mediacenter p.photoAlbum {
  padding: 0 20px;
  white-space: nowrap !important;
}
#mediacenter p.photoAlbum span {
  display: inline-block;
  overflow: hidden;
  height: 62px;
  margin-bottom: 5px;
  vertical-align: top;
}
#mediacenter p.photoAlbum a {
  margin: 0 0 0 5px;
  display: inline-block;
  height: 62px;
  width: 62px;
  overflow: hidden;
  vertical-align: top;
}
#mediacenter p.photoAlbum a:hover,
#mediacenter p.photoAlbum a.selected {
  border-witdh: 3px;
  border-style: solid;
  height: 56px;
  width: 56px;
}
#mediacenter p.photoAlbum a:hover img,
#mediacenter p.photoAlbum a.selected img {
  margin-top: -3px;
  margin-left: -3px;
}
#mediacenter p.photoAlbum a img {
  min-width: 100%;
  min-height: 100%;
}
#mediacenter p.photoAlbum a.bouton {
  width: 20px;
  line-height: 60px;
  height: 60px;
}
#mediacenter p.photoAlbum a.bouton.bgGrisKlr:hover {
  border: 1px solid #505050;
}
#mediacenter p.photoAlbum a.bouton.bgOrange {
  margin: 0;
}
#mediacenter p.photoAlbum a.bouton.bgOrange:hover {
  border: none;
}
#mediacenter #navVignette.open {
  height: 250px;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.5);
}
#mediacenter #navVignette.open a {
  margin-bottom: 5px;
}
#mediacenter #navVignette.open a.bouton.bgGrisKlr {
  visibility: hidden;
}
#mediacenter #navVignette.open p.photoAlbum span {
  height: 201px;
  overflow-y: auto;
  white-space: normal !important;
}
#mediacenter #photofiche a {
  display: inline-block;
}

#mediacenter a.add strong {
  display: block;
  width: 170px;
  height: 57px !important;
  padding: 113px 0 0 0 !important;
  font-size: 20px;
  line-height: 20px;
  color: #b4b4b4;
  text-shadow: 0px 1px 0px #fff;
}
#mediacenter a.add strong.photo {
  background-position: 0 -170px;
}
#mediacenter a.add strong.video {
  width: 180px;
  height: 45px !important;
  padding-top: 90px !important;
  background-position: 0 -340px;
}
#mediacenter a.add.small strong {
  width: 110px;
  height: 110px;
  padding-top: 0;
}
#mediacenter .status {
  display: block;
  border: 1px solid #dcdcdc;
  padding: 2px;
  text-align: left;
  position: relative;
}
#mediacenter .status input {
  border: none;
  width: 145px;
  color: #646464;
}
#mediacenter .status .New {
  position: absolute;
  right: 2px;
  top: 2px;
  width: auto;
  color: #fff;
}
#mediacenter .video textarea {
  width: 100%;
  height: 45px;
  padding: 0;
  box-sizing: border-box;
  border: none;
}
#mediacenter .video .status input {
  width: 155px;
}
#mediacenter a.pict.supM {
  display: inline-block;
}
#mediacenter a.pict.edit {
  position: absolute;
  right: 20px;
  top: -32px;
  background-position: -139px -200px;
  height: 18px;
  width: 18px;
  background-color: #fa820a;
  border: 7px solid #fa820a;
}
#mediacenter a.pict.edit:after {
  content: "";
  position: absolute;
  left: 2px;
  bottom: -14px;
  height: 0;
  width: 0;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #fa820a;
}
#mediacenter a.pict.edit.view	/* christophe */ {
  background-color: gray;
  border: 7px solid gray;
}
#mediacenter a.pict.edit.view:after /* christophe */ {
  border-top: 7px solid gray;
}

.block.regles ul li,
.desc a,
.Mur div.Evenement ul.Eve li p,
.Mur div.Evenement div.choix span,
ul.com li {
  border-top: 1px solid #e6e6e6;
}
.block.listCont ul li,
.block.menuFiche li,
.droiteBig h1,
.Mur div.Evenement div.choix span,
.Mur div,
ul.com li.add,
ul.com ol li,
.fiche .Mur h4 {
  border-bottom: 1px solid #e6e6e6;
}
.Mur div.Evenement ul li h4,
.Mur div.video p strong,
#mediacenter p.miniFiche strong,
.Mur,
.Mur h3 {
  font-size: 14px;
}
.Mur div.Evenement ul li,
.Mur div.Evenement div.choix .bouton,
ul.com p {
  font-size: 13px;
}
.Mur div.Evenement ul li.orange strong, /*.Mur div.video p span,*/ .externalShare,
.Mur em {
  font-size: 12px;
}
.droiteBig h1,
.Mur div,
.fiche .Mur h4 {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.Mur div:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.Mur .vign62.floatL {
  margin-top: 4px;
}
ul.com em,
.Mur em {
  display: block;
}
.Mur h3 em {
  display: inline-block;
}
.externalShare em.url,
ul.com em.date,
.Mur em.date {
  color: #b4b4b4;
}
.party em.date b {
  color: #888;
}
.Mur p.btMur {
  padding-top: 10px;
}
.Mur div.Evenement p.btMur,
.Mur div.video p.btMur {
  clear: both;
}
.Mur p.btMur a {
  width: auto;
  padding: 1px 9px;
  font-size: 11px;
  margin-right: 5px;
}
.Mur p.btMur a,
.Mur em.sexe img,
.Mur p.btMur a img {
  vertical-align: middle;
}
.Mur p .multiPhoto {
  display: inline-block;
  vertical-align: bottom;
  max-width: 340px;
}
.Mur p .multiPhoto a {
  margin: 3px 0 0 3px;
}
.Mur p .multiPhoto .ddd {
  display: block;
  height: 42px;
  width: 42px;
  padding: 10px;
  font-size: 30px;
}
.Murloc {
  color: #d0d0d0;
}
.Mur .deleted .btMur /* christophe */ {
  visibility: hidden;
}
.Mur .deleted .com .add input /* christophe */ {
  display: none;
}

ul.com {
  padding-top: 15px;
}
li.menu,
.com li.add,
.com ol li {
  padding: 10px;
}
/* christophe */
.com ol li.deleted {
  text-decoration: line-through;
}
.com li.add {
  position: relative;
}
.desc a,
ul.com li.menu,
.borderBox ul li.menu {
  height: 18px;
  line-height: 18px;
  background-color: #f0f0f0;
}
.borderBox ul li.menu,
ul.com li.menu a {
  color: #b4b4b4;
}
li.menu a.floatR strong {
  vertical-align: top;
}
ul.com li.menu a.floatL {
  margin-right: 10px;
}
ul.com li {
  list-style: none;
  clear: both;
  background: #f5f5f5;
}
ul.com li.add,
ul.com ol li {
  border-top-color: #fff;
}
ul.com li.add input {
  display: block;
  border: 1px solid #e6e6e6;
  width: 100%;
  padding: 5px 0;
  text-indent: 5px;
}
ul.com li.systeme {
  padding: 5px 10px;
  color: #787878;
  text-align: left;
  min-height: 15px;
}
ul.com li.systeme.bgKo {
  color: white;
}
ul.com li.systeme.startC {
  color: #9ec130;
}
ul.com li.systeme.stopC {
  color: #bb0000;
}
ul.com li.systeme.Cam2cam {
  background-color: #9ec130;
  color: #fff;
}
ul.com li.systeme.changDisc,
ul.com li.systeme.noCam2cam {
  background-color: #bb0000;
  color: #fff;
}
ul.com li.systeme.invitCam,
ul.com li.systeme.Busy {
  background-color: #ffe0c1;
}

.Mur div.video a.vignV {
  display: inline-block;
  position: relative;
  height: 135px;
  width: 180px;
  overflow: hidden;
  margin-right: 20px;
  background: #000;
}
.Mur div.video a.floatL img.nocopy {
  position: absolute;
}
/*.Mur div.video a.floatL img.play{ position:absolute; left:166px; top:77px; }*/
.Mur div.video p strong {
  display: block;
  padding-bottom: 5px;
}
.Mur div.video p a.liens {
  display: inline-block;
  background: transparent url(../images/accueil/puce-lien.gif) no-repeat left
    center;
  padding-left: 20px;
  line-height: 13px;
  margin-top: 5px;
}

.Mur div.Evenement div.choix {
  min-height: 30px;
  padding-left: 75px;
  border: none;
  padding-bottom: 0px;
}
.Mur div.Evenement div.choix .bouton {
  padding: 0 10px;
  float: right !important;
}
.Mur div.Evenement div.choix p {
  display: inline-block;
  line-height: 26px;
  height: 26px;
  padding: 3px 0 0px 25px;
  background: transparent url(../images/accueil/calendar.gif) no-repeat left
    center;
}
.Mur div.Evenement div.choix span {
  display: block;
  padding: 2px 4px 4px 8px;
  background: #f0f0f0;
  text-align: right;
  margin-bottom: 25px;
}
.Mur div.Evenement ul.Eve {
  padding-left: 20px;
  width: 290px;
  float: right;
}
.Mur div.Evenement ul li h4 {
  margin-bottom: 15px;
}
.Mur div.Evenement ul.Eve li p {
  padding: 15px 0 15px 0;
  margin-top: 15px;
  color: #787878;
}

li.table span,
li.table b {
  display: table-cell;
}
li.table span {
  width: 60px;
}
#party a.plus,
.droiteBig a.plus,
.Mur a.plus {
  text-align: right;
  padding-right: 10px;
}
#friendsList a.plus {
  margin-top: 10px;
}

.Mur .status[data-entity-id*="admin"] {
  padding: 10px;
}
.Mur .status[data-entity-id*="admin"] img {
  width: 100%;
  max-width: 100%;
}
.Mphoto[data-entity-id*="admin"] .vign62,
.Mur .status[data-entity-id*="admin"] .vign62 {
  background: transparent url(../images/commun/admin_picture.png?v=2);
}
.externalShare {
  vertical-align: top;
  max-width: 365px;
  padding-left: 20px;
}
.externalImg {
  width: 110px;
  height: 110px;
  text-align: center;
  vertical-align: top;
  line-height: 110px;
  padding: 10px;
}
.externalShare .titleL {
  font-size: 16px;
}
.externalShare.externalVideo {
  width: 333px;
  padding: 10px;
}
.playExternal img.play {
  position: absolute;
  top: 167px;
  left: 322px;
}
.playExternal a.imgVideo {
  overflow: hidden;
  height: 200px;
}
.Mur .newFiche {
  display: inline-block;
  height: 62px;
  margin: 10px 10px 0 0;
  width: 205px;
}
.Mur .newFiche a {
  vertical-align: middle;
  line-height: 62px;
}
.Mur .newFiche a strong {
  padding-left: 5px;
  font-size: 13px;
}
.Mur .Maward {
  padding: 10px 10px 10px 50px;
  margin-top: 10px;
}
.Mur .Maward .pict {
  width: 29px;
  height: 52px;
  background-image: url("../images/commun/sprite_award.png");
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.Maward strong.pict {
  position: absolute;
  left: 10px;
  top: -2px;
}
.Maward sup {
  font-size: 10px;
  vertical-align: top;
}
.Mur .Maward span.pict {
  background-position: -145px 0;
  padding-top: 27px;
  height: 25px;
}
.Mur .Maward span.award1 {
  background-position: -87px 0;
}
.Mur .Maward span.award2 {
  background-position: -116px 0;
}
.Mur .Maward .Apop {
  background-position: -58px 0;
}
.Mur .Maward .AfolT {
  background-position: -174px 0;
}

.Mur p,
.Mur h3,
.Mur ul {
  padding-left: 75px;
}
/* christophe */
.bullePBL.Mur p,
.bullePBL.Mur h3,
.bullePBL.Mur ul {
  padding-left: 39px;
}
/* christophe */
.Mur .indent2 {
  padding-left: 115px;
}
/* christophe */
.Mur .photo.indent2 {
  padding-left: 75px;
}
.com ol p {
  padding-left: 50px;
  min-height: 28px;
  word-wrap: break-word;
}
.com ol li.systeme p {
  padding: 0;
  min-height: 15px;
}

.achievements h3,
.achievements p {
  padding-left: 0;
  margin: 0 !important;
}
/* notification */
.Mur.notif div {
  margin-bottom: 0;
  padding-bottom: 0;
}
.Mur.notif .vign62.floatL {
  border-left: 6px solid;
  margin-top: 0;
}
.Mur.notif h3 {
  padding-top: 12px;
}
.Mur.notif p,
.Mur.notif h3 {
  padding-left: 85px;
}
.miscs-card .pict.notif,
.Mur.notif .pict.notif {
  margin: 0 15px;
  width: 25px;
  height: 62px;
  background-image: url("../images/commun/sprit_notification.png");
}
.pict.notif {
  background-position: -50px 0;
}
.pict.notifyfollow {
  background-position: -25px 0;
}
.pict.notifycontact {
  background-position: -25px -62px;
}
.pict.notifypermission {
  background-position: -50px -62px;
}
.pict.achievementfollow {
  background-position: -75px -62px;
}
.pict.sharePhoto,
.pict.notifysharephoto {
  background-position: 0 -124px;
}
.pict.uploadPhoto {
  background-position: -50px -124px;
}
.pict.achievementpopularity {
  background-position: -75px -124px;
}
.pict.notifysharevideo,
.pict.shareVideo {
  background-position: 0 -186px;
}
.pict.uploadVideo {
  background-position: -50px -186px;
}
.pict.achievementfollow_total {
  background-position: -75px -186px;
}
.pict.shareShow,
.pict.notifyshareshow {
  background-position: 0 -248px;
}
.pict.exhibCamStop {
  background-position: -50px -248px;
}
.pict.exhibCamStart {
  background-position: -75px -248px;
}
.pict.notifycomment {
  background-position: -75px -248px;
}
.pict.achievementexhib {
  background-position: -75px -248px;
}
.pict.temoignagePublish {
  background-position: 0 -310px;
}
.pict.temoignageWrite {
  background-position: -25px -310px;
}
.pict.updateThermo {
  background-position: -50px -310px;
}
.pict.notifycomment {
  background-position: -75px -310px;
}
.pict.answerFiche {
  background-position: 0 -372px;
}
.pict.answerQuestion {
  background-position: -25px -372px;
}
.pict.eventPublication {
  background-position: 0 -434px;
}
.pict.eventCanceled {
  background-position: -25px -434px;
}
.pict.eventInvitation {
  background-position: -50px -434px;
}
.pict.eventParticipation {
  background-position: -75px -434px;
}
.pict.eventParticipationYes {
  background-position: -50px -372px;
}
.pict.eventParticipationNo {
  background-position: -75px -372px;
}
/*fin*/

.fiche .droite h3,
.fiche .droite h3.border,
h3.border,
.aimerez h3 {
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  padding: 7px 1px;
}
.fiche .droite h3 {
  font-size: 16px;
  border-bottom: none;
}
.fiche .droite h3 em {
  font-size: 12px;
  font-family: "Titillium_Regular";
}

#party h3.border {
  font-size: 16px;
  border-top: none;
  text-transform: uppercase;
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}
p.pratique {
  height: 36px;
  padding-top: 114px;
  font-size: 20px;
  width: 180px;
  background-image: url(../images/fiche/sprit-sexe.png);
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  font-family: "Titillium_Light";
  position: relative;
}
p.pratique.actif {
  background-position: 0 -150px;
  font-size: 16px;
}
p.pratique.Pactif {
  background-position: 0 -450px;
}
p.pratique.passif {
  background-position: 0 -300px;
  font-size: 16px;
}
p.pratique.Ppassif {
  background-position: 0 -600px;
}
p.pratique.rectoVerso {
  background-position: 0 0px;
}
.search ul {
  border-top: 1px solid #e6e6e6;
  font-size: 12px;
  padding-top: 15px;
}
.search ul li {
  display: inline-block;
  padding: 4px 7px;
  background-color: #f0f0f0;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  margin: 0 6px 6px 0;
}
.search ul li.selected {
  border-color: #505050;
  color: #fff;
  text-shadow: none;
}

.Mur p.btMur a,
ul.miniFiche a b {
  color: #bebebe;
  background-color: #f4f4f4;
  text-transform: uppercase;
  line-height: 20px;
}
.Mur p.btMur a.liked, /* christophe */
.Mur p.btMur a.shared, .Mur p.btMur a.justShared {
  color: white;
  background-color: #590;
  text-shadow: none;
}
.Mur p.btMur .btlike .inlineB {
  height: 10px;
  line-height: 10px;
  font-size: 13px;
}
/*.Mur p.btMur .btlike .lcount{ font-size:12px; }*/
.Mur p.btMur .btlike .plus {
  font-size: 12px;
}
ul.miniFiche {
  padding: 8px 0;
  display: table;
  width: 100%;
  margin: 0;
  border-top: 1px solid #e6e6e6;
}
ul.miniFiche li {
  display: table-cell;
  vertical-align: top;
}
ul.miniFiche li i {
  font-style: normal;
}
ul.miniFiche .tof {
  width: 28px;
}
ul.miniFiche .ev {
  width: 31px;
}
ul.miniFiche .txt {
  padding-left: 10px;
  padding-right: 2px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 13px;
}
ul.miniFiche .txt em {
  color: #787878;
}
ul.miniFiche strong {
  display: block;
  font-size: 13px;
}
ul.miniFiche .btn {
  width: 37px;
}
ul.miniFiche .fan {
  width: 31px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
ul.miniFiche .fan a,
ul.miniFiche .btn a {
  display: inline-block;
  text-align: center;
}
ul.miniFiche .fan a {
  background: #e6e6e6;
  width: 32px;
  padding: 5px 0;
  line-height: 11px;
  min-height: 22px;
}
ul.miniFiche .fan a:hover {
  text-decoration: none;
}
ul.miniFiche .fan.cal a {
  background: transparent url(../images/accueil/bg-calendar.gif) no-repeat top;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #e6e6e6;
}
ul.miniFiche .fan.cal a strong {
  color: #d23232;
}
ul.miniFiche b {
  width: 37px;
}
.aimerezWND {
  width: 495px;
  overflow-y: auto;
  max-height: 255px;
}
.aimerezWND ul.miniFiche {
  height: 62px;
  width: 210px;
  padding: 0 8px 0 0;
  margin: 0 10px 10px 0;
}
.aimerezWND ul.miniFiche:nth-child(2n) {
  margin-right: 0;
}
.aimerezWND ul.miniFiche .btn {
  vertical-align: middle;
}

.followWND a,
.followWND {
  color: #505050;
}
.followWND {
  width: 618px;
  overflow-y: auto;
  max-height: 360px;
}

.VideoScop h3,
.Exhib h3 {
  margin-top: 5px;
  padding-top: 10px;
  border-bottom: none;
  border-top: 1px solid #e6e6e6;
}
.VideoScop h3 em,
.Exhib h3 em {
  display: block;
  font-size: 12px;
}
.VideoScop h3 a,
.Exhib h3 a {
  display: block;
  padding-left: 47px;
  line-height: 19px;
}
.Exhib h3 a {
  background-position: -149px -34px;
}
.VideoScop h3 a {
  background-position: -149px -74px;
}
.Exhib ul li,
ul.Fblock li {
  display: block;
  font-size: 12px;
}
.Exhib ul li {
  float: left;
  width: 85px;
  height: 85px;
  text-align: center;
}
.Exhib ul li:nth-child(odd) {
  padding-right: 10px;
}

ul.Fblock {
  padding-bottom: 10px;
  display: inline-block;
}
ul.Fblock.ONline {
  border-top: 8px solid;
}
ul.Fblock.OFFline {
  border-top: 8px solid;
}
ul.Fblock li.Pinfo,
ul.Fblock li.info {
  border: 1px solid #e6e6e6;
  background-color: #fafafa;
  padding: 6px 4px 6px 12px;
  line-height: 15px;
}
ul.Fblock li.info {
  height: 31px; /*width:162px;*/
} /* ie 7 a corriger */
ul.Fblock li.Pinfo {
  padding: 6px 10px;
}
ul.Fblock li.info a {
  display: table;
  width: 100%;
}
ul.Fblock li.Pinfo a {
  font-size: 13px;
  padding-right: 8px;
}
ul.Fblock li.info span {
  display: table-cell;
  vertical-align: bottom;
}
ul.Fblock li.info span.status {
  text-align: right;
}
ul.Fblock li.info strong {
  font-size: 14px;
}
ul.Fblock li.photo,
ul.Fblock li.video {
  position: relative;
  width: 180px;
  height: 135px;
  background-color: #000;
}
ul.Fblock li.photo {
  height: 180px;
}
ul.Fblock li.photo img,
ul.Fblock.video img,
ul.Fblock.video b.play,
ul.Fblock li.video img {
  position: absolute;
  z-index: 10;
}
/*ul.Fblock li.photo img	{ width:180px; }*/
ul.Fblock li.video img.play {
  top: 100px;
  left: 145px;
}

ul.Fblock b.pict,
b.temSmall {
  height: 14px;
  width: 17px;
  vertical-align: top;
}
b.pict.msgSmall {
  background-position: -52px -426px;
}
b.pict.temSmall {
  background-position: -18px -426px;
}
b.pict.visSmall {
  background-position: -35px -426px;
}
ul.Fblock b.pict.c2cD,
ul.Fblock b.pict.c2cG {
  width: 8px;
}

span.C2C {
  display: block;
  position: absolute;
  z-index: 11;
  bottom: 0;
  height: 20px;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.8);
  width: 160px;
  padding: 10px;
  text-shadow: none;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
span.C2C.Recut,
span.C2C.Envoye {
  color: #fff;
}
span.C2C.Recut.Envoye {
  text-transform: uppercase;
  font-size: 13px;
}
b.pict.c2cG {
  background-position: -171px -190px;
}
b.pict.c2cD {
  background-position: -179px -190px;
}
.C2C.Recut b.pict.c2cG {
  background-position: -171px -204px;
}
.C2C.Envoye b.pict.c2cD {
  background-position: -179px -204px;
}

a.plus {
  display: block;
  border: 1px solid #e6e6e6;
  background: #fafafa;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  line-height: normal;
}

.block p.publish {
  border: 1px solid #dcdcdc;
  margin: 10px;
  padding: 0;
  background: #fff;
  padding: 5px;
  line-height: 20px;
}
.block p.publish .publishForm {
  width: 555px;
  border: 0;
  padding: 0;
  height: 20px;
}
.block p.publish textarea /* christophe */ {
  font-family: "Titillium_Regular", Arial, Helvetica;
}
.block p.publish input.indev {
  width: 460px;
}
p.publish label.pict {
  cursor: pointer;
}
p.publish .pict {
  margin: 0;
  width: 28px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
p.publish .pict b {
  display: block;
  width: 28px;
  height: 20px; /*overflow:hidden;*/
}

p.publish label.pict.item-1 {
  background-position: left -81px;
}
p.publish label.pict.item-1:hover,
p.publish label.pict.selected {
  background-position: left -60px;
}
p.publish a.pict.item-2 {
  background-position: -28px -81px;
}
p.publish a.pict.item-2:hover,
p.publish a.pict.selected.item-2 {
  background-position: -28px -60px;
}
p.publish a.pict.item-3 {
  background-position: -56px -81px;
}
p.publish a.pict.item-3:hover,
p.publish a.pict.selected.item-3 {
  background-position: -56px -60px;
}
p.publish a.pict.item-4 {
  background-position: -84px -81px;
}
p.publish a.pict.item-4:hover,
p.publish a.pict.selected.item-4 {
  background-position: -84px -60px;
}
p.publish a.pict.item-5 {
  background-position: -112px -81px;
}
p.publish a.pict.item-5:hover,
p.publish a.pict.selected.item-5 {
  background-position: -112px -60px;
}
p.publish a.pict.selected {
  border-bottom: none;
}
p.publish input.floatR {
  height: 20px;
  line-height: 20px;
  border: none;
  width: 100px;
}
p.publish .upMedia {
  display: block;
  height: 250px;
}

/* yves */
p.publish #canAddMedia {
  display: block;
}
/* yves */

.upBlock {
  position: absolute; /*top:-295px;*/
  bottom: 65px;
  width: 100%;
}
.upBlock .spacer20 {
  display: none;
}
.millieux #MediaComm,
.bShare {
  width: 90%;
  margin: 0 auto 10px auto;
  box-shadow: 0px 2px 8px #505050;
  padding: 15px;
}
.bShare textarea,
.bShare input {
  width: 98%;
}
.bShare textarea {
  height: 60px;
}
.bShare img {
  max-height: 200px;
}

.millieux #MediaComm .ColMedia {
  max-height: 250px;
  position: relative;
}
.millieux #MediaComm .zoneUP {
  height: 200px;
  position: relative;
  border: 4px dashed #ccc;
}
.millieux #MediaComm .zoneUP h1 {
  background: none;
  display: block;
  height: 100px;
  line-height: 90px;
}
.millieux #MediaComm .zoneUP h1 img {
  display: none;
}
.millieux .upload li {
  font-size: 10px;
  display: inline-block;
  width: 115px;
  height: 115px;
  margin-bottom: 10px;
  position: relative;
}
.millieux .uploadMSG {
  position: relative;
  font-size: 14px;
  text-align: center;
  height: 30px;
  line-height: 10px;
  width: 412px;
  padding: 10px 0;
  background-color: #eee;
  border: 1px solid #e5e5e5;
  top: 10px;
  left: 20px;
}
.millieux .uploadMSG .bgGrisKlr {
  font-size: 10px !important;
}
.millieux .progressMeter {
  width: 110px;
  position: absolute;
  bottom: 5px;
  left: 152px;
  line-height: 17px;
}

div.Tab {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
div.Tab a,
div.Tab h4 {
  display: table-cell;
  vertical-align: middle;
}
div.Tab a,
div.Tab h4 {
  border-bottom: 1px solid #e6e6e6;
}
div.Tab h4 {
  padding-right: 15px;
  white-space: nowrap;
  width: 10%;
}

.menuChat li a.item,
.menuChat li a.item.first,
div.Tab a.Tcell {
  width: 34px;
  height: 30px;
  text-align: center;
  border: 1px solid #e6e6e6;
  background-color: #f5f5f5;
}
.menuChat li a.item b.pict,
div.Tab a strong.pict {
  display: inline-block;
  width: 34px;
  height: 30px; /*text-indent:-900px; overflow:hidden;*/
}
.menuChat .pict.Pfav,
div.Tab a.item-1 strong.pict {
  background-position: left -30px;
}
.menuChat a:hover .pict.Pfav,
.menuChat a.selected .pict.Pfav,
div.Tab a.item-1:hover strong.pict,
div.Tab a.item-1.selected strong.pict {
  background-position: top left;
}
.menuChat .pict.Loc,
div.Tab a.item-2 strong.pict {
  background-position: -34px -30px;
}
.menuChat a:hover .pict.Loc,
.menuChat a.selected .pict.Loc,
div.Tab a.item-2:hover strong.pict,
div.Tab a.item-2.selected strong.pict {
  background-position: -34px 0;
}
.menuChat .pict.expl,
div.Tab a.expl strong.pict {
  background-position: -68px -30px;
}
.menuChat a:hover .pict.expl,
.menuChat a.selected .pict.expl,
div.Tab a.expl:hover strong.pict,
div.Tab a.expl.selected strong.pict {
  background-position: -68px 0;
}
.menuChat .pict.Rech {
  background-position: 0 -103px;
}
.menuChat a:hover .pict.Rech,
.menuChat a.selected .pict.Rech {
  background-position: -32px -103px;
}

div.Tab a.item-4 strong.pict {
  background-position: -102px -30px;
}
div.Tab a.item-4:hover strong.pict,
div.Tab a.item-4.selected strong.pict {
  background-position: -102px 0;
}
div.Tab a.Tcell.selected {
  border-bottom: none;
}
div.Tab a.Tcell.text.selected {
  font-weight: bold;
}
#HeadChat .menuChat li a.item.selected,
#HeadChat .menuChat li a.item:hover,
div.Tab a.selected,
div.Tab a.Tcell:hover {
  background-color: #fff;
}
a.reglage,
div.Tab a.orange {
  text-align: right;
  background: none;
  border-width: 0 0 1px 0;
}
a.reglage {
  width: 30px;
}
a.reglage img {
  vertical-align: middle;
}

/* contact */
/*#Contact { padding-top:30px; overflow-y:auto; text-align:left; overflow-x:visible; }*/
#Contact {
  text-align: left;
}
p.minFiche.dragging.placeholder,
#contact_footer .Groupe.add a,
#contact_footer .Groupe.sup a {
  background: transparent url(../images/contact/contact.jpg) no-repeat;
}

#Contact #tuto {
  margin-top: 20px;
  height: 108px;
  padding: 10px 255px 0px 70px;
  border: 1px solid #e6e6e6;
  background: #fafafa url(../images/contact/tuto.png) no-repeat top right;
}
#Contact #tuto p {
  font-size: 16px;
  padding-top: 3px;
  color: #8c8c8c;
}
#Contact #tuto h2 {
  font-size: 22px;
}
#Contact #tuto a {
  font-size: 14px;
}

#Contact p.minFiche {
  cursor: url(/images/cursors/openhand_8_8.cur), move;
}
#Contact p.minFiche.selected span {
  border-color: #505050;
}
#Contact p.minFiche.dragging {
  cursor: url(/images/cursors/closedhand_8_8.cur), move;
}
#Contact p.minFiche.dragging.placeholder b,
#Contact p.minFiche.dragging.placeholder span {
  display: none;
}
#Contact p.minFiche.dragging.placeholder {
  background-position: left -100px;
}
#Contact p.minFiche.dragging.placeholder img {
  visibility: hidden;
  background: none;
}
.contactTip {
  position: fixed;
  z-index: 10000;
}
.contactCard {
  width: 388px;
  height: 160px;
  border: 1px solid #d2d2d2;
  background: #fff;
  position: relative;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  webkite-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.contactCard p {
  padding: 10px;
  width: 208px;
  display: inline-block;
  font-size: 13px;
  color: #787878;
  height: 92px;
  text-align: left;
  overflow-y: auto;
  line-height: normal;
}
.contactCard p b.Inf {
  display: inline-block;
  width: 70px;
}
.contactCard p.nav {
  border-top: 5px solid;
  height: 22px;
  background: #f5f5f5;
  overflow: visible;
}
.contactCard .bulle {
  display: block;
  height: 10px;
  width: 18px;
  position: absolute;
  top: -10px;
  left: 130px;
  background-position: -118px -102px;
}

p.nav a.bouton.bgOrange {
  padding: 0 15px;
}
p.nav a.pict {
  width: 26px;
  height: 21px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
}
p.nav a.pict.item-1 {
  background-position: -139px -114px;
} /* p.nav a.pict.item-1:hover, p.nav a.pict.selected			{ background-position:left -60px; }*/
p.nav a.pict.item-2 {
  background-position: -139px -135px;
} /*p.nav a.pict.item-2:hover, p.nav a.pict.selected.item-2	{ background-position:-28px -60px; }*/
p.nav a.pict.item-3 {
  background-position: -139px -156px;
} /*p.nav a.pict.item-3:hover, p.nav a.pict.selected.item-3	{ background-position:-56px -60px; }*/
p.nav a.pict.item-4 {
  background-position: -130px -242px;
}

.contactCard strong {
  font-size: 18px;
  color: #505050;
}
/*  #contact_footer		{ position:fixed; bottom:0; left:0; width:100%; height:190px; background:#F0F0F0; border-top:1px solid #d2d2d2; z-index:10; }  overflow-y: auto; */
#contact_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: #f0f0f0;
  border-top: 1px solid #d2d2d2;
  z-index: 10;
}
#contact_footer .containerCont {
  height: 200px;
  overflow-y: auto;
  margin: 0 auto;
}
#contact_footer .Groupe.add a,
#contact_footer .Groupe.imp a,
#contact_footer .Groupe.sup a {
  padding-top: 74px;
  height: 18px;
  font-size: 15px;
  color: #b4b4b4;
  text-align: center;
  vertical-align: bottom;
  position: relative;
}
#contact_footer .Groupe.sup a {
  background-position: -110px top;
  padding-top: 60px;
  height: 32px;
  line-height: 18px;
}
#contact_footer .Groupe.imp a {
  background: url(../images/contact/importer.jpg) no-repeat;
  padding-top: 60px;
  height: 32px;
  line-height: 18px;
  font-size: 16px;
}
#contact_footer .Groupe.sup a b {
  font-size: 13px;
}
#contact_footer .Groupe {
  position: relative;
  vertical-align: top;
  height: 100px;
  width: 110px;
  border: 4px solid #d2d2d2;
  display: inline-block;
  background: #fff;
  padding: 0px;
  margin: 0 7px 8px 0;
}
#contact_footer .Groupe a {
  display: inline-block;
  height: 84px;
  width: 94px;
  font-size: 14px;
  padding: 8px;
}
#contact_footer .Groupe img {
  margin: 2px 2px 0 0;
  float: left;
}
#contact_footer .Groupe span {
  display: block;
}
#contact_footer .Groupe span img:nth-child(3n) {
  margin-right: 0;
}
#contact_footer .Groupe span.mod {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 8px;
  height: 20px;
  width: 94px;
  background: #7d7d7d;
  display: none;
}
#contact_footer .Groupe.current span.mod {
  display: block;
}
#contact_footer .Groupe span.mod a {
  height: 20px;
  width: 19px;
  background-position: -138px -177px;
  position: relative;
  padding: 0;
}
#contact_footer .Groupe span.mod a.edit {
  background-position: -138px -199px;
}
span.mod a span.ibulle {
  left: -2px;
}
#contact_footer .Groupe.dropWait {
  border-color: #8eb82b;
}
#contact_footer .Groupe.sup.dropWait {
  border-color: #d13333;
}
#contact_footer .Groupe b font {
  display: inline-block;
  max-width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
#contact_footer .listeCont {
  display: inline-block;
  width: 685px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 7px;
}
.contTheirs #contact_footer .listeCont {
  width: 810px;
}
#contact_footer .barrenoir {
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 108px;
  line-height: 108px;
  vertical-align: top;
  border: none;
  color: #fff;
}
#contact_footer.open {
  height: 400px;
}
#contact_footer.open .barrenoir {
  visibility: hidden;
}
#contact_footer.open .listeCont {
  white-space: normal;
  overflow-y: scroll;
}
#contact_footer.open a.closeL,
#contact_footer a.openL {
  display: block;
  line-height: 26px;
  height: 26px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
}
#contact_footer a.closeL,
#contact_footer.open a.openL {
  display: none;
}
#contact_footer a.closeL:hover,
#contact_footer a.openL:hover {
  background: #7d7d7d;
  color: #fff;
  text-shadow: none;
}
/*#contact_footer .container { width:998px}*/

/* flash notifications */
#ajaxPageLoading,
.flashInfo,
.flashError,
#ajaxPageLoadFailure {
  display: inline-block;
  border-radius: 0 0 5px 5px;
  background: #999;
  color: white;
  font-weight: bolder;
  padding: 5px;
}
.flashInfo .closeButton,
.flashError .closeButton {
  /*background:url(../images/messages/suppr.gif) no-repeat center;*/
  float: right;
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
#ajaxPageLoadFailure,
.flashError {
  background-color: red;
  color: white;
}
#ajaxPageLoadFailure,
.flashError.hl {
  background-color: white;
  color: red;
}
#ajaxPageLoadFailure,
.flashInfo.hl {
  background-color: white;
  color: #999;
}
/* flash  notifications */

/* messages */
#messages .tabM {
  margin: 0px;
  padding: 0;
  border: 0px;
  border: 3px solid #dfdfdf;
  border-left: none;
  border-right: none;
  width: 100%;
  font-size: 14px;
}
#messages .tabM tr.ligne td {
  border-bottom: 1px solid #dfdfdf;
}
#messages .tabM img {
  max-width: 500px;
}
#messages .oldMessages .tabM,
#messages .lastMessages .tabM {
  border: none;
}

#messages .tabM .Mphoto {
  width: 68px;
  padding: 15px;
  text-align: center;
}
#messages .tabM .Mlogin,
#messages .tabM .Mtxt,
#messages .tabM .Mtxt b {
  display: block;
}
#messages .tabM .Mlogin {
  line-height: 20px;
  padding-bottom: 3px;
  font-size: 15px;
}
#messages .date {
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  vertical-align: top;
}
#messages .tabM .Minfo {
  text-align: right;
  padding-right: 15px;
}
#messages .tabM .Minfo a {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
}
#messages .tabM .discus {
  display: inline-block;
  height: 21px;
  line-height: 20px;
  width: 31px;
  background-position: -40px -212px;
  position: relative;
}
.tabM .discus.on {
  background-position: -40px -191px !important;
}

#messages .tabM .nlu .Mnb,
#messages .tabM .nlu p,
#messages .tabM .nlu a,
#messages .tabM .nlu .Mde a,
#messages .tabM .nlu .date {
  font-weight: bold;
}
#messages .tabM tr.nlu {
  background: #fff5eb;
}
#messages .tabM tr.selected {
  background: #f5f5f5;
}

p.discussion {
  border: 1px solid #e8e8e8;
  background: #fafafa;
  height: 32px;
  padding: 0 15px;
  line-height: 32px;
}
p.discussion span {
  line-height: 32px;
  height: 32px;
}
p.discussion a.pict {
  display: inline-block;
  height: 21px;
  width: 22px;
  vertical-align: text-top;
}
p.discussion a.add {
  background-position: -132px -242px;
}
p.discussion a.ign {
  background-position: -132px -221px;
}
b.supM,
a.supM {
  display: inline-block;
  height: 10px !important;
  width: 12px !important;
  background-position: -90px -221px;
  vertical-align: middle;
  padding: 0 !important;
}
p.discussion .alerte {
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 15px;
}

#messages .tabM tr.ligne.discussion td {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
  background-color: #f5f5f5;
}
#messages .ligne.unread td {
  font-weight: bold;
}
.discussion p.padd {
  padding: 0 15px 8px 5px;
}
.discussion p.suiteMSG {
  border-top: 1px dotted #dfdfdf;
  padding: 8px 15px 8px 5px;
}
.discussion .date {
  color: #b4b4b4;
}

#RepMsg {
  padding: 20px 0 30px 0;
  background: #fff;
}
.fake-textarea textarea {
  font-size: 13px;
  border-color: white;
  border: none;
  outline: none;
  -moz-outline: none;
  overflow-y: hidden;
  resize: none;
  width: 100%;
  font-family: Verdana;
  box-sizing: border-box;
  height: 75px;
  padding-left: 1px;
  overflow-y: auto;
}
.fake-textarea textarea {
  min-height: 75px;
}
.fake-textarea td {
  padding: 0;
  margin: 0;
}
.fake-textarea {
  background-color: white;
  border: 1px solid #dcdcdc;
  text-align: left;
}
#RepMsg p.action {
  height: 28px;
  margin: 0;
  padding: 15px 0 0 0;
  border-top: 3px solid #dfdfdf;
  font-size: 15px;
}

.PlusMsg {
  background: #f0f0f0 !important; /*text-align:center;*/
  border-right: none !important;
  border-left: none !important;
}
.PlusMsg a {
  display: block;
}
.PlusMsg img {
  vertical-align: middle;
}
#messages,
lastMessages {
  z-index: 10;
}
/*---- netev2 */
/* smiley */
.fake-textarea #smiley {
  padding: 0;
  margin: 0 0 0 5px;
  display: inline-block;
}
.fake-textarea #smiley .smileyText {
  height: 18px;
  width: 18px;
  cursor: pointer;
}
.fake-textarea #smiley .smileyText .smileyPanel {
  position: absolute;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  margin: -69px 0 0 -265px;
  padding: 3px;
  z-index: 100;
}
.fake-textarea #smiley .smileyText .smileyPanel.vertical {
  /*width:90px;*/
}
.fake-textarea #smiley .smileyText .smileyBox {
  height: 19px;
  width: 18px;
  background-position: -71px -423px;
}
.fake-textarea .smileyPanel img {
  vertical-align: middle;
}
.fake-textarea #smiley .smileyText .smileyBox:hover {
  background-color: #b3b3b3;
}
.fake-textarea #smiley strong,
.fake-textarea #smiley br {
  display: none;
}
.fake-textarea #smiley .smileyPanel table {
  border-collapse: collapse;
}
.fake-textarea #smiley .smileyPanel td {
  border: 1px solid transparent;
  padding: 2px;
}
.fake-textarea #smiley .smileyPanel td:hover {
  border: 1px solid #bbb;
  background-color: #ccc;
}
/* fin smiley */
.date-wnd .border {
  display: block;
  padding: 7px;
  margin-top: 5px;
  font-size: 12px;
}
#wnd.MessageWindow .Window-toolbar .Window-destroy {
  float: left;
}
.selectDiscussionsControls {
  text-align: center;
  padding: 5px 0;
  border-top: 1px solid #96a5c4;
}
/*---- fin netev2 */
/* messages */

/* search */
#plus,
#moins,
#selectR,
#Rannonces input,
#Rannonces select,
#Rannonces {
  font-size: 14px;
  position: relative;
}
#Rannonces h3.border {
  font-size: 18px;
  padding: 7px 15px;
  margin-bottom: 10px;
  background: #f0f0f0;
}
#Rannonces b.ligne,
#Rannonces span.ligne,
#Rannonces .M5px ul li {
  width: 195px;
  display: inline-block;
}
#Rdetails p {
  line-height: 30px;
}
#Rannonces .Lsearch {
  text-align: center;
}
.Lsearch .bouton {
  font-size: 18px !important;
  padding: 15px 30px;
  height: auto;
  text-transform: uppercase;
}

#Rannonces .gauche .block {
  padding: 0;
  font-size: 14px;
  position: relative;
}
#Rannonces .gauche .ongletBottom {
  padding: 0 10px;
}
#Rannonces a.reset {
  color: #8c8c8c;
  font-size: 10px;
  text-shadow: none;
  position: absolute;
  right: 10px;
  top: 13px;
}
#Rannonces .gauche .block .bouton {
  width: 100%;
  text-transform: uppercase;
  line-height: 30px;
  height: 30px;
}
.criteres .geoLoc,
span#plus a,
span#moins a,
.RechS p {
  display: block;
  padding: 10px;
}
span#plus a,
span#moins a {
  font-size: 15px;
}
.criteres .geoLoc input {
  width: 100%;
  margin-right: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.criteres .pict {
  height: 13px;
  width: 13px;
  vertical-align: middle;
  margin-top: -1px;
}
.criteres #moins .pict {
  background-position: -78px -487px;
}
.criteres #plus .pict {
  background-position: -91px -487px;
}
.buttonLabel .pict {
  background-position: -65px -487px;
  position: absolute;
  right: 7px;
  top: 9px;
}
.selecting .buttonLabel .pict {
  background-position: -52px -487px;
}
#Rannonces .FakeInpTxt {
  display: block;
  line-height: 24px;
  min-height: 24px;
}
#Rannonces .FakeInpTxt input {
  height: 22px;
}
#Rannonces .FakeInpTxt .supM {
  top: 8px;
  right: 8px;
}

#Rannonces .pages {
  line-height: 30px;
  height: 30px;
}
#Rannonces .pagination {
  line-height: 30px;
  height: 30px;
}
#Rannonces .pagination.fixTop {
  position: absolute;
  top: 0;
  left: 230px;
}
#Rannonces .Fblock {
  margin-right: 15px;
  padding-bottom: 15px;
}
#Rannonces .Fblock.video,
#Rannonces .Fblock.video:nth-child(5n) {
  margin-right: 24px;
  padding-bottom: 24px;
} /* margin-right:16px; padding-bottom:16px; */
#Rannonces #filtres ul,
#Rannonces #filtres li {
  display: inline-block;
}
#filtres li input,
#filtres li .pict {
  vertical-align: middle;
}
#filtres li .pict {
  width: 18px;
  height: 18px;
  margin: 0 7px;
}
#filtres li .pict.Connect {
  background-position: -122px -82px;
}
#filtres li .pict.Photo {
  width: 19px;
  background-position: -36px -83px;
}
#filtres li .pict.Video {
  height: 16px;
  background-position: -65px -84px;
}
#filtres li .pict.Album {
  width: 19px;
  background-position: -32px -487px;
}
#filtres li .pict.Exhib {
  width: 14px;
  background-position: -0 -487px;
}
#filtres li .pict.New {
  background-position: -14px -487px;
}
/*#Rannonces .Fblock li.info span		{ display:inline-block; }*/
/*#Rannonces ul.Fblock li.photo,
#Rannonces ul.Fblock li.photo img		{ width:140px; height:140px; }*/
#Rannonces ul.Fblock.video li.video,
#Rannonces ul.Fblock.video b.play,
#Rannonces ul.Fblock.video li.video img {
  width: 172px;
  height: 129px;
}
ul.Fblock.video b.play {
  background-position: -1191px -1px;
}
ul.Fblock.video b.play:hover {
  background-position: -825px -1px;
}
#Rannonces .Fblock.video:nth-child(4n),
#Rannonces .Fblock:nth-child(5n) {
  margin-right: 0;
}

#Rannonces .criteresGroup {
  cursor: pointer;
  font-size: 14px;
}
#Rannonces .criteresGroup .buttonLabel {
  padding-left: 7px;
  background: #f0f0f0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e6e6e6;
  height: 28px;
  line-height: 28px;
  position: relative;
}
#Rannonces .criteresGroup ul li {
  min-height: 23px;
  display: block;
  line-height: 23px;
  vertical-align: middle;
}
#Rannonces .criteresGroup ul li input {
  margin-right: 5px;
}
#Rannonces .criteresGroup ul li,
#Rannonces .criteresGroup .buttonLabel {
  color: #b4b4b4;
}
#Rannonces .criteresGroup ul li.checked,
#Rannonces .criteresGroup .autocompleteSuggestions li,
#Rannonces .criteresGroup.selecting .buttonLabel {
  color: #505050;
}
#Rannonces ul.ville,
#Rannonces ul.ville li {
  padding: 0;
}
/* deb provisoir*/
#Rannonces .tab1 {
  width: 100%;
  margin: 0px;
  padding: 0;
  border-bottom: 1px;
  border-top: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-color: #96a5c4;
  font-size: 14px;
}
#Rannonces th {
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #96a5c4;
  text-align: left;
}
#Rannonces tr {
  height: 30px;
}
#Rannonces tbody tr:nth-child(odd) {
  background: #f0f0f0;
}
#Rannonces .avt {
  width: 40px;
  text-align: center;
}
#Rannonces .pho {
  width: 70px;
  text-align: center;
}
#Rannonces .log {
  padding: 0 0 0 10px;
}
#Rannonces .dep {
  width: 50px;
}
#Rannonces .d-h {
  width: 120px;
}
#Rannonces .fch {
  width: 155px;
}
/* fin provisoir*/

#Rannonces .inlblo {
  display: inline-block;
  margin-left: 20px;
  border: 1px solid #f00;
  padding: 10px;
  vertical-align: top;
} /* <-- temporaire */
#Rannonces .contactCard {
  display: inline-block;
}

#RechSauv p {
  line-height: 28px;
  font-size: 14px;
  display: table;
  width: 100%;
  border: 1px dashed #d2d2d2;
  margin-bottom: 10px;
}
#RechSauv p:hover {
  background: #f0f0f0;
}
#RechSauv p a {
  vertical-align: middle;
  display: table-cell;
}
#RechSauv p a.star {
  width: 20px;
}
#RechSauv .star {
  color: #505050;
}
#RechSauv .favoris .star {
  color: orange;
}
/* end search*/

/* start showing */
h2.plan,
ol#classement h2 {
  background: #5a5a5a;
  font-size: 16px;
  padding: 15px 10px;
  color: #fff;
  text-shadow: none;
  position: relative;
}
h2.plan {
  padding: 5px 10px;
}
#recordCam #medaille,
ol#classement #medaille {
  display: block;
  width: 53px;
  height: 43px;
  position: absolute;
  top: 13px;
  right: 13px;
  background-position: -849px -135px;
}
#recordCam #medaille {
  top: 24px;
  right: 25px;
}
ol#classement p {
  font-size: 12px;
}
.vignetteC span.first,
#recordCam .vignetteC,
ol#classement .vignetteC {
  display: block;
  position: relative;
  width: 90px;
  height: 88px;
  padding: 11px 0 0 7px;
  margin-right: 13px;
}
.vignetteC span.first {
  position: absolute;
  top: 0;
  left: 0;
  background-position: -902px -135px;
}
ol#classement p strong {
  font-size: 13px;
  display: block;
}
ol#classement p strong.orange {
  font-size: 14px;
  padding-top: 5px;
}

p#recordCam {
  padding: 14px;
  height: 62px;
  font-size: 16px;
  position: relative;
}
p#recordCam a {
  text-shadow: none;
}
p#recordCam a.floatR {
  margin-right: 90px;
  margin-top: 38px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
p#recordCam strong {
  font-size: 18px;
}
p#recordCam b.pict {
  color: #aaaaaa;
  font-size: 13px;
}
p#recordCam b.date {
  background-position: -171px -177px;
}
p#recordCam b.heure {
  background-position: -168px -114px;
}

#Rannonces p.media,
#showingtop p.media {
  text-align: center;
}
#Rannonces p.media.webcam,
#showingtop p.media.webcam {
  width: 160px;
  height: 230px;
  background-position: -1001px -32px;
  margin: 0 4px 15px 0;
}
#Rannonces p.media.webcam {
  margin-right: 0;
}
#Rannonces p.media a,
#showingtop p.media a b.play,
#showingtop p.media a,
#Rannonces p.media.webcam a b.play {
  width: 160px;
  height: 120px;
}
#showingtop p.media.webcam a b.play,
#Rannonces p.media.webcam a b.play {
  background-position: -1199px -140px;
}
#Rannonces p.media.webcam b.play:hover,
#showingtop p.media a b.play:hover {
  width: 160px;
  height: 120px;
  background-position: -831px -5px;
}
p.media .Rank {
  position: absolute;
  top: 145px;
  left: 25px;
  width: auto;
}

div.plan h3 {
  background: #f0f0f0;
  font-size: 15px;
  line-height: 28px;
}
div.plan p a {
  height: 48px;
  line-height: 48px;
}
div.plan p a .plus {
  display: inline-block;
  height: 32px;
  width: 32px;
  background-position: -156px -223px;
  overflow: hidden;
  text-indent: -100px;
  vertical-align: middle;
}
div.plan p,
div.plan ul.miniFiche li.tof,
div.plan ul.miniFiche li.btn,
div.plan h3 {
  padding-right: 10px;
  padding-left: 10px;
}
div.plan li.menu {
  font-size: 11px;
  text-transform: uppercase;
  padding: 5px;
}
div.plan ul.miniFiche li.txt {
  padding: 0;
}
.showPlan p.bottomPlan b,
p#recordCam b.pict,
div.plan ul.miniFiche .btn strong {
  line-height: 13px;
  display: inline-block;
  height: 15px;
  padding-left: 18px;
}
.showPlan p.bottomPlan b.date,
div.plan ul.miniFiche .btn strong.date {
  background-position: -168px -144px;
}
.showPlan p.bottomPlan b.heure,
div.plan ul.miniFiche .btn strong.heure {
  background-position: -168px -129px;
}
div.plan li.menu,
div.plan p#trie,
div.plan h3 {
  border-top: 1px solid #e6e6e6;
}
div.plan p#trie select {
  width: 100%;
}
b.award {
  display: inline-block;
  width: 28px;
  height: 45px !important;
  position: absolute;
  top: -1px;
  left: 10px;
  background-position: -821px -135px;
  padding: 0 !important;
}
b.award.conc {
  background-position: -821px -181px;
  width: 24px;
  line-height: 45px;
  font-size: 16px;
}
b.award.show {
  background-position: -849px -221px;
  width: 21px;
  height: 18px !important;
}
b.award.pos1 {
  background-position: -388px 0;
  width: 23px;
  height: 38px !important;
}
b.award.pos2 {
  background-position: -412px 0;
  width: 23px;
  height: 38px !important;
}
b.award.pos3 {
  background-position: -437px 0;
  width: 23px;
  height: 38px !important;
}
.showing h1 b.award {
  position: relative;
  margin-top: -1px;
}
.showing h1 b.award.show {
  vertical-align: top;
  margin-top: 8px;
}

.showPlan {
  width: 318px;
  font-size: 12px;
  margin: 0 15px 15px 0;
  position: relative;
}
.showPlan .award {
  left: auto;
  right: 15px;
  top: -2px;
}
#listePlan .showPlan:nth-child(3n) {
  margin-right: 0px;
}
.showPlan .vign62 {
  margin: 15px;
}
.showPlan p {
  padding: 15px 15px 15px 93px;
  height: 105px;
}
.showPlan p b {
  font-size: 14px;
}
.showPlan p em {
  font-size: 13px;
  font-style: normal;
  color: #787878;
}
.showPlan p strong {
  font-size: 16px;
  display: inline-block;
  width: 205px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
}
.showPlan p.bottomPlan {
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 10px 15px;
  border-top: 1px solid #e6e6e6;
  background: #f3f3f3;
}
.showPlan p.bottomPlan b {
  margin-top: 5px;
}

a.cam {
  display: block;
  height: 185px;
  width: 180px;
  position: relative;
  font-size: 14px;
  text-shadow: none;
  margin-right: 13px;
  margin-bottom: 13px;
}
.Mur a.cam {
  height: auto;
}
#listeCams.listReceive div a.cam {
  margin: 0 20px 20px 0;
}
#listeCams.listReceive div:nth-child(5n) a.cam,
.gaucheBig #listeCams div:nth-child(4n) a.cam {
  margin-right: 0;
}
a.cam img {
  display: block;
  width: 180px;
  height: 135px;
  background: #000;
}
a.cam img.play {
  height: auto;
  width: auto;
  position: absolute;
  bottom: 4px;
  right: 4px;
}
a.cam img.onAir {
  position: absolute;
  left: 53px;
  top: 0;
  height: auto;
  width: auto;
  background: transparent;
}
a.cam i {
  position: absolute;
  width: 180px;
  top: 105px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-style: normal;
  text-indent: 12px;
}
a.cam b {
  display: block;
  height: 28px;
  padding: 10px;
  line-height: 14px;
}
a.cam b span.orange {
  font-size: 13px;
}
a.cam.bgOrange {
  padding-top: 5px;
  height: 180px;
}
a.cam.bgOrange img {
  height: 130px;
  width: 170px;
  margin: 0 auto;
}
a.cam.bgOrange .orange {
  color: #fff !important;
}
.showing .selected {
  background: #bbb;
}
.Mur p.STcam a.vignCam {
  height: 135px;
  width: 180px;
  display: inline-block;
  position: relative;
}
.Mur p.STcam a.vignCam img {
  height: 135px;
  position: absolute;
}
.Mur p.STcam span.block {
  height: 118px;
  display: inline-block;
  padding: 0 15px;
  width: 200px;
  vertical-align: top;
  line-height: 20px;
  padding-top: 15px;
}
/*.showing img.smiley { height:14px; }*/
.showing img.smiley {
  vertical-align: baseline;
}
.showing .ui-resizable-s {
  background: red;
  height: 5px;
}
.cam-resize-helper {
  background-color: transparent;
  border: 1px solid yellow;
}

.publish.floatL {
  width: 480px;
}
#showingCam {
  background-color: #000; /*width:600px; height:300px; position: absolute; top: 130px; left: 337px; */
}
.showing #showingCam {
  position: relative;
  top: 0;
  left: 0;
  width: 640px;
  height: 480px;
}
.publish #showingCam {
  position: relative;
  top: 0;
  left: 0;
  width: 480px;
  height: 360px;
}
.miniCam #showingCam {
  position: fixed;
  top: auto;
  right: auto;
  bottom: 190px;
  left: 17px;
  height: 180px;
  width: 240px;
  background-color: #000;
  margin: 0;
  z-index: 980;
}
.miniCam h2 {
  background: #f5f5f5;
  font-size: 15px;
  padding: 10px;
  line-height: 14px;
  height: 25px;
  font-family: "Titillium_Bold";
  position: absolute;
  top: 0;
  z-index: 999;
  width: 220px;
}
.miniCam h2 em {
  font-size: 12px;
  color: #787878;
  display: block;
}
.cam_minimiz {
  position: fixed;
  bottom: 0;
  left: 17px;
  padding: 0; /*background-color:white;*/
  z-index: 990;
  width: 240px;
  height: 415px;
  text-align: left;
  font-size: 13px;
}
#BGminiShow {
  position: absolute;
  top: 0;
  z-index: 997;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  width: 240px;
  height: 415px; /*background-color:white;*/
}
.cam_minimiz .vign32 {
  display: none;
}
.miniChat {
  height: 170px;
  overflow: hidden;
  position: absolute;
  top: 225px;
  z-index: 999;
  padding: 10px;
  width: 220px;
  line-height: 20px;
  background: #fff;
}
.cam_minimiz .MenuShow {
  position: absolute;
  top: 195px;
  margin-top: 0;
  width: 210px;
  z-index: 999;
}
.cam_minimiz .back {
  display: block;
  position: absolute;
  height: 180px;
  width: 240px;
  bottom: 190px;
  z-index: 998;
}

.miniCam .droiteBig,
.miniCam .droite,
.miniCam .millieux {
  padding-bottom: 420px;
}
/*.miniCam  #contact_footer .container{ padding-right:148px; width:850px;  }*/
.showing h1 {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 18px;
}
.showing h1 em {
  font-weight: normal;
  font-size: 13px;
}
.showing h1 a.orange {
  font-size: 10px;
  text-shadow: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.showing h1 .award {
  position: relative;
  z-index: 90;
  vertical-align: top;
  text-align: center;
  color: #fff;
}
.chatCam {
  width: 325px;
}
.chatCam.Publisher {
  width: 485px;
}
/*.chatCam .header p	{ padding:10px; height:18px; line-height:18px; font-size:14px; }*/
/*.chatCam .header p	{ padding:10px; height:62px; font-size:14px; }	----------	taille si credit actif  */
.chatCam .header p {
  padding: 10px;
  height: 44px;
  font-size: 14px;
}
.chatCam.Publisher .header p {
  height: 42px;
}
.chatCam .header p strong {
  font-size: 20px;
}
.chatCam .header p em {
  font-size: 16px;
}
/*
.chatCam b.hard, .chatCam b.soft { display:none; } .chatCam.hard b.hard, .chatCam.soft b.soft { display:inline-block; margin-top:2px; height:20px; width:20px; }
modifié par christophe
*/
.header b.hard,
.chatCam b.hard,
.chatCam b.soft {
  display: none;
}
.header.hard b.hard,
.chatCam.hard b.hard,
.chatCam.soft b.soft {
  display: inline-block;
  margin-top: 2px;
  height: 20px;
  width: 20px;
}
.chatCam .header p.ApplaGris {
  height: 32px;
  line-height: 32px;
}
.chatCam .header p.ApplaGris span {
  min-height: 16px;
  line-height: 16px;
  vertical-align: middle;
  display: inline-block;
}
.chatCam .header p.ApplaGris span em {
  font-style: normal;
  font-size: 14px;
}
.chatCam .paramMSGchat {
  font-size: 12px;
}
.chatCam ul.com {
  padding-top: 0;
}
/*.chatCam #chat		{ overflow-y:auto; height:400px; }	----------	taille si credit actif  */
/*.chatCam.Publisher #chat { height:409px; } 				----------	taille si credit actif */
.chatCam #chat {
  overflow-y: auto;
  height: 355px;
}
.chatCam.Publisher #chat {
  height: 288px;
}
.chatCam #chat li a.orange {
  display: block;
}
.MenuPublish,
.MenuShow {
  text-align: center;
  position: relative;
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  margin: 0;
  font-size: 14px;
}
.MenuShow {
  /*text-align:left; */
  margin-top: -30px;
  z-index: 90;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.MenuShow a.pict {
  vertical-align: top;
  margin-top: 6px;
  margin-right: 9px;
}
.MenuShow a.pict.Psms {
  margin-top: 5px;
}

.MenuShow a.pict.Psms {
  background-position: -23px -387px;
}
.MenuShow a.pict.Pfiche {
  background-position: -46px -387px;
}
.MenuShow a.pict.Pfs {
  background-position: -71px -407px;
  width: 18px;
  height: 16px;
}
a.pict.PsonOn {
  background-position: -89px -407px;
  width: 18px;
  height: 16px;
}
a.pict.PsonOff {
  background-position: -89px -423px;
  width: 18px;
  height: 16px;
}
.MenuShow a.volume {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  height: 14px;
  width: 4px;
  background: #fff;
}
.MenuShow a.volume.off {
  background: rgba(255, 255, 255, 0.5);
}
.MenuShow a.volume .ibulle {
  left: -13px;
}

.MenuPublish a.pict {
  display: inline-block;
  width: 16px;
  height: 22px;
  margin-top: 4px;
}
.MenuPublish a.pict.PPshow {
  background-position: -123px -423px;
}
.MenuPublish a.pict.PSshow {
  background-position: -107px -423px;
}
.MenuPublish a.pict.PMicOn {
  background-position: -107px -403px;
}
.MenuPublish a.pict.PMicOff {
  background-position: -123px -401px;
}
.MenuPublish b.time {
  background-position: -168px -157px;
  padding-left: 22px;
  display: inline-block;
  line-height: 18px;
  height: 18px;
}
.BTPublish {
  padding: 9px 14px;
}
.BTPublish .bouton {
  height: 35px;
  width: 216px;
  line-height: 15px;
  padding-top: 4px;
}

form.Credits {
  padding: 13px 0;
  height: 35px;
}
.Credits p {
  padding-left: 14px;
  text-transform: uppercase;
  font-size: 15px;
}
.Credits p .compteur {
  display: block;
  width: 81px;
  height: 32px;
  line-height: 32px;
  background-position: -1073px 0;
  color: #5a5a5a;
  box-shadow: 0 0px 3px rgba(48, 48, 48, 0.6);
  font-family: "Helvetica_bold";
  padding-left: 7px;
  letter-spacing: 14px;
}
.Credits p .wallet {
  background: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 6px;
  width: 128px;
  margin-top: -3px;
  padding: 4px;
}
.Credits p .wallet .bouton {
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
}
.Credits p .wallet input.credit {
  border: 0;
  height: 28px;
  line-height: 28px;
  width: 30px;
  padding-left: 3px;
  font-size: 16px;
  color: #787878;
}
.Credits p em {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  text-transform: none;
  line-height: 15px;
}
.Credits.ApplaGrisF p em {
  color: rgba(255, 255, 255, 0.5);
}
.Credits p.Obj {
  width: 165px;
}
.Credits p.Att {
  width: 202px;
}
.Credits p.Add {
  width: 215px;
}
.Credits p.Check {
  width: 36px;
  height: 32px;
  background-position: -1001px 0;
  padding: 0;
  margin-right: 10px;
}
.Credits p.Check.off {
  background-position: -1037px 0;
}
.Credits .addRemov {
  vertical-align: middle;
  display: inline-block;
  width: 16px;
  height: 29px;
  line-height: 14px !important;
  padding-right: 5px;
}

#receivers p.minFiche b {
  border: none;
}
#receivers p.minFiche em {
  margin-top: 3px;
  display: block;
  height: 19px;
  line-height: 19px;
  width: 48px;
  border: 1px solid #454545;
  letter-spacing: 6px;
  padding-left: 3px;
  background-color: #000;
  background-position: -850px -182px;
  color: #fff;
  box-shadow: 0 0 3px #000;
  text-shadow: -1px -1px 1px #000;
}
#receivers p.minFiche em.disable {
  background-color: transparent;
  background-position: -850px -201px;
  border-color: #dadada;
  box-shadow: 0 0 3px #aaa;
  text-shadow: -1px -1px 1px #bbb;
}
#receivers p.minFiche a:hover span {
  border-color: #f0a0a0;
  background-color: #fff5f5;
  color: #d73c3c;
}

.camsAccueil .bigPublisher,
#listeCams .smallPublisher {
  display: none;
}
.camsAccueil .smallPublisher,
#listeCams .bigPublisher {
  display: block;
}

.showingSettings.Settings h4 {
  width: 130px;
  vertical-align: top;
}
.showingSettings.Settings li p {
  padding-left: 0;
  width: 300px;
}

.showingSettings {
  overflow-y: auto;
  overflow-x: hidden;
}

/* end showing */

/* stats */
#Stats .Fblock {
  margin-right: 13px;
  padding-bottom: 15px;
}
#Stats .Fblock:nth-child(4n) {
  margin-right: 0;
}
.coups2C .C2C {
  visibility: hidden;
}
.coups2C .C2C.Recut.Envoye {
  visibility: visible;
}
.new li.vign180 a {
  border: 5px solid #faa900;
  width: 170px;
  height: 170px;
}
.new li.vign180 a img {
  width: 170px;
  height: 170px;
}
.new li.vign180 span.C2C {
  margin-left: -5px;
}

a.Jours {
  display: inline-block;
  padding: 5px 8px;
  margin-left: 5px;
  font-size: 14px;
  color: #fff;
  line-height: 13px;
  font-family: "Titillium_Regular";
  text-shadow: none;
  border-radius: 3px;
  vertical-align: top;
}
.blockStats {
  text-align: left;
  width: 238px;
  height: 161px;
  display: inline-block;
  font-size: 13px;
}
.blockStats .ApplaGris {
  display: block;
  height: 113px;
  padding: 15px 8px 0 8px;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  text-transform: uppercase;
}
.blockStats .Chiffre {
  display: block;
  font-size: 56px;
  line-height: 60px;
  font-family: "Titillium_Light";
}
.blockStats .classement {
  display: block;
  line-height: 32px;
  padding: 0 8px;
  color: #fff;
  font-size: 20px;
}
.blockStats .classement em {
  font-size: 14px;
}
.blockStats .classement .Exp {
  font-size: 12px;
  vertical-align: text-top;
  line-height: 18px;
}
.blockStats b.pict {
  height: 22px;
  width: 22px;
  vertical-align: top;
  margin: 3px 7px 0 0;
}

.Option label {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  line-height: 26px;
}
.Option label input {
  margin: 0 10px 0 0;
  vertical-align: text-top;
}

.blockStats.SVisites .Chiffre {
  color: #8bb8cd;
}
label.visit,
.blockStats.SVisites .classement {
  background: #8bb8cd;
}
.blockStats.SVisites b.pict {
  background-position: -143px -410px;
}
.blockStats.SC2c .Chiffre {
  color: #b6c52e;
}
label.c2c,
.blockStats.SC2c .classement {
  background: #b6c52e;
}
.blockStats.SC2c b.pict {
  background-position: -143px -388px;
}
.blockStats.SFollow .Chiffre {
  color: #e96267;
}
label.follow,
.blockStats.SFollow .classement {
  background: #e96267;
}
.blockStats.SFollow b.pict {
  background-position: -165px -388px;
}

.blockStats.SExhib .Chiffre {
  color: #82cdaf;
}
.blockStats.SExhib .classement {
  background: #82cdaf;
}
.blockStats.SExhib b.pict {
  background-position: -143px -410px;
}
.blockStats.SPhoto .Chiffre {
  color: #a082aa;
}
.blockStats.SPhoto .classement {
  background: #a082aa;
}
.blockStats.SPhoto b.pict {
  background-position: -143px -410px;
}
.blockStats.SVideo .Chiffre {
  color: #f5b419;
}
.blockStats.SVideo .classement {
  background: #f5b419;
}
.blockStats.SVideo b.pict {
  background-position: -143px -410px;
}

#Visualization {
  background: -moz-linear-gradient(top, #fff 96%, #e8e8e8 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(96%, #fff),
    color-stop(100%, #e8e8e8)
  );
  background: -o-linear-gradient(top, #fff 96%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #fff 96%, #e8e8e8 100%);
  background: linear-gradient(top, #fff 96%, #e8e8e8 100%);
  background-color: #fff;
}
#Visualization .visites {
  display: block;
}
#Visualization,
svg {
  width: 760px;
  height: 313px;
}

form.Option {
  line-height: 32px;
  height: 32px;
  padding: 0 10px;
  font-size: 12px;
}
form.Option .date {
  font-size: 20px;
}
h4.pubL {
  font-size: 18px;
}
table.achievements,
table.Evenements {
  width: 100%;
}
table.Evenements td,
table.achievements td,
table.achievements th,
table.Evenements th {
  height: 28px;
  border-width: 1px;
  border-style: solid;
  border-color: #cdcdcd;
  border-left-color: #fff;
  padding-left: 8px;
}
table.achievements td,
table.Evenements td {
  border-style: dashed;
  border-top: none;
  border-bottom: none;
  border-right-color: #e6e6e6;
  font-size: 12px;
  cursor: default;
}
table.achievements th:first-child,
table.Evenements th:first-child {
  border-left-color: #cdcdcd;
}
table.achievements td:first-child,
table.Evenements tbody td:first-child {
  border-left-color: #e6e6e6;
}
table.achievements tbody tr:nth-child(odd),
table.Evenements tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
table.achievements tbody tr:hover,
table.Evenements tbody tr:hover {
  background: #fff0e1;
}

table.achievements td:first-child {
  padding-left: 0;
}
table.achievements div.pRelative,
table.achievements tbody tr {
  height: 59px;
}
table.achievements .share {
  width: 59px;
  text-align: center;
  padding-left: 0;
}
table.achievements .name {
  width: 180px;
}
table.achievements .Maward strong.pict {
  top: -10px;
}

table.Evenements td .bullePBL {
  position: absolute;
  min-width: 385px;
  background: #fff;
  box-shadow: 0 0 4px #000;
  padding: 10px;
  margin-top: -15px;
  left: 10px;
}
.bullePBL .bulle {
  display: block;
  position: absolute;
  top: 12px;
  left: auto;
  right: -10px;
  width: 10px;
  height: 18px;
  background-position: -137px -34px;
}
.bullePBL div {
  padding-bottom: 0px;
}
th.Date,
th.PublA,
th.Port,
th.Share,
th.Visi {
}

#temoignages h3 {
  padding-bottom: 5px;
}
#temoignages .borderBox {
  padding: 15px;
}
#temoignages em.date.floatR {
  height: 12px;
  line-height: 12px;
  margin-top: -5px;
  margin-right: -5px;
}
#temoignages em.date .supM {
  vertical-align: top;
  margin-top: 1px;
  margin-right: 0;
}
#temoignages p.bottom em {
  display: inline-block;
}
#temoignages p.bottom {
  border-top: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  margin: 0 -15px -15px -15px;
  padding: 0 15px;
}
p.bottom .pict {
  margin-top: 5px;
}
#temoignages .temSmall {
  margin-top: 8px;
}
#temoignages p.bottom a.pict {
  height: 21px;
  width: 22px;
  background-position: -132px -221px;
}
#temoignages p.bottom a.pict.reject {
  background-position: -143px -367px;
}

#date li a {
  display: block;
  border-left: 6px solid #b4b4b4;
  padding-left: 10px;
  line-height: 22px;
  font-size: 15px;
}

#GraffAge .Echelle {
  height: 204px;
  border: 1px solid transparent;
  position: relative;
}
#GraffAge .infos {
  height: 18px;
  color: #8c8c8c;
}
#GraffAge .Echelle b {
  height: 204px;
  position: relative;
}
#GraffAge b {
  display: block;
  width: 80px;
  padding: 0 10px;
  vertical-align: bottom;
  text-align: center;
  z-index: 2;
  font-size: 14px;
}
#GraffAge em {
  position: absolute;
  display: block;
  left: 0;
  bottom: 2px;
  width: 100%;
  text-align: center;
}
#GraffAge .pourcent {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 80px;
  height: 1px;
}
#GraffAge .bottom .pourcent,
#GraffAge .bottom b {
  top: 0;
  bottom: auto;
}
#GraffAge .bottom em {
  top: 4px;
  bottom: auto;
}
#GraffAge .infos b:first-child,
#GraffAge .Echelle b:first-child {
  width: 125px;
  text-align: left;
}
#GraffAge .Echelle em:first-child {
  text-indent: 10px;
  text-align: left;
}
#GraffAge .Echelle hr {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  margin: 0;
  border-color: #e6e6e6;
  border: none;
  height: 1px;
  line-height: 1px;
  background-color: #e6e6e6;
  z-index: 1;
}
#GraffAge .Echelle.bottom hr:nth-child(1n) {
  top: 100%;
}
#GraffAge .Echelle hr:nth-child(2n) {
  top: 75%;
}
#GraffAge .Echelle.bottom hr:nth-child(2n) {
  top: 75%;
}
#GraffAge .Echelle hr:nth-child(3n) {
  top: 50%;
}
#GraffAge .Echelle.bottom hr:nth-child(3n) {
  top: 50%;
}
#GraffAge .Echelle hr:nth-child(4n) {
  top: 25%;
}
#GraffAge .Echelle.bottom hr:nth-child(4n) {
  top: 25%;
}
/* fin stats */

/* Event */
#Event .block,
ul.choixD li.calendar,
a.eventFlyer,
.vignFly {
  background: transparent url(../images/soiree/no-flyer.jpg);
}
a.eventFlyer {
  width: 194px;
  height: 194px;
  display: block;
  background-position: 0px 194px;
}
.vignFly.vign32 {
  background-position: -194px -488px;
}
div.btHead .bouton {
  text-transform: uppercase;
  padding: 0 15px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}
div.btHead .bgGrisKlr {
  height: 26px;
}

#myEvent {
  text-transform: none;
  font-size: 14px;
}
#myEvent h4 {
  text-shadow: none !important;
  padding-left: 10px;
  font-size: 16px;
}
#myEvent a.MyE {
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

#myEvent li {
  line-height: 40px;
  height: 40px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}
#myEvent li.optGroup {
  line-height: 30px;
  height: 30px;
}
#myEvent li.optGroup:last-child {
  line-height: normal;
  height: auto;
}
#myEvent li:hover,
.contextMenuButton li:hover {
  background-color: #efefef;
}

#myEvent b {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 135px;
}
#myEvent em {
  font-size: 12px;
}
#myEvent .vign {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-left: 6px solid #f00;
  vertical-align: top;
}

#formEvent {
  height: 64px;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 10;
}
#formEvent .borderBox {
  border-color: #cdcdcd;
}
#formEvent fieldset {
  display: block;
  height: 52px;
  padding: 6px 10px;
  margin: 0;
  width: 398px;
}
#formEvent p {
  line-height: 18px;
  padding: 0 0 5px 0;
}
#formEvent p b.geoLoc {
  height: 15px;
  width: 11px;
  background-position: -157px -177px;
}
#formEvent p a {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 4px;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 12px;
}
#formEvent p a:hover {
  border-color: #f0a0a0;
  color: #d73c3c;
  background: #fff5f5;
}
#formEvent p a:hover b.supM {
  background-position: -136px -102px;
}
#formEvent p .plus {
  display: none;
  padding: 1px 4px;
  cursor: pointer;
  position: relative;
  z-index: 20;
}
#formEvent p .plus.show {
  display: inline-block;
}
#formEvent .plus span {
  display: none;
  position: absolute;
  background: #fff;
  height: 20px;
  padding: 10px;
  top: -10px;
  left: 18px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  z-index: 20;
}
#formEvent .plus:hover span {
  display: block;
  white-space: nowrap;
  box-shadow: 0 0 4px #000;
}
#formEvent .plus:hover span:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 15px;
  height: 0;
  width: 0;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
  border-top: 5px solid transparent;
}
#formEvent input {
  width: 388px;
  font-size: 14px;
}

/* yves start */
#content .btHead {
  position: relative;
  z-index: 20;
}

#formEvent #classBy a {
  font-size: 11px;
  text-transform: uppercase;
}
#formEvent #eventFilters {
  width: 100%;
}
#formEvent #eventFilters > li {
  margin-left: 10px;
}
#formEvent #filtersList {
  max-width: 610px;
  margin-left: 5px;
}
#formEvent #filters h4 {
  text-shadow: none !important;
  padding-left: 10px;
  font-size: 16px;
}
#formEvent #filters li span {
  padding: 0 10px;
}
#formEvent input#dateSelector {
  position: absolute !important;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  outline: none;
  cursor: pointer;
  opacity: 0;
}

.uploaderWorkspace {
  padding: 10px 10px 0px;
}
.uploaderWorkspace .themeItem,
.uploaderWorkspace .uploadItem {
  margin: 0 5px 5px 0;
  border: 3px solid #fff;
  box-shadow: 0 0 4px #ccc;
}
.uploaderWorkspace .themeItem *,
.uploaderWorkspace .uploadItem * {
  float: left;
}
.uploaderWorkspace .uploadItem .supM {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  padding: 3px;
  background-color: #000;
}
.uploadWidget .imageFit {
  min-width: 120px;
  min-height: 66px;
  width: 100%;
}
.uploadWidget .picto {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url("/images/soiree/no-flyer.jpg");
  background-position: -38px -416px;
}
/* yves end */

ul.choixD {
  display: block;
  height: 64px;
  width: 73px;
  background: #fefefe;
  border-left: none;
}
ul.choixD .FakeSlct {
  height: 64px;
}
ul.choixD li {
  display: block;
  position: relative;
}
ul.choixD li.calendar {
  height: 64px;
  width: 73px;
  line-height: 64px;
  background-position: -289px -393px;
  cursor: pointer;
}
ul.choixD li ul li {
}
/*ul.choixD li:hover li,*/
ul.choixD li ul {
  display: none;
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  width: 329px;
  z-index: 100;
  font-size: 11px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #000;
}
ul.choixD:hover ul {
  display: inline-block;
}
ul.choixD li ul li:hover {
  background-color: #efefef;
}

ul.calendar {
  border-top: 8px solid transparent;
  width: 496px;
  display: block;
}
ul.calendar li {
  display: block;
  border: 1px solid #cdcdcd;
  font-size: 11px;
  line-height: 17px;
  border-left: none;
}
/*.calendar li:first-child{ border-left:1px solid #CCC; }*/
ul.choixD li ul li.month a,
.calendar li.month,
ul.calendar li a {
  display: block;
  width: 49px;
  height: 47px;
  text-transform: uppercase;
  padding: 9px 0 0 9px;
}
ul.choixD li ul li.month a,
.calendar li.month {
  width: 73px;
}
ul.choixD li ul li.month a em,
.calendar li em {
  display: block;
  font-size: 25px;
}
ul.choixD li ul li.month a em,
.calendar li.month em {
  color: #b4b4b4;
}
.calendar li.selected {
  border-color: #b31515;
  border-right: 0;
}
.calendar li.selected a {
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #c82f2f;
  width: 47px;
  height: 46px;
  border-top: none;
}
.calendar li a:hover {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
.calendar li.selected em.rouge {
  color: #fff !important;
}
.calendar li.selected + li {
  border-left: 1px solid #cdcdcd;
}

#Event {
  width: 995px;
  z-index: 1;
}
#Event .block {
  float: left;
  margin: 0 5px 5px 0;
  border: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
#Event .block.big {
  width: 393px;
  height: 393px;
}
#Event .block.mid {
  width: 194px;
  height: 194px;
  background-position: 0 -393px;
}
#Event .block.small {
  width: 95px;
  height: 95px;
  margin: 0 4px 4px 0;
  background-position: -194px -393px;
}
#Event .block.mid .small:nth-child(2n) {
  margin-right: 0;
}

#Event .block img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#Event .details {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  padding: 0;
}
#Event .details a {
  text-shadow: none;
}
#Event .block img:hover + .details, /* ie */
#Event .details:hover {
  background: #f08c00;
  background: rgba(240, 140, 0, 0.95);
}

#Event .goTo {
  display: block;
  text-shadow: none;
  text-transform: uppercase;
  line-height: 22px;
  padding: 0;
  width: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}
#Event .goTo .pict {
  background-position: -165px -410px;
  padding-left: 29px;
}

#Event .details a.desc {
  display: none;
  height: 100%;
  padding: 10px;
}
#Event .details a.desc em {
  font-size: 10px;
  text-transform: uppercase;
}
#Event .details a.desc b {
  font-size: 20px;
}
#Event .details:hover a.desc {
  display: block;
  color: #fff;
}

#Event .details:hover .bareEdit {
  background: transparent;
  border-color: transparent !important;
}
#Event .bareEdit {
  height: auto;
  border-bottom: 5px solid transparent;
  background: rgba(0, 0, 0, 0.7);
}
#Event .bareEdit b {
  line-height: 14px;
  font-size: 13px;
}
#Event .bareEdit b.heure {
  background-position: -168px -114px;
  color: #fff;
  padding-left: 17px;
  margin-left: 15px;
}
#Event .bareEdit b.date {
  background-position: -171px -177px;
  color: #fff;
  padding-left: 19px;
}

#Event .block.small .details a em,
#Event .block.small .details a span,
#Event .block.small .details br,
#Event .block.small .bareEdit b.heure {
  display: none;
}
#Event .block.small .details a.desc b {
  font-size: 13px;
}

#party .block,
#party {
  font-size: 14px;
}
#party .block {
  padding: 14px;
  margin-bottom: 10px;
}
#party .block.disableInputs {
  position: relative;
}
#party .block.planner {
  padding: 9px;
}
#party .block.planner em {
  display: block;
  margin: -10px -10px 10px -10px;
  padding-left: 10px;
  line-height: 22px;
  height: 22px;
  text-transform: uppercase;
  font-size: 11px;
}
#party .block.planner h2 {
  font-size: 20px;
  line-height: 40px;
}
.calendarEventForm .Amis,
#party .Presence {
  padding: 0 0 0 10px;
  display: block;
  line-height: 26px;
  height: 26px;
  position: relative;
  font-size: 15px;
}
.calendarEventForm .Amis {
  color: #a0a0a0;
  background-color: #f0f0f0;
}
.calendarEventForm .Amis strong,
#party .Presence strong {
  position: absolute;
  right: -1px;
  height: 28px;
  line-height: 28px;
  top: -1px;
  width: 32px;
  text-align: center;
  border-radius: 0;
}
.calendarEventForm .Amis strong {
  padding: 0 5px;
  width: auto;
  min-width: 50px;
}
.calendarEventForm .Amis span.orange,
#party .Presence .orange {
  position: absolute;
  right: 40px;
  text-transform: uppercase;
  font-size: 10px;
}
.calendarEventForm .Amis span.orange {
  right: 70px;
}
#party .block.planner p {
  padding: 0;
  font-size: 12px;
}
#party .detSoiree fieldset {
  display: block;
  padding: 0;
  margin: 0;
  height: 28px;
  line-height: 28px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}
#party .detSoiree label {
  display: inline-block;
  padding: 0 11px;
  position: relative;
  overflow: hidden;
  border-right: 1px solid #ccc;
  font-size: 13px;
  cursor: pointer;
}
#party .detSoiree label:hover,
#party .detSoiree label.selected {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}
#party .detSoiree label.selected.oui {
  border-radius: 3px 0 0 3px;
}
#party .detSoiree label.selected.non {
  border-radius: 0 3px 3px 0;
}
#party .detSoiree label:last-child {
  border-right: none;
}
#party .detSoiree label b.pict {
  line-height: 28px;
  vertical-align: text-bottom;
}
#party .detSoiree label input {
  position: absolute;
  top: -30px;
}
#party .detSoiree h1 {
  font-size: 32px;
}
#party .detSoiree p.borderBox {
  padding: 10px;
  border-top: none;
  font-size: 16px !important;
}
#party .pict.date,
#party .pict.heure {
  height: 15px;
  line-height: 15px;
  padding-left: 25px;
}
#party .pict.date {
  background-position: -168px -143px;
}
#party .pict.heure {
  background-position: -168px -128px;
}
#party .detSoiree div.BordrOrange {
  border-top: 4px solid;
}
#party .detSoiree p.infoSup,
#party .block a.link {
  padding: 0;
  font-size: 11px;
  text-align: right;
  text-transform: uppercase;
}
#party .block a.plus {
  background-color: #f4f4f4;
}
#party .droite ul li {
  height: auto;
  min-height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0;
}
#party .droite #myFriend li {
  height: 43px;
  line-height: 43px;
  text-align: right;
}
#party .droite ul li:first-child {
  border-top: none;
}
#party .droite ul li:last-child {
  border-bottom: none;
}
#party .vign43 {
  vertical-align: middle;
  margin-right: 10px;
}
#party .droite ul a.bouton {
  height: 19px;
  line-height: 19px;
  text-transform: none;
}
#party ul.infoP b {
  display: inline-block;
  width: 110px;
  vertical-align: top;
}
#party ul.infoP span,
#party ul.infoP input[type="text"] {
  display: inline-block;
  width: 143px;
  line-height: normal;
  padding: 5px 0;
}
#party ul.infoP input[type="text"] {
  font-size: 14px;
}
#party ul.infoP input.withCheckbox,
#party ul.infoP .withCheckbox {
  width: 60px;
}
#party .vignette a {
  margin: 1px 1px 0 0;
}
#party .vignette a:nth-child(4n) {
  margin-right: 0;
}

#party .block p.publish {
  margin: 10px 0 0 0;
}
#party .block p.publish input {
  width: 100px;
}
#party .block p.publish .item-4,
#party .block p.publish .item-5 {
  display: none;
}
#party .block p.publish .publishForm {
  width: 410px;
}

.Mur .eventListGroup .item {
  padding: 15px;
}
.Mur .eventListGroup .item div {
  border-bottom: none;
}
.Mur .eventListGroup .item .actions {
  margin-left: 15px;
}
.Mur .eventListGroup .item .actions .eventTitle {
  font-size: 15px;
  margin-bottom: 14px;
  display: block;
  text-transform: uppercase;
}
.Mur .eventListGroup .item .participants {
  color: #b4b4b4;
}
.Mur .eventListGroup .item .participants b {
  font-size: 18px;
}

/* yves */

.Mur div.Evenement div.choix .bouton.detSoiree {
  padding: 0;
  margin: 0;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
}
.Mur .detSoiree a {
  display: inline-block;
  padding: 0 11px;
  position: relative;
  overflow: hidden;
  border-right: 1px solid #ccc;
  font-size: 13px;
  cursor: pointer;
}
.Mur .detSoiree a:hover,
.Mur .detSoiree a.selected {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.Mur .detSoiree a.selected.oui {
  border-radius: 3px 0 0 3px;
}
.Mur .detSoiree a.selected.non {
  border-radius: 0 3px 3px 0;
}
.Mur .detSoiree a:last-child {
  border-right: none;
}
.Mur .detSoiree a b.pict {
  line-height: 28px;
  vertical-align: text-bottom;
}
.Mur .detSoiree a input {
  position: absolute;
  top: -30px;
}
.Mur .detSoiree h1 {
  font-size: 32px;
}
.Mur .detSoiree p.borderBox {
  padding: 10px;
  border-top: none;
  font-size: 16px !important;
}

/* yves */

/*
.calendarEventForm fieldset	{ width:443px; padding:20px; margin:0;  }
.calendarEventForm fieldset  p { height:30px; line-height:30px; }
.calendarEventForm fieldset  p b { display:inline-block; width:115px; }
*/
.calendarEventForm {
  top: -20px;
  background: #ffffff;
  z-index: 90;
}
#scrollFixTop.calendarEventForm {
  padding: 0 20px;
}
.menuEditE {
  padding: 15px 0;
  text-align: right;
  line-height: 30px;
}
.calendarEventForm .bouton {
  height: 28px;
  line-height: 30px;
  font-size: 15px !important;
}
.calendarEventForm .bouton.bgOrange {
  text-transform: uppercase;
  height: 30px;
}
.calendarEventForm .stepForm {
  background: #e6e6e6;
  box-shadow: inset 0 3px 7px #d1d1d1;
  border-bottom: 2px solid #fff;
}
.calendarEventForm .stepForm.open {
  background: #f5f5f5;
  box-shadow: inset 0 3px 7px #dedede;
}
.stepForm .displayBlock {
  display: none;
}
.stepForm.open .displayBlock {
  display: block;
}
.calendarEventForm h1 {
  font-size: 22px;
  position: relative;
}
.calendarEventForm h1:after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: -23px;
  height: 0;
  width: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #fff;
}
.calendarEventForm h2 {
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  text-align: right;
}
.calendarEventForm h2 a {
  font-size: 18px;
  display: inline-block;
  color: #9a9a9a;
}
.calendarEventForm h2 .option {
  font-size: 11px;
  text-transform: uppercase;
}
.calendarEventForm h2 img {
  vertical-align: middle;
}
.calendarEventForm .FakeInpTxt .pict {
  height: 15px;
  width: 15px;
  vertical-align: middle;
}
.calendarEventForm .FakeInpTxt .pict.date {
  background-position: -167px -143px;
}
.calendarEventForm .FakeInpTxt .pict.heure {
  background-position: -168px -129px;
}
.calendarEventForm .FakeInpTxt .pict.search {
  height: 17px;
  width: 17px;
  background-position: -170px -432px;
}
.calendarEventForm .FakeInpTxt,
.calendarEventForm p,
.calendarEventForm input,
.calendarEventForm select {
  font-size: 15px;
}
.calendarEventForm select {
  padding: 5px;
  line-height: 30px;
}
.calendarEventForm div.block {
  width: 443px;
  padding: 20px;
  margin: 0;
  background-color: #f0f0f0;
}
.EventInfo div.block p {
  /*height:30px;*/
  line-height: 30px;
}
.EventInfo div.block p b {
  display: inline-block;
  width: 115px;
}
.vignEv {
  border: 3px solid #fff;
  box-shadow: 0 0 4px #ccc;
  display: block;
  height: 120px;
  width: 120px;
  margin-right: 20px;
}
.TypeEv {
  width: 213px;
}
.calendarEventForm .soireeP {
  height: 28px;
  line-height: 28px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.calendarEventForm .soireeP .infos {
  position: absolute;
  top: -7px;
  right: -15px;
}
.calendarEventForm .soireeP .infos span.ibulle {
  top: -15px;
  left: -8px;
}
.calendarEventForm .soireeP a {
  display: inline-block;
  width: 39px;
}
.calendarEventForm .soireeP label {
  display: inline-block;
  padding: 0 10px;
}
.calendarEventForm .soireeP a.btSp {
  width: 39px;
}
.calendarEventForm .soireeP a:first-child {
  border-right: 1px solid #ccc;
}
.calendarEventForm .soireeP b.pict {
  height: 16px;
  width: 12px;
  vertical-align: middle;
}
.calendarEventForm .soireeP b.pict.prive {
  background-position: -158px -207px;
}
.calendarEventForm .soireeP b.pict.public {
  background-position: -52px -407px;
  width: 19px;
}
.calendarEventForm .soireeP .selected {
  background-color: #a2a2a2;
  box-shadow: inset 1px 1px 3px #717171;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.calendarEventForm .soireeP .selected b.pict.prive {
  background-position: -1px -407px;
}
.calendarEventForm .soireeP .selected b.pict.public {
  background-position: -33px -407px;
  width: 19px;
}
.calendarEventForm .tel {
  display: inline-block;
  width: 215px;
}
.EventTheme em,
.EventInfo em {
  line-height: 26px;
  text-align: center;
}
.calendarEventForm label.option {
  line-height: 26px;
  text-align: right;
  display: block;
}

.calendarEventForm .TDspace {
  width: 20px;
}
.calendarEventForm div.block,
.calendarEventForm .TDspace {
  display: table-cell;
  vertical-align: top;
}

/* Yves start */
.EventInfo .messageBox {
  border: 1px solid #ccc;
}
.EventInfo div.block .messageBox p {
  color: #ff5f5f;
  font-size: 12px !important;
}

.calendarEventForm .EventTheme .vignEv {
  height: 66px;
}
#eventThemeEditor #opacityRange_input {
  width: 30px;
}
#addEndTime {
  cursor: pointer;
}
#htmlEditor {
  width: 441px;
  height: 251px;
}

.calendarEventForm .EventInfo .time_ts,
.EventInfo #readable_date {
  width: 210px;
  display: inline-block;
}
.calendarEventForm .EventInfo .timeSelector {
  margin-bottom: 5px;
}
.calendarEventForm .EventInfo .selectInpt {
  margin: 1px 1px 0 0;
  position: relative;
  z-index: 11;
}
.calendarEventForm .EventInfo .selectDisplay {
  width: 175px;
}
.calendarEventForm .EventInfo .multipleCheckbox {
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
  font-size: 15px;
  padding: 10px;
}

.calendarEventForm .multipleCheckbox div,
.multipleCheckbox .cb_title {
  display: table-cell;
}
.calendarEventForm .multipleCheckbox .cb_title {
  margin-right: 10px;
}
.calendarEventForm .multipleCheckbox .cb_label {
  display: inline-block;
  margin-bottom: 5px;
}
.calendarEventForm .noimg {
  width: 100%;
  height: 70px;
}
/* Yves end */

/*.EventInfo div.container div { display:none !important; }*/

.EventContacts .borderBox {
  padding: 10px;
  background-color: #f0f0f0;
}
.listeInvite .blocCont {
  height: 37px;
  border: 3px solid #dcdcdc;
  background: #fff;
  position: relative;
  display: block;
  width: 187px;
  margin: 0 6px 6px 0;
  cursor: pointer;
  font-size: 14px;
}
.EventContacts .listeInvite li:nth-child(5n) {
  margin-right: 0;
}
.listeInvite .blocCont .vign43 {
  top: -3px;
  left: -3px;
  bottom: -3px;
  float: left;
}
.listeInvite .blocCont:hover {
  background: #fff5eb;
}
.listeInvite .blocCont input {
  display: none;
}
.listeInvite .blocCont p {
  float: left;
  line-height: 39px;
  text-indent: 5px;
  overflow: hidden;
  width: 138px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.EventFly h3 {
  margin: -20px -20px 20px -20px;
  height: 27px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 27px;
  font-size: 14px;
}
.EventFly .block li {
  height: auto;
  line-height: normal;
  font-size: 15px;
  padding: 0;
}
.EventFly .block label {
  display: block;
  min-height: 28px;
  padding: 11px;
}
.EventFly .block label.selected,
.EventFly .block label:hover {
  border: 3px solid #dcdcdc;
  padding: 8px;
}
.EventFly .block b {
  color: #646464;
  font-size: 15px;
}
.EventFly .block .floatR.orange {
  font-size: 16px;
  text-transform: uppercase;
}
.EventFly .block img,
.EventFly .block p,
.EventFly .block input {
  vertical-align: top;
}
.EventFly b.pict {
  height: 27px;
  width: 41px;
}
.EventFly b.pict.flyS {
  background-position: -82px -442px;
}
.EventFly b.pict.flyM {
  background-position: -41px -442px;
}
.EventFly b.pict.flyL {
  background-position: 0 -442px;
}
.EventFly .block input {
  margin-top: 5px;
}
.calendarEventForm .EventFly div.block p {
  height: auto;
  padding: 5px 0 0 20px;
  font-size: 13px;
  color: #aaa;
  line-height: normal;
  display: inline-block;
  width: 330px;
}
.EventFly div.block strong {
  color: #505050;
}
.EventFly .posFly label {
  min-height: 14px;
  padding: 9px;
  position: relative;
}
.EventFly .posFly label.selected,
.EventFly .posFly label:hover {
  padding: 6px;
}
.EventFly .posFly label.selected {
  background: #fafafa;
  border-color: #dcdcdc;
}
.EventFly .posFly input {
  margin-top: 0;
  display: block;
  line-height: 15px;
  padding: 0 4px 0 0;
  height: 17px;
  float: left;
}

.calendarEventForm .EventFly div.posFly p {
  padding: 0;
  width: 395px;
}
.calendarEventForm .block.Mtotal {
  padding: 6px 10px;
  background: #f5f5f5;
  text-align: right;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
}

.calendarEventForm .block strong {
  font-size: 15px;
}
.calendarEventForm .block strong em {
  font-size: 13px;
  color: #a0a0a0;
}
.calendarEventForm .block strong.bgOrange em {
  color: #fff;
}

.EventTheme ul.Themes li {
  position: relative;
  display: inline-block;
  margin: 11px 11px 0 0;
  text-shadow: none;
  background: #fff;
  box-shadow: 0 2px 3px #c6c6c6;
  height: 100px;
  width: 128px;
  padding: 5px;
  line-height: normal;
  cursor: pointer;
}
.EventTheme .Themes a.save {
  display: none;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 100px;
  width: 128px;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}
.Themes a.save b.pict {
  position: absolute;
  bottom: 5px;
  right: 5px;
  height: 16px;
  width: 15px;
  background-position: -126px -471px;
}
.Themes a.btSup {
  display: none;
}
.Themes li:hover a.btSup {
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  height: 19px;
  width: 19px;
  box-shadow: 0 0 4px #c3c3c3;
  border-radius: 20px;
  border: 2px solid #fff;
}
.Themes a.btSup .supT {
  overflow: visible;
  background-position: -72px -217px;
  height: 19px;
  width: 19px;
}
ul.Themes li.selected a.save {
  display: block;
}
.navTheme {
  position: relative;
}
.navTheme a {
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 22px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 80px;
}
.navTheme a b.pict {
  height: 12px;
  width: 9px;
}
.navTheme a.Prec b.pict {
  background-position: -140px -76px;
}
.navTheme a.Prec {
  left: -30px;
}
.navTheme a.Suiv b.pict {
  background-position: -140px -89px;
}
.navTheme a.Suiv {
  right: -30px;
  text-indent: 3px;
}
.EventTheme ul.Themes li:nth-child(3n) {
  margin-right: 0;
}
.EventTheme ul.Themes li b {
  display: block;
  line-height: 18px;
  height: 18px;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
}
.EventTheme .Themes em.color {
  display: inline-block;
  width: 23px;
  height: 10px;
  overflow: hidden;
}

.EventTheme .colorTheme {
  padding: 10px 10px 0 0; /*height:64px;*/
  min-height: 22px;
}
.EventTheme .colorTheme li {
  display: block;
  float: left;
  width: 132px;
  padding: 0 0 10px 10px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}
.EventTheme b.pict {
  vertical-align: middle;
}
.EventTheme b.coul {
  height: 23px;
  width: 23px;
  background-position: -123px -447px;
  margin-top: -2px;
}
.EventTheme b.perm {
  height: 17px;
  width: 23px;
  background-position: -147px -432px;
  margin-top: -2px;
}
.EventTheme .colorTheme li b {
  display: inline-block;
  height: 20px;
  width: 38px;
  margin-right: 4px;
  background-position: -148px -449px;
}
.EventTheme .fade {
  display: inline-block;
  position: relative;
  height: 25px;
  width: 70px;
  vertical-align: top;
  cursor: pointer;
}
.EventTheme .fade .borderBox {
  border-color: #cdcdcd;
}
.EventTheme .fade .line {
  display: block;
  height: 2px;
  width: 71px;
  position: absolute;
  top: 10px;
  left: -1px;
}
.EventTheme .fade .fader {
  display: block;
  height: 18px;
  width: 18px;
  border-radius: 3px;
  position: absolute;
  top: 2px;
  cursor: w-resize;
}
.EventTheme .p100Fade {
  width: 40px;
  text-align: center;
}
.EventTheme .save {
  width: 100%;
}

/* Yves start */
.EventTheme #containerGallery {
  position: relative;
  height: 310px;
}
.EventTheme #containerGallery .navTheme {
  position: static;
}
.EventTheme #containerGallery .navTheme span.ibulle {
  left: -13px;
}
.EventTheme .galleryContainer {
  position: absolute;
  left: -20px;
  overflow: hidden;
  white-space: nowrap;
  width: 483px;
  height: 290px;
  padding-top: 40px;
}
.EventTheme .Themes {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  margin-left: 19px;
}
.EventTheme .Themes li {
  vertical-align: top;
}
.EventTheme .Themes span.ibulle {
  left: -50px;
}
.EventTheme .Themes span.ibulle:after {
  left: 54px;
}
.EventTheme .allItems {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#render_tpl .block.planner img {
  width: 190px;
}

.contactList {
  width: 295px;
  margin: 0 5px;
}

.listeAPI p,
.listeAPI ul li {
  padding: 0;
}
.listeAPI ul li {
  margin-right: 0;
  margin: 19px 19px 0 0;
}
.listeAPI ul li.firstRow {
  margin-top: 0;
}
.listeAPI ul li.last {
  margin-right: 0;
}
.listeAPI ul a {
  width: 58px;
  height: 58px;
  display: block;
  border-radius: 10px;
  opacity: 0.6;
  cursor: pointer;
  background-color: #aaa;
}
.listeAPI ul a .pict {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  color: #fff;
  text-align: center;
}
.listeAPI ul.itemSelect .colored {
  display: none;
}
.listeAPI ul a:hover,
.listeAPI ul a.selected {
  opacity: 1;
}
.listeAPI ul a.selected {
  box-shadow: 0 0 0px 4px #faa900;
}
.listeAPI ul a .colored,
.listeAPI ul.itemSelect a.selected .colored {
  z-index: 20;
  display: block;
}

.displayBlock input[type="radio"] {
  display: none;
}
/*  Yves end */

.calendarEventForm .EventTheme a.btAlign {
  width: 41px;
}
.calendarEventForm .EventTheme .soireeP b.pict {
  width: 21px;
  height: 18px;
}
.calendarEventForm .EventTheme .soireeP a:last-child {
  border-left: 1px solid #ccc;
}
.calendarEventForm b.pict.Aleft {
  background-position: 0 -469px;
}
.calendarEventForm .selected b.pict.Aleft {
  background-position: -63px -469px;
}
.calendarEventForm b.pict.Acenter {
  background-position: -21px -469px;
}
.calendarEventForm .selected b.pict.Acenter {
  background-position: -84px -469px;
}
.calendarEventForm b.pict.Aright {
  background-position: -42px -469px;
}
.calendarEventForm .selected b.pict.Aright {
  background-position: -105px -469px;
}

.calendarEventForm .disableInputs,
#formEvent .disableSelect {
  position: relative;
  opacity: 0.4;
}

/* edit */
.Edit_info_inl,
.Edit_info {
  display: block;
  padding: 0 2px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.Edit_info_inl {
  display: inline-block;
}
.Edit_info_inl:hover,
.Edit_info:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 2px #000;
  background: url("/images/soiree/Edit/pict_edit.png") no-repeat top right !important;
}
.events_zippy {
  padding-right: 20px;
}
.time_ts.Edit_info_inl {
  padding-right: 20px !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
}

/*tchat NEW */
#chatWindow {
  top: 0;
  right: 0;
  position: fixed;
  background: #f0f0f0;
  z-index: 1000; /*width:300px;*/
  width: 260px;
  text-align: left;
  box-shadow: -7px 0 10px rgba(0, 0, 0, 0.2);
}
#chatWindow.openTchat {
  border-left: 1px solid #2d2d2d !important;
}

#chatWindow.minimized {
  bottom: 0;
  top: auto; /*width:300px;*/
  width: 260px;
  height: 30px;
  border-top: 6px solid transparent;
}
#chatWindow.minimized div {
  display: none;
}
#chatWindow.minimized h3 {
  display: none;
}
#chatWindow .minimizedShow {
  display: none;
}
#chatWindow.minimized #heightChat,
#chatWindow #HeadChat,
#chatWindow.minimized .minimizedShow {
  display: block;
}

#chatFilter {
  padding: 15px;
  position: absolute;
  background-color: #f0f0f0; /*width:270px;*/
  width: 230px;
  top: 0;
  right: 0;
}
#chatFilter h2 {
  /*font-size:18px;*/
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
#chatFilter h2 .supM {
  margin-top: 4px;
}
#AgeFilter p a,
#chatFilter p a {
  display: block;
  background: #fafafa;
  border: 4px solid #d2d2d2;
  height: 42px;
  line-height: 42px;
  color: #8c8c8c;
  font-size: 15px;
}
#AgeFilter p a {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  background-color: #fafafa;
}
#AgeFilter p a b,
#chatFilter p a b {
  /*margin:0 14px;*/
  margin: 0 10px;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}
#AgeFilter p a b {
  margin-left: 0;
  margin-right: 7px;
  height: 20px;
}
#chatFilter b.All {
  background-position: 0px -101px;
}
#chatFilter b.Loc {
  background-position: -32px -101px;
}
#chatFilter b.Rech {
  background-position: -64px -101px;
}
#chatFilter b.Pexpl {
  background-position: 0 -133px;
}
#chatFilter b.Pfav {
  background-position: -32px -133px;
}
#AgeFilter b.Pfav {
  background-position: -158px -470px;
  width: 21px;
}
#AgeFilter b.Pvis {
  background-position: -67px -345px;
  width: 24px;
}
#AgeFilter b.Pcoe {
  background-position: -91px -345px;
  width: 21px;
}

#chatWindow #HeadChat {
  height: 74px; /*height:53px;*/
  position: relative;
}
#chatWindow.minimized #HeadChat {
  height: 30px;
  line-height: 30px;
}
#chatWindow #HeadChat p {
  padding: 0 10px;
  font-size: 13px;
  height: 31px;
  line-height: 31px;
  color: #fff;
}
#chatWindow #HeadChat p img,
#chatWindow #HeadChat p .pict {
  vertical-align: middle;
}
/*#chatWindow #heightliste{ overflow-y:auto; }*/
#chatWindow .ChatDisconnected {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  text-align: center;
  height: 74px;
  line-height: 74px;
  font-size: 13px;
}
#HeadChat .menuChat {
  padding: 10px 10px 0 10px;
  margin-right: 16px;
  height: 32px;
  border-bottom: 1px solid #dcdcdc;
}
#HeadChat .menuChat li a,
#HeadChat .menuChat li,
#HeadChat .menuChat li a b.pict {
  display: inline-block;
  position: relative;
}
.menuChat li a.item {
  margin-bottom: 0;
  border-left-width: 0px;
  bottom: -1px;
}
.menuChat li a.item.selected {
  border-bottom-color: #fff;
}

#ContChatList,
#ScrollD,
#MSGchat {
  overflow-y: auto;
}
#ContChatList,
#ScrollD {
  overflow: hidden;
}
#ContChatList ul {
  padding: 10px;
}
#ContChatList ul li:first-child {
  border-top: 1px solid #dcdcdc;
}
#ContChatList ul li {
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
#ContChatList li a.Lfav {
  display: block;
  height: 43px;
  font-size: 12px;
  background: #fff;
}
#ContChatList li a.Lfav .ligne1 {
  padding-top: 5px;
  height: 16px;
}
#ContChatList li a.Lfav b {
  font-size: 14px;
}
#ContChatList li a.Lfav span {
  font-size: 12px;
}
#ContChatList li a.Lfav:hover {
  background-color: transparent;
}
/*#ContChatList li a.Lfav img		{ height:43px; }*/

#ContChatList .contactCard {
  position: absolute; /*right:310px;*/
  right: 270px;
  margin-top: -43px;
}
#ContChatList .contactCard p.nav {
  border-top: 1px solid #ccc;
  margin-top: 4px;
}
#ContChatList .contactCard .bulle {
  top: 12px;
  left: auto;
  right: -10px;
  width: 10px;
  height: 18px;
  background-position: -137px -34px;
}

#chatWindow h3 {
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px;
  margin: 0;
}
ol#DiscChatList li {
  border-bottom: 1px solid #dcdcdc;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
ol#DiscChatList li {
  border-left: 4px solid #ddd;
}
ol#DiscChatList li.selected {
  font-weight: bold;
}
ol#DiscChatList li.ready {
  /*background-color:#DCF0DC;*/ /*border-left:4px solid #8EB82B;*/
}
ol#DiscChatList li.cam {
  background-color: blue;
}
ol#DiscChatList li.disconnected {
  /*background-color:#F1F161;*/
  border-left: 4px solid red;
}
ol#DiscChatList li:hover {
  background-color: #fff;
}
ol#DiscChatList li a.supM {
  display: none;
  margin-right: 0;
}
ol#DiscChatList li:hover a.supM {
  display: inline-block;
}
ol#DiscChatList span.floatR {
  height: 28px;
  line-height: 28px;
  display: block;
  position: relative;
}
ol#DiscChatList li .login {
  display: inline-block;
  height: 16px;
  line-height: 16px; /*width:198px;*/
  width: 155px;
  padding-left: 27px;
  vertical-align: middle;
  margin-left: 3px;
}
ol#DiscChatList .login.fav {
  background-position: -166px -263px;
}
ol#DiscChatList li .newMSG {
  display: inline-block;
  text-align: center;
  height: 28px;
  width: 28px;
  vertical-align: top;
  margin-left: 7px;
  background: #e6e6e6;
  color: #c8c8c8;
}
#chatWindow .HeadDiscus {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-family: "Titillium_Medium";
}
#chatWindow .HeadDiscus a {
  color: #fff;
}
.HeadDiscus a.pict.supM {
  margin-right: 4px;
}
#HeadChat a.pict,
.HeadDiscus a.pict {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin: -1px 0 0 4px;
}
.HeadDiscus a.pict.Pfav {
  background-position: -122px -113px;
}
.HeadDiscus a.pict.Pfiche {
  background-position: -46px -389px;
  width: 23px;
}
.HeadDiscus a.pict.Pcam {
  background-position: -0px -423px;
  height: 18px;
}
#scrollChat/*, #MSGchat*/ {
  height: 310px;
}
#MSGchat li.unread {
  background-color: #ffe0c1;
}
#MSGchat li.unread p {
  /*font-weight:bold;*/
}
#MSGchat li.unread p a.Mlogin {
}
#chatWindow .com ol li.oldMSG {
  padding: 5px;
  text-align: center;
  font-size: 14px;
}
#HeadChat a.pict {
  width: 18px;
  margin-top: 5px;
}
#HeadChat a.pict.reduire {
  background-position: -168px -512px;
  width: 18px;
  height: 18px;
}
#chatWindow .HeadDiscus .supM {
  background-position: -113px -221px;
  vertical-align: baseline;
}
#chatWindow ul.com {
  padding-top: 0;
}
#chatWindow em.date {
  font-size: 12px;
}

#chatWindow #flashcontent {
  /*display:none;*/
  position: absolute;
  right: 260px; /*right:300px;*/
  bottom: 0;
  height: 360px;
  width: 480px;
  background: #000;
}

#chatWindow .chatInfo {
  font-size: 12px;
  color: #6e6e6e;
  display: table;
  width: 100%;
}
#chatWindow .chatInfo span {
  display: table-cell;
  text-align: center;
  color: #fff;
}
/*#chatWindow .chatInfo span:hover { background:#e1e1e1; }*/
#chatWindow .chatInfo span.bgOrange:hover {
  background: #505050;
}
#chatWindow .chatInfo span.toto {
  -ms-animation: movingBg 1s infinite;
  -moz-animation: movingBg 1s infinite;
  -webkit-animation: movingBg 1s infinite;
}
@keyframes movingBg {
  0% {
    background-color: #fa820a;
  }
  50% {
    background-color: #fa820a;
  }
  51% {
    background-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
@-ms-keyframes movingBg {
  0% {
    background-color: #fa820a;
  }
  50% {
    background-color: #fa820a;
  }
  51% {
    background-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes movingBg {
  0% {
    background-color: #fa820a;
  }
  50% {
    background-color: #fa820a;
  }
  51% {
    background-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}

@-webkit-keyframes movingBg {
  0% {
    background-color: #fa820a;
  }
  50% {
    background-color: #fa820a;
  }
  51% {
    background-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
/*tchat a droite*/

.OpenchatNFloat {
  text-align: left;
}
.OpenchatNFloat .containerCont,
.OpenchatNFloat .container {
  margin-right: 0;
  margin-left: 5px !important;
  padding-left: 0;
}
.OpenchatNFloat #content.NOcontainer {
  margin-left: 5px;
}
.OpenchatNFloat .containerCont .container {
  margin-left: 0 !important;
}

.OpenchatNPadd .container {
  padding-left: 0 !important;
  padding-right: 260px !important;
}
.OpenchatNPadd #contact_footer,
.OpenchatNFloat #contact_footer .openL,
.OpenchatNFloat #contact_footer .closeL,
.OpenchatNPadd #content.NOcontainer {
  padding-right: 260px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.OpenchatNPadd #Contact .container, .OpenchatNPadd .NOcontainer .container, /* <--- a verifier */
.OpenchatNPadd #contact_footer .container {
  padding-right: 0 !important;
}

/* christophe: rajout de .navigator */
.navigator .viewport,
#chatWindow .viewport {
  background: #f2f2f2; /*width: 240px;*/ /*width:210px;*/
  height: 100%;
  overflow: hidden;
  position: relative;
}
.navigator .overview,
#chatWindow .overview {
  width: 100%;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
.navigator .scrollbar,
#chatWindow .scrollbar {
  background: #2d2d2d;
  position: relative;
  float: right;
  width: 16px;
}
.navigator .track,
#chatWindow .track {
  background: #252525;
  height: 100%;
  width: 9px;
  position: relative;
  padding: 0;
  border-radius: 6px;
  left: 4px;
  border: 1px solid #1e1e1e;
  border-bottom-color: #646464;
  border-right-color: #646464;
  box-shadow: inset 1px 1px 1px #2a2a2a;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.navigator .thumb,
#chatWindow .thumb {
  background: #969696;
  border-radius: 5px;
  height: 20px;
  width: 6px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.navigator .disable .track,
#chatWindow .disable .track {
  display: none;
}

.navigator .scrollbar {
  background: #ddd;
}
.navigator .track {
  background: transparent;
  box-shadow: none;
  border: 0;
}

.chatRechS {
  width: 205px;
  border: 1px solid #d2d2d2;
  background: #fff;
  position: absolute;
  right: -70px;
  top: 30px;
  z-index: 20;
  font-size: 14px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  webkite-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  color: #b4b4b4;
}
.chatRechS ul {
  margin: 0;
  padding: 0;
  max-height: 145px;
  overflow-y: auto;
}
#HeadChat .chatRechS ul li,
.chatRechS ul li {
  display: table;
  width: 100%;
}
#HeadChat .chatRechS ul li a,
.chatRechS ul li a {
  display: table-cell;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.chatRechS ul li a.star {
  width: 20px;
  text-align: right;
}
.chatRechS ul li {
  border-bottom: 1px solid #d2d2d2;
}
.chatRechS .bouton.bgOrange {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
/* fin */

/* Parametres */
.Settings {
  font-size: 14px;
}
.Settings h4 {
  font-size: 14px;
}
.Settings li {
  padding: 10px 0;
  display: table;
  width: 100%;
}
.BorderBotP {
  border-bottom: 1px dotted #ccc;
  padding: 0 0 10px 0;
}
.Settings li ul li {
  /*display:block;*/
  padding: 10px 0;
  background: transparent !important;
  border-bottom: 1px dotted #ccc;
}
.Settings li ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.Settings li ul li:first-child {
  padding-top: 0;
}
.Settings li ul,
.Settings h4,
.Settings label,
.Settings b,
.Settings span {
  display: table-cell;
}
.Settings li p {
  display: table;
  width: 100%;
}
.Settings span {
  padding: 0 10px;
}
.Settings li ul li label,
.Settings li ul.setComm li h4,
.Settings h4,
.Settings p b {
  width: 175px;
  padding: 0 10px;
  line-height: normal;
}
.Settings span.end {
  width: 80px;
  text-align: right;
  padding-right: 10px;
}
/*.Settings form	{ margin-top:10px; padding-top:10px; border-top:1px solid #CCC; }*/
.Settings li ul li h4,
.Settings label {
  padding-left: 10px;
  width: 130px;
}
.Settings input.inptWidth {
  width: 300px;
}
.Settings select.inptWidth {
  width: 300px;
}
.Settings .noTable label {
  width: auto;
  display: block;
  padding: 0 0 5px 0;
}
.Settings .noTable label input {
  margin: 0 10px 0 0;
}

b.pict.settings {
  background-position: -37px -505px;
  width: 19px;
}
a:hover b.pict.settings,
.onglS b.pict.settings {
  background-position: -141px -488px;
}
b.pict.secure {
  background-position: -22px -505px;
  width: 15px;
}
a:hover b.pict.secure,
.onglS b.pict.secure {
  background-position: -126px -488px;
}
b.pict.privacy {
  background-position: -77px -500px;
  width: 26px;
}
a:hover b.pict.privacy,
.onglS b.pict.privacy {
  background-position: -121px -509px;
}
b.pict.blackl {
  background-position: -133px -221px;
  width: 20px;
}
a:hover b.pict.blackl,
.onglS b.pict.blackl {
  background-position: -160px -490px;
}
b.pict.alert {
  background-position: -132px -301px;
  width: 17px;
}
a:hover b.pict.alert,
.onglS b.pict.alert {
  background-position: -104px -509px;
}
b.pict.subscription {
  background-position: 0px -505px;
  width: 22px;
}
a:hover b.pict.subscription,
.onglS b.pict.subscription {
  background-position: -104px -487px;
}
b.pict.help {
  background-position: -55px -500px;
  width: 22px;
}
a:hover b.pict.help,
.onglS b.pict.help {
  background-position: -147px -509px;
}

.Settings .sound_slid_h {
  position: absolute;
  left: 80px;
  top: 2px;
  width: 250px;
}
/* fin Parametres */

/*fin tchat NEW */

/* pagination */
.pagination a {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  border: 1px solid #dcdcdc;
  padding: 0 6px;
  color: #c8c8c8;
  font-size: 12px;
}
.pagination .suiv,
.pagination .prec {
  background-color: #505050;
  border-color: #505050;
}
.pagination .suiv.off,
.pagination .prec.off {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}
.pagination b.pict {
  width: 6px;
  height: 10px;
  overflow: hidden;
  text-indent: -100px;
  margin-bottom: -1px;
}
.pagination .suiv b.pict {
  background-position: -142px -66px;
}
.pagination .prec b.pict {
  background-position: -125px -221px;
}
/* fin pagination */

/* WND_popup */
.wnd .Window-title {
}
.progressMeter {
  height: 15px; /* Can be anything */
  position: relative;
  background: #555;
  padding: 1px;
  text-align: left;
}
.progressMeter > span {
  display: block;
  height: 100%;
  background-color: rgb(43, 194, 83);
  overflow: hidden;
  position: relative;
  background: url(../images/fiche/upload.gif) repeat;
}

/* UI Dialog customization */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5) !important;
  opacity: initial !important;
  filter: initial !important;
}
.ui-dialog {
  width: 450px !important;
  padding: 20px !important;
}
.ui-dialog .ui-dialog-title {
  font-family: "Titillium_Regular", Arial, Helvetica;
}
.ui-dialog .ui-dialog-buttonpane {
  padding: 0 !important;
  margin-top: 0 !important;
}
.ui-dialog .ui-dialog-buttonset {
  padding-top: 15px;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0 !important;
  height: 30px;
}
.ui-dialog .ui-dialog-content {
  display: none !important;
}
.ui-dialog .ui-dialog-titlebar {
  text-align: left !important;
  padding: 0 0 10px 0 !important;
}
.ui-dialog .ui-widget-content {
  border-color: #d2d2d2 !important;
}
.ui-dialog .ui-widget-header {
  font-weight: normal !important;
  font-size: 22px;
}
.ui-dialog .ui-button-text {
  padding: 1px 6px !important;
  font-size: 14px !important;
  font-family: "Titillium_Medium";
}
.ui-dialog .ui-icon {
  display: none !important;
}
.ui-dialog .ui-widget-header {
  border: none !important;
  background-image: none !important;
  background-color: #fff !important;
}
.ui-dialog .ui-dialog-buttonpane button.yes {
  border-radius: 3px !important;
  float: right;
  margin-right: 0 !important;
  background: -moz-linear-gradient(top, #ef8231 0%, #eb6400 100%) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ef8231),
    color-stop(100%, #eb6400)
  ) !important;
  background: -o-linear-gradient(top, #ef8231 0%, #eb6400 100%) !important;
  background: -ms-linear-gradient(top, #ef8231 0%, #eb6400 100%) !important;
  background: linear-gradient(top, #ef8231 0%, #eb6400 100%) !important;
  background-color: #ef8231 !important;
  color: #fff !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25) !important;
  font-family: "Helvetica_bold";
}
.ui-dialog .ui-dialog-buttonpane button.no {
  border-radius: 3px !important;
  display: inline-block;
  border: 1px solid #cdcdcd !important;
  box-shadow: inset 0px -1px 1px #fff, 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
  background-color: buttonface !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
  position: relative !important;
}
.ui-dialog .ui-dialog-title {
  white-space: normal !important;
}
.modal_content {
  border-radius: 8px !important;
}

/* menu de filtres */
#content .filtersMenuBox {
  border-radius: 3px;
  border: 1px solid #fff;
  background: #fefefe;
  z-index: 15;
  position: absolute;
  padding: 2px;
  min-width: 100px;
  box-shadow: 0 0 10px #aaa;
  text-align: left;
}
#content .filtersMenuBox br {
  display: none;
}
#content .filtersMenuBox label,
#content .filtersMenuBox a {
  display: block !important;
  font-size: 14px;
  line-height: 28px;
  height: 28px;
  border-top: 1px solid #e6e6e6;
  border-bottom: none;
  padding-left: 5px;
  position: relative;
  overflow: hidden;
  text-transform: none;
}
#content .filtersMenuBox label:hover,
#content .filtersMenuBox a:hover {
  background: #f0f0f0;
}
#content .filtersMenuBox label:first-child,
#content .filtersMenuBox a:first-child {
  border-top: none;
}
#content .filtersMenuBox label input {
  position: absolute;
  top: -20px;
  left: -20px;
}

/*tuto */
.helpWND {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: center;
}
p.stepNav {
  padding-top: 35px;
  position: relative;
  z-index: 100;
}
p.stepNav a {
  display: inline-block;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  height: 10px;
  width: 10px;
  background-color: #fff;
}
a.closeTuto {
  position: absolute;
  top: 10px;
  right: 5px;
  display: block;
  z-index: 101;
}
a.SuivTuto {
  position: absolute;
  z-index: 100;
  bottom: 15px;
  right: 15px;
  line-height: 32px;
  height: 32px;
  border: 2px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  padding: 0 20px;
  text-shadow: none;
}
.helpWND .Tuto {
  position: relative;
  width: 990px;
  margin: 0 auto;
}
.helpWND .Tuto.step5,
.helpWND .Tuto.step6 {
  width: 100%;
}
.helpWND .Tuto .step {
  display: none;
}
.helpWND .Tuto.step1 .step1,
.helpWND .Tuto.step2 .step2,
.helpWND .Tuto.step3 .step3,
.helpWND .Tuto.step4 .step4,
.helpWND .Tuto.step5 .step5,
.helpWND .Tuto.step6 .step6 {
  display: block;
}

.helpCont {
  background: #333 url(../images/contact/bg_help_cont.jpg) no-repeat top center;
}
.helpCont .h1 {
  position: absolute;
  left: 261px;
  top: 109px;
  z-index: 2;
}
.helpCont .h1-2 {
  position: absolute;
  left: 0;
  bottom: 32px;
  z-index: 1;
}
.helpCont .h2 {
  position: absolute;
  right: 187px;
  top: 132px;
}
.helpCont .helpfoot {
  background: url(../images/contact/bg_help_foot.png) no-repeat bottom center;
}

.step6 a.closeTuto,
.step5 a.closeTuto,
.step5 a.SuivTuto,
.step6 a.SuivTuto {
  margin-right: 260px;
}
.helpHome {
  background: #333 url(../images/accueil/bg_help_home.jpg) no-repeat top center;
}
.helpHome .h1 {
  position: absolute;
  left: -16px;
  top: 29px;
}
.helpHome .h2 {
  position: absolute;
  left: 0;
  top: 132px;
}
.helpHome .h3 {
  position: absolute;
  left: -16px;
  top: 75px;
}
.helpHome .h4 {
  position: absolute;
  left: 119px;
  top: 95px;
}
.helpHome .h5,
.helpHome .h6-2 {
  position: absolute;
  right: 0;
  bottom: 0px;
}
.helpHome .h6-1 {
  position: absolute;
  right: 0;
  top: 0px;
}
.helpHome .h6a {
  position: absolute;
  right: 246px;
  top: 71px;
}
.helpHome .h6b {
  position: absolute;
  right: 246px;
  bottom: 110px;
}

/* christophe */
.photoTitle {
  display: inline-block;
  position: absolute;
}
/* christophe */
.photoTitle.short {
  border: 0;
  padding: 0 5px;
  bottom: 0;
  left: 0;
  width: 160px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 25px;
}
/* christophe */
.photoTitle.long {
  top: 0;
  left: 175px;
  width: 305px;
  padding: 10px;
  height: 150px; /*border:1px solid #ccc; color:#555; background-color:#eee;*/
}
/* christophe */
.bullePBL .photoTitle.long {
  position: absolute;
  margin: -174px 0 0 172px;
  width: 200px;
}
/* christophe */
.playExternal iframe {
  border: 0;
}

/* styles de développement en attendant que l'intégration graphique soit faite */
.scaffold ul,
.scaffold li {
  border: 1px solid gray;
  padding: 3px;
}
.scaffold .selected {
  font-weight: bold;
}
.scaffoldBox {
  border: 1px solid gray;
  padding: 3px;
  text-align: center;
}
.debug {
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  height: 28px;
  padding: 0 15px;
  position: fixed;
  bottom: 5px;
  left: 0px;
  box-shadow: -1px -1px 2px #000;
  z-index: 10000;
}
.debug:after {
  border-bottom: 14px solid transparent;
  border-left: 14px solid #fa840e;
  border-top: 14px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: -14px;
  top: 0;
  width: 0;
}

.debug:hover:after {
  border-left-color: #505050;
}
.debug:hover {
  background: #505050;
}

/* share popup */
.shareHead {
  padding: 8px 0;
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
  border-bottom: 1px solid #d2d2d2;
}
.shareCont {
  padding: 0 15px;
  width: 90%;
  margin: 0 auto;
  text-align: left;
  text-indent: -15px;
}
.shareForm .txtCom {
  width: 95%;
  border: none;
  margin-left: 5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.shareFormLogin .btn,
.shareForm .publish {
  height: 40px;
  width: 100px;
  border: none;
  font-size: 16px;
}
.shareForm .bShare {
  text-align: left;
}
.shareForm .bShare img {
  max-height: 150px;
  max-width: 190px;
  margin-right: 15px;
}
.shareForm .bShare .contImg {
  height: 150px;
  float: left;
}
.shareForm .bShare textarea,
.shareForm .bShare select,
.shareForm .bShare input {
  width: 325px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.shareFormLogin form {
  text-align: left;
  padding: 15px;
  position: relative;
}
.shareFormLogin input {
  margin-top: 15px;
  height: 32px;
  font-size: 17px;
}
.shareFormLogin .lostPswd a {
  margin-top: 10px;
  font-size: 12px;
  float: right;
  text-decoration: underline;
}
.shareFormLogin .btn {
  float: left;
  margin-right: 15px;
}
.shareFormLogin br {
  display: none;
}
p.shareSub {
  padding: 11px 0 15px 0;
  height: 29px;
  text-align: left;
  font-size: 16px;
}
.shareFormLogin #recaptcha {
  background: #fff;
  border: none;
  width: auto;
  padding: 0; /*margin-top:-140px; padding:5px; box-shadow:0 0 6px #000;*/
}
.shareFormLogin .recaptcha {
  margin-top: 0 !important;
  padding: 0 !important;
}
.shareFormLogin .recaptcha label {
  display: none;
}
.shareFormLogin #recaptcha_widget {
  border: 1px solid #f00;
  padding: 5px 0;
}

/* yves */

.calendarEventForm .visibility {
  display: inline;
  margin-right: 40px;
}
.calendarEventForm .visibility .label {
  line-height: 30px;
}

#party ul.infoP,
#party ul.infoP .events_zippy * {
  font-family: "Titillium_Light", Arial, Helvetica;
  padding: 0;
}
#party ul.infoP .events_zippy {
  line-height: 16px;
  padding: 5px 0;
}
#party ul.infoP a.events_zippy,
#party ul.infoP select {
  width: 143px;
  display: inline-block;
}
#party ul.infoP .events_zippy b,
#party ul.infoP .events_zippy b span {
  display: inline;
}
#party ul.infoP .zippy_contents,
#party ul.infoP .zippy_contents span {
  width: auto;
}
#party ul.infoP .zippy_contents label {
  display: inline-block;
}

#party input.bold {
  font-family: "Titillium_Medium", Arial, Helvetica;
}
#party input#infos_event_date {
  width: 195px;
  font-size: 16px;
}
#party input.time_ts {
  width: 50px;
  text-align: center;
  font-size: 16px;
}
#party label {
  display: inline-block;
  font-size: 14px;
}
#party #eventDescription em {
  font-style: italic;
}
#party #flyerBig img {
  display: inherit;
}

#party label em {
  font-size: 12px;
}
#party input[type="text"],
#party textarea {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
#party textarea[name="title"] {
  font-family: "Titillium_Light", Arial, Helvetica;
  font-size: 32px;
  width: 256px;
  min-width: 256px;
  max-width: 256px;
}

#party .infoP li {
  position: relative;
}
#party .infoP li .supM {
  position: absolute;
  right: -10px;
  top: 8px;
}
#party .infoP li .supM:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* yves */

/* abo */

.Window--body {
  padding: 20px 40px;
}
.chooseAbo,
.chooseAbo *,
.Window--body * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.Window--body h1 {
  font-size: 35px;
  margin-bottom: 10px;
}
.Window--body h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.Window--body h3 sup {
  font-size: 12px;
  vertical-align: text-top;
  font-family: "Titillium_Regular";
}
.Window--body .orange {
  color: #f9820a !important;
}

p.center {
  text-align: center;
}

header.soutenez {
  position: relative;
  padding-left: 60px;
  -ms-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  margin-bottom: 50px;
}
header.soutenez:before {
  content: "";
  position: absolute;
  left: -32px;
  width: 72px;
  height: 99px;
  background: url("../images/abonnement/soutenez.png");
}
p.tick {
  font-size: 14px;
  padding-left: 30px;
  position: relative;
  margin: 5px 0 5px 0;
}
p.tick:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 11px;
  background: url("../images/abonnement/tick.png") no-repeat;
}

.colGAbo {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding-right: 50px;
}
.colGAbo p.tick {
  font-size: 16px;
  margin-top: 20px;
}
.colGAbo p.tick + p.fist {
  margin-top: 50px;
}
p.fist {
  display: table;
  font-size: 14px;
  margin-top: 50px;
}
p.fist:before {
  content: "";
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
  width: 86px;
  height: 95px;
  background: url("../images/abonnement/fist.png") no-repeat;
}
p.fist span {
  display: table-cell;
  vertical-align: middle;
}

.colDAbo {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.chooseAbo {
  display: block;
  position: relative;
  padding: 15px 10px 10px;
  border-radius: 2px 2px 6px 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  transition: transform 0.4s;
  outline-width: 0;
  background: #fff;
}
.chooseAbo input {
  display: none;
}
.chooseAbo:hover {
  transform: scale(1.05);
}
.chooseAbo:active {
  transform: scale(0.95);
}
/*.noSelected         { background:#fafafa; transform: scale(0.95); }
.noSelected:hover   { transform: none; }*/
.chooseAbo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  border-radius: 2px 2px 0 0;
  background: -moz-linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #fc9939),
    color-stop(50%, #d84d65),
    color-stop(100%, #b30090)
  );
  background: -o-linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%);
  background: -ms-linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%);
  background: linear-gradient(left, #fc9939 0%, #d84d65 50%, #b30090 100%);
  background-color: #fc9939;
  color: #fff !important;
}

.chooseAbo + .chooseAbo {
  margin-top: 15px;
}
.chooseAbo div,
.chooseAbo footer {
  display: table;
  width: 100%;
  padding: 10px;
}
.chooseAbo div > * {
  display: table-cell;
  vertical-align: top;
}
.chooseAbo footer > * {
  display: table-cell;
  vertical-align: middle;
}

h2 .pack {
  font-size: 34px;
  color: #000000;
}
/*h2 .pack:before { content: ""; display: inline-block; margin-right:10px; width: 26px; height: 26px; background: url(../images/abonnement/plus.png) no-repeat; }*/
h2 .duration {
  display: inline-block;
  background: #505050;
  margin-top: -3px;
  padding: 0 10px;
  line-height: 25px;
  font-size: 14px;
  color: #fff;
  vertical-align: top;
  -ms-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.price {
  font-size: 18px;
  font-family: "Titillium_Regular";
  line-height: normal;
  text-align: right;
  color: #000000;
}
.price strong {
  display: inline-block;
  font-size: 68px;
  font-family: "Titillium_Bold";
  vertical-align: top;
  line-height: 42px;
  height: 46px;
}
.cents {
  display: inline-block;
  font-size: 18px;
  font-family: "Titillium_Regular";
  vertical-align: top;
  line-height: normal;
}

.details {
  color: #b4b4b4;
  font-size: 12px;
  padding-right: 15px;
}

.choice {
  color: #34aadc;
  font-size: 18px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
}
.choice:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 19px;
  height: 15px;
  background: url(../images/abonnement/choice.png) no-repeat;
}
.recap {
  background: #34aadc;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 60px;
  margin: 15px 0;
}
.rebillornot {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  margin-bottom: 25px;
}
.cb {
  vertical-align: middle;
}

label.rebille {
  display: inline-block;
  width: 80%;
  position: relative;
  height: 40px;
  border: 1px solid #34aadc;
  line-height: 38px;
  background: #fff;
  border-radius: 4px;
  color: #34aadc;
  margin: 15px 0;
  text-transform: uppercase;
}
label.rebille input {
  position: absolute;
  top: 2px;
  right: 5px;
}
label.rebille input:checked {
  left: 5px;
}
label.rebille span {
  display: block;
}
label.rebille span:before {
  content: attr(trueValue);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
}
label.rebille span:after {
  content: attr(falseValue);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  z-index: 1;
}

label.rebille input:checked + span:before,
label.rebille input:not(:checked) + span:after {
  color: #fff;
  background: #34aadc;
}

label.rebille input ~ b {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 50%;
  background: #34aadc;
  transition: all 0.4s;
}
label.rebille input:checked ~ b {
  left: 0;
  right: 50%;
}

table.paymentData {
  width: 630px;
}
table.paymentData td {
  padding: 0 10px;
}
table.paymentData tr:nth-child(even) {
  background-color: #fafafa;
}
table.paymentData th {
  padding: 0 10px;
  text-align: left;
}
/* fin abo */

.w70 {
  width: 70%;
}
.center .w70 {
  margin: 0 auto;
}