@font-face {
  font-family: "TheSansCd700UNIGE";
  src: url("fonts/TheSansCd_LP_700_Bold/TheSansCd_LP_700_.eot");
  src: url("fonts/TheSansCd_LP_700_Bold/TheSansCd_LP_700_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSansCd_LP_700_Bold/TheSansCd_LP_700_.woff") format("woff"), url("fonts/TheSansCd_LP_700_Bold/TheSansCd_LP_700_.svg#TheSansCd_LP_700_") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansCd300UNIGE";
  src: url("fonts/TheSansCd_LP_300_Light/TheSansCd_LP_300_.eot");
  src: url("fonts/TheSansCd_LP_300_Light/TheSansCd_LP_300_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSansCd_LP_300_Light/TheSansCd_LP_300_.woff") format("woff"), url("fonts/TheSansCd_LP_300_Light/TheSansCd_LP_300_.svg#TheSansCd_LP_300_") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansCd500UNIGE";
  src: url("fonts/TheSansCd_LP_500_Plain/TheSansCd_LP_500_.eot");
  src: url("fonts/TheSansCd_LP_500_Plain/TheSansCd_LP_500_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSansCd_LP_500_Plain/TheSansCd_LP_500_.woff") format("woff"), url("fonts/TheSansCd_LP_500_Plain/TheSansCd_LP_500_.svg#TheSansCd_LP_500_") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansCd500Italic";
  src: url("fonts/TheSansCd_LP_500i_Plain_Italic/TheSansCd_LP_500i.eot");
  src: url("fonts/TheSansCd_LP_500i_Plain_Italic/TheSansCd_LP_500i.eot?#iefix") format("embedded-opentype"), url("fonts/TheSansCd_LP_500i_Plain_Italic/TheSansCd_LP_500i.woff") format("woff"), url("fonts/TheSansCd_LP_500i_Plain_Italic/TheSansCd_LP_500i.svg#TheSansCd_LP_500i") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "TheSansUNIGELight";
  src: url("fonts/TheSans_B2_300_Light/TheSans_B2_300_.eot");
  src: url("fonts/TheSans_B2_300_Light/TheSans_B2_300_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_300_Light/TheSans_B2_300_.woff") format("woff"), url("fonts/TheSans_B2_300_Light/TheSans_B2_300_.svg#TheSans_B2_300_") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUNIGELightItalic";
  src: url("fonts/TheSans_B2_300_Light_Italic/TheSans_B2_300i.eot");
  src: url("fonts/TheSans_B2_300_Light_Italic/TheSans_B2_300i_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_300_Light_Italic/TheSans_B2_300i_.woff") format("woff"), url("fonts/TheSans_B2_300_Light_Italic/TheSans_B2_300i_.svg#TheSans_B2_300i_") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TheSansUNIGEPlain";
  src: url("fonts/TheSans_B2_500_Plain/TheSans_B2_500_.eot");
  src: url("fonts/TheSans_B2_500_Plain/TheSans_B2_500_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_500_Plain/TheSans_B2_500_.woff") format("woff"), url("fonts/TheSans_B2_500_Plain/TheSans_B2_500_.svg#TheSans_B2_500_") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUNIGEPlainItalic";
  src: url("fonts/TheSans_B2_500_Plain_Italic/TheSans_B2_500i.eot");
  src: url("fonts/TheSans_B2_500_Plain_Italic/TheSans_B2_500i.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_500_Plain_Italic/TheSans_B2_500i.woff") format("woff"), url("fonts/TheSans_B2_500_Plain_Italic/TheSans_B2_500i.svg#TheSans_B2_500i") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TheSansUNIGEBold";
  src: url("fonts/TheSans_B2_700_Bold/TheSans_B2_700_.eot");
  src: url("fonts/TheSans_B2_700_Bold/TheSans_B2_700_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_700_Bold/TheSans_B2_700_.woff") format("woff"), url("fonts/TheSans_B2_700_Bold/TheSans_B2_700_.svg#TheSans_B2_700_") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUNIGEBoldItalic";
  src: url("fonts/TheSans_B2_700_Bold_Italic/TheSans_B2_700i.eot");
  src: url("fonts/TheSans_B2_700_Bold_Italic/TheSans_B2_700i.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_700_Bold_Italic/TheSans_B2_700i.woff") format("woff"), url("fonts/TheSans_B2_700_Bold_Italic/TheSans_B2_700i.svg#TheSans_B2_700i") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "TheSansUNIGEExtraBold";
  src: url("fonts/TheSans_B2_800_ExtraBold/TheSans_B2_800_.eot");
  src: url("fonts/TheSans_B2_800_ExtraBold/TheSans_B2_800_.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_800_ExtraBold/TheSans_B2_800_.woff") format("woff"), url("fonts/TheSans_B2_800_ExtraBold/TheSans_B2_800_.svg#TheSans_B2_800_") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUNIGEExtraBoldItalic";
  src: url("fonts/TheSans_B2_800_ExtraBold_Italic/TheSans_B2_800i.eot");
  src: url("fonts/TheSans_B2_800_ExtraBold_Italic/TheSans_B2_800i.eot?#iefix") format("embedded-opentype"), url("fonts/TheSans_B2_800_ExtraBold_Italic/TheSans_B2_800i.woff") format("woff"), url("fonts/TheSans_B2_800_ExtraBold_Italic/TheSans_B2_800i.svg#TheSans_B2_800i") format("svg");
  font-weight: 800;
  font-style: italic;
}
/* COLORS */
/*
@socnet_insta: ;
@socnet_in: ;
@socnet_yt: ;
@socnet_snap: ;
*/
/* FONT */
/*** bootstrap.css override ***/
#unige-theme dl.dl-narrow {
  font-size: 1.2em;
}
#unige-theme dl.dl-narrow dt {
  width: inherit;
  font-weight: normal;
}
#unige-theme dl.dl-narrow dd {
  margin-left: 20px;
}
/*** style.css override ***/
.glyphicon,
.fa {
  margin-right: .5em;
}
body {
  /*color: @varGreyMedium;*/
  color: #585858;
}
.container {
  background-color: #f8f8f8;
}
#header #logo {
  height: 94px;
  background: #cf0063;
  position: relative;
}
#header #logo a {
  width: 165px;
}
#header #logo:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 14px solid #f8f8f8;
  border-left: 14px solid #cf0063;
  width: 0;
}
#header #site-title {
  margin: 0px;
  height: 80px;
  overflow: hidden;
  font-family: TheSansUNIGELight;
  text-transform: uppercase;
}
#header #site-title a {
  text-decoration: none;
  font-family: TheSansUNIGELight;
}
#header #site-title strong {
  font-family: TheSansUNIGEBold;
}
#header #site-title .head-title {
  margin-top: 5px;
  height: 15px;
  font-size: 12px;
  line-height: 16px;
}
#header #site-title .head-title a {
  color: #888888;
}
#header #site-title .service,
#header #site-title .head-title-solo {
  margin-top: 3px;
  height: 52px;
  font-size: 22px;
  line-height: 23px;
}
#header #site-title .service a,
#header #site-title .head-title-solo a {
  color: black;
}
#header #site-title .head-title-solo {
  margin-top: 23px;
}
#header #breadcrumb {
  height: 14px;
  overflow: hidden;
}
#footer .greytext {
  font-family: TheSansCd300UNIGE;
  color: #8e9093;
}
#content {
  font-family: TheSansUNIGELight;
  font-size: 10px;
}
#content p {
  text-align: left;
  font-size: 1.3em;
}
#content a:hover {
  background-color: inherit;
}
#content ul li,
#content ol li {
  padding-bottom: 0px;
}
#content .row > div {
  padding-bottom: 10px;
}
#content label {
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 1.3em;
}
#content a.button {
  background-image: url("../images/button.png");
  background-size: 182px 35px;
  width: 182px;
  height: 35px;
  color: #FFFFFF;
  font-size: 1.7em;
  font-family: TheSansCd300UNIGE;
  text-transform: uppercase;
  display: block;
  margin: 0 0 0 -8px;
  text-align: center;
  padding: 5px 0;
  margin-top: 10px;
}
#content a.call2action {
  font-size: 18px;
  font-family: TheSansUNIGEBold;
  text-decoration: none !important;
  color: white !important;
  padding: 5px 10px;
  background: #cf0063;
  transition: all 0.2s ease-out;
}
#content a.call2action:hover {
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
}
#content img.spacer {
  z-index: 999;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;
}
#content .box-fullwidth .box-content article header p {
  font-family: TheSansCd500Italic;
  font-style: italic;
  font-size: 1.8em;
  color: #585858;
}
#content .box-fullwidth .box-content article header p em {
  font-family: TheSansCd500UNIGE;
  font-style: normal;
}
#content .box-fullwidth .box-content article .remarque {
  margin: 5px;
  padding: 5px 20px;
  background-color: #f8ecf2;
}
#content .box-fullwidth .box-content article .remarque .coursdessai {
  display: none;
}
#content .box-fullwidth .box-content article .remarque .coursdessai h4 {
  font-size: 1.6em;
  color: #888888;
  font-family: TheSansCd700UNIGE;
  font-weight: normal;
}
#content .box-fullwidth .box-content article a.call2action {
  /*
        font-size: 1.8em;
        font-family: @varFontBold;
        text-decoration: none !important;
        color: white !important;
        padding: 5px 10px;
        background: @varPinkDife;
        transition: all 0.2s ease-out;
        &:hover {
          box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
        }
        */
}
#content .box-fullwidth .box-content article a.removefromcart {
  background-color: #888888;
}
#content .box-fullwidth .box-content article dl dt,
#content .box-fullwidth .box-content article dl.schedule_list dt,
#content .box-fullwidth .box-content article dl.schedule_list_full dt {
  font-family: TheSansUNIGEPlain;
  font-weight: normal;
  font-size: 1.3em;
  margin-top: 0px;
}
#content .box-fullwidth .box-content article dl address,
#content .box-fullwidth .box-content article dl.schedule_list address,
#content .box-fullwidth .box-content article dl.schedule_list_full address {
  margin-bottom: 0px;
}
#content .box-fullwidth .box-content article dl a,
#content .box-fullwidth .box-content article dl.schedule_list a,
#content .box-fullwidth .box-content article dl.schedule_list_full a {
  text-decoration: none;
  color: #888888;
}
#content .box-fullwidth .box-content article dl a address:before,
#content .box-fullwidth .box-content article dl.schedule_list a address:before,
#content .box-fullwidth .box-content article dl.schedule_list_full a address:before {
  content: url(../images/location_12x12.png);
}
#content .box-fullwidth .box-content article dl .periode_libelle,
#content .box-fullwidth .box-content article dl.schedule_list .periode_libelle,
#content .box-fullwidth .box-content article dl.schedule_list_full .periode_libelle {
  display: inline-block;
  font-variant: all-small-caps;
  margin: 0em .5em;
  padding: 0em 0.4em;
  color: white;
  background-color: #888888;
  border-radius: 4px;
}
#content .box-fullwidth .box-content article dl.schedule_list_full {
  display: none;
}
/* login */
#header .dropdown-menu li a {
  color: black;
}
/* shopping */
#content .checkout_booth {
  font-family: TheSansUNIGEPlain;
  font-size: 1.2em;
}
#content .checkout_booth h3 {
  font-family: TheSansUNIGEBold;
  font-size: 1.6em;
  text-align: center;
  text-transform: uppercase;
  color: #cf0063;
  margin: 0.1em 0em 0em 0em;
}
#content .checkout_booth .panel {
  border: 0px;
  border-radius: 0px;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#content .checkout_booth .panel p {
  text-align: center;
  margin-top: 15px;
}
#content .checkout_booth .pay_online .spacer {
  background-color: #f0f8ff;
  border: solid 1px #428bca;
}
#content .checkout_booth .pay_invoice .spacer {
  background-color: #fbe1e6;
  border: solid 1px #cf0063;
}
#content .checkout_booth #shopping_list .to_right {
  float: right;
}
#content .checkout_booth #shopping_list .price {
  font-family: monospace;
  margin-right: 1em;
}
#content .checkout_booth #shopping_list .price .money {
  color: #888888;
}
#content .checkout_booth .cc-icon {
  display: inline;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
#servicenav .basket-promoted .badge {
  background-color: #cf0063;
}
#servicenav .basket-promoted .badge a {
  color: white;
  text-decoration: none;
}
#servicenav .unige_portal {
  margin-right: 2em;
}
.service_group .basket-promoted-xs .badge {
  background-color: #cf0063;
  margin-left: .5em;
}
.service_group .basket-promoted-xs .badge a {
  color: white;
  text-decoration: none;
}
/*** CAROUSEL ***/
#content .carousel-inner .left,
#content .carousel-inner .right {
  margin: 0px;
}
#content .carousel-inner .title {
  font-family: TheSansUNIGEBold;
  font-size: 2em;
  text-transform: uppercase;
}
#content .carousel-inner .description {
  font-size: 1.5em;
}
#content .carousel-inner .carousel-caption {
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
  padding-bottom: 5px;
  right: 10%;
  left: 10%;
}
#content .carousel-indicators {
  bottom: 0px;
  margin-bottom: 5px;
}
/*** SLIDER ***/
#content .slider {
  position: relative;
}
#content .slider img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#content .slider:after {
  border-color: transparent transparent #f8f8f8;
  border-style: solid;
  border-width: 0 0 25px 25px;
  bottom: 0px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
