html, body{
	margin: 0;
	padding: 0;
    font-family: 'pantonregular', sans-serif;
	font-size: 16px;
	color: #231f20;
}

@keyframes mymove {
    from {background-color: #6cbabc;}
    to {background-color: #569297;}
}

/* Polices */
strong, b {font-weight: normal} 
.pt-bold, strong, b {font-family: 'pantonbold', sans-serif; }
.pt-extrabold {font-family: 'panton_extraboldregular', sans-serif;}
.pt-black {font-family: 'panton_blackregular', sans-serif;}
.pt-extra-light {font-family: 'panton_extralightregular', sans-serif;}
.pt-light {font-family: 'panton_lightregular', sans-serif;}
.caveat {font-family: 'Caveat', cursive;}
.text-italic {font-style: italic;}

.pt-icons_c_fillregular {
  display: inline-block;
  font-family: "panton_icons_c_fillregular",sans-serif;
  margin-left: 5px;
  vertical-align: top;
}
.pt-icons_d_fillbold {font-family: 'panton_icons_d_fillbold', sans-serif;}

.lineheight1 {
    line-height: 1.1;
}
.rotate180 {
    transform: rotate(180deg);
}
.text-pt100 {
    /*word-wrap: break-word;*/
}
.text-pt80 {
    font-size: 80px;
    line-height: 80px;
}
.text-pt60 {
    font-size: 60px;
    line-height: 50px;
}
.text-pt50 {
    font-size: 50px;
    line-height: 50px;
}
.text-pt40 {
    font-size: 40px;
    line-height: 40px;
}

.f-size12 {font-size: 12px;}
.f-size14 {font-size: 14px;}
.f-size18 {font-size: 18px;}
.f-size20 {font-size: 20px;}
.f-size22 {font-size: 22px;}
.f-size26 {font-size: 26px;}
.f-size24 {font-size: 24px;}
.f-size30 {font-size: 30px;}
.f-size36 {font-size: 36px;}
.f-size40 {font-size: 40px;}

a,
a:hover,
a:active,
a:focus{
   outline: 0;
   text-decoration: none;
   color: #231f20;
}

a:hover {
   text-decoration: underline;
}

ul, ol {
    margin-left: 20px;
}
#content ul:not(.list-unstyled):not(.dropdown-menu) {
    margin-left: 0;
}
#content ul:not(.list-unstyled):not(.dropdown-menu) li {
    margin-bottom: 15px;
    padding-left: 12px;
    list-style-type: none;
}
#content ul:not(.list-unstyled):not(.dropdown-menu) li:before {
    content: "■";
    font-family: "Arial Black";
    margin-left: -12px;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: 3px;
    color: #89c527;
}


/* Bootstrap overrides */
.btn-default {
    border: none;
    border-radius: 0;
    font-family: 'pantonbold', sans-serif;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    text-shadow: none;
    background-image: none;
    box-shadow: none;
}
.btn-default:focus,
.btn-default:hover {
    background-color: inherit;
    background-image: none;
    border: none;
    text-shadow: none;
    opacity: 0.8;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.btn-default.btn-lg {
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn-default.with-arrow {
	padding-left: 10px;
	padding-right: 10px;
}
.btn-default.with-arrow:after {
	content: '>';
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 20px;
}
.datepicker-inline {
    width: 270px !important;
    margin: 0 auto;
}
.datepicker .next, 
.datepicker .prev {
    color: #a6cc39;
}
.datepicker td, 
.datepicker th {
    width: auto !important;
    font-size: 15px;
    text-transform: uppercase;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active:hover {
    background-color: #eee !important;
    color: #231f20 !important;
    text-shadow: none;
    font-family: 'pantonbold', sans-serif;
}
.datepicker table tr td span.active.active, 
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled.disabled, 
.datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active.disabled.active:hover, 
.datepicker table tr td span.active.disabled.disabled:hover, 
.datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active.disabled:hover:hover, 
.datepicker table tr td span.active.disabled[disabled]:hover, 
.datepicker table tr td span.active.disabled[disabled], 
.datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover, 
.datepicker table tr td span.active.active:hover, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active:hover:active, 
.datepicker table tr td span.active:hover:hover, 
.datepicker table tr td span.active[disabled]:hover, 
.datepicker table tr td span.active[disabled] {
    background: #FFF !important;
}
.datepicker table tr td span.hasevent {
    background: #FFF url('/media/images/picto_hasevent.png') bottom center no-repeat !important;
}
.datepicker table tr td span.hasevent.active.active, 
.datepicker table tr td span.hasevent.active.disabled, 
.datepicker table tr td span.hasevent.active.disabled.active, 
.datepicker table tr td span.hasevent.active.disabled.disabled, 
.datepicker table tr td span.hasevent.active.disabled:active, 
.datepicker table tr td span.hasevent.active.disabled:hover, 
.datepicker table tr td span.hasevent.active.disabled.active:hover, 
.datepicker table tr td span.hasevent.active.disabled.disabled:hover, 
.datepicker table tr td span.hasevent.active.disabled:hover:active, 
.datepicker table tr td span.hasevent.active.disabled:hover:hover, 
.datepicker table tr td span.hasevent.active.disabled[disabled]:hover, 
.datepicker table tr td span.hasevent.active.disabled[disabled], 
.datepicker table tr td span.hasevent.active:active, 
.datepicker table tr td span.hasevent.active:hover, 
.datepicker table tr td span.hasevent.active.active:hover, 
.datepicker table tr td span.hasevent.active.disabled:hover, 
.datepicker table tr td span.hasevent.active:hover:active, 
.datepicker table tr td span.hasevent.active:hover:hover, 
.datepicker table tr td span.hasevent.active[disabled]:hover, 
.datepicker table tr td span.hasevent.active[disabled] {
    background: #FFF url('/media/images/picto_hasevent.png') bottom center no-repeat !important;
}

.form-control {
    border: none;
    border-bottom: 1px solid #e4f0c3;
    box-shadow: none;
    border-radius: 0;
    font-size: 16px;
    transition: none;
    /*font-family: 'pantonbold', sans-serif;*/
    color: #a9a8a8;
    text-shadow: none;
    font-weight: bold;
}
.form-control:focus {
    border: none;
    border-bottom: 1px solid #e4f0c3;
    box-shadow: none;
}
.form-control::-moz-placeholder {
    color: #a9a8a8;
}
form p,
form label {
    color: #a9a8a8;
    /*font-family: 'pantonbold', sans-serif;*/
    font-weight: bold !important;
}
.checkbox-wrapper {
    padding: 6px 12px;  
}

.bootstrap-select.btn-group .dropdown-toggle {
    color: #231f20;
    font-size: 30px;
    font-family: 'pantonregular', sans-serif;
    border: 1px solid #e5e5e5;
    padding-top: 15px;
    padding-bottom: 15px;
    outline: none;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, 
.bootstrap-select > .dropdown-toggle.bs-placeholder:active, 
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #231f20;
    font-size: 30px;
    font-family: 'pantonregular', sans-serif;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    border: none;
    display: inline-block;
    height: 24px;
    margin-left: 2px;
    vertical-align: middle;
    width: 12px;
    margin-top: -12px;
    background: url('/media/images/caret.png') center center no-repeat;
}

.dropzone {
    border: 1px solid #e4f0c3;
    border-radius: 0;
    min-height: 120px;
}
.dropzone .dz-default.dz-message {
    background-position: 50% 50%
}

/* Coverflow */
#myDiv {
    max-height: 375px !important;
    margin-bottom: 25px;
}
#myDiv-fluidwidth {
    max-height: 400px !important;
}

/* scroll top */
#scrollUp {
  background-image: url("/media/images/scroll_to_top.png");
  bottom: 75px;
  height: 64px;
  outline: medium none;
  right: 20px;
  width: 64px;
}
#scrollUp:hover {
    opacity: 0.8;
}

