/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   reset                                               <<<< */
/* ------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol,ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
img {vertical-align: bottom;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

html {height: 100%; min-height: 100%; font: 0.625em/1em 'Open Sans', sans-serif;}
body {height: 100%; color: #000; background: #fff; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal;}
p, li {line-height: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: underline; color: inherit;}
a:hover, a:focus {text-decoration: underline; color: inherit; outline: none;}
a span, button {cursor: pointer;}
img {max-width: 100%; vertical-align: bottom;}
sub, sup {font-size: 75%;}

hr {margin: 40px 0; border-top: 3px solid #991d14; width: 40px; text-align: left;}
hr:first-child {margin-top: 0;}
hr:last-child {margin-bottom: 0;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   boostrap                                            <<<< */
/* ------------------------------------------------------------------------ */

.container {position: relative; padding-left: 0; padding-right: 0;}

.row {margin-left: 0; margin-right: 0;}
.table {display: table; margin-bottom: 0; width: 100%; table-layout: fixed; background: none !important;}
.oldie .table {table-layout: auto;}
.table-auto {table-layout: auto;}
[class*='col-'] {padding-left: 0; padding-right: 0;}
.table-cell {display: table-cell;  float: none; vertical-align: top;}
.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}

.row.row-10 {margin-left: -10px; margin-right: -10px;}
.row.row-10 > [class*='col-'],
.row.row-10 > .table > [class*='col-'] {padding-left: 10px; padding-right: 10px;}
.row.row-15 {margin-left: -15px; margin-right: -15px;}
.row.row-15 > [class*='col-'],
.row.row-15 > .table > [class*='col-'] {padding-left: 15px; padding-right: 15px;}
.row.row-20 {margin-left: -20px; margin-right: -20px;}
.row.row-20 > [class*='col-'],
.row.row-20 > .table > [class*='col-'] {padding-left: 20px; padding-right: 20px;}
.row.row-25 {margin-left: -25px; margin-right: -25px;}
.row.row-25 > [class*='col-'],
.row.row-25 > .table > [class*='col-'] {padding-left: 25px; padding-right: 25px;}
.row.row-30 {margin-left: -30px; margin-right: -30px;}
.row.row-30 > [class*='col-'],
.row.row-30 > .table > [class*='col-'] {padding-left: 30px; padding-right: 30px;}
.row.row-35 {margin-left: -35px; margin-right: -35px;}
.row.row-35 > [class*='col-'],
.row.row-35 > .table > [class*='col-'] {padding-left: 35px; padding-right: 35px;}
.row.row-40 {margin-left: -40px; margin-right: -40px;}
.row.row-40 > [class*='col-'],
.row.row-40 > .table > [class*='col-'] {padding-left: 40px; padding-right: 40px;}
.row.row-45 {margin-left: -45px; margin-right: -45px;}
.row.row-45 > [class*='col-'],
.row.row-45 > .table > [class*='col-'] {padding-left: 45px; padding-right: 45px;}
.row.row-50 {margin-left: -50px; margin-right: -50px;}
.row.row-50 > [class*='col-'],
.row.row-50 > .table > [class*='col-'] {padding-left: 50px; padding-right: 50px;}

.nav {float: none; margin: 0; padding: 0; overflow: visible;}
.nav:first-child {margin-top: 0;}
.nav:last-child {margin-bottom: 0;}
.nav:before, .nav:after {display: table; clear: both; content: "";}
.nav li {position: relative; float: none; margin: 0; padding: 0; font-size: 10px; font-size: 1rem; line-height: normal; font-weight: inherit; font-style: inherit; text-indent: 0; color: inherit; background: none;}
.nav li:before {display: inline; position: static; float: none; margin: 0; padding: 0; border: 0; width: auto; height: auto; content: ""; background: none;}
.nav li > a,
.nav li.active > a {margin: 0; padding: 0; border: 0; text-decoration: none; color: inherit; background: none;}
.nav li > a,
.nav li.active > a {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
}
.nav li a:hover,
.nav li a:focus,
.nav li.active a:hover,
.nav li.active a:focus {border: 0; text-decoration: none; background: none;}