#content .slider .content {
  background-color: rgba(34, 34, 34, 0.8);
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: #FFFFFF;
  padding: 15px 80px 15px 50px;
}
#content .slider .content strong {
  font-family: TheSansCd700UNIGE;
  font-size: 1.7em;
  text-transform: uppercase;
  font-weight: normal;
}
#content .slider .content .author {
  color: #bcbcbc;
  font-style: italic;
  font-family: TheSansCd300UNIGE;
  font-size: 1.4em;
  padding-left: 15px;
}
#content .slider .content p {
  font-size: 1.3em;
  line-height: 1em;
  margin: 10px 0 0 0;
}
#content .slider .content .previous {
  background-color: #cf0063;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  left: 0px;
  top: 20px;
}
#content .slider .content .previous:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: 0 0;
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  top: 7px;
  left: 5px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#content .slider .content .next {
  background-color: #cf0063;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  right: 0px;
  top: 20px;
}
#content .slider .content .next:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: 0 0;
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  top: 7px;
  left: 10px;
}
#content .slider .content .next:hover,
#content .slider .content .previous:hover {
  background-color: #FFFFFF;
}
#content .slider .content .next:hover:after,
#content .slider .content .previous:hover:after {
  background-position: 0 -30px;
}
#content .slider .content .pagination {
  position: absolute;
  right: 35px;
  top: 22px;
  font-size: 1.1em;
}
#content .slider.home .content .previous {
  background-color: #008a95;
}
#content .slider.home .content .next {
  background-color: #008a95;
}
#content .slider.home .content .next:hover,
#content .slider.home .content .previous:hover {
  background-color: #FFFFFF;
}
#content .slider.home .content .next:hover:after,
#content .slider.home .content .previous:hover:after {
  background-position: 0 -45px;
}
/*** SECTION ***/
#content .box-section.transparent img.spacer {
  background-color: black;
}
#content .box-section.transparent.box:hover img.spacer {
  background-color: black;
}
#content .box-section.transparent .links a {
  color: #cf0063;
}
#content .box-section.transparent .box-inside .img-box {
  opacity: 1;
}
#content .box-section.pink img.spacer {
  background-color: #CF0063;
}
#content .box-section.pink.box:hover img.spacer {
  background-color: #5c002c;
}
#content .box-section.pink .links a {
  color: #f50075;
}
#content .box-section.green img.spacer {
  background-color: #39DE2E;
}
#content .box-section.green.box:hover img.spacer {
  background-color: #189110;
}
#content .box-section.green .links a {
  color: #39DE2E;
}
#content .box-section.dark-green img.spacer {
  background-color: #119455;
}
#content .box-section.dark-green.box:hover img.spacer {
  background-color: #044727;
}
#content .box-section.dark-green .links a {
  color: #119455;
}
#content .box-section.grey img.spacer {
  background-color: #8e9093;
}
#content .box-section.grey.box:hover img.spacer {
  background-color: #3d4146;
}
#content .box-section.grey .links a {
  color: #8e9093;
}
#content .box-section.purple img.spacer {
  background-color: #800da9;
}
#content .box-section.purple.box:hover img.spacer {
  background-color: #45045c;
}
#content .box-section.purple .links a {
  color: #B284C3;
}
#content .box-section.yellow img.spacer {
  background-color: #dfc916;
}
#content .box-section.yellow.box:hover img.spacer {
  background-color: #928307;
}
#content .box-section.yellow .links a {
  color: #dfc916;
}
#content .box-section.formal:hover .interface,
#content .box-section:hover .box-inside img,
#content .box-section:hover .box-inside h2:after {
  display: none;
}
#content .box-section .box-inside h2 {
  position: absolute;
  bottom: 24px;
  left: 18px;
  padding-right: 60px;
}
#content .box:hover img.spacer {
  opacity: 1;
}
/** hack to remove the over effect with box-section2 **/
#content .box-section2:hover .box-inside img,
#content .box-section2:hover .box-inside h2 {
  color: white;
  opacity: 1;
}
#content .box-section2 .box-inside h2 {
  position: absolute;
  bottom: 24px;
  left: 18px;
  padding-right: 60px;
  color: black;
}
/*** BOX-INSIDE ***/
#content .box-inside {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: 100%;
  padding: 15px 20px;
}
#content .box-inside .img-box {
  opacity: 0.3;
  width: 100%;
  left: 0;
  padding: 0 5px 10px;
  position: absolute;
  top: 0;
}
#content .box-inside h2 {
  z-index: 100;
  font-family: TheSansCd300UNIGE;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 2.2em;
  line-height: 1em;
  margin: 0px;
  width: 100%;
}
#content .box-inside h2 :after {
  content: "";
  position: absolute;
  right: 35px;
  bottom: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #FFFFFF;
}
#content .light .box-inside,
#content .tab-content .light .box-inside {
  color: white;
}
#content .dark .box-inside,
.tab-content .dark .box-inside {
  color: black;
}
/*** BOX-SIMPLE ***/
#content .box-simple .spacer {
  background-color: #FFFFFF;
  border: 1px solid #d1d3d4;
}
#content .box-simple .box-inside strong {
  color: #666666;
  font-size: 2.1em;
  line-height: 1em;
  font-family: TheSansCd700UNIGE;
  text-transform: uppercase;
  font-weight: normal;
}
/*** BOX-SUPER-SIMPLE ***/
#content .box-super-simple .spacer {
  color: #585858;
  background-color: #eeeeee;
  border: 1px solid #d1d3d4;
}
/*** BOX-SUPER-SIMPLE ***/
#content .box-anything .box-inside {
  padding: 0px;
}
/*** BOX PRESENTATION ***/
#content .presentation .box-inside h3 {
  font-size: 2em;
  line-height: 1em;
  font-family: TheSansCd300UNIGE;
  border-bottom: 1px solid #d1d3d4;
  margin-top: 0em;
  margin-bottom: .4em;
  padding-bottom: .4em;
}
#content .presentation .box-inside .text {
  font-size: 1.3em;
}
#content .presentation .spacer-alt {
  display: none;
}
#content .presentation .spacer-alt-totem {
  display: block;
}
#content .presentation .spacer {
  color: #585858;
  background-color: white;
  border: 1px solid #d1d3d4;
}
#content .presentation.pink img.spacer {
  background-color: #ff69b1;
}
#content .presentation.green img.spacer {
  background-color: #b6f3b2;
}
#content .presentation.dark-green img.spacer {
  background-color: #53eba2;
}
#content .presentation.grey img.spacer {
  background-color: #eeeeee;
}
#content .presentation.purple img.spacer {
  background-color: #cb5cf3;
}
#content .presentation.yellow img.spacer {
  background-color: #f5eb99;
}
/*** LINKS ***/
#content .box ul.links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
#content .box ul.links li {
  position: relative;
  padding: 0 0 0 10px;
  margin-bottom: 0.35em;
  font-size: 1.3em;
  line-height: 1.5em;
}
#content .box ul.links li a {
  text-transform: uppercase;
}
#content .box ul.links li a:before {
  content: ">";
  position: absolute;
  left: 0px;
  top: 0px;
}
#content .box ul.links li a:hover {
  color: #FFFFFF;
  background-color: inherit;
}
#content .box ul.links li a:hover:before {
  color: #FFFFFF;
}
/* FORMAL */
#content .formal .interface {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0 5px 10px 5px;
}
#content .formal .interface div {
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}
#content .formal.light.totem .interface div {
  background-image: url("../images/pattern-dark-pink.png");
  background-size: 4px 4px;
  opacity: 0.4;
}
#content .formal.dark.totem .interface div {
  background-image: url("../images/pattern-grey.png");
  background-size: 4px 4px;
}
/* INFORMAL */
#content .informal .interface,
#tab-content .informal .interface {
  position: absolute;
  height: 100%;
  left: 0;
  padding: 0 5px 10px;
  top: 0;
  width: 100%;
}
#content .informal .interface:before,
#tab-content .informal .interface:before {
  background-image: url("../images/informel.png");
  background-size: 310px 15px;
  background-position: 0px 0px;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  z-index: 999;
  width: 100%;
  height: 6px;
}
#content .informal .interface:after,
#tab-content .informal .interface:after {
  background-image: url("../images/informel.png");
  background-size: 310px 15px;
  background-position: 0 -9px;
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0px;
  display: block;
  z-index: 999;
  width: 100%;
  height: 6px;
}
.hover {
  display: none;
}
#content .box:hover ul {
  display: block;
}
#content .box-section:hover .box-inside h2 {
  font-family: TheSansCd700UNIGE;
  font-size: 1.6em;
  position: relative;
  left: 0px;
  bottom: 0px;
  margin-bottom: 1em;
  line-height: 1em;
  padding: 0px;
}
/* NAVIGATION */
/* WITH TITLE */
#content .nav.with-title.green .title {
  background-color: #008a95;
  display: block;
  color: #FFFFFF;
  padding: 15px 15px 15px 15px;
  font-family: TheSansCd300UNIGE;
  font-size: 1.7em;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}