/* Couleurs */ 
.text-light-green {color: #c5d728 !important;}
.text-green {color: #a6cc39 !important;}
.text-yellow {color: #fdd412 !important;}
.text-dark-green {color: #839a40 !important;}
.text-orange {color: #ff9900 !important;}
.text-blue {color: #4797bd !important;}
.text-purple {color: #ad2083 !important;}
.text-darkblue {color: #3f668d !important;}
.text-blue-green {color: #569297 !important;}

.list-purple ul li:before {color: #ad2083 !important;}
.list-green ul li:before {color: #89c527 !important;}
.list-blue ul li:before {color: #4797bd !important;}
.list-orange ul li:before {color: #faa61a !important;}
.list-yellow ul li:before {color: #fdd412 !important;}

.bg-light-green {
    background-color: #e4f0c3 !important;
}
.bg-dark-green {
    background-color: #839a40 !important;
    color: #FFF !important;
}
.bg-green {
    background-color: #a6cc39 !important;
    color: #FFF !important;
}
.bd-green {
    border-color: #d2e59c;
}
.bg-orange {
    background-color: #ff9900 !important;
    color: #FFF !important;
}
.bd-orange {
    border-color: #ff9900;
}
.bg-blue {
    background-color: #4797bd !important;
    color: #FFF !important;
}
.bd-blue {
    border-color: #4797bd;
}
.bg-purple {
    background-color: #ad2083 !important;
    color: #FFF !important;
}
.bd-purple {
    border-color: #ad2083;
}
.bg-grey {
    background-color: #f3f3f3;
}
.bg-yellow {
    background-color: #fdd412 !important;
    color: #FFF !important;
}
.bd-yellow {
    border-color: #fdd412;
}
.bg-blue-green {
    background-color: #569297 !important;
    color: #FFF !important;
}
.bd-blue-green {
    border-color: #569297;
}

.mtop0 {margin-top: 0px;}
.mtop10 {margin-top: 10px;}
.mtop20 {margin-top: 20px;}
.mtop30 {margin-top: 30px;}
.mtop40 {margin-top: 40px;}
.mtop50 {margin-top: 50px;}
.mtop60 {margin-top: 60px;}
.mtop70 {margin-top: 70px;}
.mtop80 {margin-top: 80px;}

.mbot0 {margin-bottom: 0px;}
.mbot10 {margin-bottom: 10px;}
.mbot20 {margin-bottom: 20px;}
.mbot30 {margin-bottom: 30px;}
.mbot40 {margin-bottom: 40px;}
.mbot50 {margin-bottom: 50px;}
.mbot60 {margin-bottom: 60px;}
.mbot70 {margin-bottom: 70px;}
.mbot80 {margin-bottom: 80px;}
.mbot200 {margin-bottom: 200px;}

.ptop0 {padding-top: 0px;}
.ptop10 {padding-top: 10px;}
.ptop20 {padding-top: 20px;}
.ptop30 {padding-top: 30px;}
.ptop40 {padding-top: 40px;}
.ptop50 {padding-top: 50px;}
.ptop60 {padding-top: 60px;}
.ptop70 {padding-top: 70px;}
.ptop80 {padding-top: 80px;}

.pbot0 {padding-bottom: 0px;}
.pbot10 {padding-bottom: 10px;}
.pbot20 {padding-bottom: 20px;}
.pbot30 {padding-bottom: 30px;}
.pbot40 {padding-bottom: 40px;}
.pbot50 {padding-bottom: 50px;}
.pbot60 {padding-bottom: 60px;}
.pbot70 {padding-bottom: 70px;}
.pbot80 {padding-bottom: 80px;}

.pr200 {padding-right: 200px;}

.margin0 {
    margin: 0 !important;
}
.margin200 {
    margin: 200px 0 0 0 !important;
}
.padding0 {
    padding: 0 !important;
}
.relative {
    position: relative;
}
.inlineblock {
    display: inline-block;
}
.width100 {
    width: 100% !important;
}
.hr-seperator {
    border-top: 1px solid #d9d9d9;
}
.invisible0 {
    visibility: hidden;
    opacity: 0;
}

.valign-middle img {
    vertical-align: bottom;
    max-width: 100%;
}
.valign-middle .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font: 0/0 a;
}
.valign-middle .caption:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;    
}
.valign-middle .caption .caption-text {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 23px;
    line-height: 33px;
    padding: 0;
}

.bordered-box {
    padding: 28px 30px;
    border-width: 1px;
    border-style: solid;
}

/* Header */
header .logo {
    padding-top: 10px;
}
header .langs ul li a {
    color: #7f7f7f
}
header .langs ul li.active a {
    color: #231f20
}

/* Smart alerte */
#smart-alert {
    position: absolute;
    top: 265px;
    right: 0px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    border-width: 1px; 
    border-style: solid;
    border-right: none;
    padding: 0 8px;
    z-index: 2;
    background: #FFF;
}
#smart-alert.collapsed {
    width: 138px;
    height: 55px;
}
#smart-alert.expanded {
    width: 330px;
    height: 165px;
}
#smart-alert #toggleSmartAlertForm {
    background: url('/media/images/picto_smart_alert.png') left center no-repeat;
    padding-left: 47px;
    padding-top: 2px;
    height: 53px;
    line-height: 1;
}
#smart-alert #toggleSmartAlertForm:hover {
    text-decoration: none;
}
#smart-alert.expanded #toggleSmartAlertForm:before {
    content: '';
    background: url('/media/images/picto_close_smart_alert.png') left top no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -20px;
    top: 0;
}
#smart-alert .alert {
    padding-top: 5px;
    padding-bottom: 5px;
}
#smart-alert .form-control {
    width: 265px;
    font-size: 14px !important;
}
#smart-alert .btn-default {
    padding-left: 0;
    padding-right: 0;
    width: 33px;
    text-align: center;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 2px;
}


/* Menu */
#side-menu {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    z-index: 1;
}
#side-menu.collapsed {
    width: 40px;
    height: 40px;
    overflow: hidden;
}
#side-menu.expanded {
    position: fixed;
    height: 100%;
    width: 1085px;
    z-index: 10000;
    background: #616160 url('/media/images/fonds/bg_side_menu.png') top center repeat-y;
}
#side-menu #toggleSideMenu {
    display: inline-block;
    width: 18px;
    height: 12px;
}
#side-menu.collapsed #toggleSideMenu {
    background: url('/media/images/picto_menu.png') center center no-repeat;
}
#side-menu.expanded #toggleSideMenu {
    background: url('/media/images/picto_croix2.png') center center no-repeat;
    margin-top: 3px;
}
#side-menu .side-menu-col {
    height: 100%;
    padding: 13px 10px;
}
#side-menu .fixed-height-div {
    height: 200px;
    padding-bottom: 30px;
}

#side-menu .fixed-height-div-col2 {
    height: 200px;
    padding-bottom: 30px;
    margin-bottom: 200px;
}
#side-menu a {
    color: #FFF;
    display: block;
}
#side-menu #side-menu-col-wrapper {
    height: 100%;
    padding-left: 40px;
}
#side-menu #side-menu-col1 {
    width: 40px;
    text-align: center;
    border-right: 1px solid #6f6e6d;
    height: 100%;
    padding: 13px 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}
#side-menu.collapsed #side-menu-col1 {
    border-right: none;
}
#side-menu #side-menu-col2 {
    width: 420px;
    border-right: 1px solid #9c9c9c;
}
#side-menu #side-menu-col2 span.inlineblock {
    margin-left: 12px;
}
#side-menu #side-menu-col2 .glyphicon {
    font-size: 21px;
    margin-top: 7px;
}
#side-menu #side-menu-col2 img {
    position: absolute;
    bottom: 30px;
}
#side-menu #side-menu-col3 {
    width: 223px;
    padding-left: 40px;
    border-right: 1px solid #969696;
}
#side-menu #side-menu-col4 {
    width: 200px;
    border-right: 1px solid #7e7e7d;
}
#side-menu #side-menu-col4 span {
    line-height: 1.1;
    margin-bottom: 5px;
    display: inline-block;
}
#side-menu #side-menu-col5 {
    width: 200px;
    border-right: none;
    word-wrap: break-word;
}

.container-fluid {
    padding-left: 50px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
header .container-fluid,
footer .container-fluid {
    padding-left: 50px;
}*/


/* Footer */
footer .liens a {
	margin-left: 12px;
}
footer .fa-twitter {
    color: #4e9edc;
}
footer .fa-linkedin {
    color: #005a87;
}
footer #toggleContactBlock {
    padding-right: 25px;
    background: url('/media/images/picto_arrow_right.png') center right no-repeat;
}
footer #toggleContactBlock.active {
    background: url('/media/images/picto_arrow_bottom.png') center right no-repeat;
}
footer span.inlineblock {
    width: 180px;
}
footer .col-sm-offset-1:before {
    background: #dedddd;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 1px;
    margin-left: -8.33333%;
    left: 25px;
}

body#homepage {
    background: url('/media/images/fonds/bg_homepage.jpg') top center no-repeat;
}
body#smart-engagements,
body#services,
body#societe {
    background: url('/media/images/fonds/bg_page_societe.jpg') top center no-repeat;
}
body#carrieres,
body#whoswho {
    background: url('/media/images/fonds/bg_page_whoswho.jpg') top center no-repeat;
}
body.page-profil {
    background: url('/media/images/fonds/bg_page_formulation.jpg') top center no-repeat;
}
body.page-profil#partenaire-fournisseur,
body.page-profil#partenaire-media,
body.page-profil#etudiant {
    background: none;
}

