/****** System ************************************/
.container           { max-width: 1170px; }
.container.full { max-width: none;  }
.uni-height-col:after { content:" "; display:table; clear:both; }
.print { display: none }
.both { clear: both; padding: 0; margin: 0; line-height: 0; border: none !important; }
.left { float: left !important; }
.right { float: right !important; }
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.hide { display: none; }
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@keyframes rotate {
from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

.frame-container {
  margin-right: auto !important;
  margin-left: auto !important;
}

@font-face {
  font-family: Canaro;
  src: url('/fileadmin/template/fonts/Canaro-LightDEMO.otf');
}

@font-face {
  font-family: Ferdaos;
  src: url('../fonts/Ferdaos-Zd-Normal.ttf');
}

/* Droid Arabic Kufi (Arabic) https: //www.google.com/webfonts/earlyaccess */
@font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype'); }
@font-face { font-family: 'Avenir LT Std 95 Black'; src: url('../fonts/avenir-lt-std/AvenirLTStd-Black.eot'); src: url('../fonts/avenir-lt-std/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir-lt-std/AvenirLTStd-Black.woff2') format('woff2'), url('../fonts/avenir-lt-std/AvenirLTStd-Black.woff') format('woff'), url('../fonts/avenir-lt-std/AvenirLTStd-Black.ttf') format('truetype'), url('../fonts/avenir-lt-std/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Avenir LT Std 35 Light'; src: url('../fonts/avenir-lt-std/AvenirLTStd-Light.eot'); src: url('../fonts/avenir-lt-std/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir-lt-std/AvenirLTStd-Light.woff2') format('woff2'), url('../fonts/avenir-lt-std/AvenirLTStd-Light.woff') format('woff'), url('../fonts/avenir-lt-std/AvenirLTStd-Light.ttf') format('truetype'), url('../fonts/avenir-lt-std/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Avenir LT Std 65 Medium'; src: url('../fonts/avenir-lt-std/AvenirLTStd-Medium.eot'); src: url('../fonts/avenir-lt-std/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir-lt-std/AvenirLTStd-Medium.woff2') format('woff2'), url('../fonts/avenir-lt-std/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/avenir-lt-std/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/avenir-lt-std/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Avenir LT Std 55 Roman'; font-style: normal; font-weight: normal; src: local('Avenir LT Std 55 Roman'), url('../fonts/avenir-lt-std/AvenirLTStd-Roman.woff') format('woff'); }
.table { display: table; margin: 0 auto; }
.blocker{ z-index: 99998 !important; }
.modal{ z-index: 99999 !important; }

html {  }
body { background: #f7f7f7; color: #333; padding: 0; margin: 0; font-family: 'Nunito Sans', sans-serif !important; font-weight: normal; font-style: normal; position: relative; cursor: default; }
#c4>p {display:none!important;}
.wd-null { margin: 0; padding: 0; }
a:hover { cursor: pointer; }
img { max-width: 100%; height: auto; }
/* Enough everywhere except IE8. */
@media \0screen {
img { width: auto }
}
/* Prevent height distortion in IE8. */
img { -ms-interpolation-mode: bicubic; }
img { display: inline-block; vertical-align: middle; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }
a { color: #9B2729/*#37b7c2*/; text-decoration: none; line-height: inherit; }
a:hover, a:focus { color: #9B2729; }
a img { border: none; }
p { font-weight: normal; font-size: 0.98rem; line-height: 1.7; margin-bottom: 0.5rem; text-rendering: optimizeLegibility; text-align:justify; }
p.lead { font-size: 1.21875rem; line-height: 1.6; }
p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; font-style: normal; color: #000; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.7rem; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #000; line-height: 0; }
h1 { font-size: 1.525rem; }
h2 { font-size: 1.3975rem; }
h3 { font-size: 1.175rem; }
h4 { font-size: 0.925rem; }
h5 { font-size: 0.825rem; }
h6 { font-size: 0.725rem; font-weight: bold; }
/* hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } */
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #910b0e; }
ul, ol, dl { line-height: 1.7; margin-bottom: 1.25rem; list-style-position: outside; list-style-type: none;
margin-left: 0; }

.topnews {color:transparent;}
#c117 img {width:100%;height:auto;}
#c4 span.caption {display:block;}
#c4 span.caption p {text-align:center;}

ul.no-bullet { margin-left: 0; }
ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; }
ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; }
li { }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; margin-left: 1.1rem; }
ul.circle { list-style-type: circle; margin-left: 1.1rem; }
ul.disc { list-style-type: disc; margin-left: 1.1rem; }
ul.no-bullet { list-style: none; }
ol { margin-left: 0rem; }
ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; }
dl dt { margin-bottom: 0.3rem; font-weight: bold; }
dl dd { margin-bottom: 0.75rem; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; }
abbr { text-transform: none; }
blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 0.8125rem; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }
blockquote, blockquote p { line-height: 1.7; color: #996229; }


table { display: table; border-collapse: collapse; border-spacing: 1px; background: white; margin-bottom: 1.25rem; border: solid 1px #dddddd; margin: 10px auto; }
table thead, table tfoot { background: #716C2D; color: #FFF }
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.4rem 0.625rem 0.425rem; font-size: 0.775rem; font-weight: bold; color: #FFF; }
table tr th, table tr td { padding: 0.4625rem 0.625rem; font-size: 0.875rem; color: #555555; font-weight: 600; border: 1px solid #ddd; }
table tr th { background: #124A81; color: #FFF; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #E8E8E7; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125rem; text-align: center; }


.btn-secondary {
  color: #fff !important;
  background-color: #5A1A1C !important;
  border-color: #5A1A1C !important;
  border-radius: .25rem !important;
}

/* - START Template elements - */

body>div.container>div.frame:after {  content:" "; display:table; clear:both; }
body>div.container>div.frame {
  float:none !important; 
}

body>.fixed {
  position:fixed;
  width:100%;
  overflow-x:hidden;
  z-index:99 !important;
  background:#fff;
  top:0;
  margin: 0 !important;
  padding:0 !important;
}
body>.main {
  margin:264px 0 0 0 !important;
  padding:0 !important;
  
}

h2 {color:#9B2729 !important; margin-top:1em !important;margin-bottom:2em !important;}


.wd-header-second {padding: 10px 0 !important;}
.Xwd-header-second>div {padding: 0 !important;}
.Xwd-header-second figure {margin: 0 !important;}
#wd-logo figure {max-width: 336px !important; }
#wd-ls figure {max-width: 728px !important;  }


.topbar         {background: #EAEAEA; padding: 3px 0; }
.header         {padding: 0 0 0 0; background: #fff;}
.menu             {background-image: linear-gradient(#f4f4f4, #dbdbdb); margin-top: 0px; font-weight: bold !important;}
.slider         {background: #999; min-height: 400px; margin: 0 0 40px 0; max-height: 800px; min-height: auto; overflow: hidden; direction:ltr !important;}
.footer         {float:none; clear:both; }
.footerA       {background: #1f304e; margin: 0px 0 0 0; }
.footerB       {background: #1b2034; padding: 0 0 10px 0; }
.footerA  h3  {color: #fff; text-transform: uppercase; font-size:.9em; margin-bottom:20px; }

.slider {
  margin: 0 !important;
  padding:0 !important;
  /* width:CALC(100% + 6px); */
  overflow:hidden;
}
.shr-annuaire {margin:60px 0 20px 0 !important; }
.shr-annuaire .row div {margin:10px 0 !important; }
.shr-annuaire h2 { /* white-space:nowrap; */ margin:0 !important; padding:15px 0 !important; font-size:1.4rem; font-weight:900;}
.shr-annuaire {font-size:110%; font-weight:900;}
.slider .nivoSlider {
  /* transform-style: preserve-3d; */
  margin: 0 !important;
  padding:0 !important;
  /* height:432px !important; */
  height:470px !important;
  overflow:hidden !important;
  display:block;
  width:100%;
  text-align:center;
  position:relative;
  background: rgba(0, 0, 0, 0.8);
}
.slider .nivoSlider .nivo-caption {
  width:100%;
  max-width:1170px;
  left: 50%;
  transform: translate(-50%);
  margin: 0;
  padding:0 50px 50px 50px;
  background:none;
  text-shadow: 0px 0px 10px #000;
}
.slider .nivoSlider img {
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); /* compatibilité : ie9+ */ */
  object-fit: cover;
  vertical-align: middle;
  width:auto !important;
  /* height:432px !important; */
  height:500px !important;
  min-width:100% !important;
  margin-left: 50%;
  transform: translate(-50%);
}

.nivo-controlNav { display: none }

.slider .nivo-caption h4 { font-size: 45px; line-height: auto; font-weight: 900; }
.slider .nivo-caption h4 a {border:none !important;}
.slider .nivo-caption h4 a:hover { text-decoration: none;}
.slider .nivo-caption p { color: #fff; padding:1em 0; font-size:1.6em; }
.slider .nivo-caption p a { background: #9b2528 ; color: #fff; -webkit-border-radius: 50px; border-radius: 50px; padding: 12px 30px; text-transform: uppercase; font-weight: bold; font-size: 0.8em; border:none !important; text-decoration:none !important; }
.slider .nivo-caption p a:hover { background: #fff !important; color:#9b2528 ; text-decoration: none;}

.popup0 {
  max-width: 500px;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}


.contnaire { background: #FFF; margin: -100px auto 0; padding: 20px; position: relative; -webkit-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.06); -moz-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.06); box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.06); }

#wd-flag p { background: url(../img/flag-tn.jpg) no-repeat top left; background-size: 40px 30px; min-height:30px; margin:0; padding:2px 0 0 50px; font-size:.8em; line-height:1.2em; }

#wd-slp {vertical-align: text-bottom;}
#wd-slp  a {/*color:#7982c2;*/ color: #9b2729;}
#wd-slp  a:hover {color:#9B2729;}
#wd-search, #wd-lng, #wd-social {display:inline-block; font-size:14px; }
#wd-social {margin:0 0 0 0; font-size:24px; color:#3f94cd; font-weight: 900;}
#wd-lng { display:inline-block; padding:0 0 8px 0;}
#wd-search { display:inline-block; padding:0 8px 8px 8px;}
#wd-search a { font-size:14px; line-height:10px; Xcolor:#fff; display:block; }
#wd-search a:after { content:" "; display:table; clear:both; }
#wd-search a:hover{ color:#C19A4A; }

#searchform input, #searchform label  { margin:5px; }
#searchform label  { padding:5px 0 0 0; }
#searchform input[type="text"] { max-width:250px; }
#ssearchform .tx-indexedsearch-search-submit { padding:0px 0 0 0; width:30px; }
#ssearchform #tx-indexedsearch-searchbox-button-submit { padding:4px; }

#wd-lng .elm a { font-size:14px; line-height:0; Xcolor:#fff; display:block; }
#wd-lng select {background-color: #fafafa00 !important; border:none !important;  margin: 0!important;  }
#wd-lng select:focus {
    resize: none !important;
    outline: none !important;
    border:none !important;
}

#swd-lng .elm a:hover{ color:#9B2729; }

#langform ul{ margin:20px 0 10px 0; padding:0; list-style-type:none; text-align:center; }
#langform ul li { display:inline-block; margin:5px; color:#ddd;}
#langform ul li a{ text-decoration:none; color:#fff; padding:.3em 1em .5em 1em; background-color:#9B2729; -webkit-border-radius:5px; border-radius:5px; }
#langform ul li:hover a { color:#9B2729; background-color:#eee; }
#langform li.arb { font-family: 'Droid Arabic Kufi' !important; }
#langform li.arb a{ padding:.0em 1em .2em 1em; }



fieldset { border: none; }

.wd-search-sel:after {  content: "";  clear: both;  display: table; }
.wd-search-sel { margin:30px 50px; }
.wd-search-sel input, #searchform label  { margin:0; height: 35px; }
.wd-search-sel label  { padding:8px; }
.wd-search-sel .submit  { background:#7982c2; }
.wd-search-sel input[type="text"] { max-width:220px; }
.wd-search-sel .tx-indexedsearch-search-submit { padding:0px 0 0 0; width:30px; }

  
.wd-lng-sel:after {  content: "";  clear: both;  display: table; }
.wd-lng-sel { display: inline-block; margin: 50px auto 40px; }
.rtl .wd-lng-sel { margin:30px 0 30px 100px; }
.wd-lng-sel li { float:left; display:inline-block; }
.wd-lng-sel a, .wd-lng-sel span { background: #7982c2; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 10px; font-weight: bold; margin: 10px 10px; }
.wd-lng-sel a, .wd-lng-sel span { background: #7982c2; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 10px; font-weight: bold; margin: 10px 10px; }
.wd-lng-sel li.arb a, .wd-lng-sel li.arb span { padding: 5px 20px; }
.wd-lng-sel span, .wd-lng-sel a:hover { background: #ddd; color:#7982c2; text-decoration: none !important;}

#searchModal .modal-header, #langModal .modal-header {display:none;}
#searchModal .modal-body, #langModal .modal-body { text-align: center; }

.menu-top { padding:0; margin:0; }
.menu-top ul { padding:0; margin:0; float:right; }
.menu-top ul { }
.menu-top ul:after {  content: " ";  clear: both;  display: table; }
.menu-top li {float:left; }
.menu-top a { text-transform: uppercase; background:#eaeaea; padding:8px 15px; border-left:solid 1px #eee; border-right:solid 1px #ddd; border-bottom:solid 5px #7685bf; color: #4c4c4e; font-weight: bold !important; font-size: .7em; }

.menu-top ul li:nth-child(1) a             { border-bottom:solid 5px #7685bf; color: #7685bf; }
.menu-top ul li:nth-child(1) a:hover { border-bottom:solid 5px #7685bf; color: #fff; background:#7685bf; }
.menu-top ul li:nth-child(2) a             { border-bottom:solid 5px #9B2729; color: #9B2729; }
.menu-top ul li:nth-child(2) a:hover { border-bottom:solid 5px #9B2729; color: #fff; background:#9B2729; }
.menu-top ul li:nth-child(3) a             { border-bottom:solid 5px #1e3348; color: #1e3348; }
.menu-top ul li:nth-child(3) a:hover { border-bottom:solid 5px #1e3348; color: #fff; background:#1e3348; }
.menu-top ul li:nth-child(4) a             { border-bottom:solid 5px #917b6a; color: #917b6a; }
.menu-top ul li:nth-child(4) a:hover { border-bottom:solid 5px #917b6a; color: #fff; background:#917b6a; }
.menu-top ul li:nth-child(5) a             { border-bottom:solid 5px #f2a43a; color: #f2a43a; }
.menu-top ul li:nth-child(5) a:hover { border-bottom:solid 5px #f2a43a; color: #fff; background:#f2a43a; }


h1 i,h2 i,h3 i,h4 i,h5 i,h6 i {
  font-style: normal;
  display:inline-block;
  background-image: linear-gradient(transparent 50%, 50%, #21BCE8 100%);
  background-image: -webkit-linear-gradient(transparent 50%, 50%, #21BCE8 100%);
  background-image: -moz-linear-gradient(transparent 50%, 50%, #21BCE8 100%);
  background-image: -ms-linear-gradient(transparent 50%, 50%, #21BCE8 100%);
  background-image: -o-linear-gradient(transparent 50%, 50%, #21BCE8 100%);
}

.sb_sbr {background: #e0e0e0 ;}
.sb_cnt {padding-left: 25px;}
.col-lef {Xbackground: #cccccc; padding: 20px 0px !important; text-align:left; font-size:.85em !important; }
.col-lef a { line-height:1.25em; font-weight:600; }
.col-lef h2{color: #404040; text-transform: uppercase; font-size: 2.3em; margin: 0 0 40px 0;}
.col-lef .menuPS ul { margin-left: 1rem; }
.col-lef .menuPS li{ margin-top: 10px; }
.col-lef .menuPS li a{ color: #404040; }
.col-lef .menuPS li.act a{ color: #404040; }
.col-lef .menuPS li.act > a{ color: #9B2729; }
.col-lef .menuPS li:before{ content: "\f0c9"; font-family: FontAwesome; color: #404040; margin: 0 5px 0 0; color: #404040; font-size:10px }
.col-lef .menuPS li li:before { content: "\f0da"; font-family: FontAwesome; color: #404040; margin: 0 5px 0 0; }
.col-lef ul.menuPS li.no, .col-lef ul.menuPS li.act0 {display:none;}
.col-lef ul.menuPS.PS0>li.no, .col-lef ul.menuPS.PS0>li.act0 {display:flex;}
.col-lef ul.menuPS li.act>ul>li.no, .col-lef ul.menuPS li.act>ul>li.act0 {display:flex;}
.rtl .col-lef .act {text-align:right;}
.rtl .col-lef .menuPS li li:before {  transform: rotate(180deg); }

.services  {text-align:center; width:100%; padding:10px !important; margin:20px 0 20px 0; background-color:#fff; }
.servicesH  {margin:-50px 0 20px 0; z-index:99; }
.services h2, .services h3 {text-align: center !important; padding:0 !important; margin:0 !important;}
.services>div {width:100%; margin:0; padding:10px; }
.services>div:last-child:after { content:" "; display:table; clear:both; }
.services h2 {font-size: 1.3975rem;}
.services h3 {font-size: 1.0rem; }
.services  a, .services  a:hover {color:#ffffff;}
.services>div {width:100%; margin:10px; padding:0; border:solid 1px #aaa; background-color:#fff ;}
.services>div header {margin: 0;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%); padding:0 !important; width:100% !important; padding:10px;}

.Xservices>div {position: relative; width: 100%; padding-top: 100%;}
.Xservices>div header {position: absolute; top:0; left: 0; bottom:0; right:0;}

.Xservices>div {display: inline-block;position: relative;}
.Xservices>div header {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}




.services>div {
  background-color:#0D466C ;
  background: url(/fileadmin/template/img/recherche-developpement.jpg) no-repeat;
  background-size: cover;
}

.servicesH .back-1 {
  background-color:#0D466C ;
  background: url(/fileadmin/template/img/laboratoire.jpg) no-repeat;
  background-size: cover;
}
.servicesH .back-2 {
  background-color:#0D466C ;
  background: url(/fileadmin/template/img/programme-formation.jpg) no-repeat;
  background-size: cover;
}
.servicesH .back-3 {
  background-color:#0D466C ;
  background: url(/fileadmin/template/img/design-packaging.jpg) no-repeat;
  background-size: cover;
}
.servicesH .back-4 {
  background-color:#0D466C ;
  background: url(/fileadmin/template/img/veille.jpg) no-repeat;
  background-size: cover;
}
.servicesH .back-5 {
  background-color:#0D466C ;
  background: url(/fileadmin/template/img/recherche-developpement.jpg) no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1024px) and (min-width: 768px){
  .services >div {width: 100% !important; margin: auto !important; }
  .services .frame-header h2 { font-size: 1.25rem!important;}
  .services header {}
}


@media screen and (max-width:1024px) { 
  #toggle-menu, #menu a {font-size:.85em !important;}
  .texticon {position:relative;}
  .texticon-icon {opacity: 0.15;}
  .texticon-content {position:absolute;width: CALC(100% - 20px); text-align: center; border: solid 1px red;}
}@media screen and (max-width:600px) { 
  .texticon-content {width: CALC(100% - 10px); clear:both;}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
  .frame-container {max-width: 95% !important;}
  .packaging { width: 32%!important;}
  .pack-titre {width: 100%!important;}
  .footerA {background-size: 80%!important;}
  .content-abonnement1 {width: 100%!important;}
  #Xpage-2 .baniere-middle {width: 100%!important;margin-bottom: 0px !important;}
  .frame-header *:last-child { margin-top: 2rem!important;}
  figure img, figure picture { margin: 0 !important;}
  .frame .baniere-middle{padding-top:0 !important;}
}







.slick-arrow {display:none !important;}

.barometre {text-align:center; width:100%; }
.barometre h2 { font-size: 1.9rem; margin:.5em 0 1.0em 0; font-weight:800; }
.barometre h3 { font-size: 1.6rem; margin:.2em 0 1.5em 0; font-weight:600; color:#7685be;  }
.barometre li   { float:left; display:inline-block; width:25%; margin:0; padding:.5em;  font-weight:600; font-size: 1.2rem; }
.barometre li b { display:block; color:#9B2729; font-weight:800; font-size: 2.6rem; }
.barometre ul:after { content:" "; display:table; clear:both; }
.barometre hr { 
  margin:3em 20% 0 20%;
}

.oe500k {text-align:center; width:100%; }
.oe500k h2 { font-size: 1.9rem; margin:.5em 0 1.0em 0; font-weight:800; }
.oe500k h3 { font-size: 1.6rem; margin:.2em 0 1.5em 0; font-weight:600; color:#7685be;  }
.oe500k div.box   { float:left; display:inline-block; width:33%; margin:0; padding:1em;  }
.oe500k div.box-cnt   { width:100%; margin:0; padding:1.5em; 
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
  background:#f8fbfd; border-radius: 10px; text-align:left;
}
.oe500k div.box h4 { display:block; color:#9B2729; font-weight:400; font-size: 1.1rem; padding:0 0 10px 0; border-bottom: solid 2px #9B2729; position:relative; padding-left:40px; }
.oe500k div.box h4:before { content: "\f085"; color:#1f304e; font-family: FontAwesome; font-size: 30px; position: absolute; top: -10px; left: 0px; }
.oe500k div.box1 h4:before { content: "\f085"; }
.oe500k div.box2 h4:before { content: "\f0a3"; }
.oe500k div.box3 h4:before { content: "\f27a"; }
.oe500k div.box li { padding:5px 0;  }
.oe500k div.box li a { position:relative;  display:block; color:#1f304e;  }
.oe500k div.box li a:after { content: "\f054"; color:#9B2729; font-family: FontAwesome; font-size: 10px; position: absolute; top: 0px; right: 0px; }

.enbref { text-align:center; width:100%; }
.enbref h2 { font-size: 1.9rem; margin:.5em 0 1.0em 0; font-weight:800; }
.enbref h3 { font-size: 1.6rem; margin:.2em 0 1.5em 0; font-weight:600; color:#7685be;  }


iframe {
  max-width:100% !important;
  /* -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); */
  /* -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); */
  /* box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); */
}


.alaune {text-align:center; width:100%; }
.alaune h2 { font-size: 1.9rem; margin:.5em 0 1.0em 0; font-weight:800; color:#404040;}
.alaune .extra, .alaune .lead, .alaune a.btn { display:none; }

.alaune .row {width:32%; background:#f8fbfd;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
  display:inline-block;
  margin:15px 0 15px 2%; 
}
.alauneX .row:first-child {  margin:15px 0 15px 0; }
.alauneX .row:last-child:after {  content:" "; display:table; clear:both; }
.alauneX:after {  content:" "; display:table; clear:both; }

.alaune .row>div{display:block !important; float:none !important; width:100% !important; flex: 0; max-width: 100%;}
.alauneX .row>div:first-child{padding: 0 !important; }
.alauneX .row>div:first-child img {width: 100% !important;}
.alauneX .row>div:last-child {padding-bottom:10px;}
.alaune .row h3 {height: 70px !important; padding:10px;}
.alaune .row a.btn {margin-top:10px;}


.alaune .news-list-view {display: block; }
.alaune .news-list-item {display: block; }
.alaune .col-md-3 {padding-top: 15px !important; }

@media (min-width: 1024px){
  .alaune .news-list-view {display: flex; align-items: stretch; justify-content: space-between;}
  .alaune .news-list-item {display: block; flex: 0 1 auto; padding-top:15px;}
  .alaune .col-md-3 {padding-top: 0px !important; }
}


.cnreOrne { }

.cnre {text-align:left; width:50%; float:left; padding:50px 20px 0 10px; }
.cnre h2 { font-size: 1.9rem; margin:.5em 0 1em 0; font-weight:800; }

.openrne {text-align:center; width:50%; float:left; }
.openrne h2 { font-size: 1.9rem; margin:.5em 0 1.5em 0; font-weight:800; }
.openrne .gallery-item figcaption { margin:-40px 0 0 0; height:40px; background-color: rgba(31, 48, 78, 0.9); color:#fff; font-weight:600; }
.openrne .gallery-row .gallery-item:nth-child(1)             { }
.openrne .gallery-row .gallery-item:nth-child(2)             { width:50%; }
.openrne .gallery-row .gallery-item:nth-child(3)             { width:50%; }

.hr { 
  margin:0 0 !important; padding:0 !important;
}
.hr hr { 
  margin:0 20% 0 20%  !important;
}

.partenaires  {width:100%; clear:both; float:none; }
.partenaires .gallery-item {text-align:center;}
.partenaires figure {max-width:180px; margin:10px auto;
  /* -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); */
  /* -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); */
  /* box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); */
  background:transparent; text-align:left;
}



@media (min-width: 1200px){
  .frame { padding:1rem;}/*
      padding-top: 2rem;
      padding-bottom: 2rem;
  }*/
}



.footer h2 { color: #fff; }
.footer h2:before { content: none; }
.footer ul li { margin: 0 0 .5em 0 !important; line-height: 1.2em; }
.footer ul li a { color: #b3b2b2; font-size: 15px; }
.footer ul li a:hover { color: #61AB21; }
.footer p { color: #b3b2b2; font-size: 0.8em; }
.footerA p { color: #ffffff; font-size: 0.8em; }
.footer a { color: #fff;}
.footer ul li {color: #eaeaea !important;}
.footer{    background: linear-gradient(0deg, #00609C, #029CDA);}
.footerA{ background: url(/fileadmin/template/img/triangles-footer.png); background-repeat: no-repeat; background-position: right bottom; background-size: 35%;}
.footerB {background: linear-gradient(0deg, #00609c, #006eab9e);}
.footerB .frame-container{border-top: #a2afb2 solid 1px;padding-top: 10px;}

ul.social-media{display: block; margin-bottom: 0 !important; }
ul.social-media li {display: inline-block; margin: 0 2px !important; max-width: 25px !important;}
.footer ul.social-media {margin: 0 0 10px 0 !important;}

@media screen and (min-width:800px) {
}@media screen and (max-width:800px) {
  .social-media{text-align:center;  }
}

.footer .frame-container {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

#rootline { font-size: 0.8em; }

.mapouter{position:relative;text-align:right;height:400px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:400px;width:100%;}
@media screen and (max-width:800px) {
  .mapouter{position:relative;float:none;}
}
.news-list-item {
  padding:0 0 20px 0;
  margin:0;
  border-bottom:solid 1px #eee;
}

.c50 {float:left;padding:0 15px;width:50%;}
@media screen and (max-width:1023px) {
  .c50 {float:none;padding:0;width:100%;}
}

/*------------------------- START RESPONSIVE DESIGN -------------------------*/
 @media screen and (min-width:1024px) { 
}@media screen and (min-width:1280px){ 
}@media screen and (max-width:1024px) { 
  .slider .nivoSlider { height:320px !important;  }
  .slider .nivoSlider img { height:320px !important;  }
  .slider .nivoSlider .nivo-caption { padding:0 10px 10px 10px;  }
  .slider .nivo-caption h4 { font-size: 36px; }
}@media screen and (max-width:800px) {
  .alaune .row {width:96%; margin:15px 2% !important;}
  .oe500k div.box   { float:none; display:block; width:100%; padding:1em;  }
  .barometre li   { float:left; display:inline-block; width:50%; margin:0; padding:.5em;  }
  .cnre {width:66%; }
  .openrne {width:34%; }
  .openrne .gallery-row .gallery-item { width:100% !important; }
  #wd-ls {float:none;   margin: 20px auto 0 auto;  }
  .menu-top {}
  .menu-top ul {width: 100%; margin: 30px 0; display: flex; align-items: stretch; justify-content: space-between;}
  .menu-top ul li {display: block; flex: 0 1 auto; }
  .menu-top ul li a {border-left: none; border-right: none;}
}@media screen and (max-width:600px) {
}@media screen and (max-width:599px) {
  .barometre li   { float:left; display:inline-block; width:100%; margin:0; padding:.5em;  }
  .cnre {width:100%; }
  .openrne {width:100%; }
}




/**********************marwa*********************/
/********************************************RNE*******************************************/
.btn-default{
    color: #2b2b2b;
    background-color: #f2f2f3;
    border-color: #cfd2d4;
}

.lead {
    display: none !important;
}

#menu .sub-menu {
    background-color: #e0e0e0 !important;
}

#menu .sub-menu a:hover {
    color: #fff !important;
    background: #444 !important;
}

#c118 h3 {
    font-size: 1.6rem;
    margin: .2em 0 1.5em 0;
    font-weight: 600;
    color: #7685be;
  text-align:center;
}
/*
h4 {
    font-size: 1.6rem;
    margin: .2em 0 1.5em 0;
    font-weight: 600;
    color: #37b7c2;
  text-align:center;
}
*/

h3 {
    color: #9b2629;
}

h4 {
    color: #9B2729;
}

.ltr{
    /* padding-right: 6px; */
}

.cnre {
   padding-bottom: 70px;
}

.search{display:none;
   background:#1F304E;
   height:110px !important;
   padding :15px 0;
}

.search input{
    height: 3.2em;
    font-size: 1.14286em;
}

.search input[type="text"]{
  width: CALC(100% + 170px);
  /* margin-left:50px; */
}

.search form{
  width: 100%;
  display: inline-flex;
}

.search input[type="submit"]{
  width: 160px;
  background:#9B2729;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

#c123 form{
    margin-top: -20px !important;
}

 .rech{
    text-align: right;
    margin-top: -20px;
    float: right;
    padding-right: 33px;
  color:#ffffff !important;
}

/****carousel logos partenaires****/

.partenaires figure {  
  
   transform: translate3d(-1220px, 0px, 0px);
    transition: all 0.7s ease 0s;
    width: 3660px;
}

/**********************************Fin RNE*****************************************/

/**********************************PACKTEC*****************************************/
#menu a:hover {color: #9b2729 !important;}
/* .modal-backdrop.show {display: none !important;} */

.slider .nivoSlider .nivo-caption{bottom:100px !important;}
/*
@media (min-width: 992px){
.col-lg-8 {
  flex: 0 0 35%!important;
    max-width: 35% !important;
}
.col-lg-4 {
    flex: 0 0 65%!important;
    max-width: 65%!important;
  padding-top: 5px;
}
}
*/

.copy-right-right{
  float: right;
}

.copy-right-left{
  float: left;
}


.frame-header *:last-child {margin-top: 1.5rem;}

.alaune a img {
    border: none;
    -webkit-mask-image: url(/fileadmin/user_upload/triangles-cards1.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
  mask-image: url(/fileadmin/user_upload/triangles-cards1.png);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: bottom;
}


figure {max-width: 100% !important;}

/*
.wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: 70vh;
  min-height: 325px; 
  max-height:570px; 
}
*/

.competitivite{
  /*  
  margin: 0 !important;
  padding: 0 !important;
  height: 432px !important;
  overflow: hidden !important;
  display: block;
  width: 100%;
  position: relative;
  */
  margin-top: 50px;
  background-image: url(/fileadmin/user_upload/competitivite_01.jpg);
  background-size: cover;
  background-size: auto 100%;
  mix-blend-mode: normal;
  /* filter: grayscale(100%) opacity(25%);*/
}

.competitivite-video{
   display: block;
   float: none;
   width: 100%;
   margin-top: 30px;
}
.competitivite-text{
    display: block;
    float: none;
    background: #9b2629d4;
    padding: 60px 25px;
    margin-top: 20px;
    width: 100%;
    color: #fff;  
}

@media (min-width: 1024px){
  .competitivite-video{
     display: block;
     float: left;
     width: 50%;
     margin-top: 30px;
  }
  .competitivite-text{
      display: block;
      float: right;
      background: #9b2629d4;
      padding: 60px 25px;
      margin-top: -40px;
      width: 45%;
      color: #fff;  
  }
}
.competitivite-text h2{color: #fff !important;  }

 .fa-play{content: "\f04b"; color:#f43e00; font-family: FontAwesome;font-size:12px;}
/* .fa-play:before{padding:10px;}*/

 
.bouton{
  cursor: pointer;
  margin: 0 auto 10px auto;
  position: relative;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding: 10px 40px;
  background-color: #9b2528;
  border-radius:50px;
  color: #fff !important;
  transition: background-color 300ms ease-out;
}
.bouton:hover { color: #fff !important; background-color:#404040 !important; }
.bouton a, .bouton a:hover { color: #fff !important;}

#wd-call .bouton {
  /* background-color:#0188C5; */
  font-weight:400;
  padding: 5px 15px;
  margin:5px 0 0 0;
}
@media (max-width: 576px){
  #wd-call .bouton {margin:10px 0 0 0;}
}

.baniere-middle  {text-align: center !important;}
.baniere-middle .image picture img {width: max-content !important; margin: 0 auto !important;}
#Xpage-2 .baniere-middle {width: 1215px!important;margin-bottom: 25px !important; margin-left: 75px !important;}

.container-pack{margin: auto;max-width: 1024px; margin-top: 70px;margin-bottom: 50px;}
.packaging{display: block; float: left;  margin: 5px;}
.pack-titre{text-transform: uppercase;width: 300px; color: #1f304e;font-size: 16px;font-weight: bold;margin: 10px 0 30px 0; text-align:center; }
.pack-junior { padding: 0; border:none;}
@media (min-width: 1024px){
  .pack-junior { padding: 0 10px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
}

.abonnement{background:#5F7786; display: block; clear: both; position: relative; background-image: url(/fileadmin/user_upload/bbbbbb.jpg); background-position: center center; background-size: cover; text-align: center;color: #fff; padding: 35px;}
.abonnement-titre{font-size:32px;font-weight: bold;line-height: 1.2em;margin-bottom: 15px;}
.abonnement-p{margin: 20px;font-size: 22px;}
.background-recherche{width:100%; background:#fff; margin-top: -150px;padding-top: 160px;padding-bottom: 20px;}
.recherche{margin: auto; width: fit-content;border: 1px solid #e1e1e1; padding: 0 0 0 15px;font-size: 1.5em;}
.recherche select {width: 135px;-webkit-appearance: none !important;background-color:transparent !important; border-bottom:2px #5a82ae dotted !important;
border: none; color:#5a82ae;font-size: inherit !important;height:auto!important; padding:0!important; background-image: url(/fileadmin/user_upload/icon-arrow-d-down.svg) !important;
background-size: 22px !important; margin: 0 15px;}
.recherche input[type="submit"] {-webkit-appearance: none; background: #ffffff !important; border-left: 1px #e1e1e1 solid !important;color: #5a82ae!important; 
border-radius: 0!important; padding: 20px 20px !important;/*margin: 0 0 0 25px;*/}   
.recherche input[type="submit"]:hover {-webkit-appearance: none; background: #5a82ae !important; border-left: 1px #e1e1e1 solid !important;color: #ffffff!important; 
border-radius: 0!important; padding: 20px 20px !important;/*margin: 0 0 0 25px;*/}   
.recherche .acceder:after {content: " "; width: 31px; height: 6px; background-color: #5a82ae;  }

.inst{margin: 0 auto !important; width: 30px !important;}

/************************page interne*******************************/
.accordion {margin-bottom: 50px;}
.text-column {margin-bottom: 3rem !important;}
blockquote {padding: 3rem !important; background-image: url(/fileadmin/user_upload/competitivite_01.jpg); background-position: center center; background-size: cover;}
blockquote, blockquote p {color: #fff !important;}
.tab-content{background: #fff; padding: 15px; border: 1px solid #dee2e6; border-top:none !important;} 

.wd-cont-top .col-xl-12{ padding-right: 0!important; padding-left: 0!important;}
.root-line{float: none; margin:0; text-shadow: 0px 0px 3px #999; color: #404040 !important; padding: 0; width: 100%; clear: both; }
.root-line a {Xcolor: #fff!important; }
@media (min-width: 800px){
  .root-line {padding: 10px 0; }
}
.baniere{max-height: 200px; overflow: hidden;}
.banner{max-height: 300px; overflow: hidden;}
.content .frame-container { padding-right: 10px!important;   padding-left: 10px!important; }
@media (min-width: 1024px){
  text-align:justify !important;
}
#Xpage-2 .frame-container { padding-right: 20px!important;   padding-left: 20px!important;}
/*.footer .frame-container { padding-right: 20px!important;   padding-left: 20px!important;text-align: left!important; }*/

.footer ul li a:hover { color: #404040 !important;}
.footer ul li a { color: #ffffff!important;}
#c109 .frame-container{ padding-right: 0 !important; padding-left: 0 !important;}
/*.topbar .frame-container { padding-right: 20px!important;   padding-left: 20px!important; }*/

/**********************************RESPONSIVE PACKTEC*****************************************/







/******************************Nouha******************************/

.text { display: block; float: left; width: 75%; }
.download-pdf{ margin: 30px 0; text-align: center;}
/*.lien-pdf{ color: #9B2729; font-size: 13px; font-weight: bold; padding:15px;}*/
.lien-pdf:hover {color: #404040;}
table tr th { background: #5A1A1C!important; color: #FFF!important; text-align: center!important; }
.content li:before {content: "\f04b"; color: #f43e00; font-family: FontAwesome;font-size: 12px; padding: 0 5px;}
li.nav-item:before {content: "";}

#tab-178 li:before {display:none !important;}
.content{padding-bottom:40px;}
/*h4 { color: #404040 !important; font-size: 1.05rem !important;}*/

.text-image{background:#fff; margin: 50px 0;}
.Xtext-image .textmedia-item, .Xtext-image .textpic-item { width: 50% !important; margin:auto;}
.text-image .frame-header *:last-child {margin-top: 1rem;}

.text-image1{  display: inline-block; float: left; margin: 0 !important; width: 100%; padding: 0 5px 5px 5px; }
@media (min-width: 1024px){
  .text-image1{width: 50%; padding: 0 20px 20px 20px;}
}

.text-image2{  display: block; width: 45%; float: right; margin-left: 27px; margin-right: 27px;}


.card a:not(.btn) {color: #9b2729 !important;}
.card a:not(.btn):hover { color: #404040 !important;}

/**********************************Fin PACKTEC*****************************************/