#content .nav.with-title nav ul {
  border-bottom: 1px solid #dbdbdb;
  background-color: #FFFFFF;
}
#content .nav.with-title nav ul li:first-child {
  border-top: 0px;
}
#content .nav.with-title nav ul li {
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-top: 1px solid #f8f8f8;
}
#content .row > div.nav .box-inside {
  padding: 0px;
}
#content .nav nav ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .nav nav ul li a {
  text-transform: uppercase;
  font-family: TheSansCd300UNIGE;
  font-size: 1.7em;
  line-height: 1em;
  display: block;
  padding: 16px 35px 15px 15px;
  position: relative;
}
#content .nav nav ul li a:hover {
  color: #180a07;
}
#content .nav nav ul li a:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: 0 -15px;
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  top: 18px;
  right: 15px;
}
#content .nav.green nav ul li a {
  color: #180a07;
}
#content .nav.green nav ul li a:after {
  background-position: 0 -45px;
}
#content .nav.green nav ul li a:hover {
  color: #008a95;
}
/* STATISTIQUES - TESTIMONIALS - CALENDAR - NEWS */
#content .box-stats.formal:hover .interface,
#content .box-info.formal:hover .interface,
#content .box-testimonial.formal:hover .interface,
#content .box-calendar.formal:hover .interface,
#content .box-news.formal:hover .interface,
#content .box-stats:hover .box-inside img,
#content .box-info:hover .box-inside img,
#content .box-testimonial:hover .box-inside img,
#content .box-calendar:hover .box-inside img,
#content .box-news:hover .box-inside img,
#content .box-stats:hover .box-inside h2:after,
#content .box-info:hover .box-inside h2:after,
#content .box-testimonial:hover .box-inside h2:after,
#content .box-calendar:hover .box-inside h2:after,
#content .box-news:hover .box-inside h2:after {
  display: none;
}
#content .box-stats:before,
#content .box-info:before,
#content .box-testimonial:before,
#content .box-calendar:before,
#content .box-news:before {
  content: "";
  top: 0px;
  right: 5px;
  width: 34px;
  height: 34px;
  background-color: #008a95;
  display: block;
  position: absolute;
  z-index: 500;
}
#content .box-stats .box-inside:after,
#content .box-info .box-inside:after,
#content .box-testimonial .box-inside:after,
#content .box-calendar .box-inside:after,
#content .box-news .box-inside:after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #008a95;
  z-index: 900;
}
#content .box-stats:hover .hover,
#content .box-info:hover .hover,
#content .box-testimonial:hover .hover,
#content .box-calendar:hover .hover,
#content .box-news:hover .hover {
  display: block;
}
#content .box-stats:hover .spacer,
#content .box-info:hover .spacer,
#content .box-testimonial:hover .spacer,
#content .box-calendar:hover .spacer,
#content .box-news:hover .spacer {
  background-color: #005359;
  border: 1px solid #005359;
}
#content .box-stats:hover .normal,
#content .box-info:hover .normal,
#content .box-testimonial:hover .normal,
#content .box-calendar:hover .normal,
#content .box-news:hover .normal {
  display: none;
}
#content .box-stats:hover:before,
#content .box-info:hover:before,
#content .box-testimonial:hover:before,
#content .box-calendar:hover:before,
#content .box-news:hover:before {
  background-color: #005359;
}
#content .box-stats .hover h3,
#content .box-info .hover h3,
#content .box-testimonial .hover h3,
#content .box-calendar .hover h3,
#content .box-news .hover h3 {
  font-family: TheSansCd700UNIGE;
  font-size: 1.6em;
  position: relative;
  left: 0px;
  bottom: 0px;
  margin: 0 0  1.8em 0;
  line-height: 1em;
  padding: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: normal;
}
#content .box-stats .hover .links a,
#content .box-info .hover .links a,
#content .box-testimonial .hover .links a,
#content .box-calendar .hover .links a,
#content .box-news .hover .links a {
  color: #008a95;
}
#content .box-stats .hover .links a:hover,
#content .box-info .hover .links a:hover,
#content .box-testimonial .hover .links a:hover,
#content .box-calendar .hover .links a:hover,
#content .box-news .hover .links a:hover {
  color: #FFFFFF;
}
#content .box-stats:hover .box-inside:after,
#content .box-info:hover .box-inside:after,
#content .box-testimonial:hover .box-inside:after,
#content .box-calendar:hover .box-inside:after,
#content .box-news:hover .box-inside:after {
  display: none;
}
/* BOX SURVEY */
#content .box-survey strong {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  width: 100%;
  position: relative;
  display: block;
}
#content .box-survey strong:after {
  background-image: url(../images/question-fr.png);
  background-size: 131px 50px;
  display: block;
  content: "";
  width: 131px;
  height: 50px;
  position: absolute;
  bottom: -25px;
  right: -5px;
}
#content .box-survey .send {
  color: #cf0063;
  text-transform: uppercase;
  font-size: 1.4em;
  float: right;
  font-family: TheSansCd700UNIGE;
  margin-top: 0px;
  background-color: transparent;
  border: 0px;
}
#content .box-survey .send:before {
  content: ">";
  margin-right: 2px;
}
#content .box-survey .send:hover {
  color: black;
}
/* INFO */
#content .box-info .box-inside:after {
  border-color: transparent transparent #000000;
}
#content .box-info:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -338px -50px;
  content: "";
  top: 5px;
  right: 7px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-info .normal {
  position: absolute;
  bottom: 22px;
  margin-right: 34px;
  z-index: 100;
}
#content .box-info .normal h3 {
  font-size: 2em;
  font-family: TheSansCd700UNIGE;
  text-transform: uppercase;
  font-weight: normal;
}
#content .box-info p {
  margin: 0px;
  font-family: TheSansCd300UNIGE;
  font-size: 1.7em;
  line-height: 1em;
}
/* STATISTIQUES */
#content .box-stats:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -100px -50px;
  content: "";
  top: 6px;
  right: 7px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-stats span {
  color: #008a95;
  font-family: TheSansCd700UNIGE;
  font-size: 8.3em;
  line-height: 1em;
  display: block;
  margin-bottom: 0.1em;
}
#content .box-stats .box-inside p {
  color: #222222;
  font-size: 1.7em;
  line-height: 1.2em;
  font-family: TheSansCd300UNIGE;
}
/* TESTIMONIAL */
#content .box-testimonial .box-inside {
  padding-right: 44px;
}
#content .box-testimonial:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -10px -50px;
  content: "";
  top: 6px;
  right: 7px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-testimonial blockquote {
  color: #888888;
  font-size: 1.7em;
  line-height: 1em;
  font-family: TheSansCd300UNIGE;
  border: 0px;
  margin: 0px;
  padding: 0px;
  position: relative;
  text-indent: 40px;
  margin-top: 10px;
}
#content .box-testimonial blockquote:before {
  content: "";
  background-image: url(../images/quote-before.png);
  background-repeat: no-repeat;
  background-size: 29px 24px;
  width: 29px;
  height: 24px;
  position: absolute;
  top: -10px;
  left: 0px;
  display: block;
}
#content .box-testimonial blockquote:after {
  content: "";
  background-image: url(../images/quote-after.png);
  background-repeat: no-repeat;
  background-size: 29px 24px;
  width: 29px;
  height: 24px;
  display: inline-block;
  margin-bottom: -12px;
  margin-left: 8px;
}
#content .box-testimonial p {
  color: #0d0908;
  font-size: 1.7em;
  line-height: 1em;
  font-family: TheSansCd300UNIGE;
  margin-top: 20px;
}
/* CALENDAR */
#content .box-calendar .box-inside:after {
  border-color: transparent transparent #000000;
}
#content .box-calendar:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -70px -50px;
  content: "";
  top: 5px;
  right: 7px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-calendar .normal {
  position: absolute;
  bottom: 22px;
  margin-right: 34px;
  z-index: 100;
}
#content .box-calendar .normal h3 {
  font-size: 2em;
  font-family: TheSansCd700UNIGE;
  text-transform: uppercase;
  font-weight: normal;
}
#content .box-calendar p {
  margin: 0px;
  font-family: TheSansCd300UNIGE;
  font-size: 1.7em;
  line-height: 1em;
}
/* NEWS */
#content .box-news .box-inside:after {
  border-color: transparent transparent #000000;
}
#content .box-news:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -160px -50px;
  content: "";
  top: 5px;
  right: 7px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-news .normal {
  position: absolute;
  bottom: 20px;
  margin-right: 34px;
  z-index: 900;
}
#content .box-news .normal h3 {
  margin: 0px;
  font-size: 2em;
  line-height: 1em;
  font-family: TheSansCd700UNIGE;
  text-transform: uppercase;
  font-weight: normal;
}
/* BOX VIDEO */
#content .box-video:before {
  content: "";
  top: 0px;
  right: 5px;
  width: 34px;
  height: 34px;
  background-color: #008a95;
  display: block;
  position: absolute;
  z-index: 500;
}
#content .box-video:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -40px -50px;
  content: "";
  top: 6px;
  right: 6px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-video .box-inside:after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #443b35;
  z-index: 501;
}
#content .box-video .normal {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 501;
}
#content .box-video .normal h3 {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-family: TheSansCd700UNIGE;
  font-size: 2em;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
#content .box-video .normal:hover span {
  background-image: url("../images/video-hover.png");
}
#content .box-video span {
  position: absolute;
  background-image: url("../images/video.png");
  background-size: 54px 54px;
  display: block;
  width: 54px;
  height: 54px;
  z-index: 999;
  top: 50%;
  left: 50%;
  margin-top: -27px;
  margin-left: -27px;
}
/* BOX QUESTIONS */
#content .box-questions:before {
  content: "";
  top: 0px;
  right: 5px;
  width: 34px;
  height: 34px;
  background-color: #008a95;
  display: block;
  position: absolute;
  z-index: 500;
}
#content .box-questions:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -191px -50px;
  content: "";
  top: 6px;
  right: 6px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-questions .box-inside:after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #008a95;
  z-index: 501;
}
#content .box-questions .box-inside {
  padding-right: 44px;
}
#content .box-questions .normal {
  z-index: 502;
  position: absolute;
  bottom: 22px;
  z-index: 100;
  margin-right: 34px;
}
#content .box-questions .normal ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .box-questions .normal ul li {
  margin-top: 10px;
}
#content .box-questions .normal ul li a {
  font-family: TheSansCd700UNIGE;
  color: #222222;
  font-size: 1.4em;
  line-height: 1em;
}
#content .box-questions .normal ul li a:hover {
  color: #008a95;
}
/* BOX FIND-US */
#content .box-findus:before {
  content: "";
  top: 0px;
  right: 5px;
  width: 34px;
  height: 34px;
  background-color: #008a95;
  display: block;
  position: absolute;
  z-index: 500;
}
#content .box-findus:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -130px -50px;
  content: "";
  top: 6px;
  right: 6px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-findus .box-inside:after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #008a95;
  z-index: 501;
}
#content .box-findus .normal {
  height: 100%;
  width: 100%;
  z-index: 501;
  position: relative;
}
#content .box-findus .normal h3 {
  font-family: TheSansCd700UNIGE;
  font-size: 3.2em;
  font-weight: normal;
  line-height: 0.8em;
  margin: 0;
  text-transform: uppercase;
  color: #008a95;
  z-index: 501;
  padding: 20px 20px 0 0;
}
#content .box-findus p {
  color: #000000;
  font-family: TheSansCd300UNIGE;
  font-size: 1.4em;
  line-height: 1em;
  position: absolute;
  bottom: 10px;
  margin: 0px;
}
#content .box-findus p a {
  color: #000000;
  text-decoration: underline;
}
/* FACEBOOK et INSTAGRAM */
#content .box-facebook,
#content .box-instagram {
  /*&.formal.light .interface div {
    background-image: url("../images/pattern-light.png");
  }*/
}
#content .box-facebook:before,
#content .box-instagram:before {
  content: "";
  top: 0px;
  right: 5px;
  width: 34px;
  height: 34px;
  background-color: #3b5998;
  display: block;
  position: absolute;
  z-index: 500;
}
#content .box-facebook .box-inside:after,
#content .box-instagram .box-inside:after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #FFFFFF;
}
#content .box-facebook:after,
#content .box-instagram:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -220px -50px;
  content: "";
  top: 6px;
  right: 7px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-facebook img.spacer,
#content .box-instagram img.spacer {
  background-color: #3b5998;
}
#content .box-facebook .normal,
#content .box-instagram .normal {
  position: absolute;
  bottom: 22px;
  margin-right: 34px;
  z-index: 900;
}
#content .box-facebook .normal h3,
#content .box-instagram .normal h3 {
  font-size: 2em;
  line-height: 1em;
  margin: 0px;
  font-family: TheSansCd700UNIGE;
  text-transform: uppercase;
  font-weight: normal;
}
#content .box-facebook p,
#content .box-instagram p {
  margin: 0px;
  font-family: TheSansCd300UNIGE;
  font-size: 1.7em;
  line-height: 1em;
}
/* INSTAGRAM */
#content .box-instagram:before {
  background-color: #39688f;
}
#content .box-instagram:after {
  background-position: -280px -50px;
}
#content .box-instagram img.spacer {
  background-color: #39688f;
}
/* TWITTER */
#content .box-twitter:before {
  content: "";
  top: 0px;
  right: 5px;
  width: 34px;
  height: 34px;
  background-color: #00aced;
  display: block;
  position: absolute;
  z-index: 500;
}
#content .box-twitter .box-inside:after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #00aced;
}
#content .box-twitter.formal .interface div {
  background-image: none;
}
#content .box-twitter:after {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -250px -50px;
  content: "";
  top: 6px;
  right: 7px;
  position: absolute;
  display: block;
  width: 30px;
  height: 25px;
  z-index: 501;
}
#content .box-twitter img.spacer {
  background-color: #FFFFFF;
}
#content .box-twitter .normal {
  position: absolute;
  padding-top: 22px;
  top: 0px;
  height: 100%;
  margin-right: 34px;
  z-index: 900;
}
#content .box-twitter p {
  margin: 0px;
  font-family: TheSansCd700UNIGE;
  font-size: 1.6em;
  line-height: 1.1em;
  text-transform: uppercase;
}
#content .box-twitter a {
  color: #00aced;
}
#content .box-twitter a.author {
  position: absolute;
  bottom: 22px;
  font-family: TheSansCd300UNIGE;
  font-size: 1.6em;
}
/* BOX ACCOUNT */
#content .box-account .spacer {
  background-color: #222222;
}
#content .box-account h2 {
  padding-top: 30px;
  font-size: 2em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
#content .box-account p {
  color: #888888;
  font-family: TheSansCd300UNIGE;
  font-size: 1.5em;
  line-height: 1em;
}
#content .box-account .box-inside:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  background-image: url(../images/my-account.png);
  background-size: 65px 55px;
  width: 65px;
  height: 55px;
  display: block;
}
#content .box-account a.arrow {
  font-size: 1.7em;
  font-family: TheSansCd300UNIGE;
  text-transform: uppercase;
  padding: 0 0 0 10px;
  margin: 5px 0 0 0;
  position: relative;
  display: block;
}
#content .box-account a.arrow:before {
  content: ">";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 5px;
  height: 10px;
  color: #cf0063;
}
#content .box-account.formal.light > .interface > div {
  background-image: none;
}
/* BOX FAQ*/
#content .box-faq .spacer {
  background-color: #000000;
}
#content .box-faq h2 {
  padding-top: 4px;
  padding-right: 50px;
  font-size: 2em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
#content .box-faq p {
  color: #888888;
  font-family: TheSansCd300UNIGE;
  font-size: 1.5em;
  line-height: 1em;
}
#content .box-faq .box-inside:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  background-image: url(../images/faq.png);
  background-size: 67px 50px;
  width: 67px;
  height: 50px;
  display: block;
}
#content .box-faq.formal.light > .interface > div {
  background-image: none;
}
/* BOX CONTACT */
#content .box-contact .spacer {
  background-color: #000000;
}
#content .box-contact h2 {
  padding-top: 4px;
  padding-right: 50px;
  font-size: 2em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
#content .box-contact p {
  color: #888888;
  font-family: TheSansCd300UNIGE;
  font-size: 1.4em;
  line-height: 1em;
}
#content .box-contact p span {
  color: #ffffff;
  font-size: 1.5em;
  line-height: 1.4em;
  display: block;
}
#content .box-contact .box-inside {
  padding: 15px 62px 15px 20px;
}
#content .box-contact .box-inside:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  background-image: url(../images/contact.png);
  background-repeat: no-repeat;
  background-size: 48px 88px;
  width: 48px;
  height: 88px;
  display: block;
}
#content .box-contact.formal.light > .interface > div {
  background-image: none;
}
/* BOX IDEAS*/
#content .box-ideas .spacer,
#content .box-newsletter .spacer {
  background-color: #000000;
}
#content .box-ideas h2,
#content .box-newsletter h2 {
  padding-top: 4px;
  padding-right: 50px;
  font-size: 2em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