body.page-profil#partenaire-fournisseur {
    overflow-x: hidden;
}

/* Page accueil */
body#homepage h1 {
   font-size: 30px; 
}
body#homepage h2.pt-extrabold {
   font-size: 60px;
   margin-bottom: 180px;
}
body#homepage h3 {
	font-size: 36px;
}
body#homepage #gammes h3 {
    text-transform: lowercase;
}
body#homepage #gammes h3:first-letter {
    text-transform: uppercase;
}
body#homepage h4 {
	font-size: 30px;
}
body#homepage .logo-background {
    background: url('/media/images/bg_logo.png') top center no-repeat;
}
/*#menu-profil ul li {
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	padding: 0;
	margin-left: 1px;
	vertical-align: middle;
}*/
#menu-profil,
#chroniques-filters {
    font-size: 0;
}
#menu-profil .btn-group a.btn,
#chroniques-filters .btn-group a.btn {
    font-size: 24px;
    border-radius: 0;
    border: none;
    margin: 0 1px;
    padding: 2px 10px;
    display: block;
}
#menu-profil .btn-group a.btn {
    font-size: 20px;
}
#chroniques-filters .btn-group a.btn {
    display: inline-block;
    float: none;
}
#menu-profil .dropdown-item {
    font-size: 16px;
}
#menu-profil .btn-group a.btn.bg-green:hover,
#chroniques-filters .btn-group a.btn.bg-green:hover {
    background-color: #839a40 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    text-decoration: none;
}
#menu-profil .btn-group a.btn.bg-grey:hover {
    background-color: #CCCCCC !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    text-decoration: none;
}
#menu-profil ul li.text-green {
	font-size: 17px;
	padding-right: 15px;
}
#menu-profil ul li.bg-green {
	margin-left: 1px;
	font-size: 24px;
}
.description-gamme p {
	margin-left: 160px;
	max-width: 400px;
}
.description-gamme a.btn {
	margin-left: 115px;
}


/* Actualités & chroniques */
#actualites-filters,
#chroniques-filters {
    border-top: 1px solid #d9d9d9;
}
#actualites-filters ul li {
    padding: 0;
    margin-left: 20px;
}
#actualites-filters ul li a {
    padding: 0 5px;
}
#actualites-filters ul li a.inactive {
    background-color: #666 !important;
    color: #FFF !important;
}
#actualites-filters ul li a,
#actualites-filters ul li a:hover,
#actualites-filters ul li a:focus,
#actualites-filters ul li a:active {
    color: #FFF;
    text-decoration: none;
}
#chroniques-filters .btn {
    margin-bottom: 2px !important;
}
#chroniques-filters a.inactive {
    color: #FFF;
    background-color: #a6cc39;
    border: 1px solid #a6cc39 !important;
}
#chroniques-filters a.active {
    color: #a6cc39;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #a6cc39 !important;
}
#twitter-timeline-wrapper {
    position: sticky;
    top: 100px;
}

.chronique-categorie,
.actualite-categorie {
     display: inline-block;
     height: 20px;
     line-height: 20px;
     padding:0 5px;
     color: #FFF
}

#datepicker-wrapper {
    width: 400px;
}
#datepicker-wrapper.affix {
    top: 20px;
}
#datepicker-current-month {
    text-transform: capitalize;
}
#datepicker-current-month img {
    position: absolute;
    right: 0;
    top: 20px;
}

.chronique-categorie:hover {
    text-decoration: none;
}
.chronique-highlight .figure {
    position: relative;
}
.chronique-highlight .figure-caption {
    background: rgba(0,0,0,0.4);
    color: #FFF;
    position: absolute;
    bottom: 0;
    padding: 15px;
    width: 100%;
}
.chronique-highlight .figure-caption a {
    color: #FFF;
}
.chronique-unit {
    padding: 15px;
    height: 580px;
}
.chronique-unit.bg-grey {
    background-color: #F7F7F7;
}
.chronique-unit img,
.actualite-unit img {
    max-width: 100%;
    height: auto;
}
.chronique-titre {
    margin-bottom: 5px;
}
.chronique-titre a:hover {
    text-decoration: none;
}

/* Accroches */
.intro {
    font-size: 18px;
}
.intro .pt-black {
    font-size: 36px;
    line-height: 36px;
}

/* Pages profils */
.page-profil .titre-profil,
.page-gamme .titre-profil {
    font-size: 18px;
    line-height: 1.1;
}
.page-profil .titre-profil span,
.page-gamme .titre-profil span {
    font-size: 60px;
    text-transform: lowercase;
}
.page-profil .titre-profil span:first-letter,
.page-gamme .titre-profil span:first-letter {
    text-transform: uppercase;
}
.page-profil .profil a,
.page-gamme .profil a {
    font-size: 16px;
}
.page-profil .profil .dropdown,
.page-gamme .profil .dropdown {
    z-index: 9999;
}
.page-profil h2 {
    font-size: 40px;
    line-height: 40px;
}
body#etudiant.page-profil h2 {
    font-size: 34px;
    line-height: 34px;
}
body#partenaire-fournisseur.page-profil h3,
body#partenaire-media.page-profil h3,
body#etudiant.page-profil h3 {
    font-size: 20px;
}
.page-profil h3 {
    margin-top: 0;
}
.rounded-divs .valign-middle {
    height: 200px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.rounded-divs .valign-middle .caption {
    border-radius: 200px;
}
body#societe .rounded-divs .valign-middle {
    height: 150px;
    width: 150px;
}
body#societe .rounded-divs .valign-middle .caption {
    border-radius: 150px;
}
.rounded-divs .list-title p {
    font-family: 'pantonregular', sans-serif;
    font-size: 24px;
    line-height: 32px;
    padding-left: 45px;
}
.rounded-divs .list-item .valign-middle p {
    font-family: 'pantonregular', sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
} 
.rounded-divs .list-item .valign-middle p span,
.rounded-divs .list-item .valign-middle p strong {
    font-size: 20px;
    line-height: 20px;
    display: block;
} 
body#societe .rounded-divs .list-item .valign-middle p {
    font-size: 30px;
    line-height: 30px;
} 
body#societe .list-item .valign-middle p span,
body#societe .list-item .valign-middle p strong {
    font-size: 18px;
    line-height: 18px;
} 

#points-forts .btn {
    color: #FFF;
}
#points-forts .col-lg-2 {
    min-width: 20%;
}

.page-profil #encart_lien img.image-absolute {
    position: absolute;
    left: -175px;
    top: -15px;
}
.page-profil #encart_lien .col-sm-offset-1:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    border-left: 1px solid #d9d9d9;
    top: 0px;
    left: -25px;
}
.page-profil #strategie-rse img.image-absolute {
    position: absolute;
    left: -82px;
    top: 0px;
    max-width: 300px;
}
.page-profil #strategie-rse .col-md-offset-2:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    border-left: 1px solid #d9d9d9;
    top: 0px;
    margin-left: -25%;
}


/* page gamme */
.page-gamme {
    overflow-x: hidden;
}
.page-gamme #partenaires {
    margin-bottom: 120px;
}
.page-gamme #liens .bordered-box {
    padding-left: 100px;
}
.page-gamme #liens .image-absolute {
    position: absolute;
    right: -115px;
    /*right: -100px;*/
    top: -75px;
    z-index: 2;
}
#sustainabilitybox #en-savoir-plus a.btn,
#developpement-durable #sustainability-box a.btn,
#developpement-durable #en-savoir-plus a.btn,
.page-profil #strategie-rse a.btn,
.page-profil #engagement-rse a.btn,
.page-gamme #liens a.btn {
    padding-top: 15px; 
    padding-bottom: 15px; 
}
#developpement-durable #sustainability-box a.btn {
    padding-left: 30px;
    padding-right: 30px;
}
.page-gamme #specialistes {
    margin-bottom: 100px;
}
.page-gamme #specialistes-coordonnees p {
    margin-left: 25px;
}
.page-gamme #baseline {
    padding-left: 50px;
}
.page-gamme #partenaires img {
    margin: 15px 8px;
}
.page-gamme #scroll-icon {
    height: 44px;
    position: relative;
}
.page-gamme #scroll-icon img {
    position: absolute;
    left: 50%;
    margin-left: -14px;
}