.couleur0 {background-color:#fff}
.couleur1 {background-color:#4ECDC4}
.couleur2 {background-color:#A2DED0}
.couleur3 {background-color:#87D37C}
.couleur4 {background-color:#90C695}
.couleur5 {background-color:#26A65B}
.couleur6 {background-color:#03C9A9}
.couleur7 {background-color:#68C3A3}
.couleur8 {background-color:#65C6BB}
.couleur9 {background-color:#1BBC9B}
.couleur10 {background-color:#000}

.noir {color: #fff !important;; background-color:#212121 !important;}
.rouge {background-color:#c9141a !important;}
.rouge hr {border-top-color: #fff !important;}
.rouge2 {color: #fff !important; background-color:#c9141a !important;}
.rose {background-color:#c5203e !important;}
.rose2 {background-color:#fef8f4 !important;}
.orange {background-color:#e62b1e !important;}
.gris {background-color: #424242 !important;}
.gris hr {border-top-color: #fff !important;}
.gris2 {background-color: #ededed !important;}
.gris3 {background-color: #f5f5f5 !important;}
.gris4 {background-color: #fcfcfc !important;}
.gris5 {background-color: #f7f7f7 !important;}
.gris6 {background-color: #f4f4f4 !important;}
.blanc {background-color: #fff !important;}

.padding-0 {padding: 0;} 
.padding-5 {padding: 5px;} 
.padding-10 {padding: 10px;} 
.padding-15 {padding: 15px;} 
.padding-20 {padding: 20px;} 
.padding-25 {padding: 25px;} 
.padding-30 {padding: 30px;} 
.padding-35 {padding: 35px;} 
.padding-40 {padding: 40px;} 
.padding-45 {padding: 45px;} 
.padding-50 {padding: 50px;} 
.padding-55 {padding: 55px;} 
.padding-60 {padding: 60px;} 
.padding-70 {padding: 70px;} 
.padding-80 {padding: 80px;} 
.padding-100 {padding: 100px;} 
.padding-left-0 {padding-left: 0 !important;} 
.padding-right-0 {padding-right: 0 !important;} 
.padding-top-0 {padding-top: 0 !important;} 
.padding-bottom-0 {padding-bottom: 0 !important;}

.wrapper {position: relative;}
.wrapper-illustration {background: no-repeat 50% 50%;}
.wrapper-illustration {
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  background-size:         cover;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}

.wrapper .row { text-align:left}

.inner {position: relative; padding: 100px;}

.margin0auto { margin:0 auto}

.list-blocks .illustration {padding: 100px 30px;}
.list-blocks .texte {padding: 60px 30px 70px;}

.list-blocks .couleur1 {background: #f5e8e7;}
.list-blocks .couleur1 .illustration {background: #991d14;}
.list-blocks .couleur1 h3 {color: #991d14;}
.list-blocks .couleur1 hr {border-top-color: #991d14;}

.list-blocks .couleur2 {background: #f9e8eb;}
.list-blocks .couleur2 .illustration {background: #c5203e;}
.list-blocks .couleur2 h3 {color: #c5203e;}
.list-blocks .couleur2 hr {border-top-color: #c5203e;}

.list-blocks .couleur3 {background: #fce9e8;}
.list-blocks .couleur3 .illustration {background: #e62b1e;}
.list-blocks .couleur3 h3 {color: #e62b1e;}
.list-blocks .couleur3 hr {border-top-color: #e62b1e;}

.bxslider-wrapper {position: relative; margin: 70px 8px;}
.bxslider-wrapper:first-child {margin-top: 0;}
.bxslider-wrapper:last-child {margin-bottom: 0;}
.bxslider-wrapper .illustration {margin-bottom: 10px;}
.bxslider-wrapper .illustration:last-child {margin-bottom: 0;}

.bx-prev {position: absolute; left: -48px; top: 0; bottom: 0; width: 28px; overflow: hidden; text-indent: -999em;}
.bx-prev:before {position: absolute; left: 50%; top: 50%; margin: -13px -7px; width: 13px; height: 25px; content: ""; background: url('images/slider-controls.png') no-repeat 0 0;}
.bx-next {position: absolute; right: -48px; top: 0; bottom: 0; width: 18px; overflow: hidden; text-indent: -999em;}
.bx-next:before {position: absolute; left: 50%; top: 50%; margin: -13px -7px; width: 13px; height: 25px; content: ""; background: url('images/slider-controls.png') no-repeat -13px 0;}
.bx-prev.disabled,
.bx-next.disabled {display: none !important;}

.bx-pager {margin: -4px;}
.bx-pager-item {display: inline-block; margin: 4px;}
.bx-pager-link {display: block; border: 1px solid #c9141a; width: 7px; height: 7px; overflow: hidden; text-indent: -999em;}
.bx-pager-link {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.bx-pager-link.active {background-color: #c9141a;}

.list-logos {position: relative; margin: 70px 0;}
.list-logos:first-child {margin-top: -10px;}
.list-logos:last-child {margin-bottom: -10px;}
.list-logos .vcenter {margin-top: 10px; margin-bottom: 10px;}

.mejs-overlay-loading {display: none;}

.wrapper15 .list-blocks .illustration img {height: 43px;}
.wrapper16 .inner {padding: 100px 80px 150px;}
.wrapper16 .bx-prev:before,
.wrapper16 .bx-next:before {top: 100px; margin-top: 0;}
.wrapper17 .inner {padding: 100px 60px 190px;}
.wrapper18 .inner {padding: 150px 50px;}
.wrapper18 .bxslider-wrapper {margin: -15px 1px;}
.wrapper18 .bx-prev {left: -30px;}
.wrapper18 .bx-next {right: -30px;}
.wrapper18 .bx-pager {position: absolute; bottom: -100px;}
.wrapper18 .bxslider-wrapper .texte {position: relative; padding: 15px 39px;}
.wrapper18 .bxslider-wrapper .texte:before {position: absolute; left: 0; top: 0; width: 24px; height: 16px; content: ""; background: url('images/quotes.png') no-repeat 0 0;}
.wrapper18 .bxslider-wrapper .texte:after {position: absolute; right: 0; bottom: 0; width: 24px; height: 16px; content: ""; background: url('images/quotes.png') no-repeat -24px 0;}
.wrapper18 .bg-extend.gris {background-image: url('images/bg_image_parole.png'); background-position: 50% 50%;}
.oldie .wrapper18 .bg-extend.gris {background-image: none;}
.wrapper19 .inner {padding: 170px 50px 150px;}
.wrapper19 .bxslider-wrapper {margin-left: 38px; margin-right: 38px;}
.wrapper19 .bx-prev {left: -68px;}
.wrapper19 .bx-next {right: -68px;}
.wrapper19 .bx-pager {position: absolute; bottom: -100px;}
.wrapper19 .bg-extend.rouge {background-image: url('images/bg_image_mentor.png'); background-position: 100% 50%;}
.oldie .wrapper19 .bg-extend.rouge {background-image: none;}
.wrapper20 .inner {padding: 100px 50px;}
.wrapper20 .bxslider-wrapper {margin-left: 0; margin-right: 0;}
.wrapper20 .bx-pager {position: absolute; z-index: 60; left: 50%; bottom: 50px; right: 50px; margin-left: 46px;}
.wrapper20 .bx-pager-link {border-color: #424242;}
.wrapper20 .bx-pager-link.active {background-color: #424242;}
.wrapper21 .inner {padding: 60px 40px;}
.wrapper21 .illustration {padding: 60px;}
.wrapper21 .illustration img {max-height: 145px;}
.wrapper46 .inner {padding: 50px 60px 60px 80px;}
.wrapper46 .markdown h3 {margin-bottom: 12px; color: #5f5f5f;}
.wrapper46 .markdown p {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #5f5f5f;}
.wrapper46 .markdown p + p {margin-top: 14px;}
.wrapper46 .btn {margin-top: 23px; padding: 10px 15px; border: 1px solid #777; font-size: 14px; line-height: 18px; font-weight: 600; color: #5f5f5f; text-decoration: none;}
.wrapper46 .btn {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
.wrapper46 .btn:hover,
.wrapper46 .btn:focus {border-color: #991d14; color: #fff; background-color: #991d14;}
.wrapper46 .bg-extend {background-repeat: no-repeat; background-position: 50% 50%;}

.bg-extend {position: absolute; z-index: 0; top: 0; bottom: 0; width: 9999px;}
.bg-extend {
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  background-size:         cover;
}
.bg-extend.left {right: 100%;}
.bg-extend.right {left: 100%;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#page {position: relative; min-height: 100%; overflow: hidden;}
#maincontent {position: relative;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   header                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header {height: 60px; background: #fff;}
#header {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition:    background-color 0.2s linear;
  transition:         background-color 0.2s linear;
}
#header .container {padding-top: 20px; padding-bottom: 20px;}
#header .navbar-header {float: left; margin: 0;}
#header .navbar-brand {display: block; position: relative; margin: 0; padding: 0; width: 70px; height: 20px; overflow: hidden; text-indent: -999em; background: url('images/navbar-brand-x4.png') no-repeat 0 0;}
#header .navbar-brand {
  -webkit-background-size: 70px auto;
  -moz-background-size:    70px auto;
  background-size:         70px auto;
}
.oldie #header .navbar-brand {background-image: url('images/navbar-brand.png');}
#header .navbar-brand .on {display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('images/navbar-brand-x4.png') no-repeat 0 -20px;}
#header .navbar-brand .on {
  -webkit-transition: display 0.2s linear;
  -moz-transition:    display 0.2s linear;
  transition:         display 0.2s linear;
  -webkit-background-size: 70px auto;
  -moz-background-size:    70px auto;
  background-size:         70px auto;
}
.oldie #header .navbar-brand .on {background-image: url('images/navbar-brand.png');}
#header.rouge2 .navbar-brand .on {display: block;}
#header.rouge2 #nav .sep {background: #fff;}

#nav {text-align: right;}
#nav .nav > li {float: left;}
#nav .nav > li:before {display: none;}
#nav .nav > li + li {margin-left: 30px;}
#nav .nav > li a {display: block; padding: 0;}
#nav a {display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-decoration: none;}
#nav a:hover,
#nav a:focus {text-decoration: underline;}
#nav .sep {display: inline-block; position: relative; top: 3px; margin: 0 7px; width: 2px; height: 13px; vertical-align: middle; background: #010000;}
#nav .lang {position: relative; float: right; margin: -20px 0 -20px -9px; padding: 20px 5px; width: 57px; min-height: 60px; text-align: left;}
#nav .lang {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition:    background-color 0.2s linear;
  transition:         background-color 0.2s linear;
}
#nav .lang li {display: none;}
#nav .lang li a {display: block; padding: 1px 20px 1px 10px;}
#nav .lang li a:hover,
#nav .lang li a:focus {text-decoration: none; color: #c9141a; background-color: #fff;}
#nav .lang li.active {display: block;}
#nav .lang.active {color: #fff; background: #c9141a;}
#nav .lang.active li {display: block;}
#nav .lang.active li.active a {text-decoration: underline;}
#header.rouge2 #nav .lang.active {color: #c9141a; background: #fff;}
#header.rouge2 #nav .lang li a:hover,
#header.rouge2 #nav .lang li a:focus {color: #fff; background-color: #c9141a;}

#toggle-menu {display: inline-block; margin: 0; padding: 0; border: 0; vertical-align: top; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-decoration: none; background: none;}
#toggle-menu:focus {outline: 0;}
#toggle-menu.active {text-decoration: underline;}

#navbar {display: inline-block; margin-right: 47px; overflow: visible; vertical-align: top;}
#navbar .nav > li {
  -webkit-opacity: 1;
  -moz-opacity:    1;
  opacity:         1;
  /*-webkit-transform: none;
  -moz-transform:    none;
  transform:         none;*/
  -webkit-transition: all 0.2s linear;
  -moz-transition:    all 0.2s linear;
  transition:         all 0.2s linear;
}
#navbar .nav > li.off {
  -webkit-opacity: 0;
  -moz-opacity:    0;
  opacity:         0;
  /*-webkit-transform: matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,10,0,0,1);
  -moz-transform:    matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,10,0,0,1);
  transform:         matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,10,0,0,1);*/
}
.oldie #navbar {display: none;}
.oldie #navbar.on {display: inline-block;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   footer                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#footer .markdown h3 {margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #4d4d4d; color: #fff;}
#footer .markdown p {color: #fff;}
#footer .markdown p:first-child {margin-top: -7px;}

#footer .social:after {display: table; clear: both; content: "";}
#footer .social li {float: left; margin-right: 5px;}
#footer .social a {display: block; width: 30px; height: 29px; overflow: hidden; text-indent: -999em; background: url('images/social-icons.png') no-repeat 0 0;}
#footer .social .twitter a {background-position: 0 0;}
#footer .social .linkedin a {background-position: -30px 0;}
#footer .social .google a {background-position: -60px 0;}
#footer .social .pinterest a {background-position: -90px 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   bxslider-diaporama                           <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#wrapper46 .bx-wrapper {height: 100%;}
#wrapper46 .bx-viewport {height: 100%;}

.bxslider-diaporama {height: 100%;}
.bxslider-diaporama .list1photo {height: 100%;}
.bxslider-diaporama .photo {width: 100%; height: 100%; background: no-repeat 50% 50%;}
.bxslider-diaporama .photo {
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  background-size:         cover;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   template7                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#breadcrumb {position: fixed; z-index: 10; left: 0; top: 60px; right: 0; padding: 7px 0; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; font-weight: bold; color: #fff; background: #000; background-color: rgba(0, 0, 0, 0.5);}
#breadcrumb li {display: inline;}
#breadcrumb a {text-decoration: none;}

.template7 #wrapper {background: url('images/recrutement-bg.jpg') no-repeat 50% 50%;}
.template7 #wrapper {
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  background-size:         cover;
}

.template7 #wrapper .wrapper-content {height: 530px;}
.template7 #wrapper .inner {position: absolute; left: 0; bottom: 0; right: 0; padding: 40px 0; color: #fff; background: #000; background-color: rgba(0, 0, 0, 0.5);}
.template7 #wrapper .inner:before {position: absolute; left: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #000; background-color: rgba(0, 0, 0, 0.5);}
.template7 #wrapper .inner:after {position: absolute; right: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #000; background-color: rgba(0, 0, 0, 0.5);}
.template7 #wrapper .inner h3 {color: inherit;}
.template7 #wrapper .inner p {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: inherit;}

.template7 .get1annonce {position: relative; padding: 40px 0;}
.template7 .get1annonce:nth-child(even) {background: #f3f3f3;}
.template7 .get1annonce:nth-child(even):before {position: absolute; left: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #f3f3f3;}
.template7 .get1annonce:nth-child(even):after {position: absolute; right: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #f3f3f3;}
.template7 .get1annonce .fermer {position: absolute; right: 0; top: 0; width: 23px; height: 23px; overflow: hidden; text-indent: -999em; background: url('images/close.png') no-repeat 0 0;}
.template7 .get1annonce .fermer.collapsed {display: none;}
.template7 .get1annonce .header {margin-bottom: 30px;}
.template7 .get1annonce .header h3 {margin: -5px 0 14px; font: 500 24px/28px 'Museo',sans-serif; font-size: 2.4rem; line-height: 2.8rem; color: #991d14;}
.template7 .get1annonce .header p {margin-bottom: -1px; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem;}
.template7 .get1annonce .btn {margin: 0; padding: 8px 25px 9px; border: 2px solid #424242; font-size: 16px; line-height: 20px; text-decoration: none; color: #000;}
.template7 .get1annonce .btn {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}
.template7 .get1annonce .btn:hover,
.template7 .get1annonce .btn:focus {border-color: #991d14; color: #fff; background-color: #991d14;}
.template7 .get1annonce .plusDInfos {display: none;}
.template7 .get1annonce .plusDInfos.collapsed {display: inline-block;}
.template7 .get1annonce .annonce {margin-top: 30px;}
.template7 .get1annonce .annonce:before {display: block; margin-bottom: 12px; width: 30px; height: 3px; content: ""; background: #991d14;}
.template7 .get1annonce .annonce h4 {margin-bottom: 14px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 600;}
.template7 .get1annonce .annonce h4:last-child {margin-bottom: 0;}
.template7 .get1annonce .annonce h5 {margin-bottom: 14px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 600;}
.template7 .get1annonce .annonce h5:last-child {margin-bottom: 0;}
.template7 .get1annonce .annonce p {margin-bottom: 14px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem;}
.template7 .get1annonce .annonce p:last-child {margin-bottom: 0;}
.template7 .get1annonce .annonce ul {margin-bottom: 14px;}
.template7 .get1annonce .annonce ul:last-child {margin-bottom: 0;}
.template7 .get1annonce .annonce li {padding-left: 8px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem;}
.template7 .get1annonce .annonce li:before {float: left; margin-left: -8px; content: "- "; font-weight: bold; color: #991d14;}
.template7 .get1annonce .annonce .btn {margin-top: 16px;}

.template7 .wrapper18 {margin-top: 45px; margin-bottom: 45px;}
.template7 .wrapper18 .inner {padding: 0 30px;}
.template7 .wrapper18 .markdown p {color: #5f5f5f;}
.template7 .wrapper18 .bx-pager {position: static; padding-left: 39px;}
.template7 .wrapper18 .bx-next {width: 28px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   media queries                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .wrapper16 .bx-prev:before,
  .wrapper16 .bx-next:before {top: 75px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 769px) {
  .container {padding-left: 15px; padding-right: 15px; width: 100%;}

  #navbar {position: absolute; z-index: 100; right: -230px; top: 100%; bottom: 0; margin: 0; width: 230px; height: 9999px !important; color: #010000; background: #fff;}
  #navbar {
    -webkit-transition: right 0.2s linear;
    -moz-transition:    right 0.2s linear;
    transition:         right 0.2s linear;
  }
  #navbar.on {right: 0;}

  #nav .nav > li {float: none;}
  #nav .nav > li + li {margin-left: 0; border-top: 1px solid #f5f4f4;}
  #nav .nav > li + li:after {position: absolute; left: 30px; top: -1px; right: 30px; border-top: 1px solid #b4b3b3; content: "";}
  #nav .nav > li > a {display: block; position: relative; padding: 20px 30px 20px 50px; font: 500 11px/14px 'Museo', sans-serif; text-align: left;}
  #nav .nav > li > a:before {position: absolute; left: 30px; top: 50%; margin-top: -4px; width: 10px; height: 8px; content: ""; background: url('images/nav-icons.png') no-repeat 0 0;}
  #nav .nav > li#item13 > a:before {margin-top: -5px; width: 10px; height: 10px; background-position: 0 -8px;}
  #nav .nav > li#item16 > a:before {margin-top: -5px; width: 10px; height: 9px; background-position: 0 -26px;}
  #nav .nav > li#item17 > a:before {margin-top: -4px; width: 10px; height: 8px; background-position: 0 -35px;}
  #nav .nav > li#item19 > a:before {margin-top: -3px; width: 10px; height: 6px; background-position: 0 -43px;}
  #nav .nav > li#item20 > a:before {margin-top: -5px; width: 10px; height: 10px; background-position: 0 -49px;}
  #nav .nav > li#item21 > a:before {margin-top: -6px; width: 10px; height: 11px; background-position: 0 -59px;}

  #nav .sep,
  #nav .lang {display: none;}

  #navbar .nav > li.off {
    -webkit-opacity: 1;
    -moz-opacity:    1;
    opacity:         1;
    -webkit-transform: none;
    -moz-transform:    none;
    transform:         none;
  }

  .wrapper18 {margin-bottom: 0 !important;}
  .wrapper18 .bxslider-dirigeants {height: 100%;}
  .wrapper18 .bxslider-dirigeants > div {height: 100%;}
  .wrapper18 .bxslider-dirigeants:after {display: table; clear: both; content: "";}
  .wrapper18 .bxslider-wrapper .texte {position: relative; top: 50%;}
  .wrapper18 .bxslider-wrapper .texte {
    -webkit-transform: translateY(-50%);
    -ms-transform:     translateY(-50%);
    transform:         translateY(-50%);
  }
  .wrapper20 .bx-pager {position: static; margin-bottom: 60px; text-align: center;}
  .wrapper21 .bg-extend.left {left: -200px !important; right: -200px !important; width: auto !important;}
  .wrapper46 .inner {padding: 60px 40px;}
  .wrapper46 .col-sm-5 {margin: 0 -15px;}

  .list-blocks .couleur1 {border-right: 0 !important; border-bottom: 2px solid #fff;}
  .list-blocks .couleur3 {border-left: 0 !important; border-top: 2px solid #fff;}

  #footer .col + .col {margin-top: 20px;}

  [data-resizeH] {height: auto !important;}
  #wrapper21 .bg-extend.right {left: -15px !important; right: -15px !important; width: auto !important;}
  #wrapper46 .bg-extend.left {left: -15px !important; right: -15px !important; width: auto !important;}
  #wrapper46 .bg-extend.right {position: static !important;}
  #wrapper46 .bx-wrapper {max-width: none !important;}
  #wrapper46 .bx-wrapper {position: relative; padding-top: 66.67%;}
  #wrapper46 .bx-viewport {position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; height: auto !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}