#content .box-ideas p,
#content .box-newsletter p,
#content .box-ideas label,
#content .box-newsletter label {
  color: #888888;
  font-family: TheSansCd300UNIGE;
  font-size: 1.5em;
  line-height: 1em;
}
#content .box-ideas textarea,
#content .box-newsletter textarea,
#content .box-ideas input[type=email],
#content .box-newsletter input[type=email] {
  width: 100%;
  background-color: #222222;
  border: 1px solid #505050;
  color: #ffffff;
  font-size: 1.2em;
  padding: 4px;
  font-family: TheSansCd300UNIGE;
}
#content .box-ideas .send,
#content .box-newsletter .send {
  color: #cf0063;
  text-transform: uppercase;
  font-size: 1.4em;
  float: right;
  font-family: TheSansCd700UNIGE;
  margin-top: 5px;
  background-color: transparent;
  border: 0px;
}
#content .box-ideas .send:before,
#content .box-newsletter .send:before {
  content: ">";
  margin-right: 2px;
}
#content .box-ideas .send:hover,
#content .box-newsletter .send:hover {
  color: #ffffff;
}
#content .box-ideas .send:hover:hover,
#content .box-newsletter .send:hover:hover {
  color: #ffffff;
}
#content .box-ideas .box-inside:before,
#content .box-newsletter .box-inside:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  background-image: url(../images/ideas.png);
  background-size: 67px 50px;
  width: 67px;
  height: 50px;
  display: block;
}
#content .box-ideas.formal.light > .interface > div,
#content .box-newsletter.formal.light > .interface > div {
  background-image: none;
}
#content .box-ideas.formal .interface,
#content .box-newsletter.formal .interface {
  z-index: inherit;
}
#content .box-newsletter .box-inside:before {
  background-image: none;
}
/* FOOTER LINKS */
#content .footer-links {
  margin: 10px auto 0 auto;
  display: block;
  width: 435px;
}
#content .footer-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .footer-links ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin: 0 8px;
}
#content .footer-links ul li a {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-repeat: no-repeat;
  width: 30px;
  height: 25px;
  display: block;
  text-align: center;
}
#content .footer-links ul li a.testimonial {
  background-position: -10px 0;
}
#content .footer-links ul li a.testimonial:hover {
  background-position: -10px -25px;
}
#content .footer-links ul li a.interview {
  background-position: -40px 0;
}
#content .footer-links ul li a.interview:hover {
  background-position: -40px -25px;
}
#content .footer-links ul li a.agenda {
  background-position: -70px 0;
}
#content .footer-links ul li a.agenda:hover {
  background-position: -70px -25px;
}
#content .footer-links ul li a.sondage {
  background-position: -100px 0;
}
#content .footer-links ul li a.sondage:hover {
  background-position: -100px -25px;
}
#content .footer-links ul li a.contact {
  background-position: -130px 0;
}
#content .footer-links ul li a.contact:hover {
  background-position: -130px -25px;
}
#content .footer-links ul li a.articles {
  background-position: -160px 0;
}
#content .footer-links ul li a.articles:hover {
  background-position: -160px -25px;
}
#content .footer-links ul li a.facebook {
  background-position: -220px 0;
}
#content .footer-links ul li a.facebook:hover {
  background-position: -220px -25px;
}
#content .footer-links ul li a.twitter {
  background-position: -250px 0;
}
#content .footer-links ul li a.twitter:hover {
  background-position: -250px -25px;
}
#content .footer-links ul li a.instagram {
  background-position: -280px 0;
}
#content .footer-links ul li a.instagram:hover {
  background-position: -280px -25px;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.bottom {
  margin-top: 2px;
  padding: 5px 0;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #008a95;
  font-family: TheSansCd300UNIGE;
  font-size: 1.2em;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #008a95;
}
.load-more {
  text-align: center;
  text-transform: uppercase;
}
.load-more a {
  color: #cf0063;
  font-size: 1.5em;
  text-decoration: underline !important;
  font-family: TheSansCd700UNIGE;
}
/* PAGE ACTUALITES */
#content .header h1 {
  background-color: #cf0063;
  font-size: 2.1em;
  line-height: 1em;
  font-family: TheSansCd300UNIGE;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 15px 15px;
  margin: 0px 5px;
}
#content .row .header {
  padding-bottom: 0px;
}
#content .header-simple .title {
  background-color: #cf0063;
  font-size: 1.5em;
  line-height: 1em;
  font-family: TheSansCd300UNIGE;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 5px 15px;
}
#unige-theme .filters .content-filters {
  border: 1px solid #cf0063;
  display: table;
  width: 100%;
}
#unige-theme .filters .title {
  text-transform: uppercase;
  text-align: left;
  padding-left: 16px;
  font-family: TheSansCd700UNIGE;
}
#unige-theme .filters ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: table-row;
}
#unige-theme .filters ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table-cell;
  font-size: 1.4em;
  line-height: 2.5em;
  text-align: center;
  position: relative;
}
#unige-theme .filters ul.type {
  background-color: #cf0063;
}
#unige-theme .filters ul.type li,
#unige-theme .filters ul.type a {
  color: #ffffff;
}
#unige-theme .filters ul.type a.active {
  color: #000000;
}
#unige-theme .filters ul.type a.active:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 46%;
}
#unige-theme .filters ul.type a:hover {
  color: #000000;
}
#unige-theme .filters ul.type a:hover:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 46%;
}
#unige-theme .filters ul.category {
  display: none;
}
#unige-theme .filters ul.category a,
#unige-theme .filters ul.category li {
  color: #cf0063;
}
#unige-theme .filters ul.category a.active,
#unige-theme .filters ul.category a:hover {
  color: #000000;
}
#unige-theme .filters.active ul.category {
  display: table-row;
}
/* PAGE SPORTS */
#content .totem h3 {
  font-size: 1.6em;
  font-family: TheSansUNIGELight;
  text-transform: uppercase;
  line-height: 1.1em;
  font-weight: normal;
  height: 50px;
  margin-bottom: 10px;
  z-index: 900;
  position: relative;
}
#content .totem p {
  font-size: 1.2em;
  /*min-height: 100px;*/
  padding-top: 10px;
  margin-bottom: 10px;
  z-index: 900;
  position: relative;
}
#content .totem .box-inside {
  padding: 15px 25px;
}
#content .totem.pink-dark .spacer {
  background-color: #5c002c;
}
#content .totem.pink-dark ul.links li a:hover {
  color: #1de9b6 !important;
  background-color: inherit;
}
#content .totem.pink-dark ul.links li a:hover:before {
  color: #1de9b6;
}
#content .totem.pink-medium .spacer {
  background-color: #930047;
}
#content .totem.pink-medium ul.links li a:hover {
  color: #1de9b6 !important;
  background-color: inherit;
}
#content .totem.pink-medium ul.links li a:hover:before {
  color: #1de9b6;
}
#content .totem.pink-light .spacer {
  background-color: #cf0063;
}
#content .totem.pink-light ul.links li a:hover {
  color: #1de9b6 !important;
  background-color: inherit;
}
#content .totem.pink-light ul.links li a:hover:before {
  color: #1de9b6;
}
#content .totem.grey .spacer {
  background-color: #666666;
}
#content .totem.grey ul.links li a:hover {
  color: #1de9b6 !important;
  background-color: inherit;
}
#content .totem.grey ul.links li a:hover:before {
  color: #1de9b6;
}
#content .totem ul.links {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 900;
  position: relative;
}
#content .totem ul.links li {
  position: relative;
  padding: 0 0 0 10px;
  margin-bottom: 12px;
  font-size: 1.3em;
  line-height: 1.2em;
}
#content .totem ul.links li a {
  /*text-transform: uppercase;*/
  color: #ffffff !important;
  font-family: TheSansUNIGEBold;
}
#content .totem ul.links li a:before {
  content: ">";
  font-family: TheSansUNIGELight;
  position: absolute;
  left: 0px;
  top: 0px;
}
#content img.img-mobile {
  display: none ;
}
#content .row > div.sport {
  height: 100%;
  padding: 0px 5px;
}
#content .row > div.sport > .row > div.box-img {
  padding-right: 0px;
}
#content .row > div.sport > .row > div.box-img .interface {
  padding: 0px 0px 10px 5px;
}
#content .row > div.sport > .row > div.box-img.light .spacer {
  background-color: #cf0063;
}
#content .row > div.sport > .row > div.box-img.light .normal h3:after {
  border-bottom: 20px solid #fbeef4;
}
#content .row > div.sport > .row > div.box-img.dark .spacer {
  background-color: #5c002c;
}
#content .row > div.sport > .row > div.box-img.dark .normal h3:after {
  border-bottom: 20px solid #eee3e8;
}
#content .row > div.sport > .row > div.box-img.grey-light .spacer {
  background-color: #dbdbdb;
}
#content .row > div.sport > .row > div.box-img.grey-light .normal h3:after {
  border-bottom: 20px solid #e8e8e8;
}
#content .row > div.sport > .row > div.box-img.grey-dark .spacer {
  background-color: #585858;
}
#content .row > div.sport > .row > div.box-img.grey-dark .normal h3:after {
  border-bottom: 20px solid #ececec;
}
#content .row > div.sport > .row > div.box-img .img-box {
  padding: 0px 0px 10px 5px;
  height: 100%;
}
#content .row > div.sport > .row > div.box-img .normal {
  z-index: 999;
  position: relative;
}
#content .row > div.sport > .row > div.box-img .normal h3 {
  text-transform: uppercase;
  position: absolute;
  top: 120px;
  right: 12px;
  font-size: 1.6em;
  line-height: 1em;
  font-family: TheSansCd700UNIGE;
  font-weight: normal;
  text-align: right;
  margin: 0px;
  color: #ffffff;
}
#content .row > div.sport > .row > div.box-img .normal h3:after {
  content: "";
  width: 0;
  height: 0;
  border-right: 0px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #f8f8f8;
  border-top: 0px solid transparent;
  position: absolute;
  right: -32px;
  top: -2px;
}
#content .row > div.sport > .row > div.box-txt {
  padding-left: 0px;
}
#content .row > div.sport > .row > div.box-txt.light .spacer {
  background-color: #fbeef4;
}
#content .row > div.sport > .row > div.box-txt.dark .spacer {
  background-color: #eee3e8;
}
#content .row > div.sport > .row > div.box-txt.grey-light .spacer {
  background-color: #e8e8e8;
}
#content .row > div.sport > .row > div.box-txt.grey-dark .spacer {
  background-color: #ececec;
}
#content .row > div.sport > .row > div.box-txt ul.links {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 900;
  position: relative;
}
#content .row > div.sport > .row > div.box-txt ul.links li {
  position: relative;
  padding: 0 0 0 10px;
  font-size: 1.3em;
  line-height: 1em;
  height: 35px;
  display: none;
}
#content .row > div.sport > .row > div.box-txt ul.links li:nth-child(-n+4),
#content .row > div.sport > .row > div.box-txt ul.links li:last-child {
  display: block;
}
#content .row > div.sport > .row > div.box-txt ul.links li a {
  text-transform: uppercase;
  color: #5c002c;
  font-family: TheSansCd700UNIGE;
}
#content .row > div.sport > .row > div.box-txt ul.links li a:before {
  content: ">";
  position: absolute;
  left: 0px;
  top: 0px;
}
#content .row > div.sport > .row > div.box-txt ul.links li a.open {
  color: #cf0063;
}
#content .row > div.sport > .row > div.box-txt ul.links li a:hover {
  color: #cf0063;
}
#content .row > div.sport.open > .row > div.box-txt .spacer {
  background-color: inherit;
}
#content .row > div.sport.open > .row > div.box-txt .box-inside {
  overflow: auto;
  height: auto;
  z-index: 999;
  background-color: #ffffff;
  margin-right: 5px;
  width: calc(100% - 5px);
}
#content .row > div.sport.open > .row > div.box-txt ul.links li {
  display: block !important;
}
#content .row > div.sport.open > .row > div.box-txt ul.links li a.open:before {
  content: "x";
}
#content .row > div.sport.open > .row > div.box-img .normal h3:after {
  border-bottom: 20px solid #ffffff;
}
/* ACTUALITES */
#content .header-actus .title {
  background-color: #008a95;
  padding-left: 45px;
}
#content .header-actus .title:before {
  content: "";
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -160px -50px;
  position: absolute;
  top: 12px;
  left: 15px;
  display: block;
  height: 25px;
  width: 30px;
}
#content .header-simple.header-actus .title {
  padding-left: 15px;
}
#content .header-simple.header-actus .title:before {
  display: none;
}
#content .actus-infos {
  padding: 15px 20px 25px 20px !important;
  height: 249px;
  overflow: hidden;
}
#content .actus-infos .category {
  font-family: TheSansCd300UNIGE;
  font-size: 1.6em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: black;
  margin: 0px;
  margin-bottom: .2em;
}
#content .actus-infos .teaser {
  font-family: TheSansCd700UNIGE;
  font-size: 2.2em;
  line-height: 1em;
  margin: 0px;
  color: #585858;
}
#content .actus-infos .date {
  font-size: 1.5em;
  line-height: 1em;
  font-family: TheSansCd300UNIGE;
  color: #000000;
  margin-top: 15px;
  display: block;
}
#content .gallery:after {
  border-color: transparent transparent #f8f8f8;
  border-style: solid;
  border-width: 0 0 25px 25px;
  bottom: 10px;
  content: "";
  height: 0;
  position: absolute;
  right: 5px;
  width: 0;
  z-index: 501;
}
#content .gallery a {
  /*
    position: absolute;
    top: 15px;
    right: 30px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.4em;
    font-family: @varFontCDLight;
    padding-left: 30px;
    padding-right: 10px;
    z-index:501;

    &:before {
      content: "";
      position: absolute;
      left: 0px;
      top: 1px;
      .ui();
      background-position: -310px -50px;
      display: block;
      height: 25px;
      width: 30px;
    }

    &:after {
      content:">";
      position: absolute;
      right: 0px;
      color: #ffffff;
      top: 0px;
    }

    &:hover {
      color: @varBlueLight;
      &:before {
        background-position: -310px -25px;
      }
      &:after {
        color: @varBlueLight;
      }
    }
    */
}
#content .gallery .credit {
  position: absolute;
  right: 30px;
  bottom: 40px;
  color: #ffffff;
  font-size: 1.4em;
  font-family: TheSansCd300UNIGE;
  z-index: 501;
  display: block;
}
/*** BOX-IN_CALENDAR ***/
#content .box-in_calendar .interface img {
  position: relative;
  max-width: none;
  opacity: .6;
}
#content .box-in_calendar .normal p {
  font-size: 1.2em;
  color: #cf0063;
}
#content .box-in_calendar .normal h3 {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 1.5em;
  line-height: 1em;
  font-family: TheSansCd700UNIGE;
  font-weight: normal;
}
#content .box-in_calendar .normal ul {
  padding: 0em;
}
#content .box-in_calendar .normal li {
  list-style: none;
  margin-bottom: 5px;
  font-size: 1.2em;
}
#content .box-in_calendar .spacer {
  color: #585858;
  background-color: #eeeeee;
  border: 1px solid #d1d3d4;
  opacity: .6;
}
#content .box-in_calendar .box-inside img {
  width: auto;
  height: auto;
  max-width: none;
}
#content .box-fullwidth .box-content {
  z-index: 999;
  background-color: #ffffff;
  border-top: 1px solid #cf0063;
  border-bottom: 1px solid #cf0063;
  float: right !important;
  padding: 15px 30px !important;
}
#content .box-fullwidth .box-content p.question {
  font-family: TheSansUNIGEBold;
  color: black;
  margin-top: 2em;
}
#content .box-fullwidth .box-content span.host,
#content .box-fullwidth .box-content span.guest {
  font-family: TheSansUNIGEBold;
}
#content .box-fullwidth .box-content.left {
  float: left !important;
  margin: 0px;
}
#content .box-fullwidth .box-content blockquote {
  font-family: TheSansCd500Italic;
  font-size: 22px;
  /*font-style: italic; //change this to real italic*/
  margin-left: 20px;
  padding-left: 10px;
  border-left: solid 1px;
}
#content .box-fullwidth .box-content blockquote * em {
  font-family: TheSansCd500UNIGE;
  font-style: normal;
}
#content .box-fullwidth .box-content blockquote p {
  font-size: 22px;
}
#content .box-fullwidth .box-content blockquote ul li {
  font-size: 22px;
}
#content .box-fullwidth .box-content blockquote p.footer {
  font-family: TheSansCd300UNIGE;
  font-size: .7em;
  font-style: normal;
  text-align: right;
}
#content .box-fullwidth .box-content blockquote.abstract {
  font-family: TheSansCd500UNIGE;
  font-size: 1.6em;
  font-style: normal;
  margin-left: 0px;
  padding-left: 0px;
  border-left: none;
}
#content .box-fullwidth .box-content blockquote.headline {
  font-family: TheSansCd500UNIGE;
  font-size: 1.6em;
  font-style: normal;
  margin-left: 0px;
  padding-left: 0px;
  border-left: none;
  margin-bottom: .6em;
}
#content .box-fullwidth .box-content h2 {
  margin: 20px 0 10px 0;
  text-transform: uppercase;
  font-size: 1.6em;
  line-height: 1.1em;
  color: black;
  font-family: TheSansCd700UNIGE;
  font-weight: normal;
}
#content .box-fullwidth .box-content h3,
#content .box-fullwidth .box-content dl dt {
  margin: 20px 0 10px 0;
  font-size: 1.6em;
  line-height: 1.1em;
  color: #888888;
  font-family: TheSansCd700UNIGE;
  font-weight: normal;
}
#content .box-fullwidth .box-content dl dt {
  font-family: TheSansCd300UNIGE;
  margin-bottom: 0px;
  color: #909090;
}
#content .box-fullwidth .box-content ul,
#content .box-fullwidth .box-content dl,
#content .box-fullwidth .box-content dl dd ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .box-fullwidth .box-content ol {
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
#content .box-fullwidth .box-content ul li,
#content .box-fullwidth .box-content ul li ul li,
#content .box-fullwidth .box-content ol li ul li,
#content .box-fullwidth .box-content dl dd,
#content .box-fullwidth .box-content dl dd ul li {
  font-size: 1.3em;
  padding: 0 0 5px 20px;
  display: block;
  position: relative;
}
#content .box-fullwidth .box-content dl dd ol {
  padding-left: 0px;
}
#content .box-fullwidth .box-content ul {
  margin-bottom: 10px;
}
#content .box-fullwidth .box-content ul li ul li,
#content .box-fullwidth .box-content ol li ul li,
#content .box-fullwidth .box-content dl dd ul li,
#content .box-fullwidth .box-content dl dd ol li {
  font-size: 1.0em;
}
#content .box-fullwidth .box-content ol li {
  font-size: 1.3em;
  padding: 0 0 5px 5px;
}
#content .box-fullwidth .box-content ul li:before,
#content .box-fullwidth .box-content ul li ul li:before {
  color: #cf0063;
  font-size: 1em;
  content: "●";
  position: absolute;
  top: 0px;
  left: 2px;
}
#content .box-fullwidth .box-content ul li ul li:before,
#content .box-fullwidth .box-content ol li ul li:before {
  content: "○";
}
#content .box-fullwidth .box-content ol li:before {
  text-transform: uppercase;
  color: #cf0063;
}
#content .box-fullwidth .box-content ul.list-group-custom li.list-group-item {
  font-size: 16px;
  border-width: 0px 0px 1px 0px;
  border-radius: 0px;
  margin-top: 10px;
  padding: 0px 0px 5px 0px;
}
#content .box-fullwidth .box-content ul.list-group-custom li.subitem {
  color: #888888;
  padding: 0px 0px 5px 20px;
}
#content .box-fullwidth .box-content ul.list-group-custom .badge {
  font-family: TheSansCd300UNIGE;
  font-size: 14px;
  color: inherit;
  background: none;
  border-radius: 0px;
}
#content .box-fullwidth .box-content ul.list-group-custom li:before {
  content: none;
}
#content .box-fullwidth .box-content a {
  color: #cf0063;
  text-decoration: underline;
}
#content .box-fullwidth.actus .box-content {
  border-top: 1px solid #008a95;
  border-bottom: 1px solid #008a95;
}
#content .box-fullwidth.actus ul li:before,
#content .box-fullwidth.actus ol li:before,
#content .box-fullwidth.actus ul li ul li:before {
  color: #008a95;
}
#content .box-fullwidth .panel-body p {
  font-size: 1em;
}
#content .formal.box-fullwidth .interface div {
  background-image: url("../images/pattern-pink.png");
  border-bottom: 1px solid #cf0063;
  border-top: 1px solid #cf0063;
  opacity: 1;
}
#content .formal.box-fullwidth.actus .interface div {
  background-image: url("../images/pattern-blue.png");
  border-top: 1px solid #008a95;
  border-bottom: 1px solid #008a95;
  opacity: 1;
}
#content .informal.box-fullwidth .interface:after,
#content .informal.box-fullwidth .interface:before {
  display: none;
}
#content .informal.box-fullwidth .interface div {
  background-image: url("../images/pattern-bubble-pink.png");
  background-size: 206px 692px;
  background-color: #ffffff;
  z-index: 999;
  border-top: 1px solid #cf0063;
  border-bottom: 1px solid #cf0063;
  opacity: 1 !important;
  height: 100%;
  width: 100%;
}
#content .informal.box-fullwidth.actus .interface div {
  background-image: url("../images/pattern-bubble-blue.png");
  border-top: 1px solid #008a95;
  border-bottom: 1px solid #008a95;
}
#content .link-back {
  width: 50%;
  float: left;
  font-size: 1.4em;
  line-height: 2.2em;
  text-transform: uppercase;
  color: #000000 !important;
  font-family: TheSansCd700UNIGE;
}
#content .share {
  float: right;
  width: 50%;
  text-align: right;
  height: 28px;
  vertical-align: middle;
}
#content .share p {
  font-size: 1.4em;
  line-height: 1em;
  text-transform: uppercase;
  color: #000000;
  text-align: right;
  display: inline-block;
  font-family: TheSansCd700UNIGE;
  margin: -20px 0 0 0;
  vertical-align: middle;
}
#content .share a {
  background-color: #505050;
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-left: 5px;
}
#content .share a.fb {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -221px -47px;
}
#content .share a.twitter {
  background-image: url(../images/ui.png);
  background-size: 400px 250px;
  background-position: -251px -46px;
}
#content .share a:hover {
  background-color: #008a95;
}
#content .topics p,
#content .topics select {
  float: left;
  margin-top: 7px;
  font-size: 1.3em;
}
#content .topics p {
  padding-right: 10px;
  color: #505050;
  font-family: TheSansCd700UNIGE;
  margin-bottom: 0px;
}
#content .search {
  float: right;
  position: relative;
}
#content .search input {
  border: 0px;
  background-color: #ffffff;
  padding: 8px 5px 5px 40px;
  height: 30px;
  width: 250px;
  font-size: 1.3em;
}
#content .search .button {
  background-image: url("../images/search.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0px;
  background-color: #ffffff;
  padding: 5px;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#content .box-fullwidth .box-content .row-downloads {
  width: 100%;
  display: table-row;
  font-family: TheSansCd300UNIGE;
}
#content .box-fullwidth .box-content .row-downloads .icon,
#content .box-fullwidth .box-content .row-downloads .content,
#content .box-fullwidth .box-content .row-downloads .link {
  display: table-cell;
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 0px;
}
#content .box-fullwidth .box-content .row-downloads .icon {
  width: 45px;
  /*background-image: url("../images/pdf.png");*/
  background-size: 28px 31px;
  background-repeat: no-repeat;
  background-position: center 17px;
  color: #888888;
}
#content .box-fullwidth .box-content .row-downloads .content {
  padding: 15px 25px 15px 10px;
}
#content .box-fullwidth .box-content .row-downloads .content .title {
  font-size: 1.7em;
  line-height: 1.2em;
  margin: 0px;
  text-transform: uppercase;
  color: #000000;
}
#content .box-fullwidth .box-content .row-downloads .content .spec {
  color: #cf0063;
}
#content .box-fullwidth .box-content .row-downloads .link a {
  background-color: #cf0063;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 1.4em;
  font-family: TheSansCd300UNIGE;
  padding: 5px 10px;
  height: 30px;
  vertical-align: top;
}
#content .box-fullwidth .box-content .row-downloads .link a:hover {
  background-color: #ffffff;
  color: #cf0063 !important;
}
#content .box-content .social_network ol.alpha {
  list-style: lower-alpha;
}
#content .box-content .social_network ol.roman {
  list-style: lower-roman;
}
#content .box-content .social_network .def {
  color: #159c00;
}
#content .box-content .social_network .face {
  color: #0c62e4;
}
#content .box-content .social_network .twit {
  color: #53abee;
}
/* TABS */
#content .tab {
  width: 100%;
}
#content .tab .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
#content .tab .tabs .cell {
  float: left;
  border-top: 1px solid #cf0063;
  border-bottom: 1px solid #cf0063;
  text-align: center;
  position: relative;
  margin-bottom: 1em;
}
#content .tab .tabs .cell a {
  color: #cf0063;
  font-family: TheSansCd700UNIGE;
  font-size: 1.4em;
  text-transform: uppercase;
  padding: 10px 0;
  display: block;
}
#content .tab .tabs .cell.active,
#content .tab .tabs .cell:hover {
  background-color: #cf0063;
}
#content .tab .tabs .cell.active a,
#content .tab .tabs .cell:hover a {
  color: #FFFFFF;
}
#content .tab .tabs .cell.active:after {
  content: "";
  position: absolute;
  left: 49%;
  bottom: -10px;
  z-index: 500;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #cf0063;
}
#content .tab .tabs.tabs-2 > li {
  width: 50%;
}
#content .tab .tabs.tabs-3 > li {
  width: 33.3%;
}
#content .tab .tabs.tabs-4 > li {
  width: 25%;
}
#content .tab .tabs.tabs-5 > li {
  width: 20%;
}
#content .tab .tabs.tabs-6 > li {
  width: 16.6%;
}
#content .tab .tabs.tabs-7 > li {
  width: 14.28%;
}
#content .tab .tabs.tabs-8 > li {
  width: 12.5%;
}
#content .tab .tab-container {
  background-color: #f8f8f8;
  width: 100%;
  display: block;
}
#content .tab .tab-container .box-content {
  margin: 0px 0px 10px 0px;
}
#content .tab .tab-container .header-simple {
  padding-bottom: 10px;
}
#content .tab .tab-container a:hover {
  color: #1de9b6;
}
#content .tab .tab-container .box {
  padding-bottom: 10px;
}
#content .tab .tab-container .box .dark .box-inside {
  color: white;
}
#content .tab .tab-container .tab-content {
  display: none;
}
#content .tab .tab-container .tab-content.active {
  display: block;
}
#content .tab .box-content {
  padding: 30px 0px;
  margin: 0px 20px;
  /*
    h3 {
      color: #000000;
      font-family: TheSansCd700UNIGE;
      font-size: 1.6em;
      font-weight: normal;
      margin: 0px 0 5px;
      text-transform: uppercase;
    }
    */
}
#content .schedule {
  border-bottom: 1px solid #cf0063;
  margin-bottom: 20px;
}
#content .schedule .title {
  background-color: #f8f8f8;
  color: #cf0063;
  display: block;
  font-family: TheSansCd700UNIGE;
  font-size: 1.5em;
  padding: 5px 8px;
  position: relative;
}
#content .schedule .title:after {
  border-color: transparent transparent #ffffff;
  border-style: solid;
  border-width: 0 0 15px 15px;
  bottom: 0px;
  content: "";
  height: 0;
  position: absolute;
  right: 0px;
  width: 0;
  z-index: 501;
}
#content .schedule p {
  padding: 5px 8px;
  font-size: 1.1em;
}
#content .timetable {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 0px 25px 10px 25px;
}
#content .timetable .row-timetable {
  display: table-row;
}
#content .timetable .row-timetable.header .cell {
  background-color: #cf0063;
  color: #ffffff;
  font-size: 1.6em;
  font-family: TheSansCd300UNIGE;
}
#content .timetable .row-timetable .cell {
  display: table-cell;
  color: #000000;
  font-size: 1.3em;
  padding: 5px 10px;
  border-left: 2px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-family: TheSansCd300UNIGE;
}
#content .timetable .row-timetable .cell.content {
  background-color: #ffffff;
}
#content .timetable .row-timetable:nth-child(even) {
  background: #e6e7e8;
}
#content .timetable .row-timetable:nth-child(odd) {
  background: #f0f1f1;
}
/* person */
#content .box-person .box-fullwidth .box-content .interface div {
  border-bottom: 0px;
}
#content .box-person img {
  margin-left: 50px;
  margin-top: 25px;
}
#content .box-person .personalita {
  font-size: 1.5em;
  font-family: TheSansUNIGEExtraBold;
}
#content .box-person .personalita .lastname {
  text-transform: uppercase;
}
#content .box-person .personalita .position {
  font-family: TheSansUNIGELight;
}
/* FAQ */
#content .box-fullwidth .box-content ul.faq {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .box-fullwidth .box-content ul.faq li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  padding: 0 0 0 20px;
}
#content .box-fullwidth .box-content ul.faq li:before {
  content: "";
  display: none;
}
#content .box-fullwidth .box-content ul.faq li a {
  text-decoration: none;
  color: #cf0063;
}
#content .box-fullwidth .box-content ul.faq li a:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #cf0063;
  position: absolute;
  left: 2px;
  top: 2px;
}
#content .box-fullwidth .box-content ul.faq li a.collapsed {
  color: #888888;
}
#content .box-fullwidth .box-content ul.faq li a.collapsed:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 0px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #cf0063;
  border-top: 0px solid transparent;
  position: absolute;
  left: 0px;
  top: 2px;
}
#content .box-fullwidth .box-content ul.faq li a.collapsed:hover {
  color: #cf0063;
}
#content .box-fullwidth .box-content ul.faq li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .box-fullwidth .box-content ul.faq li ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #000000;
  font-size: 1em;
  position: relative;
}
#content .box-fullwidth .box-content ul.faq li ul li a:before {
  /*
            color: #000000;
            content: "●";
            font-size: 1em;
            left: 2px;
            position: absolute;
            top: 0;
            border: 0px;
            */
}
#content .box-fullwidth .box-content ul.faq li ul li a.collapsed {
  color: #000000;
}
#content .box-fullwidth .box-content ul.faq li ul li a.collapsed:before {
  border: 0px;
  color: #000000;
  content: "●";
  font-size: 1em;
  left: 2px;
  position: absolute;
  top: 0;
}
#content .box-fullwidth .box-content ul.faq li ul li .panel-collapse {
  padding-left: 20px;
  color: #888888;
}
#content .box-fullwidth .box-content ul.faq li .panel-body ul li,
#content .box-fullwidth .box-content ul.faq li .panel-body ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
  color: #888888;
  display: list-item;
  margin: 0 0 5px 20px;
}
#content .box-fullwidth .box-content ul.faq li .panel-body ul li a,
#content .box-fullwidth .box-content ul.faq li .panel-body ol li a {
  color: inherit;
}
#content .box-fullwidth .box-content ul.faq li .panel-body ul li a:before,
#content .box-fullwidth .box-content ul.faq li .panel-body ol li a:before {
  content: none;
}
#content .box-fullwidth .box-content ul.faq li .panel-body ul li {
  list-style: disc;
}
#content .box-fullwidth .box-content ul.faq li .panel-body ol li {
  list-style: decimal;
}
#content .box-fullwidth .box-content ul.faq li dl dt {
  font-size: 1em;
  margin-top: 5px;
}
#content .box-fullwidth .box-content ul.faq li dl dt a {
  color: inherit;
}
#content .box-fullwidth .box-content ul.faq li dl dt a:before {
  content: none;
}
#content .box-fullwidth .box-content ul.faq li dl dd {
  font-size: 1em;
}
#content .box-fullwidth .box-content ul.faq li dl dd a {
  color: inherit;
}
#content .box-fullwidth .box-content ul.faq li dl dd a:before {
  content: none;
}
#content .box-fullwidth .box-content ul.faq .collapse {
  display: none;
}
#content .box-fullwidth .box-content ul.faq .collapse.in {
  display: block;
}
/* PROCESS */
#content .process {
  background-color: #ffffff;
  margin: 10px 0px;
}
#content .process.border {
  border-top: 1px solid #cf0063;
}
#content .process > div {
  padding: 15px 30px !important;
}
#content .process h3 {
  color: #000000;
  font-family: TheSansCd700UNIGE;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.1em;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