.arborescence {
    height: 250px;
}
.arborescence a,
.arborescence .matiere {
    padding: 6px 10px;
    border: 1px solid #FFF;
    display: inline-block;
    color: #a9a8a8;
}
.arborescence a:hover {
    text-decoration: none;
}
.arborescence a.active {
    border: 1px solid #bdbbbc;
    color: #231f20;
}
.arborescence .matiere {
    color: #444;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.arborescence .matiere.haszoomsur {
    cursor: pointer;
    text-decoration: underline;
}
.arborescence .matiere.haszoomsur.active {
    color: #fff;
    text-decoration: none;
}
.arborescence ul.niveau2,
.arborescence ul.niveau3,
.arborescence ul.niveau4{
    position: absolute;
    width: 100%;
    margin-top: 20px;
    left: 0;
}
.arborescence .zoomsur {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    width: 100%;
    background: #FFF;
    z-index: 2;
}

.page-gamme #partenaires a:hover {
    text-decoration: none;
}

/* page gamme - pharma */
#pharmaceutique.page-gamme #scroll-icon {
    margin-top: 264px;
    margin-bottom: 90px;
}
#pharmaceutique.page-gamme #valeurs-ajoutees {
    margin-bottom: 100px;
}
#pharmaceutique.page-gamme .background1 {
    position: absolute;
    right: -100px;
    top: 0;
}
#pharmaceutique.page-gamme .background2 {
    position: absolute;
    left: 0;
    top: -185px;
}
#arborescence-pharmaceutique > ul > li {
    width: 170px;
}
#arborescence-pharmaceutique > ul > li.list0 {margin-left: -40px;}
#arborescence-pharmaceutique > ul > li.list3 {width: 185px;}
#arborescence-pharmaceutique > ul > li.list4 {width: 230px;}
#arborescence-pharmaceutique > ul > li.list5 {margin-right: -60px;}

#arborescence-pharmaceutique > ul > li.list3 .rubrique1-wrapper {padding-left: 50px;}
#arborescence-pharmaceutique > ul > li.list4 .rubrique1-wrapper {padding-left: 60px;}

#arborescence-pharmaceutique a.rubrique1 {
    text-align: center;
}
#pharmaceutique.page-gamme #image-neutraceutique {
    position: absolute; 
    top: 260px;
    right: -2000px; 
}
#arborescence-pharmaceutique .matiere.haszoomsur.active {
    border-color: #a6cc39;
    background-color: #a6cc39;
}
#arborescence-pharmaceutique .zoomsur {
    border-color: #a6cc39;
}
#pharmaceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-menu {
    background-color: #a6cc39;
}
#pharmaceutique.page-gamme #filtres-select .dropdown-menu > li > a:focus, 
#pharmaceutique.page-gamme #filtres-select .dropdown-menu > li > a:hover {
    background: #b8d661;
}
#pharmaceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle .caret {
    background: url('/media/images/caret_vert.png') bottom center no-repeat;
}


/* page gamme - pharma */
#nutraceutique.page-gamme #scroll-icon {
    /*margin-top: 264px;*/
    margin-top: 64px;
    margin-bottom: 90px;
}
#nutraceutique.page-gamme #valeurs-ajoutees {
    margin-bottom: 100px;
}
#nutraceutique.page-gamme .background1 {
    position: absolute;
    right: -100px;
    top: 0;
}
#nutraceutique.page-gamme .background2 {
    position: absolute;
    left: 0;
    top: -185px;
}
#arborescence-nutraceutique > ul > li {
    width: 170px;
}
#arborescence-nutraceutique > ul > li.list3 {width: 185px;}
#arborescence-nutraceutique > ul > li.list4 {width: 230px;}
#arborescence-nutraceutique > ul > li.list5 {margin-right: -60px;}

#arborescence-nutraceutique > ul > li.list3 .rubrique1-wrapper {padding-left: 50px;}
#arborescence-nutraceutique > ul > li.list4 .rubrique1-wrapper {padding-left: 60px;}

#arborescence-nutraceutique a.rubrique1 {
    text-align: center;
}
/*#nutraceutique.page-gamme #image-neutraceutique {
    position: absolute;
    top: 260px;
    right: -2000px;
}*/
#nutraceutique.page-gamme #animated-image {
    position: absolute;
    right: -999px;
    margin-right: -180px;
}
#arborescence-nutraceutique .matiere.haszoomsur.active {
    border-color: #fdd412;
    background-color: #fdd412;
}
#arborescence-nutraceutique .zoomsur {
    border-color: #fdd412;
}
#nutraceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-menu {
    background-color: #fdd412;
}
#nutraceutique.page-gamme #filtres-select .dropdown-menu > li > a:focus,
#nutraceutique.page-gamme #filtres-select .dropdown-menu > li > a:hover {
    background: #ebc202;
}
#nutraceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle .caret {
    background: url('/media/images/caret_jaune.png') bottom center no-repeat;
}


/* page gamme - cosmetique */
#cosmetique.page-gamme h1 {
    margin-top: 100px;
}
#cosmetique.page-gamme #scroll-icon {
    margin-top: 185px;
    margin-bottom: 100px;
}
#cosmetique.page-gamme #valeurs-ajoutees {
    margin-bottom: 300px;
}
#cosmetique.page-gamme .background1 {
    position: absolute;
    left: 30px;
    top: -100px;
}
#cosmetique.page-gamme .background2 {
    position: absolute;
    left: -100px;
    top: 80px;
}
#arborescence-cosmetique {
    height: 400px;
}
#arborescence-cosmetique .matiere.haszoomsur.active {
    border-color: #ad2083;
    background-color: #ad2083;
}
#arborescence-cosmetique .zoomsur {
    border-color: #ad2083;
}
#cosmetique.page-gamme #animated-image {
    position: absolute;
    right: -999px;
    margin-right: -25%;
}
.arborescence ul.niveau4 li,
#arborescence-cosmetique .list0 li {
    min-width: 150px;
}
#nutraceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-menu,
#pharmaceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-menu,
#cosmetique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-menu {
    border: none;
    color: #FFF;
    border-radius: 0;
}
#cosmetique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-menu {
    background-color: #ad2083;
}
#cosmetique.page-gamme #filtres-select .dropdown-menu > li > a:focus, 
#cosmetique.page-gamme #filtres-select .dropdown-menu > li > a:hover {
    background: #bd4d9c;
}
#nutraceutique.page-gamme #filtres-select .dropdown-menu > li > a,
#pharmaceutique.page-gamme #filtres-select .dropdown-menu > li > a,
#cosmetique.page-gamme #filtres-select .dropdown-menu > li > a {
    color: #FFF;
    font-size: 16px;
    font-family: 'pantonbold', sans-serif;
}
#nutraceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle,
#pharmaceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle,
#cosmetique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle {
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #a9a8a8;
    font-family: "pantonbold",sans-serif;
    font-size: 16px;
}
#nutraceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle .caret,
#pharmaceutique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle .caret,
#cosmetique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle .caret {
    height: 13px;
    margin-top: -6px;
    width: 11px;
}
#cosmetique.page-gamme #filtres-select .bootstrap-select.btn-group .dropdown-toggle .caret {
    background: url('/media/images/caret_violet.png') bottom center no-repeat;
}
#nutraceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder,
#nutraceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
#nutraceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
#nutraceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
#pharmaceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder, 
#pharmaceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active, 
#pharmaceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
#pharmaceutique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
#cosmetique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder, 
#cosmetique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:active, 
#cosmetique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
#cosmetique.page-gamme #filtres-select .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #a9a8a8;
    font-family: "pantonbold",sans-serif;
    font-size: 16px;
}
#cosmetique.page-gamme #filtres-select .col-sm-2 {
    margin-top: 3px;
}
.tableau-cosmetique > tbody > tr:hover {
    background-color: #f7e8f2;
}
.tableau-cosmetique td,
.tableau-cosmetique th {
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
}
.tableau-cosmetique th {
    color: #a9a8a8;
    font-family: "pantonbold",sans-serif;
    font-size: 16px;
    margin-bottom: 12px;
}
.tableau-cosmetique td {
    font-size: 11px;
}
.tableau-cosmetique td.concept {
    font-size: 16px;
}
.tableau-cosmetique td.fiche {
    font-size: 14px;
}
.tableau-cosmetique .glyphicon-chevron-right {
    color: #ad2083;
}
#recherche .mfp-bg,
#cosmetique.page-gamme .mfp-bg {
    background: transparent;
}
#recherche .mfp-close-btn-in .mfp-close,
#cosmetique.page-gamme .mfp-close-btn-in .mfp-close {
    color: #FFF;
}
#recherche .purple-popup .col-sm-6,
#cosmetique.page-gamme .purple-popup .col-sm-6 {
    padding: 10px 15px 10px 0;
}
#recherche .purple-popup,
#cosmetique.page-gamme .purple-popup {
    color: #FFF;
    position: relative;
    background: #ad2083;
    padding: 0;
    width: auto;
    max-width: 450px;
    margin: 0 auto;
    box-shadow: 0 0 15px #bbbbbb;
}
#recherche .purple-popup a,
#cosmetique.page-gamme .purple-popup a {
    color: #FFF;
    background: url('/media/images/picto_download.png') center right no-repeat;
    padding-right: 20px;
}

