@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Pacifico);

body { font-size: 100% !important; font-family: 'Roboto', sans-serif !important; }
.fixed-header.hidden-top .page-box {padding-top:0 !important}
.nd-region {padding:0 !important;}
.nd-region .container {padding:0 !important; margin:0 !important; width: 100% !important;}

.front.page-node  #Content .content .field-name-body {padding:0;}
/****Menu de navigation*****/
#Menu-Top {  width: 100%;  z-index: 2; height: 110px; background-color:#ebe9ea; margin:0 !important;}
#Menu-Top .navbar-default { background: none !important; border:none !important; margin: 0 !important;  } 
#Menu-Top .navbar-default .navbar-nav>li>a {font-size:1.5rem !important; color:#524d4e !important; text-transform:uppercase;}

/****Switcher de langue****/
#block-lang-dropdown-language .selectBox {background:#524d4e !important; color:#ebe9ea !important; }
#block-lang-dropdown-language select {background:#524d4e !important; color:#ebe9ea !important; min-width: 70px; }
#block-lang-dropdown-language .selectBox-label { color:#ebe9ea !important; }
#block-lang-dropdown-language .selectBox-arrow { background-image: url(../images/select.svg) !important;}
.lang-dropdown-select-element-selectBox-dropdown-menu .selectBox-options li.selectBox-selected a {background:#524d4e !important; color:#ebe9ea !important}

/*****Footer*****/
#Footer { background-color:#524d4e; color:#ffffff; }
#Footer #footer {margin:0 ;}
#Footer #footer ul.menu { padding: 2% 17%; margin: 0;}
#Footer #footer ul.menu li {border:none; background:none; display:inline-block; list-style:none; margin-right:15px;  }
#Footer #footer ul.menu li a {color:#ffffff; font-size:1.3rem;}
#Footer .social {margin-top:10px; display:inline-block;}
#Footer .color.icon-facebook, #Footer .color.icon-facebook:hover, #Footer .color.icon-facebook:before {background:#ebe9ea; color:#524d4e; height: 30px; opacity: 1; font-size: 1.7rem; width:30px; margin:0; padding:0; text-align:center; line-height: 32px; border-radius:5px; }
#Footer .color.icon-facebook {margin-left:15px; }
#Footer .color.icon-twitter, #Footer .color.icon-twitter:hover, #Footer .color.icon-twitter:before {background:#ebe9ea; color:#524d4e; height: 30px; opacity: 1; font-size: 1.4rem; width:30px; margin:0; padding:0; text-align:center; line-height: 32px; border-radius:50px; }
#Footer div#bottom { }
#Footer div#bottom .image_overlay {background:none; margin:0;}
#Footer div#bottom .image_overlay .description{background:none;}

/****Contenu d'une page *****/
.page-node.not-front  .page-header {padding:1em; border: 0; }
.page-node .page-header .container { border:0 !important; }
.page-node .page-header .container:before {background:transparent; }
.page-node .page-header .title {font-family: 'Pacifico', sans-serif !important; font-size:5rem; color:#ff3a00; }
.page-node.not-front  #Content .content {padding:2em 1em;}
.page-node #Content .content .field-name-body {font-size: 1.6rem; font-family: 'Roboto', sans-serif !important; padding:0 3%; }
.page-node #Content .content .field-name-body p {font-weight:200; }

.node-type-video #Content .content.node-video video {width:100%}
/** page temoignages */
.respond .name .icon, .respond .big-icon {color: #E8A7A2!important;}
.respond .btn-default {background-color:rgb(232, 167, 162)!important;}
.respond.bg .description:before, .respond.border .description:before {border-top-color: #c10841 !important}
.icon.respondCheck {width: 100%; padding: 22%; font-size: 13rem; color: #CECECE;}
.field-name-body .respond .description {font-style:normal;}
.field-name-body .respond .description h4 {font-style:italic;}
/***/
/***Page Transition***/
ul.puce { padding: 0; margin: 0; list-style: none; }
ul.puce img {margin-right:10px}

/*************************************** Page d'accueil********************************************/
/**************************************************************************************************/
.front #Content #progressive_cms-page_title-0 { display:none; }
.front #Content h1.title { display:none; }
/****Video cystinosis Home*****/
.front #Content .node-article h2.entry-title {display:none; }
.front #Content .node-article {margin-bottom:0; border-top-width: 0; padding-top: 0;} 
.front #Content .node-article .entry-content {margin:0; }
.front #Content .node-article .entry-content .video-box {margin-bottom:0; }
/*****Encart Welcome Home*****/
.front #Content .welcome-home {text-align:center; color:#ffffff; padding:3% 20px; }
.front #Content .welcome-home h3 { font-family: 'Pacifico', sans-serif !important; font-size:5rem; color:#ffffff; margin-top:0; }
.front #Content .welcome-home p {font-size:2rem; text-align:center;}
/*****Slider Home*****/
.front #Content .slider-home .banner-set {border-top-width: 0px; border-bottom-width: 0px; padding-bottom: 0px;}
.front #Content .slider-home .banner-set .container { border:0; }
.front #Content .slider-home.view-slider-4-cols  {width:100%; position:relative;}
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners { width: 100% !important; }
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner { border-left-width:0;  border-right-width:0; padding:0; width:25% !important; }
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner img {max-height:none;     margin: 0;}
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner:hover img { opacity:0.7; }
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner .slider_box { height: auto; min-height:117px; margin-top: -78px; padding:0px 0; width: 100%; display: inline-block; }
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner .slider_box h2 { font-family: 'Pacifico', sans-serif !important; background-color:#000000; margin: 0; display: block; padding: 10px 0; width: 100%; color:inherit; word-spacing: -2px; font-size: 4.5rem;}
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner .slider_box p {font-size:2rem; padding:8% 10% 2%; color:#ffffff; line-height:2.5rem;     min-height: 230px; margin:0 !important; text-align:left; font-weight: 500;}
.front #Content .slider-home .banner-set .nav-box a.prev { position:absolute; left:0.5%; top:40%; font-size:6rem; color:#ffffff; opacity:0.3;}
.front #Content .slider-home .banner-set .nav-box a.prev:hover  {opacity:1}
.front #Content .slider-home .banner-set .glyphicon-arrow-left:before {  content: "\e079" !important; }
.front #Content .slider-home .banner-set .nav-box a.next { position:absolute; right:0.5%; top:40%; font-size:6rem; color:#ffffff; opacity:0.3;}
.front #Content .slider-home .banner-set .nav-box a.next:hover {opacity:1}
.front #Content .slider-home .banner-set .glyphicon-arrow-right:before {  content: "\e080" !important; }
.front #Content .slider-home .banner-set .switches { height: auto;  margin: 10px 7px 10px; line-height: 1rem;}
.front #Content .slider-home .banner-set .switches a {padding:10px; border-radius:10px; }
.front #Content .slider-home .banner-set .pagination a {background-color:#F5B8A4}
.front #Content .slider-home .banner-set .pagination a:hover{background-color:#f36738}
.front #Content .slider-home .banner-set .pagination a.selected { background-color:#f36738 }

/*****Encart Knowledge center Home****/
.front #Content .knowledge-center-home {padding: 2rem 2rem 0; width: 73%;}
.front #Content .knowledge-center-home p { color:#f94612; text-align:center; font-size:2.2rem; margin-bottom: 10px; font-weight: 300; }
.front #Content .knowledge-center-home a.link-center { background-color:#f94612; color:#ffffff; font-family: 'Pacifico', sans-serif !important; font-size: 3.5rem; padding:0.5em 2.2em; display:inline-block; text-align:center; }
.front #Content .knowledge-center-home span.signature { text-align:center; font-size:1.4rem; }
.front #Content .knowledge-center-home .caption {width: 100%; margin-bottom:0 }
.front #Content .knowledge-center-home .caption img {text-align:center; width: 15% }



/***********************Responsive*****************************/
@media (min-width: 1200px) {
.container { width: 100% !important; }
}
@media (min-width: 1480px) {
#Menu-Top .navbar-default { margin-top:2% !important; }
}


@media (min-width: 991px) and (max-width: 1490px) {
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner .description h2 { min-height:136px}
}

@media (max-width: 991px) {
 .fixed-header {
    width: auto;
  }
  .fixed-header .right-box-wrapper {
    text-align: right;
  }
  .fixed-header .header-icons {
    margin: 0;
  }
  .fixed-header .cart-header {
    margin-right: 0;
  }
  .fixed-header .primary,
  .fixed-header .header-icons {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .fixed-header .primary {
    margin: 0 0 0 -4px;
    text-align: left;
    z-index: inherit;
  }
  .fixed-header .primary .navbar {
    margin: 0;
    min-height: inherit;
    position: static;
  }
  .fixed-header .primary .navbar .btn-navbar {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0 none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    float: left;
    height: 46px;
    line-height: 15px;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-shadow: none;
    z-index: 920;
  }
  .fixed-header .primary .navbar .btn-navbar:before {
    bottom: 8px;
    content: "";
    display: none;
    left: -1px;
    position: absolute;
    top: 7px;
  }
  .fixed-header .primary .navbar .btn-navbar.collapsed:before {
    display: block;
  }
  .fixed-header .primary .navbar .btn-navbar.collapsed {
    background: none;
    border: 1px solid transparent;
    border-bottom: 0 none;
  }
  .fixed-header .primary .navbar .btn-navbar .text {
    color: #1e1e1e;
    float: right;
    line-height: 16px;
    padding: 0 0 0 30px;
	font-size:1.2rem;
	font-weight:600;
  }
  .fixed-header .primary .navbar .btn-navbar .icon-bar {
    background: #1e1e1e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 3px;
    margin: 0;
    width: 22px;
  }
  .fixed-header .primary .navbar .btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
  }
  .fixed-header .primary .navbar .navbar-collapse {
    border: 0 none;
    box-shadow: none;
    left: auto;
    margin: 14px 0 0;
    max-height: inherit;
    overflow: hidden !important;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    z-index: 919;
  }
  .fixed-header .primary .navbar .nav {
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
    float: none;
    padding: 6px 6px 3px;
  }
  .fixed-header .primary .navbar .nav > li {
    float: none;
    margin: 0 0 3px;
    padding: 0;
  }
  .fixed-header .primary .navbar .nav > li > a,
  .fixed-header .primary .navbar .nav > li > a:visited {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
    margin: 0;
    padding: 7px 9px 7px 20px;
    text-decoration: none;
  }
  .fixed-header .primary .navbar .nav > li > a:hover,
  .fixed-header .primary .navbar .nav > li:hover > a {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .fixed-header .primary .navbar .nav > .parent > a,
  .fixed-header .primary .navbar .nav > li.parent:hover > a {
    background: #f2f2f2;
    position: relative;
  }
  .fixed-header .primary .navbar .nav .parent .parent > a:after {
    display: none;
  }
  .fixed-header .primary .navbar .nav .open-sub {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 55px;
  }
  .fixed-header .primary .navbar .nav .open-sub span {
    background: #1e1e1e;
    display: block;
    height: 2px;
    margin: 17px 0 0 15px;
    position: absolute;
    width: 16px;
  }
  .fixed-header .primary .navbar .nav .open-sub span + span {
    height: 16px;
    margin: 10px 0 0 22px;
    width: 2px;
  }
  .fixed-header .primary .navbar .nav .parent .parent > a .open-sub span,
  .fixed-header .primary .navbar .nav .megamenu .title .open-sub span {
    background: #7f7f7f;
    height: 2px;
    margin: 14px 0 0 38px;
    position: absolute;
    width: 12px;
  }
  .fixed-header .primary .navbar .nav .parent .parent > a .open-sub span + span,
  .fixed-header .primary .navbar .nav .megamenu .title .open-sub span + span {
    height: 12px;
    margin: 9px 0 0 43px;
    width: 2px;
  }
  .fixed-header .primary .navbar .nav > li.parent:hover > a:after {
    display: none;
  }
  .fixed-header .primary .sub,
  .fixed-header .primary .parent .sub,
  .fixed-header .primary .parent:hover > .sub {
    background: #f7f7f7;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    font-size: 13px;
    left: 0;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px 0 5px;
    position: relative;
  }
  .fixed-header .primary .navbar .nav > li.parent:hover > a {
    background-color: #e9e9e9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .fixed-header .primary .navbar .nav > .parent.active > a,
  .fixed-header .primary .navbar .nav > .parent.active:hover > a{
    background: #1e1e1e;
    border-color: #1e1e1e;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .fixed-header .primary .navbar .nav > .parent.active > a .open-sub span {
    background: #fff;
  }
  .fixed-header .primary .navbar .nav .parent.active > a .open-sub span + span,
  .fixed-header .primary .megamenu .box.active .title .open-sub span + span {
    display: none;
  }
  .fixed-header .primary .parent:hover > .sub {
    -webkit-animation: fadeIn 0;
    animation: fadeIn 0;
  }
  .fixed-header .primary .sub li {
    line-height: 22px;
  } 
  .fixed-header .primary .sub a,
  .fixed-header .primary .sub a:visited {
    background: none;
    color: #7f7f7f;
    padding: 4px 9px 4px 60px;
    text-decoration: none;
    width: auto !important;
  }
  .fixed-header .primary .navbar .nav a > i {
    color: #1e1e1e;
  }
  .fixed-header .primary li:hover > .sub a {
    background: none;
  }
  .fixed-header .primary .sub .sub {
    left: 0;
    margin-left: 10px;
  }
  .fixed-header .primary .megamenu > .sub {
    padding: 6px 0 5px;
    width: 100%;
  }
  .fixed-header .primary .megamenu > .sub .sub-wrapper {
    display: block;
  }
  .fixed-header .primary .megamenu > .sub .promo-block {
    display: none;
  }
  .fixed-header .primary .megamenu > .sub .sub-list {
    display: block;
    padding: 0;
    width: 100% !important;
  }
  .fixed-header .primary .megamenu > .sub .box {
    float: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  .fixed-header .primary .megamenu .title {
    color: #7f7f7f;
    cursor: pointer;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 4px 9px 4px 60px;
    position: relative;
    text-transform: none;
  }
  .fixed-header .primary .megamenu > .sub .box.closed ul {
    display: none;
    margin-left: 10px;
  }
  .fixed-header .primary .navbar .nav a .item-new,
  .fixed-header .primary .navbar .nav .megamenu a .item-new,
  .fixed-header .primary .navbar .nav .megamenu .sub a .item-new {
    left: 0;
    float: right;
    position: static;
    top: 0;
  }
  .fixed-header .primary .navbar .nav a .item-new .before,
  .fixed-header .primary .navbar .nav a .item-new:before {
    display: none;
  }
  .fixed-header .primary .navbar .nav > li.item-bg > a .open-sub span,
  .fixed-header .primary .navbar .nav > li.item-inverse > a .open-sub span {
    background: #fff;
  }
  .fixed-header .primary .navbar .nav > li.item-bg > a,
  .fixed-header .primary .navbar .nav > li.item-inverse > a,
  .fixed-header .primary .navbar .nav > li.item-inverse:hover > a {
    color: #fff;
  }
  
  /***Video Home***/
  .front #Content .video-cystinosis video { height: 400px !important }
  
 
 /***slider Home***/
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners { width: 100% !important; padding:0; margin:0; }
.front #Content .slider-home .banner-set .container .caroufredsel_wrapper .banners .banner { border-left-width:0;  border-right-width:0; padding:0; width:100% !important; }
  
/**Knowledge center Home***/
.front #Content .knowledge-center-home p {font-size:1.5rem;}
.front #Content .knowledge-center-home a.link-center { font-size:2rem; padding:1rem 0.6rem; }

#Footer .color.icon-facebook { margin-left: 0px; }
  }
  

@media (min-width: 768px) and (max-width: 992px) {
.front #Content .video-cystinosis video { height: 400px !important; }
}
@media (max-width: 767px) {
.front #Content .video-cystinosis video { height: 350px !important; }
}
@media (min-width: 640px) and (max-width: 767px) {
.front #Content .video-cystinosis video { height: 300px !important; }
}
@media (max-width: 640px) {
.front #Content .video-cystinosis video { height: 235px !important; }
}
@media (max-width: 360px) {
.front #Content .video-cystinosis video { height: 181px !important; }
.icon.respondCheck { display: none; }
.page-node-7 ul.list,
.page-node-11 ul.list,
.page-node-14 ul.list { padding: 20px 0 0 60px; margin-left: -40px; }
.page-node-5 #block-system-main > div > div > div > div > div.col-xs-2.col-sm-2.col-md-2.col-lg-2 > p > img,
.page-node-7 #block-system-main > div > div > div > div > div.col-xs-2.col-sm-2.col-md-2.col-lg-2 > p > img,
.page-node-13 #block-system-main > div > div > div > div > div.col-xs-2.col-sm-2.col-md-2.col-lg-2 > p > img,
.page-node-14 #block-system-main > div > div > div > div > div.col-xs-2.col-sm-2.col-md-2.col-lg-2 > p > img,
.page-node-26 #block-system-main > div > div > div > div > div.col-xs-2.col-sm-2.col-md-2.col-lg-2 > p > img,
.page-node-27 #block-system-main > div > div > div > div > div.col-xs-2.col-sm-2.col-md-2.col-lg-2 > p > img { display:none }  
.page-node-30 .page-header .title { font-size: 4rem; }
}