#content .process p {
  margin: 10px 0 0 0;
}
#content .process-navig .back,
#content .process-navig .next {
  color: #cf0063;
  text-transform: uppercase;
  background-image: none;
  font-size: 1.7em;
  font-family: TheSansCd300UNIGE;
  padding: 0 30px;
}
#content .process-navig .next {
  float: right;
}
#content .process-navig .validate {
  float: right;
  background-color: #cf0063;
  color: #ffffff;
  font-family: TheSansCd300UNIGE;
  font-size: 1.7em;
  height: 35px;
  padding: 5px 10px;
  text-decoration: none;
  vertical-align: top;
  margin: 0 30px;
}
#content .process-navig .validate:hover {
  background-color: #ffffff;
  color: #cf0063;
}
#content .profile ::placeholder,
.modal .profile ::placeholder {
  color: #dbdbdb;
}
#content .profile h3,
.modal .profile h3 {
  font-family: TheSansUNIGEBold;
  font-size: 1.5em;
  color: #cf0063;
  text-transform: uppercase;
  margin-bottom: 0em;
}
#content .profile ul,
.modal .profile ul {
  padding: 0em;
  list-style-type: none;
}
#content .profile .process-navig a,
.modal .profile .process-navig a {
  float: inherit;
  line-height: 2em;
  margin: 0px;
}
#content .profile input[type="submit"],
.modal .profile input[type="submit"] {
  font-family: TheSansUNIGEBold;
  font-size: 2em;
  text-transform: uppercase;
  color: white;
  background-color: #cf0063;
  border: 0px;
}
#content .profile label,
.modal .profile label {
  display: block;
}
#content .form-field,
.modal .form-field {
  position: relative;
}
#content .form-field.required:before,
.modal .form-field.required:before {
  content: "*";
  font-size: 2em;
  position: absolute;
  top: 0px;
  left: -13px;
  color: #cf0063;
  width: 5px;
  height: 5px;
  display: block;
}
#content .form-field input,
.modal .form-field input {
  border: 1px solid #d1d3d4;
  width: 100%;
  position: relative ;
  font-size: 1.2em;
  line-height: 1em;
  padding: 5px 15px;
  margin-bottom: 8px;
}
#content select,
.modal select {
  font-size: 1.3em;
}
#content .alert,
.modal .alert {
  font-size: 1.5em;
}
#content .alert h3,
.modal .alert h3 {
  font-size: 2em;
  margin-top: 0em;
}
#content .alert dl dt,
.modal .alert dl dt {
  font-family: TheSansUNIGEBold;
  margin-top: 10px;
}
#content .alert dl dd,
.modal .alert dl dd {
  margin-left: 10px;
}
#content .panel-title,
.modal .panel-title {
  font-size: 18px;
  font-variant: small-caps;
  margin-top: 0px;
}
#content .panel-title .badge,
.modal .panel-title .badge {
  font-family: monospace;
  float: right;
}
#content .panel-body p .legend,
.modal .panel-body p .legend {
  margin-right: 15px;
}
#content .listing li,
.modal .listing li {
  font-size: 14px;
  padding-bottom: 10px;
}
#content .listing li .badge,
.modal .listing li .badge {
  font-family: monospace;
  float: right;
}
#content .listing li a .nom + .titre,
.modal .listing li a .nom + .titre {
  margin-left: 15px;
}
#content .listing li a .sous-titre + .nom,
.modal .listing li a .sous-titre + .nom {
  margin-left: 15px;
}
#content .listing li a .titre,
.modal .listing li a .titre {
  font-family: TheSansUNIGEBold;
}
#content .listing li a .sous-titre,
.modal .listing li a .sous-titre {
  margin-left: 1em;
}
#content .listing li .nom,
.modal .listing li .nom {
  font-size: .8em;
  text-transform: uppercase;
  color: #585858;
}
#content .listing li .date,
.modal .listing li .date {
  font-family: monospace;
  display: inline;
  float: right;
}
#content .listing li .prest_date,
.modal .listing li .prest_date {
  font-family: monospace;
  margin-left: 2em;
}
#content .collapse-toggle:before,
.modal .collapse-toggle:before {
  content: "▼";
  float: left;
  color: #888888;
  width: 1.5em;
}
#content .collapse-toggle.collapsed:before,
.modal .collapse-toggle.collapsed:before {
  content: "▶";
}
#content #spinner,
.modal #spinner,
#content #listings-info,
.modal #listings-info,
#content #listings,
.modal #listings,
#content #alt_login,
.modal #alt_login {
  display: none;
}
#content #spinner,
.modal #spinner {
  text-align: center;
  margin-top: 5em;
}
.modal ul {
  padding: 0em;
  list-style-type: none;
}
.modal ul li label {
  margin-left: 5px;
}
/* STEPS */
[class*="steps"] {
  text-align: center;
}
[class*="steps"] [class*="groupe"] {
  width: 16%;
  display: inline-block;
  position: relative;
}
[class*="steps"] [class*="groupe"] [class*="number"] {
  position: absolute;
  top: 0px;
  left: 45%;
  background-color: #afb1b2;
  border-color: #afb1b2;
  color: #ffffff;
  font-size: 1.4em;
  line-height: 1.8em;
  width: 25px;
  height: 25px;
  display: inline-block;
  font-family: TheSansCd700UNIGE;
}
[class*="steps"] [class*="groupe"] [class*="step-title"] {
  font-size: 1.2em;
  padding-top: 30px;
  display: block;
}
[class*="steps"] [class*="groupe"]:after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 80%;
  border-bottom: 3px solid #afb1b2;
  width: 50%;
}
[class*="steps"] [class*="groupe"]:last-child:after {
  display: none;
}
[class*="steps"].step1 .groupe-1 .number {
  background-color: #ffffff;
  color: #cf0063;
  border: 1px solid #cf0063;
}
[class*="steps"].step1 .groupe-1 .step-title {
  color: #cf0063;
}
[class*="steps"].step2 .groupe-1 .number {
  background-color: #cf0063;
  color: #cf0063;
}
[class*="steps"].step2 .groupe-1 .number:before {
  content: "✓";
  color: #ffffff;
  font-size: 1.4em;
  position: absolute;
  top: 0px;
  left: 5px;
}
[class*="steps"].step2 .groupe-1 .step-title {
  color: #cf0063;
}
[class*="steps"].step2 .groupe-1:after {
  border-bottom: 3px solid #cf0063;
}
[class*="steps"].step2 .groupe-2 .number {
  background-color: #ffffff;
  color: #cf0063;
  border: 1px solid #cf0063;
}
[class*="steps"].step2 .groupe-2 .step-title {
  color: #cf0063;
}
[class*="steps"].step3 .groupe-1 .number,
[class*="steps"].step3 .groupe-2 .number {
  background-color: #cf0063;
  color: #cf0063;
}
[class*="steps"].step3 .groupe-1 .number:before,
[class*="steps"].step3 .groupe-2 .number:before {
  content: "✓";
  color: #ffffff;
  font-size: 1.4em;
  position: absolute;
  top: 0px;
  left: 5px;
}
[class*="steps"].step3 .groupe-1 .step-title,
[class*="steps"].step3 .groupe-2 .step-title {
  color: #cf0063;
}
[class*="steps"].step3 .groupe-1:after,
[class*="steps"].step3 .groupe-2:after {
  border-bottom: 3px solid #cf0063;
}
[class*="steps"].step3 .groupe-3 .number {
  background-color: #ffffff;
  color: #cf0063;
  border: 1px solid #cf0063;
}
[class*="steps"].step3 .groupe-3 .step-title {
  color: #cf0063;
}
[class*="steps"].step4 .groupe-1 .number,
[class*="steps"].step4 .groupe-2 .number,
[class*="steps"].step4 .groupe-3 .number {
  background-color: #cf0063;
  color: #cf0063;
}
[class*="steps"].step4 .groupe-1 .number:before,
[class*="steps"].step4 .groupe-2 .number:before,
[class*="steps"].step4 .groupe-3 .number:before {
  content: "✓";
  color: #ffffff;
  font-size: 1.4em;
  position: absolute;
  top: 0px;
  left: 5px;
}
[class*="steps"].step4 .groupe-1 .step-title,
[class*="steps"].step4 .groupe-2 .step-title,
[class*="steps"].step4 .groupe-3 .step-title {
  color: #cf0063;
}
[class*="steps"].step4 .groupe-1:after,
[class*="steps"].step4 .groupe-2:after,
[class*="steps"].step4 .groupe-3:after {
  border-bottom: 3px solid #cf0063;
}
[class*="steps"].step4 .groupe-4 .number {
  background-color: #ffffff;
  color: #cf0063;
  border: 1px solid #cf0063;
}
[class*="steps"].step4 .groupe-4 .step-title {
  color: #cf0063;
}
[class*="steps"].step5 .groupe-1 .number,
[class*="steps"].step5 .groupe-2 .number,
[class*="steps"].step5 .groupe-3 .number,
[class*="steps"].step5 .groupe-4 .number {
  background-color: #cf0063;
  color: #cf0063;
}
[class*="steps"].step5 .groupe-1 .number:before,
[class*="steps"].step5 .groupe-2 .number:before,
[class*="steps"].step5 .groupe-3 .number:before,
[class*="steps"].step5 .groupe-4 .number:before {
  content: "✓";
  color: #ffffff;
  font-size: 1.4em;
  position: absolute;
  top: 0px;
  left: 5px;
}
[class*="steps"].step5 .groupe-1 .step-title,
[class*="steps"].step5 .groupe-2 .step-title,
[class*="steps"].step5 .groupe-3 .step-title,
[class*="steps"].step5 .groupe-4 .step-title {
  color: #cf0063;
}
[class*="steps"].step5 .groupe-1:after,
[class*="steps"].step5 .groupe-2:after,
[class*="steps"].step5 .groupe-3:after,
[class*="steps"].step5 .groupe-4:after {
  border-bottom: 3px solid #cf0063;
}
[class*="steps"].step5 .groupe-5 .number {
  background-color: #ffffff;
  color: #cf0063;
  border: 1px solid #cf0063;
}
[class*="steps"].step5 .groupe-5 .step-title {
  color: #cf0063;
}
[class*="steps"].step6 .groupe-1 .number,
[class*="steps"].step6 .groupe-2 .number,
[class*="steps"].step6 .groupe-3 .number,
[class*="steps"].step6 .groupe-4 .number,
[class*="steps"].step6 .groupe-5 .number {
  background-color: #cf0063;
  color: #cf0063;
}
[class*="steps"].step6 .groupe-1 .number:before,
[class*="steps"].step6 .groupe-2 .number:before,
[class*="steps"].step6 .groupe-3 .number:before,
[class*="steps"].step6 .groupe-4 .number:before,
[class*="steps"].step6 .groupe-5 .number:before {
  content: "✓";
  color: #ffffff;
  font-size: 1.4em;
  position: absolute;
  top: 0px;
  left: 5px;
}
[class*="steps"].step6 .groupe-1 .step-title,
[class*="steps"].step6 .groupe-2 .step-title,
[class*="steps"].step6 .groupe-3 .step-title,
[class*="steps"].step6 .groupe-4 .step-title,
[class*="steps"].step6 .groupe-5 .step-title {
  color: #cf0063;
}
[class*="steps"].step6 .groupe-1:after,
[class*="steps"].step6 .groupe-2:after,
[class*="steps"].step6 .groupe-3:after,
[class*="steps"].step6 .groupe-4:after,
[class*="steps"].step6 .groupe-5:after {
  border-bottom: 3px solid #cf0063;
}
[class*="steps"].step6 .groupe-6 .number {
  background-color: #ffffff;
  color: #cf0063;
  border: 1px solid #cf0063;
}
[class*="steps"].step6 .groupe-6 .step-title {
  color: #cf0063;
}
/* box popup modal */
#unige-theme .modal .modal-dialog h4 {
  font-family: TheSansUNIGEBold;
  font-size: 2em;
}
#unige-theme .modal .modal-dialog label[for=password] {
  display: block;
}
#unige-theme .modal .modal-dialog #password {
  width: 85%;
}
#unige-theme .input-group {
  margin-bottom: 10px;
}
#unige-theme .input-group-addon {
  background: none;
  border-radius: 0px;
}
#unige-theme .form-control {
  border-radius: 0px;
  border-left: 0px;
}
#unige-theme .input-group-btn .btn {
  border: 0px;
  background: none;
}
#content .box-fullwidth.gallery li {
  border: 0px;
  background: none;
}
#content .box-fullwidth.gallery li p {
  font-size: 1em;
  text-align: center;
  color: #909090;
}
#content .box-fullwidth.gallery li p a:before,
#content .box-fullwidth.gallery li p a:after {
  content: none;
}
#content .box-fullwidth.gallery h2 {
  font-family: TheSansCd700UNIGE;
  font-weight: bold;
  font-size: 20px;
  color: black;
  text-align: center;
}
#content .box-fullwidth.gallery .controls {
  display: block;
  width: 30px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 3em;
  text-shadow: 0px 1px 5px black;
}
#content .box-fullwidth.gallery .controls.previous {
  left: 0px;
}
#content .box-fullwidth.gallery .controls.next {
  right: 0px;
}
#content .box-fullwidth.gallery .controls:before,
#content .box-fullwidth.gallery .controls:after {
  content: unset;
}
#content .box-fullwidth.gallery .modal-content {
  background-color: black;
}
#content .box-fullwidth.gallery .modal-content p {
  color: white;
  text-align: center;
  font-size: 2em;
  font-family: TheSansUNIGEBold;
}
#content .box-fullwidth.gallery .modal-content .modal-header {
  border-bottom: 0px;
  min-width: 2em;
}
#content .box-fullwidth.gallery .modal-content .modal-header button {
  font-size: 3em;
  color: white;
}
#content .box-fullwidth.gallery .modal-content .image_in_modal {
  margin-left: auto;
  margin-right: auto;
}
#content .box-fullwidth.gallery .commands {
  font-size: 3em;
  margin-top: 3em;
}
/* google maps hack*/
/*
#googleMapCanvas16661 img {
  max-width: none;
}
*/
/*
.googleMapCanvas > img {
  max-width: none;
}
*/
.gm-style img {
  max-width: none;
  height: auto;
}
/* socnet picto under nav */
aside .socnet-label {
  text-align: center;
  font-size: .8em;
  color: #cf0063;
}
aside .socnet_group {
  padding: 10px 0px;
}
aside .socnet_group .socnet {
  text-align: center;
}
aside .socnet_group .socnet a {
  color: #cf0063 !important;
}
aside .socnet_group .socnet a .fa {
  margin: 0px;
}
aside .socnet_group .socnet a i {
  transition: 150ms linear 0s;
}
aside .socnet_group .socnet a i:hover {
  /*color: white;*/
  text-shadow: 0px 0px 8px #008a95;
}
/* IPAD - PORTRAIT */
@media (max-width: 1009px) {
  .hide-mobile,
  #content img.img-desktop {
    display: none;
  }
  #content img.img-mobile {
    display: block;
  }
  #content .slider {
    overflow: hidden;
  }
  #content .slider img {
    width: auto;
    height: 100%;
    max-width: inherit;
  }
  #content .slider p {
    display: none;
  }
  #content .search {
    float: left;
  }
  #content .box-fullwidth .box-content {
    padding: 5px 15px !important;
    float: none !important;
  }
  #content .tab .tabs.tabs-1 > li,
  #content .tab .tabs.tabs-2 > li,
  #content .tab .tabs.tabs-3 > li,
  #content .tab .tabs.tabs-4 > li,
  #content .tab .tabs.tabs-5 > li,
  #content .tab .tabs.tabs-6 > li,
  #content .tab .tabs.tabs-7 > li,
  #content .tab .tabs.tabs-8 > li {
    width: 100%;
  }
  #content .checkout_booth .panel p {
    font-size: 1em;
  }
  #content .checkout_booth .cc-icon {
    display: none;
  }
  #servicenav .basket-promoted .badge {
    background-color: #cf0063;
  }
  #servicenav .basket-promoted .badge a {
    color: white;
    text-decoration: none;
  }
  #servicenav .unige_portal {
    margin-right: 2em;
  }
  .service_group .basket-promoted-xs .badge {
    background-color: #cf0063;
    margin-left: .5em;
  }
  .service_group .basket-promoted-xs .badge a {
    color: white;
    text-decoration: none;
  }
}
/* IPHONE - PORTRAIT */
/* @media (max-width: 767px) and (orientation: portrait) { */
@media (max-width: 767px) {
  #unige-theme .navbar-default {
    background-color: #cf0063;
  }
  #unige-theme .navbar-default .navbar-header img {
    height: 48px;
    /* padding: 10px 0px 10px 20px; //for unige_logo.svg */
    padding: 0px 0px 0px 10px;
  }
  #unige-theme .navbar-default .navbar-header a {
    display: block;
    position: relative;
    float: left;
    font-family: TheSansCd300UNIGE, Sans-serif;
    color: white !important;
    text-decoration: none;
    font-size: 30px;
    line-height: 1.0em;
    text-transform: uppercase;
  }
  #unige-theme .navbar-default .navbar-header a.service {
    /*margin: 0px 0px 0px 10px; */
    font-family: TheSansCd700UNIGE, Sans-serif;
  }
  #unige-theme .navbar-default .navbar-header .head-title {
    margin-top: 8px;
  }
  #unige-theme .navbar-default .navbar-toggle {
    border: none;
    background: transparent !important;
  }
  #unige-theme .navbar-default .navbar-toggle:hover {
    background: transparent !important;
  }
  #unige-theme .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
    width: 22px;
    transition: all 0.2s;
  }
  #unige-theme .navbar-default .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }
  #unige-theme .navbar-default .navbar-toggle .middle-bar {
    opacity: 0;
  }
  #unige-theme .navbar-default .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }
  #unige-theme .navbar-default .navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
  }
  #unige-theme .navbar-default .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
  }
  #unige-theme .navbar-default .navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
  }
  #unige-theme .navbar-default li {
    list-style-type: none;
  }
  #unige-theme .navbar-default .navbar-nav li a {
    font-family: TheSansCd300UNIGE, Sans-serif;
    font-size: 20px;
    color: white !important;
  }
  #unige-theme .navbar-default .navbar-nav li.active > a {
    font-family: TheSansCd700UNIGE, Sans-serif;
    font-size: 25px;
    text-shadow: 0px 1px 5px black;
    background: none;
  }
  #unige-theme .navbar-default .navbar-nav .socnet {
    text-align: center;
  }
  #unige-theme .navbar-default .navbar-nav > li > a:hover {
    color: white;
  }
  .navbar-collapse .socnet_group,
  .navbar-collapse .service_group {
    padding: 10px 0px;
  }
  .navbar-collapse .socnet_group {
    background-color: rgba(0, 0, 0, 0.33);
  }
  .navbar-collapse .socnet {
    text-align: center;
  }
  .navbar-collapse .socnet a {
    color: #cf0063 !important;
  }
  .navbar-collapse .socnet a .fa {
    margin: 0px;
  }
  .navbar-collapse .socnet a span {
    text-transform: uppercase;
    font-size: .8em;
  }
  .navbar-collapse .socnet-label {
    text-align: center;
    color: #5c002c;
  }
  .navbar-collapse .service_group {
    background-color: #ff6392;
  }
  .navbar-collapse .service {
    text-align: center;
  }
  .navbar-collapse .service a {
    color: #cf0063 !important;
  }
  .navbar-collapse .service a .fa {
    margin: 0px;
  }
  .navbar-collapse .service a span {
    text-transform: uppercase;
    font-size: .8em;
  }
  .navbar-collapse .service a .glyphicon {
    font-size: 2.5em;
    margin: 0em 0.5em;
  }
  .modal-dialog {
    margin: 0px;
  }
  #content .gallery:after {
    content: unset;
  }
  #content .slider .content {
    padding: 20px 27px 40px 35px;
    text-align: left;
  }
  #content .slider .content .author,
  #content .slider .content .pagination {
    display: none;
  }
  #content .slider .content .previous,
  #content .slider .content .next {
    top: 20px;
  }
  #content .slider:after {
    content: unset;
  }
  #content .carousel-inner .description {
    display: none;
  }
  #content a.button {
    background-image: none;
    font-size: 1.3em;
    height: inherit;
    margin: 0px;
    padding: 0px;
    text-align: left;
  }
  #content .box-simple .box-inside strong {
    font-size: 1.5em;
  }
  #content .nav nav ul li a {
    padding: 16px 35px 16px 15px;
    font-size: 1.5em;
  }
  #content .box-inside h2 {
    position: relative;
    font-size: 1.6em;
  }
  #content .box-inside ul.links {
    display: block;
  }
  #content .box-inside ul.links li {
    font-size: 1em;
  }
  #content ul.links li {
    /* why ????
    display: none;

    &:last-child {
      display: block;
    }
    */
  }
  /*
  #content .totem .box-inside p {
    display: none;
  }
  */
  #content .box-account a.arrow,
  #content .box-testimonial blockquote,
  #content .box-testimonial p,
  #content .box-calendar p,
  #content .box-info p,
  #content .box-stats .box-inside p {
    font-size: 1.3em;
  }
  /* BOX SURVEY */
  #content .box-survey strong {
    margin: 0px;
  }
  #content .box-survey strong:after {
    background-image: none;
  }
  /* STATISTIQUES */
  #content .box-stats span {
    font-size: 4em;
  }
  /* TESTIMONIAL */
  #content .box-testimonial blockquote:after,
  #content .box-testimonial blockquote:before {
    background-image: none;
  }
  #content .box-testimonial blockquote {
    text-indent: 0px;
  }
  #content .box-testimonial p {
    margin-top: 10px;
    display: none;
  }
  /* BOX CALENDAR */
  #content .box-calendar p {
    display: none;
  }
  #content .box-calendar h3 {
    line-height: 1em;
    margin-bottom: 0px;
  }
  /* BOX VIDEO NIRINA */
  .box-video.box-nirina h3 {
    display: none;
  }
  /* BOX FIND-US */
  .box-findus h3 {
    display: none;
  }
  /* BOX-CONTACT */
  #content .box-contact p {
    display: none;
  }
  #content .box-contact h2 {
    word-wrap: break-word;
    padding-right: 0px;
  }
  /* BOX ACCOUNT */
  #content .box-account .box-inside:before {
    background-image: none;
  }
  #content .box-account h2 {
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 1.5em;
  }
  /* BOX FAQ */
  #content .box-faq .box-inside:before {
    background-image: none;
  }
  #content .box-faq h2 {
    padding: 0px;
    margin-bottom: 0px;
    font-size: 1.5em;
  }
  .filters {
    display: none;
  }
  .footer-links {
    width: 285px;
  }
  .footer-links ul li {
    margin: 10px 12px;
  }
  #content .box-twitter p {
    font-size: 1.3em;
    line-height: 1em;
  }
  #content .box-twitter a.author {
    display: none;
  }
  .box-fullwidth .interface {
    display: none;
  }
  #content .gallery a {
    right: 15px;
  }
  #content .row > div.sport > .row > div.box-img .normal h3 {
    top: 90px;
  }
  #content .row > div.sport > .row > div.box-txt ul.links li:nth-child(-n+4) {
    display: none;
  }
  #content .row > div.sport > .row > div.box-txt ul.links li:nth-child(-n+3),
  #content .row > div.sport > .row > div.box-txt ul.links li:last-child {
    display: block !important;
  }
  #content .box-ideas h2 {
    font-size: 1.3em;
    padding-right: 0px;
  }
  #content .box-ideas p {
    font-size: 1.2em;
  }
  #content .box-ideas .box-inside:before {
    background-image: none;
  }
  #content .box-questions .normal ul li a {
    font-size: 1.2em;
  }
  #content .nav.with-title.green ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  #content .checkout_booth .panel p {
    font-size: 1.3em;
  }
  #content .checkout_booth .cc-icon {
    display: inline;
  }
  #content .presentation .spacer-alt {
    display: block;
  }
  #content .presentation .spacer-alt-totem {
    display: none;
  }
}
/* table social */
.social-table .center {
  text-align: center;
}
.social-table .dp {
  background-color: #d70471;
  color: #ffffff;
}
.social-table tr th:nth-child(1) {
  background-color: #d70471;
  color: #ffffff;
}
.social-table tr:nth-child(odd) th:nth-child(1) {
  background-color: rgba(215, 4, 113, 0.75);
}
.social-table .fb {
  background-color: #0c62e4;
  color: white;
}
.social-table tr td:nth-child(2) {
  background-color: rgba(12, 98, 228, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(2) {
  background-color: rgba(12, 98, 228, 0.25);
}
.social-table .tw {
  background-color: #53abee;
  color: #ffffff;
}
.social-table tr td:nth-child(3) {
  background-color: rgba(83, 171, 238, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(3) {
  background-color: rgba(83, 171, 238, 0.25);
}
.social-table .in {
  background-color: #1aafff;
  color: #ffffff;
}
.social-table tr td:nth-child(5) {
  background-color: rgba(26, 175, 255, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(5) {
  background-color: rgba(0, 116, 179, 0.25);
}
.social-table .yt {
  background-color: #e62f28;
  color: #ffffff;
}
.social-table tr td:nth-child(7) {
  background-color: rgba(230, 47, 40, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(7) {
  background-color: rgba(230, 47, 40, 0.25);
}
.social-table .insta {
  background-color: #9538e0;
  color: #ffffff;
}
.social-table tr td:nth-child(4) {
  background-color: rgba(149, 56, 224, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(4) {
  background-color: rgba(149, 56, 224, 0.25);
}
.social-table .pin {
  background-color: #bf081d;
  color: #ffffff;
}
.social-table tr td:nth-child(8) {
  background-color: rgba(191, 8, 29, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(8) {
  background-color: rgba(191, 8, 29, 0.25);
}
.social-table .Slideshare {
  background-color: #696c6d;
  color: #ffffff;
}
.social-table tr td:nth-child(6) {
  background-color: rgba(105, 108, 109, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(6) {
  background-color: rgba(105, 108, 109, 0.25);
}
.social-table .google {
  background-color: #de4e3b;
  color: #ffffff;
}
.social-table tr td:nth-child(9) {
  background-color: rgba(222, 78, 59, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(9) {
  background-color: rgba(222, 78, 59, 0.25);
}
.social-table .autres {
  background-color: #d9d9d9;
  color: #000000;
}
.social-table tr td:nth-child(10) {
  background-color: rgba(217, 217, 217, 0.5);
}
.social-table tr:nth-child(odd) td:nth-child(10) {
  background-color: rgba(217, 217, 217, 0.25);
}
/*table fixed headers*/
.fixed_headers,
.fluid_headers {
  width: 811px;
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed_headers caption,
.fluid_headers caption {
  font-family: TheSansUNIGEBold;
  font-size: 2em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}
.fixed_headers ul,
.fluid_headers ul {
  padding-left: 10px;
}
.fixed_headers th,
.fluid_headers th,
.fixed_headers td,
.fluid_headers td {
  padding: 5px;
  text-align: left;
}
.fixed_headers th,
.fluid_headers th {
  font-family: TheSansUNIGEBold;
  font-size: 1.2em;
}
.fixed_headers td:nth-child(1),
.fluid_headers td:nth-child(1),
.fixed_headers th:nth-child(1),
.fluid_headers th:nth-child(1) {
  width: 100px;
}
.fixed_headers td:nth-child(2),
.fluid_headers td:nth-child(2),
.fixed_headers th:nth-child(2),
.fluid_headers th:nth-child(2) {
  width: 130px;
}
.fixed_headers td:nth-child(3),
.fluid_headers td:nth-child(3),
.fixed_headers th:nth-child(3),
.fluid_headers th:nth-child(3) {
  width: 130px;
}
.fixed_headers td:nth-child(4),
.fluid_headers td:nth-child(4),
.fixed_headers th:nth-child(4),
.fluid_headers th:nth-child(4) {
  width: 130px;
}
.fixed_headers td:nth-child(5),
.fluid_headers td:nth-child(5),
.fixed_headers th:nth-child(5),
.fluid_headers th:nth-child(5) {
  width: 190px;
}
.fixed_headers td:nth-child(6),
.fluid_headers td:nth-child(6),
.fixed_headers th:nth-child(6),
.fluid_headers th:nth-child(6) {
  width: 130px;
}
.fixed_headers thead,
.fluid_headers thead {
  background-color: #cf0063;
  color: #ffffff;
}
.fixed_headers thead tr,
.fluid_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody,
.fluid_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 400px;
}
.fixed_headers tbody tr:nth-child(even),
.fluid_headers tbody tr:nth-child(even) {
  background-color: #f8ecf2;
}
.fixed_headers.dyna td:nth-child(1),
.fluid_headers.dyna td:nth-child(1),
.fixed_headers.dyna th:nth-child(1),
.fluid_headers.dyna th:nth-child(1) {
  width: 202px;
}
.fixed_headers.dyna td:nth-child(2),
.fluid_headers.dyna td:nth-child(2),
.fixed_headers.dyna th:nth-child(2),
.fluid_headers.dyna th:nth-child(2) {
  width: 202px;
}
.fixed_headers.dyna td:nth-child(3),
.fluid_headers.dyna td:nth-child(3),
.fixed_headers.dyna th:nth-child(3),
.fluid_headers.dyna th:nth-child(3) {
  width: 202px;
}
.fixed_headers.dyna td:nth-child(4),
.fluid_headers.dyna td:nth-child(4),
.fixed_headers.dyna th:nth-child(4),
.fluid_headers.dyna th:nth-child(4) {
  width: 202px;
}
.fluid_headers tbody {
  display: table;
  height: initial;
}
.fluid_headers d:nth-child(n),
.fluid_headers th:nth-child(n) {
  width: auto;
}
.old_ie_wrapper {
  height: 400px;
  width: 811px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}
/*table no border*/
#content .table-no-border {
  font-size: 1.5em;
}
#content .table-no-border thead th {
  font-weight: bold;
  font-family: TheSansUNIGEBold;
}
#content .table-no-border th,
#content .table-no-border td {
  padding: .5rem;
}
#content .table-no-border td {
  border-width: 0px;
}
#content .table-no-border .right {
  text-align: right;
}
#content .table-no-border .center {
  text-align: center;
}
#content .table-no-border .border-top td {
  border-width: 1px 0px 0px 0px;
}
@media print {
  #unige-theme body,
  #unige-theme .container {
    margin: 0cm;
    padding: 0cm;
    width: 100%;
  }
  #unige-theme iframe {
    display: none;
  }
  #unige-theme .container > header,
  #unige-theme .container > footer {
    display: none;
  }
  #unige-theme nav {
    display: none;
  }
  #unige-theme header h1 {
    padding: 0cm;
    margin: 0cm;
  }
  #unige-theme #content .box-fullwidth:not(.box-person) .box-content {
    width: 100%;
    padding: 0cm;
  }
  #unige-theme #content .tab .tabs {
    display: none;
  }
  #unige-theme #content .tab .tab-container .tab-content {
    display: block;
  }
  #unige-theme #content .box,
  #unige-theme #content .youtubeBlock {
    display: none;
  }
  #unige-theme #content .box-fullwidth .date_swap {
    display: none;
  }
  #unige-theme #content .box-fullwidth .schedule_list_full {
    display: block;
    margin-top: 1em;
  }
}
/* admin */
.ccm-ui input,
.ccm-input-text,
.ccm-input-number {
  box-sizing: initial;
}