/* page gamme - food */
#nutrition.page-gamme h1 {
    margin-top: 50px;
}
#nutrition.page-gamme #scroll-icon {
    margin-top: 185px;
    margin-bottom: 60px;
}
#nutrition.page-gamme #valeurs-ajoutees {
    margin-bottom: 200px;
}
#nutrition.page-gamme .background1 {
    position: absolute;
    left: 10px;
    top: 0;
}
#nutrition.page-gamme .background2 {
    position: absolute;
    left: -115px;
    top: -125px;
} 
#nutrition.page-gamme #animated-image {
    position: absolute;
    left: -1400px;
    z-index: -1;
}
#nutrition.page-gamme #votre-probleme {
    visibility:hidden;
    opacity:0;
}
#nutrition.page-gamme #lien-nutraceutique {
    height: 90px;
}
#nutrition.page-gamme #lien-nutraceutique a {
    color: #484646; 
    right: -2000px; 
    position: absolute;
}
#arborescence-nutrition .matiere.haszoomsur.active {
    border-color: #ff9900;
    background-color: #ff9900;
}
#arborescence-nutrition .zoomsur {
    border-color: #ff9900;
}

/* page gamme - chimie */
#chimie.page-gamme h1 {
    margin-top: 100px;
}
#chimie.page-gamme .background1 {
    position: absolute;
    right: 70px;
    top: 0;
}
#chimie.page-gamme #valeurs-ajoutees {
    margin-bottom: 200px;
}
#chimie.page-gamme #scroll-icon {
    margin-top: 235px;
    margin-bottom: 100px;
}
#arborescence-chimie {
    height: 250px;
}
#arborescence-chimie .matiere.haszoomsur.active {
    border-color: #4797bd;
    background-color: #4797bd;
}
#arborescence-chimie .zoomsur {
    border-color: #4797bd;
}

/* page developpemnt durable */
#developpement-durable {
    /*background: url('/media/images/page_developpement_durable/ecovadis2.png');
    background-repeat: no-repeat;
    background-position-x: calc(100% - 70px);
    background-position-y: 50px;*/
}
#developpement-durable .langs ul {
    margin-right: 0;
}
#developpement-durable .colored-text p {
    line-height: 1.1;
}
#developpement-durable #upline img {
    margin-top: 150px;
}
#developpement-durable #fleur,
#developpement-durable #axes {
    margin-bottom: 120px;
}
#developpement-durable h3 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px;
}
#developpement-durable .action .col-md-offset-1:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    border-left: 1px solid #a6cc39;
    top: 0px;
    left: -15px;
}
#developpement-durable .action .col-md-offset-1 ul {
    margin-left: 15px !important;
}
#developpement-durable .action .col-md-offset-1 ul li {
    list-style-type: disc !important;
    padding-left: 0 !important;
}
#developpement-durable .action .col-md-offset-1 ul li:before {
    display: none !important;
}

#sustainabilitybox #en-savoir-plus .col-md-5:after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    border-left: 2px solid #e9e8e8;
    top: 0px;
    right: -8.33333333%;
}
#quick-links-rse {
    position: fixed;
    right: 15px;
    z-index: 99;
}
#quick-links-rse li {
    padding: 0 2px !important;
}
#quick-links-rse li:before {
    display: none !important;
}
#quick-links-rse li a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#recherche .invisible0 {
    visibility: visible !important;
    opacity: 1 !important;
}
#recherche .matched-text {
    height: 20px;
    overflow: hidden;
}

.search-form {
    margin-left: 20px;
    margin-bottom: 20px;
}
.search-form .form-control {
    background-color: transparent;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    font-family: 'pantonregular', sans-serif;
    font-weight: 400;
}
.search-form .input-group-addon {
    color: #FFF;
    background: transparent;
    border: none;
    border-bottom: 1px solid #FFF;
    border-radius: 0;
    cursor: pointer;
}
.search-form .glyphicon {
    margin: 0 !important;
    font-size: 15px !important;
}

header .search-form {
    float: right;
    margin-right: 50px;
    max-width: 250px;
}

header .search-form .form-control,
header .search-form .input-group-addon {
    border-bottom: 1px solid #A6CC39;
    color: #000;
}

/* Page societe */
body#societe h1 {
    margin-bottom: 120px;
}
body#societe #upline .image-absolute {
    position: absolute;
    top: -30px;
    left: 30px;
}
body#societe #upline .accroche {
    text-indent: 30px; 
}
body#societe #upline .accroche p {
    margin-bottom: 20px;
}
body#societe #upline .inlineblock p {
    margin-left: 50px;
}
body#societe #upline .fond-ombre {
    background: url('/media/images/page_societe/ombre.png') bottom center no-repeat;
}
body#societe .caveat {
    line-height: 1.1;
}
body#societe #etre-smart #definition {
    margin-top: 120px;
}
body#societe #etre-smart #definition p {
    line-height: 1.1;
}
body#eshoplab #avantages .col-md-offset-1:before,
body#societe #philosophie .col-md-offset-1:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    border-left: 1px solid #d9d9d9;
    top: 0px;
    left: -60px;
}
body#societe #territoires #territoires-map {
    cursor: pointer;
}
body#societe #territoires #territoires-map-images {
    /* Preload images for smooth hover effect */
    background: 
        url('/media/images/page_societe/worldmap_distribution.jpg') no-repeat left top, 
        url('/media/images/page_societe/worldmap_importation.jpg') no-repeat left top
    ;
}
body#societe #territoires .legende .legende-text {
    padding-left: 60px;
    line-height: 1.1;
}
body#societe #territoires .legende .bureau .legende-text {
    padding-left: 40px;
}
body#societe #territoires .legende .legende-text:before {
    content: '';
    position: absolute;
    left: 0;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: inline-block;
}
body#societe #territoires .legende .bureau .legende-text:before {
    background-color: #2f6677;
    width: 10px;
    height: 10px;
    display: inline-block;
}
body#societe #territoires .legende .distribution .legende-text:before {
    background-color: #a6cc39;
}
body#societe #territoires .legende .importation  .legende-text:before {
    background-color: #f28277;
}
body#societe #direction .inlineblock {
    cursor: pointer;
}
body#societe #direction .inlineblock p {
    margin-left: 20px;
}
body#societe #direction .toggle-rollhover {
    position: absolute;
    top: 205px;
    right: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/media/images/picto_plus.png') center center no-repeat;
}
body#societe #adn .list-item {
    background: url('/media/images/page_societe/ligne_horizontale.png') center 75px repeat-x;
}
body#societe #adn .list-item.first {
    background: url('/media/images/page_societe/ligne_horizontale_left.png') left 75px no-repeat;
}
body#societe #adn .list-item.fourth {
    background: url('/media/images/page_societe/ligne_horizontale_right.png') right 75px no-repeat;
}
body#societe #timeline-content {
    background: url('/media/images/page_societe/filet_vertical_md.png') center top no-repeat;
}
body#societe #timeline-left .timeline-item {
    padding-right: 15px;
}
body#societe #timeline-right .timeline-item {
    padding-left: 15px;
}
body#societe #timeline-left #item1 {
    margin-top: 10px; 
    height: 520px;
}
body#societe #timeline-left #item3 {
    height: 225px;
}
body#societe #timeline-left #item4 {
    height: 200px;
}
body#societe #timeline-left #item6 {
    height: 150px;
}
body#societe #timeline-right #item2 {
    margin-top: 300px; 
    height: 570px;
}
body#societe #timeline-right #item5 {
    height: 140px;
}


/* page services */
body#services #smart-track ul {
    margin-left: 30px;
    margin-top: 30px;
}
body#services #carousel ul {
    margin-left: 30px;
}
body#services #carousel ul li,
body#services #smart-track ul li {
    margin-bottom: 5px;
}
body#services #partenaires img {
    margin: 15px 8px;
}
body#services #savoir-plus {
    margin-bottom: 100px;
}
body#services #savoir-plus .bordered-box {
    min-height: 180px;
}
body#services #savoir-plus img.image-absolute {
  left: -185px;
  position: absolute;
  top: -10px;
}
body#services #contact {
    padding: 25px;
}
body#services #contact .inlineblock p {
    margin-left: 25px;
}

/* page whoswho */
body#whoswho #coordonnees {
    padding-left: 15px;
}
body#whoswho #coordonnees p {
    margin-bottom: 30px;
}
body#whoswho #resultats-liste .inlineblock {
    width: 200px;
}
body#whoswho #resultats-liste .inlineblock .text-left {
    margin-left: 20px;
    height: 105px;
    overflow: hidden;
}
body#whoswho #resultats-liste .inlineblock span.f-size14 {
    margin-bottom: 2px;
}
body#whoswho .image-absolute {
    left: 50%;
    margin-left: -94px;
    position: absolute;
    top: -6px;
    /*background: url('/media/images/page_whoswho/fond_cadre_photo.png') center top no-repeat;*/
}


body#smart-engagements #timeline-content {
    background: url('/media/images/page_smart_engagements/filet_vertical.png') center top repeat-y;
}
body#smart-engagements #timeline-content .timeline-item {
    background-image: url('/media/images/page_smart_engagements/filet_horizontal_md.png');
    background-repeat: no-repeat;
}
body#smart-engagements #timeline-content #timeline-left .timeline-item {
    background-position: right center;
}
body#smart-engagements #timeline-content #timeline-right .timeline-item {
    background-position: left center;
}
body#smart-engagements #timeline-content #timeline-left .timeline-item:before,
body#smart-engagements #timeline-content #timeline-right .timeline-item:before {
    display: block;
    content: '';
    height: 100%;
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: url('/media/images/page_smart_engagements/rond.png') center center no-repeat;
}
body#smart-engagements #timeline-content #timeline-left .timeline-item:before {
    right: -8px;
}
body#smart-engagements #timeline-content #timeline-right .timeline-item:before {
    left: -8px;
}
body#smart-engagements #timeline-content #timeline-right {
    margin-top: 140px;
}
body#smart-engagements #timeline-content .rollhover-title strong {
    font-family: 'panton_blackregular', sans-serif;
}
body#smart-engagements #timeline-content .rollhover-title a.inlineblock {
    background: url('/media/images/picto_plus.png') center center no-repeat;
    width: 25px;
    height: 25px;
}
body#smart-engagements #timeline-content .rollhover-title a.inlineblock:hover {
    background: url('/media/images/picto_minus.png') center center no-repeat;
}
body#smart-engagements #timeline-content .rollhover {
    position: absolute;
    background: #FFF;
    padding: 20px;
    box-shadow: 0 0 15px #bbbbbb;
    z-index: 2;
}
body#smart-engagements #timeline-content .rollhover p {
    margin: 0;
}

/* page carrieres */
body#carrieres .poste-unit-wrapper {
    border: 1px solid #e5e5e5;
    padding: 30px;
}
body#carrieres .poste-unit-wrapper .poste-description ul {
    margin-left: 30px;
}
body#carrieres .poste-unit-wrapper .poste-description ul li {
    margin-bottom: 5px;
}
body#carrieres .poste-unit-wrapper .poste-infos li {
    padding: 0 12px;
}
body#carrieres .poste-unit-wrapper .poste-infos li:first-child {
    padding-left: 5px;
}
body#carrieres .poste-unit-wrapper .poste-infos li:before {
    content: '•';
    display: block;
    float: left;
    margin-left: -15px;
}
body#carrieres .poste-unit-wrapper .poste-infos li:first-child:before {
    display: none;
}
body#carrieres .poste-unit-wrapper .fermerAnnonce {
    background: url('/media/images/picto_croix.png') center center no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 30px;
    right: 30px;
    display: none;
}
body#eshoplab h2 {
    font-size: 23px;
}
body#eshoplab .accroche a {
    padding: 15px 50px;
    margin-top: 20px;
}
body#eshoplab .baseline li::before,
body#eshoplab .accroche li::before {
    color: #569297 !important;
}
body#eshoplab .accroche ul,
body#eshoplab .baseline ul {
    margin-bottom: 0;
}
body#eshoplab .accroche li:last-child,
body#eshoplab .baseline li:last-child {
    margin: 0;
}
body#eshoplab .col-sm-4 img {
    max-height: 540px;
}

/* Owl carousel */
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    text-indent: -9999px;
    width: 40px;
    height: 39px;
    top: 180px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
    background: url('/media/images/large-prev-button.png') center center no-repeat;
    left: 0;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
    background: url('/media/images/large-prev-button-over.png') center center no-repeat;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
    background: url('/media/images/large-next-button.png') center center no-repeat;
    right: 0;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
    background: url('/media/images/large-next-button.png') center center no-repeat;
}
.owl-carousel .owl-controls .owl-dots {
    /*bottom: 20px;*/
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: -30px;
}
.owl-carousel .owl-controls .owl-dot {
    background: rgba(0, 0, 0, 0) url("/media/images/dots.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;
}
.owl-carousel .owl-controls .owl-dot.active {
    background: rgba(0, 0, 0, 0) url("/media/images/dots_active.png") no-repeat scroll 0 0;
}

/* Sticky nav */
#sticky-nav li {
    width: 16.66666667%;
    line-height: 1.1;
}
#sticky-nav li a {
    color: #a9a8a8;
}
#sticky-nav li a:hover {
    text-decoration: none;
}
#sticky-nav li.active a {
    color: #231f20
}
#sticky-nav .affix {
    top:0;
    max-width: 1140px;
    z-index: 9999 !important;
    background: #FFF;
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}

#chroniques-filters-nav .affix {
    top:0;
    max-width: 1140px;
    width: 100%;
    z-index: 9999 !important;
    background: #FFF;
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
    border-top: none;
}

/* Static nav */
#static-nav li {
    /*width: 14.285714285714285714285714285714%;*/
    width: 12.5%;
    line-height: 1.1;
    font-size: 14px;
}
body#smart-engagements #static-nav li {
    width: 16.66666667%;
}
#static-nav li a {
    color: #a9a8a8;
}
#static-nav li a:hover {
    text-decoration: none;
}
#static-nav li.active a {
    color: #231f20
}
#static-nav {
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}


/* Push blocks */
#push-blocks .ptop40 {
    border-top: 1px solid #e9e8e8;
}
#push-blocks a:hover {
    text-decoration: none;
    opacity: 0.9;
}
#push-blocks .with-arrow {
    padding-left: 45px;
}
#push-blocks .with-arrow a {
    padding-right: 70px;
}
#push-blocks .with-arrow a:after {
    content: 'u';
    font-family: 'panton_icons_d_fillbold', sans-serif;
    color: #a6cc39;
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
}
#push-blocks img {
    border: 1px solid #d9d9d9;
}


/* Happy */
body#happy,
body#happy.pharmaceutique {
    background: #a6cc39 url(/media/images/logos_anniversaire/bg_unipex_pharmaceutique_new.jpg) no-repeat center top;
}
body#happy.chimie {
    background: #4d98bc url(/media/images/logos_anniversaire/bg_unipex_chimie_new.jpg) no-repeat center top;
}
body#happy.cosmetique {
    background: #ad2083 url(/media/images/logos_anniversaire/bg_unipex_cosmetique_new.jpg) no-repeat center top;
}
body#happy.nutrition {
    background: #ff9900 url(/media/images/logos_anniversaire/bg_unipex_nutrition_new.jpg) no-repeat center top;
}
body#happy {
    background-size: 50% !important;
    overflow-x: hidden;
}
body#happy header,
body#happy footer {
    display: none;
}
body#happy h1 {
    margin-top: 400px;
}
body#happy #myDiv {
    margin-top: -30px;
}
.langs ul {
    margin-right: 150px;
}

.happy {
    color: #a6cc39!important;
}

/* Menu logo anniversaire */
.logo-menu-anniversaire {
    margin-top: 40px;
    width: 20rem;
}

.anniversaire-coin {
    position: absolute;
    top: -10px;
    right: 0;
}

header .tooltip-inner {
    background-color: #569297;
}
header .tooltip.left .tooltip-arrow {
    border-left-color: #569297;
}
header .tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

/* Annimation corner */
.lien-anniversaire {
    z-index: 1000;
    position: fixed;
    top: 5px;
    right: 5px;
    width: 95px;
    height: 95px;
    overflow: hidden;
    font-family: 'pantonbold', sans-serif;
    font-size: 14px;
    line-height: 16px;
    border-radius: 50%;
    background-color: #6cbabc;
    color: #FFF;
    text-align: center;
    padding-top: 14px;
    box-shadow: inset -6px -4px 0px 0px #569297;
    transition: all 0.5s ease;
    display: none;
}
.lien-anniversaire:hover {
    color: #FFF;
    text-decoration: none;
    box-shadow: inset 0px 0px 0px 7px #569297;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-name: mymove;
    animation-iteration-count: infinite;
}
.lien-anniversaire .fa {
    font-size: 24px;
    margin-bottom: 5px;
}

.lien-anniversaire .corner-anniversaire {
    width: 163px;
    height: 192px;
    z-index: 999;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #a5cb39;
    background-repeat: no-repeat;
    background-position: right top;
}
.lien-anniversaire .corner-anniversaire.corner-anniversaire-fr {
    /*background-image: url(/media/images/logos_anniversaire/coin-videos-fr.jpg);*/
}
.lien-anniversaire .corner-anniversaire.corner-anniversaire-en {
    /*background-image: url(/media/images/logos_anniversaire/coin-videos-en.jpg);*/
}
.lien-anniversaire .corner-anniversaire.corner-anniversaire-nl {
    /*background-image: url(/media/images/logos_anniversaire/coin-videos-nl.jpg);*/
}

.lien-anniversaire img {
    position: absolute;
    right: 0;
    top: 0;
    width: 78%;
    z-index: 1001;
}

body#homepage .lien-anniversaire,
body#pharmaceutique .lien-anniversaire,
body#services .lien-anniversaire,
body#eshoplab .lien-anniversaire {
    display: block;
}

@media (max-width: 767px) {
    #menu-profil .btn-group {
        display: block;
        width: 100%;
        margin-bottom: 2px;
    }
    #menu-profil .btn-group .btn {
        float: none;
    }
    .affix {
        position: static !important;
    }
    .chronique-highlight .figure-caption {
        position: static;
    }
    #developpement-durable {
        background-size: 180px;
    }
    .text-pt130,
    .text-pt100 {
		font-size: 40px;
        line-height: 40px;
    }
    .logo img {
        max-width: 70px;
    }
    .page-profil .titre-profil span,
    .page-gamme .titre-profil span {
        font-size: 30px;
    }
    .rounded-divs .list-title {
        text-align: center;
    }
    header .mbot10 {
        margin: 0;
    }
    body#homepage #bloc-marque .logo,
    body#societe .fond-ombre,
    .page-gamme .intro p,
    .rounded-divs .list-title p {
        padding: 0 !important;
    }
    .page-profil h2 {
        text-align: center;
    }
    .page-profil #points-forts .rollhover {
        margin-bottom: 30px !important;
    }
	body#homepage .logo-background {
		background: none;
	}
	body#homepage h1 {
		font-size: 18px;
	}
	body#homepage h2.pt-extrabold {
		font-size: 30px;
        margin-bottom: 80px;
	}
	body#homepage .mbot200 {
		margin-bottom: 50px;
	}
    footer .liens .list-inline {
        margin-top: 20px;
    }
    footer .liens .list-inline > li {
        display: block;
    }
    footer .liens .list-inline > li.copyright {
        margin-bottom: 10px;
    }
    body#services #savoir-plus,
    body#whoswho #upline,
    body#smart-engagements #upline,
    body#whoswho #filtres,
    body#services #upline,
    body#societe #upline,
    .page-gamme #specialistes,
    .page-gamme #points-forts,
    footer .liens a {
        margin: 0;
    }
    #developpement-durable .action .col-md-offset-1:before,
    #sustainabilitybox #en-savoir-plus .col-md-5:after,
    .page-profil #strategie-rse .col-md-offset-2:before,
    .page-profil #encart_lien .col-sm-offset-1:before {
        display: none;
    }
    .text-center-xs {
        text-align: center;
    }
    body#services h1,
    body#societe h1,
    .page-gamme #partenaires,
    .page-gamme #valeurs-ajoutees,
    .page-gamme #upline {
        margin-bottom: 40px !important;
    }
    .page-gamme #liens .bordered-box {
        padding-left: 30px;
    }
    .page-gamme h1 {
        margin-top: 20px !important;
    }
    body#societe #adn .list-item {
        background: none !important;
    }
    body#societe #timeline p {
        font-size: 10px;
    }
    #timeline .text-pt80 {
        font-size: 40px;
        line-height: 40px;
    }
    #timeline .text-pt50 {
        font-size: 25px;
        line-height: 25px;
    }
    #timeline .text-pt60 {
        font-size: 25px;
        line-height: 25px;
    }
    #timeline .text-pt40 {
        font-size: 15px;
        line-height: 15px;
    }
    body#societe #timeline-content {
        background-image: url('/media/images/page_societe/filet_vertical_xs.png');
    }
    body#societe #territoires .legende .legende-text {
        font-size: 8px
    }
    body#societe #territoires .legende .legende-text {
        padding-left: 15px !important
    }
    body#societe #territoires .legende .legende-text:before {
        width: 10px;
        height: 10px;
    }
    body#societe #etre-smart #definition {
        margin-top: 0;
    }
    body#smart-engagements #timeline-content .timeline-item {
        background-image: none;
    }
    #static-nav {
        margin-top: 0;
    }
    #static-nav li {
        width: 100% !important;
        text-align: center;
    }
    body#smart-engagements #timeline-content #timeline-right {
        margin-top: 70px;
    }
    #side-menu .side-menu-col {
        float: none;
        height: auto;
        width: 100% !important;
        padding-bottom: 0;
    }
    #side-menu .fixed-height-div {
        padding: 0;
    }
    #side-menu #side-menu-col1 {
        float: left;
        width: 40px !important;
    }
    #side-menu #side-menu-col2 ul {
        margin-top: 0;
        font-size: 12px !important;
    }
    #side-menu #side-menu-col2 img {
        /*width: 50px;*/
        width: 100px;
        position: static;
    }
    #side-menu #side-menu-col2 .fixed-height-div {
        /*position: absolute;
        right: 15px;
        top: 15px;*/
        margin-bottom: 25px;
    }
    .search-form {
        margin-left: 0;
    }
    #side-menu #side-menu-col4 span {
        font-size: 14px !important;
        margin-bottom: 0;
    }
    #chroniques-filters .btn  {
        width: 100%;
    }
    #actualites-filters ul li,
    #actualites-filters ul li a{
        width: 100%;
        margin: 0;
        text-align: center;
        display: block;
        height: 25px;
        line-height: 25px;
    }
    #actualites-filters ul li {
        margin-bottom: 2px;
    }
    #side-menu .fixed-height-div {
        height: auto;
    }
    body#carrieres .poste-unit-wrapper .poste-infos li:before,
    #scrollUp {
        display: none !important;
    }
    footer .copyright {
        display: block;
    }
    .dropzone .dz-default.dz-message {
        width: 250px;
        margin-left: -125px;
    }
    body#homepage h3 {
        font-size: 26px;
    }
    .intro .pt-black {
        font-size: 26px;
        line-height: 26px;
    }
    body#happy {
        background-size: 80%;
    }
    body#happy h1 {
        margin-top: 250px;
        font-size: 30px;
    }
    .langs ul {
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    #menu-profil .btn-group:hover > .dropdown-menu,
    #chroniques-filters .btn-group:hover > .dropdown-menu {
        display: block;
    }
}
@media (max-width: 991px) {
    #developpement-durable .action .col-md-offset-1:before,
    #sustainabilitybox #en-savoir-plus .col-md-5:after,
    .page-profil #strategie-rse .col-md-offset-2:before{
        display: none;
    }
    .page-profil h2 {
        font-size: 30px;
        line-height: 30px;
    }
	.description-gamme a.btn,
	.description-gamme p {
		margin-left: 0px;
	}
	.description-gamme p {
		width: auto;
	}
	#menu-profil ul {
		margin: 0;
        width: 100%;
	}
	#menu-profil ul li {
		display: block;
		width: 100%;
		margin: 1px 0 0 0;
	}
    footer .reseaux,
    footer .liens {
        text-align: center;
    }
    .page-gamme #baseline {
        padding-left: 15px;
        padding-top: 0;
    }
    #specialistes-coordonnees {
        text-align: center;
    }
    #specialistes-coordonnees .pull-left-md {
        float: none !important;
        display: inline-block;
    }
    h2.f-size40,
    h3.f-size40 {
       font-size: 30px; 
    }
    #developpement-durable .colored-text p {
        font-size: 25px;
    }
    #push-blocks .with-arrow {
        font-size: 14px;
        padding-left: 0;
        margin-top: 5px;
    }
    #push-blocks .with-arrow a {
        padding-right: 0;
    }
    #push-blocks .with-arrow a:after {
        right: 0;
    }
    body#eshoplab #avantages .col-md-offset-1:before,
    body#societe #philosophie .col-md-offset-1:before {
        display: none;
    }
    body#societe #etre-smart #definition {
        font-size: 26px;
    }
    .bootstrap-select.btn-group .dropdown-toggle {
        font-size: 16px;
    }
    .bootstrap-select > .dropdown-toggle.bs-placeholder, 
    .bootstrap-select > .dropdown-toggle.bs-placeholder:active, 
    .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
    .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
        font-size: 16px;
    }
    .container-fluid {
        padding-left: 15px;
    }
    header .container-fluid {
        padding-left: 50px;
    }
    .actualite-titre {
        font-size: 25px;
    }
    #contact-marketing .mtop60 {
        margin: 0;
    }
    #contact-marketing p:not(.f-size18) {
        font-size: 12px;
    }
    .pr200 {
        padding-right: 0;
    }
    #smart-alert {
        top: 45px;
    }
}
@media (max-width: 1199px) {
    .rounded-divs .list-title p {
        font-size: 18px;
        line-height: 24px;
    }
    .rounded-divs .valign-middle {
        height: 160px;
        width: 160px;
    }
    .rounded-divs .valign-middle .caption {
        border-radius: 160px;
    }
    .rounded-divs .list-item .valign-middle p {
        font-family: "pantonregular",sans-serif;
        font-size: 13px;
        line-height: 13px;
    }
    .rounded-divs .list-item .valign-middle p span {
        font-size: 16px;
        line-height: 16px;
    }
    .page-profil #points-forts .rollhover {
        visibility: visible !important;
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 60px;
    }
    body#societe #direction .rollhover {
        display: block !important;
        position: static;
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .page-profil #points-forts .hover.third {
        clear: both;
    }
    #side-menu.expanded {
        width: 90%;
    }
    #side-menu #side-menu-col2 {
        width: 38%;
    }
    #side-menu #side-menu-col2 .glyphicon {
        font-size: 15px;
        margin-top: 0px;
    }
    #side-menu #side-menu-col2 ul {
        margin-left: 0;
        font-size: 16px;
    }
    #side-menu #side-menu-col2 ul ul {
        margin-left: 15px;
    }
    #side-menu #side-menu-col4 {
        width: 30%;
    }
    #side-menu #side-menu-col5 {
        width: 32%;
    }
	body#societe .caveat {
		font-size: 26px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    #developpement-durable {
        background-size: 300px;
    }
    .text-center-sm {
        text-align: center;
    }
    .rounded-divs .list-title .valign-middle {
        height: 100px;
    }
    footer .liens {
        margin-bottom: 40px;
    }
    .page-gamme #upline {
        margin-bottom: 100px;
    }
    #nutrition.page-gamme #valeurs-ajoutees,
    #cosmetique.page-gamme #valeurs-ajoutees,
    #chimie.page-gamme #valeurs-ajoutees {
        margin-bottom: 100px;
    }
    body#societe #territoires .legende .legende-text {
        font-size: 14px
    }
    body#societe #timeline-content {
        background-image: url('/media/images/page_societe/filet_vertical_sm.png');
    }
    #static-nav li,
    #sticky-nav li {
        font-size: 10px;
    }
    body#smart-engagements #timeline-content .timeline-item {
        background-image: url('/media/images/page_smart_engagements/filet_horizontal_sm.png');
    }
    #timeline .text-pt60 {
        font-size: 30px;
        line-height: 30px;
    }
    #timeline .text-pt40 {
        font-size: 20px;
        line-height: 20px;
    }
    #datepicker-wrapper {
        width: 285px;
    }
    #datepicker-current-month {
        font-size: 22px;
        text-align: left;
        padding-left: 25px;
        margin-bottom: 25px;
    }
    #datepicker-current-month img {
        right: 25px;
        top: 2px;
    }
    #contactBlock .f-size22 {
        font-size: 18px;
    }
    #contactBlock .col-sm-2 {
        padding-right: 0;
    }
    #arborescence-nutrition {
        height: 400px;
    }
    #arborescence-chimie {
        height: 450px;
    }
    #arborescence-pharmaceutique {
        height: 350px;
    }
    #arborescence-cosmetique {
        height: 600px;
    }
    #arborescence-pharmaceutique > ul > li.list0 {
        margin-left: 0px;
    }
    #arborescence-pharmaceutique > ul > li.list3 .rubrique1-wrapper,
    #arborescence-pharmaceutique > ul > li.list4 .rubrique1-wrapper {
        padding: 0;
    }
    body#happy {
        background-size: 70%;
    }
    body#happy h1 {
        margin-top: 300px;
    }
    /*.lien-anniversaire {
        width: 105px;
        height: 115px;
    }*/
    .lien-anniversaire .corner-anniversaire {
        background-size: 60%;
        width: 105px;
        height: 115px;
    }
    .lien-anniversaire img {
        width: 100%;
    }
    #smart-alert {
        top: 215px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.left-column-wrapper {
		width: 470px;
	}
    .page-gamme #upline {
        margin-bottom: 300px;
    }
    #nutrition.page-gamme .background2 {
        left: -215px;
    }
    #cosmetique.page-gamme .background2 {
        left: -150px;
        top: 20px;
    }
	#menu-profil ul li {
		font-size: 18px;
	}
    #side-menu #side-menu-col2 ul {
        margin-left: 0;
        font-size: 21px;
    }
	#static-nav li,
	#sticky-nav li {
		font-size: 14px;
	}
    body#happy h1 {
        margin-top: 300px;
    }
}

@media (min-width: 768px) {
    .text-pt130 {
        font-size: 80px;
        line-height: 60px;
    }
    .text-pt100 {
        font-size: 70px;
        line-height: 50px;
    }
} 

@media (min-width: 992px) {
	.pull-right-md {
		float: right !important;
	}
	.pull-left-md {
		float: left !important;
	}
    .text-pt130 {
        font-size: 80px;
        line-height: 70px;
    }
    .text-pt100 {
        font-size: 60px;
        line-height: 60px;
    }
    body#whoswho #resultats-liste {
        border-right: 1px solid #d9d9d9;
    }
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}  

@media (min-width: 1200px) {
    .page-profil #points-forts {
        margin-bottom: 120px;
        max-width: 1400px;
        margin: 0 auto;
    }
    .page-profil #points-forts .rollhover {
        /*top: -70px;*/
        width: 400px;
        /*position: relative;*/
        position: absolute;
        margin-top: -70px;
        box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1); 
        padding: 40px 60px;
        background: #FFF;
        z-index: 2;
    }
    body#societe #direction .rollhover {
        top: 250px;
        width: 400px;
        position: absolute;
        box-shadow: 0 0 15px #bbbbbb; 
        z-index: 2;
        background: #FFF;
    }
    body#societe #direction .rollhover .rollhover-contenu {
        padding: 30px;
        position: relative;
    }
    body#societe #direction .rollhover .rollhover-contenu:before {
        content: '';
        position: absolute;
        left: 65px;
        top: -21px;
        width: 42px;
        height: 21px;
        background: url('/media/images/arrow_rollhover.png') center center no-repeat;
        z-index: 2;
    }
    .page-profil #points-forts .hover:hover .rollhover {
        visibility: visible !important;
    }
    body#societe #direction .hover:hover .rollhover {
        display: block !important;
    }
    body#societe #direction  .hover:hover .toggle-rollhover {
        background-image: url('/media/images/picto_minus.png');
    }
	.left-column-wrapper {
		width: 570px;
	}
    .text-pt130 {
        font-size: 100px;
        line-height: 80px;
    }
    .text-pt100 {
        font-size: 90px;
        line-height: 70px;
    }
    #side-menu #side-menu-col2 img {
        left: 30px;
    }
    
    body#happy h1 {
        margin-top: 300px;
    }
}

@media (min-width: 1600px) {
    body#societe #direction .rollhover,
    .page-profil #points-forts .rollhover {
        width: 500px;
    }
    .text-pt100 {
        font-size: 100px;
        line-height: 80px;
    }
    .text-pt130 {
        font-size: 110px;
        line-height: 100px;
    }
    #side-menu {
        position: fixed;
    }
    #side-menu.collapsed {
        width: 40px;
        height: 100%;
        background: #cccccc;
    }
    
    body#happy h1 {
        margin-top: 350px;
    }
    body#happy {
        background-size: 75% !important;
        background-position: center -200px;
    }
}


@media (min-width: 1800px) {
    #pharmaceutique.page-gamme .background2 {
        width: 100%;
    }
    .text-pt130 {
        font-size: 130px;
        line-height: 110px;
    }
    
    body#happy h1 {
        margin-top: 400px;
    }
}