/* 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 'BrandonGrotesque', sans-serif;}
body {height: 100%; color: #222; background: #f2f2f2; -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%;}

h2 {position: relative; top: -4px; margin: 0 0 40px; font-size: 25px; font-size: 2.5rem; line-height: 28px; line-height: 2.8rem; font-weight: 300; text-transform: uppercase;}
h2:first-child {margin-top: 0;}
h2:last-child {margin-bottom: -10px;}

h3 {position: relative; top: -3px; margin: 22px 0 20px; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-transform: uppercase;}
h3:first-child {margin-top: 0;}
h3:last-child {margin-bottom: -7px;}

h4 {position: relative; top: -3px; margin: 45px 0 20px; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-transform: uppercase;}
h4:first-child {margin-top: 0;}
h4:last-child {margin-bottom: -7px;}

h5 {margin-bottom: 17px; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: 600;}
h5:first-child {margin-top: -4px;}
h5:last-child {margin-bottom: 2px;}

p {margin-bottom: 17px; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: 300;}
p:first-child {margin-top: -4px;}
p:last-child {margin-bottom: 2px;}

ul, ol {margin-bottom: 17px;}
ul:first-child, ol:first-child {margin-top: -4px;}
ul:last-child, ol:last-child {margin-bottom: 2px;}
li {font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: 300;}

::-webkit-input-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}
::-moz-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}
:-ms-input-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}
:-moz-placeholder {opacity: 1 !important; font-style: normal !important; color: inherit !important;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   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-5 {margin-left: -5px; margin-right: -5px;}
.row.row-5 > [class*='col-'],
.row.row-5 > .table > [class*='col-'] {padding-left: 5px; padding-right: 5px;}
.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; font-weight: inherit; white-space: normal; 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;}

.navbar-collapse {margin: 0 !important; padding: 0 !important; border: 0 !important;}
.navbar-collapse {
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}

.tout {display: inline-block; position: relative; z-index: 10; color: #7d7d7d;}
.tout.pull-right:first-child {margin-top: 4px;}
.tout a {display: block; position: relative; padding-right: 12px;}
.tout a:after {position: absolute; right: 0; top: 0; margin: 7px -5px 0 0; border-style: solid; border-width: 4px 5px; border-color: transparent transparent transparent #7d7d7d; content: "";}

.wrapper {margin-bottom: 45px;}
.wrapper:last-child {margin-bottom: 0;}

.diamond-left:before {display: inline-block; position: relative; top: -2px; margin-right: 7px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}
.diamond-right:after {display: inline-block; position: relative; top: -2px; margin-left: 7px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}

.bubble {display: block; position: relative; margin: 0 6px; padding: 14px 15px 15px; font-size: 20px; font-size: 2rem; line-height: 22px; line-height: 2.2rem; font-weight: 300; text-align: center; text-decoration: none; color: #5f3466; background: #e1e1e1;}
.bubble {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.bubble:hover,
.bubble:focus {text-decoration: none; color: #5f3466; background-color: #efefef;}
.bubble:hover:after,
.bubble:focus:after {border-left-color: #efefef;}
.bubble:after {position: absolute; left: 100%; top: 50%; margin-top: -6px; border: 6px solid; border-color: transparent transparent transparent #e1e1e1; content: "";}
.bubble.purple {color: #fff; background-color: #5f3466;}
.bubble.purple:after {border-left-color: #5f3466;}
.bubble.purple:hover,
.bubble.purple:focus {color: #fff; background-color: #704178;}
.bubble.purple:hover:after,
.bubble.purple:focus:after {border-left-color: #704178;}

h2 + .chapo {margin-top: -9px;}
.chapo {margin-bottom: 25px;}
.chapo:last-child {margin-bottom: 0;}
.chapo p {font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; font-weight: normal; font-style: italic;}
.chapo p strong {font-weight: 500;}
.chapo p a {text-decoration: none;}
.chapo p a:hover,
.chapo p a:focus {text-decoration: underline;}

.collapse + hr {display: none;}

.overlay {position: absolute !important; z-index: 50 !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden; text-indent: -999em; text-align: left; text-decoration: none !important; background: url('images/blank.gif') !important;}

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

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

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   topnav                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#topnav {color: #f2f2f2; background: #222;}
#topnav .container {padding-top: 8px; padding-bottom: 8px;}
#topnav .nav > li {float: left; margin-right: 30px;}
#topnav .nav > li.last {margin-right: 0 !important;}
#topnav .nav > li > a {position: relative; padding-left: 22px; font-size: 16px; font-size: 1.6rem; line-height: 36px; font-weight: bold;}
#topnav .nav > li > a {
  -webkit-opacity: 0.85;
  -moz-opacity:    0.85;
  opacity:         0.85;
  filter: alpha(opacity=85);
}
#topnav .nav > li > a:hover,
#topnav .nav > li > a:focus {
  -webkit-opacity: 0.46;
  -moz-opacity:    0.46;
  opacity:         0.46;
  filter: alpha(opacity=46);
}
#topnav .nav > li > a:before {position: absolute; left: 0; top: 50%; margin-top: -6px; width: 15px; height: 12px; content: ""; background: url('images/line-arrow.png') no-repeat 0 0;}

#topnav .nav > li#item91,
#topnav .nav > li#item92,
#topnav .nav > li#item93,
#topnav .nav > li#item94 {margin-right: 8px;}

#topnav .nav > li#item91 > a,
#topnav .nav > li#item92 > a,
#topnav .nav > li#item93 > a,
#topnav .nav > li#item94 > a,
#topnav .nav > li#item95 > a {display: block; padding: 0; width: 36px; height: 36px; overflow: hidden; text-indent: -999em; background: url('images/social-icons.png') no-repeat 0 0;}

#topnav .nav > li#item91 > a {background-position: 0 0;}
#topnav .nav > li#item92 > a {background-position: -36px 0;}
#topnav .nav > li#item93 > a {background-position: -72px 0;}
#topnav .nav > li#item94 > a {background-position: -108px 0;}
#topnav .nav > li#item95 > a {background-position: -144px 0;}

#topnav .nav > li#item91 > a:before,
#topnav .nav > li#item92 > a:before,
#topnav .nav > li#item93 > a:before,
#topnav .nav > li#item94 > a:before,
#topnav .nav > li#item95 > a:before {display: none;}

#topnav form {margin-top: 3px;}
#topnav .form-control {padding: 4px 34px 4px 10px; border: 1px solid #d2d2d2; width: 194px; height: 30px; font-size: 16px; line-height: 18px; color: #d2d2d2; background: none;}
#topnav .form-control {
  /*-webkit-opacity: 0.85;
  -moz-opacity:    0.85;
  opacity:         0.85;
  filter: alpha(opacity=85);*/
  -webkit-border-radius: 2px;
  -moz-border-radius:    2px;
  border-radius:         2px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}
/*#topnav .input-group:hover .form-control,
#topnav .form-control:hover,
#topnav .form-control:focus {
  -webkit-opacity: 1;
  -moz-opacity:    1;
  opacity:         1;
  filter: none;
}*/

#topnav .input-group-btn > .btn {margin-left: -34px; width: 34px; height: 30px; overflow: hidden; text-indent: -999em; background: url('images/search-icon.png') no-repeat 50% 50%;}
#topnav .input-group-btn > .btn {
  -webkit-opacity: 0.46;
  -moz-opacity:    0.46;
  opacity:         0.46;
  filter: alpha(opacity=46);
}
/*#topnav .input-group-btn > .btn:hover,
#topnav .input-group-btn > .btn:focus {
  -webkit-opacity: 1;
  -moz-opacity:    1;
  opacity:         1;
  filter: none;
}*/

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

#header {margin-bottom: 40px;}
#header .container {padding-top: 43px;}
#header #logo {float: left; margin-bottom: -5px;} 
#header #logo a {display: block; width: 253px; height: 102px; overflow: hidden; text-indent: -999em; background: url('images/logo-memoiretraumatique.png') no-repeat 0 0;}

#header .nav {float: right; margin-top: 37px;}
#header .nav > li {float: left; margin-left: 8px;}
#header .nav > li > a {display: block; padding: 6px 20px 5px; border: 1px solid #7ab042; font-size: 16px; line-height: 18px; font-weight: 500; text-transform: uppercase; color: #7aaf30;}
#header .nav > li > a {
  -webkit-border-radius: 16px;
  -moz-border-radius:    16px;
  border-radius:         16px;
}
#header .nav > li.active > a,
#header .nav > li > a:hover,
#header .nav > li > a:focus {color: #fff; background: #7ab042;}

#header .nav > li#item78 {margin: -22px 0 -14px 20px;}
#header .nav > li#item78 > a {position: relative; padding: 14px 15px 15px 80px; border: 0; width: 188px; font-size: 20px; text-transform: none; color: #fff; background: #7aaf30;}
#header .nav > li#item78 > a {
  -webkit-border-radius: 20px;
  -moz-border-radius:    20px;
  border-radius:         20px;
}
#header .nav > li#item78 > a:before {position: absolute; left: 15px; top: 50%; margin-top: -19px; width: 56px; height: 38px; content: ""; background: url('images/heart-icon.png') no-repeat 0 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   nav                                          <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.sous_menuWrapper { margin-bottom:20px}

#nav {margin-bottom: 40px;}
#nav .nav {margin: -15px 0 -13px;}
#nav .nav > li {display: table-cell; width: 1%; vertical-align: middle;}
#nav .nav > li > a {display: table; position: relative; padding: 12px 0; width: 100%; font-size: 16px; line-height: 18px; text-transform: uppercase; text-align: center; color: #222;}
#nav .nav > li.active > a,
#nav .nav > li.open > a,
#nav .nav > li:hover > a {font-weight: bold; color: #7aaf30; background: none;}
#nav .nav > li#item16 > a {width: 167px;}
#nav .nav > li#item19 > a {width: 162px;}
#nav .nav > li#item28 > a {width: 168px;}
#nav .nav > li#item34 > a {width: 232px;}
#nav .nav > li#item43 > a {width: 139px;}
#nav .nav > li#item56 > a {width: 193px;}
#nav .nav > li#item84 > a {width: 110px;}
#nav .nav > li > a > .link-inner {display: table-cell; height: 36px; vertical-align: middle;}
#nav .nav > li > a > .link-inner > span {display: inline-block; position: relative; padding: 0 18px; vertical-align: top; white-space: nowrap;}
#nav .nav > li.active > a > .link-inner > span:before,
#nav .nav > li.open > a > .link-inner > span:before,
#nav .nav > li:hover > a > .link-inner > span:before {position: absolute; left: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}
#nav .nav > li.active > a > .link-inner > span:after,
#nav .nav > li.open > a > .link-inner > span:after,
#nav .nav > li:hover > a > .link-inner > span:after {position: absolute; right: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}
#nav .nav > li > .dropdown-menu {float: none; left: 50%; margin: 0 0 0 -107.5px; padding: 20px 20px 35px; border: 0; min-width: 0; width: 215px; color: #fff; background: #7aaf30;}
#nav .nav > li > .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
#nav .nav > li:hover > .dropdown-menu {display: block;}
#nav .nav > li > .dropdown-menu > li {margin-bottom: 15px;}
#nav .nav > li > .dropdown-menu > li.first {margin-top: -4px;}
#nav .nav > li > .dropdown-menu > li.last {margin-bottom: 0;}
#nav .nav > li > .dropdown-menu > li > a {display: block; position: relative; padding-left: 18px; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}
#nav .nav > li > .dropdown-menu > li > a:before {position: absolute; left: 0; top: 6px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 -8px;}
#nav .nav > li > .dropdown-menu > li > a:hover,
#nav .nav > li > .dropdown-menu > li > a:focus {font-weight: bold; color: inherit;}
#nav .dropdown-backdrop {display: none;}

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

#footer {color: #f2f2f2; background: #222;}
#footer .container {padding-top: 8px; padding-bottom: 8px;}
#footer .nav {text-align: center;}
#footer .nav > li {display: inline-block; margin: 0 16px;}
#footer .nav > li > a {position: relative; font-size: 16px; font-size: 1.6rem; line-height: 36px;}
#footer .nav > li > a {
  -webkit-opacity: 0.85;
  -moz-opacity:    0.85;
  opacity:         0.85;
  filter: alpha(opacity=85);
}
#footer .nav > li > a:hover,
#footer .nav > li > a:focus {
  -webkit-opacity: 1;
  -moz-opacity:    1;
  opacity:         1;
  filter: none;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   sousMenu                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#sousMenu .nav {margin-bottom: 15px; padding: 20px 15px 25px 35px; border: 2px solid #fff;}
#sousMenu .nav {
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
}
#sousMenu .nav > li {margin-bottom: 18px;}
#sousMenu .nav > li.last {margin-bottom: 0;}
#sousMenu .nav > li > a {display: block; position: relative; padding-left: 40px; font-size: 20px; font-size: 2rem; line-height: 22px; line-height: 2.2rem; color: #7aaf30;}
#sousMenu .nav > li.active > a,
#sousMenu .nav > li > a:hover,
#sousMenu .nav > li > a:focus {color: #5f3466;}
#sousMenu .nav > li > a:before {position: absolute; left: 0; top: 7px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}
#sousMenu .nav > li.active > a:before,
#sousMenu .nav > li > a:hover:before,
#sousMenu .nav > li > a:focus:before {background-position: 0 -16px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   maincontent                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#maincontent {margin-bottom: 40px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   aside                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#aside .wrapper {margin-bottom: 15px;}
#aside .wrapper:last-child {margin-bottom: 0;}
#aside .inner {padding: 20px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   content                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.template5 #content {padding-top: 35px;}
#content > .inner {padding: 65px 70px 65px 75px;}
/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   markdown                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.markdown blockquote {margin: 40px 0 40px -20px;}
.markdown hr + blockquote {margin-top: -41px;}
.markdown .in + hr + blockquote {margin-top: 40px;}
.markdown blockquote:first-child {margin-top: 0;}
.markdown blockquote:last-child {margin-bottom: 0;}
.markdown blockquote h3 {top: auto; margin: 0; padding: 15px 15px 15px 38px; border: 1px solid #e1e1e1; height: 50px; cursor: pointer;}
.markdown blockquote h3:hover {background: #f2f2f2;}
.markdown blockquote h3:before {position: absolute; left: 15px; top: 50%; margin-top: -4px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}
.markdown blockquote h3:after {position: absolute; right: -1px; top: -1px; bottom: -1px; width: 52px; height: 50px; content: ""; background: #7aaf30 url('images/collapsed-arrow.png') no-repeat 0 0;}
.markdown blockquote h3[aria-expanded='true'] {color: #7aaf30;}
.markdown blockquote h3[aria-expanded='true']:after {background-position: 0 -50px;}
.markdown .collapse {padding: 0 0;}
.markdown a:hover,
.markdown a:focus {color: #7aaf30;}
.markdown p {line-height: 22px; line-height: 2.2rem;}
.markdown p:before,
.markdown p:after {display: table; clear: both; content: "";}
.markdown p img {display: block; margin: 17px auto 0; border: 5px solid #f2f2f2;}
.markdown p img {
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
}
.markdown p strong em a {display: inline-block; padding: 4px 10px; border: 2px solid #7aaf30; vertical-align: bottom; font-size: 14px; line-height: 16px; font-weight: bold; font-style: normal; text-decoration: none; color: #7aaf30;}
.markdown p strong em a {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.markdown p strong em a:hover,
.markdown p strong em a:focus {color: #fff; background: #7aaf30;}
.markdown ul,
.markdown ol {margin-top: 25px; margin-bottom: 25px;}
.markdown ul:first-child,
.markdown ol:first-child {margin-top: 0;}
.markdown ul:last-child,
.markdown ol:last-child {margin-bottom: 0;}
.markdown li {margin-bottom: 25px; line-height: 22px; line-height: 2.2rem;}
.markdown li:last-child {margin-bottom: 0;}
.markdown ul > li {padding-left: 38px;}
.markdown ul > li:before {float: left; margin: 9px 0 0 -18px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}
.markdown ul > li > strong:first-child {color: #7aaf30;}
.markdown ol {counter-reset: ol;}
.markdown ol > li {padding-left: 38px; counter-increment: ol;}
.markdown ol > li:before {float: left; margin: 1px 0 0 -18px; content: counter(ol) "."; font-weight: 900; color: #7aaf30;}
.markdown ol > li > strong:first-child {color: #7aaf30;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   actualite                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.actualite {position: relative;}
.illustration {position: relative; margin-bottom: 25px; border: 2px solid #fff;}

.cat {position: relative; z-index: 10; left: 5px; top: -6px; margin-bottom: -29px;}
.cat a {display: inline-block; position: relative; padding: 7px 15px 4px; vertical-align: bottom; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; background: #7aaf30;}
.cat a {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.cat a:before {position: absolute; z-index: -1; left: -5px; top: 5px; border: 2px solid #7aaf30; width: 100%; height: 100%; content: "";}
.cat a:before {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.cat.purple a {background-color: #5f3466;}
.cat.purple a:before {border-color: #5f3466;}
.cat + .content {margin-top: 53px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   inner                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.inner {position: relative; padding: 35px 17px; background: #fff;}
.inner {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.inner .illustration {margin-bottom: 40px; border-color: #c2c2c2;}
.inner .illustration .cat {position: absolute; left: 0; right: 0; top: 100%; margin-top: -13px; text-align: center;}
.inner .more {margin: 25px 0;}
.inner .more:first-child {margin-top: 0;}
.inner .more:last-child {margin-bottom: 0;}

#content .innerContent { padding-top:0}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   more                                         <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.more {margin: 45px 0;}
.more:first-child {margin-top: 0;}
.more:last-child {margin-bottom: 0;}
.more a {display: inline-block; padding: 4px 10px; border: 2px solid #7aaf30; vertical-align: bottom; font-size: 14px; line-height: 16px; font-weight: bold; text-decoration: none; color: #7aaf30;}
.more a {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.more a:hover,
.more a:focus {color: #fff; background: #7aaf30;}
.more.purple a {border-color: #5f3466; color: #5f3466;}
.more.purple a:hover,
.more.purple a:focus {color: #fff; background-color: #5f3466;}

.actualite:hover .more a {color: #fff; background: #7aaf30;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   tribune                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.get1tribune .grid {margin-left: -15px; margin-right: -15px;}
.get1tribune .table p {display: table-cell; margin: 0; padding: 0 15px; width: 100%; vertical-align: top;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   bxpager                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#bx-pager {border: 1px solid #7aaf30;}
#bx-pager {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius:    0 0 4px 4px;
  border-radius:         0 0 4px 4px;
}
#bx-pager > a {display: block; position: relative; padding: 12px 10px 11px; border-bottom: 1px solid #7aaf30; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; text-align: center; text-decoration: none; color: #222;}
#bx-pager > a:hover,
#bx-pager > a:focus {font-weight: bold;}
#bx-pager > a:after {position: absolute; left: 50%; top: 100%; margin: -4px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 0;}
#bx-pager > a:last-child {border-bottom: 0;}
#bx-pager > a:last-child:after {display: none;}

.bx-title {top: auto; margin: 0; padding: 10px 5px 6px; font-size: 13px; line-height: 16px; font-weight: 500; text-transform: uppercase; text-align: center; color: #fff; background: #7aaf30;}
.bx-title {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius:    4px 4px 0 0;
  border-radius:         4px 4px 0 0;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   aChaud                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.aside_aChaud h2 {margin-bottom: 11px;}
.aside_aChaud h2:after {display: block; margin: 11px auto 0; width: 47px; height: 39px; content: ""; background: url('images/aChaud-icon.png') no-repeat 0 0;}
.aside_aChaud h3 {top: auto; margin: 0;}
.aside_aChaud p {margin: 0; font-size: 14px; font-size: 1.4rem;}
.aside_aChaud p strong {font-weight: 500;}
.aside_aChaud ul {margin: 0; border: 1px solid #e1e1e1; color: #5f3466;}
.aside_aChaud ul {
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}
.aside_aChaud li {position: relative; margin: 0; padding: 15px 10px 10px; border-bottom: 1px solid #e1e1e1;}
.aside_aChaud li.first {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius:    4px 4px 0 0;
  border-radius:         4px 4px 0 0;
}
.aside_aChaud li.last {border-bottom: 0;}
.aside_aChaud li.last {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius:    0 0 4px 4px;
  border-radius:         0 0 4px 4px;
}
.aside_aChaud li:hover {margin: -1px -1px 0; border: 1px solid #5f3466; color: #fff; background: #5f3466;}
.aside_aChaud li.last:hover {margin-bottom: -1px; border-bottom: 1px solid #5f3466;}
.aside_aChaud li:before {display: none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   telechargement                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.aside_telechargements h2 {margin-bottom: 26px;}
.aside_telechargements h2:after {display: block; margin: 17px auto 0; width: 169px; height: 84px; content: ""; background: url('images/telechargement-icon.png') no-repeat 0 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   twitter                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.aside_twitter h2 {margin-bottom: 16px;}
.aside_twitter h2:after {display: block; margin: 13px auto 0; width: 46px; height: 46px; content: ""; background: url('images/twitter-icon.png') no-repeat 0 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   articlesMuriel                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.aside_articlesMuriel h2 { margin-bottom:10px}
.aside_articlesMuriel .quote {display: table; margin: 0 0 10px; width: 100%; text-align: center; color: #5f3466; background: url('images/quotes.png') no-repeat 50% 50%;}
.aside_articlesMuriel .quote p {display: table-cell; height: 99px; vertical-align: middle; font-size: 20px; font-size: 2rem; line-height: 22px; line-height: 2.2rem;}
/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   get1articleVideo                             <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.get1articleVideo + .get1articleVideo {margin-top: 45px; padding-top: 50px; border-top: 1px solid #e1e1e1;}
.get1articleVideo h3 {color: #7aaf30;}
.get1articleVideo .embed-responsive {margin-bottom: 20px;}
.get1articleVideo .diamond-left strong {margin-right: 4px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   pagination                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.pagination2 {margin: 80px 0 0;}
.pagination2:after {display: table; clear: both; content: "";}
.pagination2 .nav {float: right;}
.pagination2 .nav > li {float: left; margin-right: 14px;}
.pagination2 .nav > li.last {margin-right: 0;}
.pagination2 .nav > li > a {display: block; position: relative; width: 23px; height: 23px; overflow: hidden; font-size: 16px; line-height: 24px; text-align: center; color: #222; background: #f2f2f2;}
.pagination2 .nav > li > a {
  -webkit-border-radius: 2px;
  -moz-border-radius:    2px;
  border-radius:         2px;
}
.pagination2 .nav > li > a:hover,
.pagination2 .nav > li > a:focus {font-weight: bold; color: #fff; background: #7aaf30;}
.pagination2 .nav > li.active > a {font-weight: bold; color: #fff; background: #7aaf30;}
.pagination2 .nav > li.control > a {text-indent: -999em; background: none;}
.pagination2 .nav > li.control:last-child > a:before {position: absolute; left: 50%; top: 50%; margin: -6px -3px; width: 6px; height: 11px; content: ""; background: url('images/pagination-controls.png') no-repeat -6px 0;}
.pagination2 .nav > li.control:last-child > a:hover:before,
.pagination2 .nav > li.control:last-child > a:focus:before {background-position: -6px -11px;}
.pagination2 .nav > li.control:first-child > a:before {position: absolute; left: 50%; top: 50%; margin: -6px -3px; width: 6px; height: 11px; content: ""; background: url('images/pagination-controls.png') no-repeat 0 0;}
.pagination2 .nav > li.control:first-child > a:hover:before,
.pagination2 .nav > li.control:first-child > a:focus:before {background-position: 0 -11px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   download                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

p.download {margin-bottom: 21px; line-height: 22px; line-height: 2.2rem;}
p.download:first-child {margin-top: 0;}
p.download:last-child {margin-bottom: 0;}
p.download a {display: block; position: relative; padding-left: 32px; text-decoration: none;}
.actualite:hover p.download a,
p.download a:hover,
p.download a:focus {color: inherit !important;}
.actualite:hover p.download a strong,
p.download a:hover strong,
p.download a:focus strong {color: #7aaf30 !important;}
p.download a:before {position: absolute; left: 0; top: 3px; width: 19px; height: 15px; content: ""; background: url('images/download-icon.png') no-repeat 0 0;}
.actualite:hover p.download a:before,
p.download a:hover:before,
p.download a:focus:before {background-position: 0 -15px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   get1articleInner                             <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.get1articleInner + .get1articleInner {margin-top: 50px; padding-top: 50px; border-top: 1px solid #e1e1e1;}
.get1articleInner .catSimple {margin-bottom: 3px; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-transform: uppercase; color: #7aaf30;}
.get1articleInner .catSimple + h3 {margin-top: 0;}
.get1articleInner h3 {margin-bottom: 15px;}

.template6 .pagination2 {margin-top: 35px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   carrousel                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#carrousel {position: relative; margin-bottom: 40px;}
#carrousel .bx-prev {position: absolute; z-index: 99; left: 25px; top: 50%; margin-top: -26px; width: 28px; height: 52px; overflow: hidden; text-indent: -999em; background: url('images/carrousel-controls.png') no-repeat 0 0;}
#carrousel .bx-prev:hover,
#carrousel .bx-prev:focus {background-position: 0 -52px;}
#carrousel .bx-next {position: absolute; z-index: 99; right: 25px; top: 50%; margin-top: -26px; width: 28px; height: 52px; overflow: hidden; text-indent: -999em; background: url('images/carrousel-controls.png') no-repeat -28px 0;}
#carrousel .bx-next:hover,
#carrousel .bx-next:focus {background-position: -28px -52px;}

#carrousel .bx-pager {position: absolute; z-index: 99; right: 540px; bottom: 20px;}
#carrousel .bx-pager-item {float: left; margin-left: 15px;}
#carrousel .bx-pager-item a {display: block; width: 14px; height: 14px; overflow: hidden; text-indent: -999em; background: url('images/carrousel-controls.png') no-repeat 0 -104px;}
#carrousel .bx-pager-item a:hover,
#carrousel .bx-pager-item a:focus {background-position: -14px -104px;}
#carrousel .bx-pager-item a.active {background-position: -28px -104px;}

.get1carrousel {position: relative;}
.get1carrousel .illustration {margin-bottom: 0; border: 0;}
.get1carrousel .content {position: absolute; right: 90px; top: 0; bottom: 0; width: 330px; text-align: center; color: #5f3466; background: #fff; background-color: rgba(255, 255, 255, 0.6);}
.get1carrousel .content .table {height: 100%;}
.get1carrousel .content .table-cell {padding: 20px; vertical-align: middle;}
.get1carrousel .content p {margin: 0; font-size: 36px; font-size: 3.6rem; line-height: 40px; line-height: 4rem;}
.get1carrousel .content p:first-child {margin-top: 0;}
.get1carrousel .content p:last-child {margin-bottom: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   dons                                         <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.embed-responsive-dons {
    padding-bottom: 350%;
}
#id79 #content > .innerContent {padding: 0px 35px 0px 35px;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   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) {
  #header .nav > li > a {font-size: 14px;}

  #nav .nav > li > a {font-size: 14px;}
  #nav .nav > li#item16 > a {width: 138px;}
  #nav .nav > li#item19 > a {width: 134px;}
  #nav .nav > li#item28 > a {width: 139px;}
  #nav .nav > li#item34 > a {width: 195px;}
  #nav .nav > li#item43 > a {width: 114px;}
  #nav .nav > li#item56 > a {width: 161px;}
  #nav .nav > li#item84 > a {width: 89px;}

  #content > .inner {padding: 50px;}

  #sousMenu .nav {padding-left: 25px;}
  #sousMenu .nav > li > a {padding-left: 30px;}

  .aside_twitter h2 {font-size: 20px; font-size: 2rem;}
  
  #id79 #content > .innerContent {padding: 0px;}

  
  
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  #header .nav {margin-top: -23px;}
  #header .nav > li > a {font-size: 12px;}
  #header .nav > li#item78 {float: right; clear: left; margin: 20px 0 0;}

  #nav .nav > li > a {font-size: 11px;}
  #nav .nav > li#item16 > a {width: 107px;}
  #nav .nav > li#item19 > a {width: 103px;}
  #nav .nav > li#item28 > a {width: 108px;}
  #nav .nav > li#item34 > a {width: 152px;}
  #nav .nav > li#item43 > a {width: 88px;}
  #nav .nav > li#item56 > a {width: 125px;}
  #nav .nav > li#item84 > a {width: 68px;}
  #nav .nav > li > a > .link-inner > span {padding-left: 13px; padding-right: 13px;}

  #content > .inner {padding: 40px;}

  #sousMenu .nav {padding-left: 25px;}
  #sousMenu .nav > li > a {padding-left: 30px;}

  #topnav .nav > li {margin-right: 20px;}
  #topnav .nav > li > a {font-size: 12px; font-size: 1.2rem;}
  
  .embed-responsive-dons {padding-bottom: 460%;}
  
}

/* Small Devices, Tablets */
@media only screen and (max-width : 769px) {
  h2 {top: -3px; margin-bottom: 13px; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem;}
  h3 {top: -2px; margin: 20px 0 13px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem;}
  p {margin-bottom: 10px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem;}

  .container {padding-left: 25px; padding-right: 25px;}

  #topnav .nav {text-align: center;}
  #topnav .nav > li {display: inline-block; position: relative; float: none; margin: 0 3px; padding: 0 9px 0 0;}
  #topnav .nav > li:after {position: absolute; right: 0; top: 50%; margin-top: -4px; width: 1px; height: 7px; content: ""; background: #818181;}
  #topnav .nav > li.first {margin-left: 3px !important;}
  #topnav .nav > li.last {margin-right: 3px !important;}
  #topnav .nav > li.last:after {display: none;}
  #topnav .nav > li > a {padding-left: 0; font-size: 10px; font-size: 1rem; line-height: 14px; line-height: 1.4rem; text-transform: uppercase;}
  #topnav .nav > li > a:before {display: none;}

  #topnav .nav > li#item91,
  #topnav .nav > li#item92,
  #topnav .nav > li#item93,
  #topnav .nav > li#item94,
  #topnav .nav > li#item95 {display: none;}

  #header {margin-bottom: 15px;}
  #header .container {padding-left: 10px; padding-top: 15px; padding-right: 10px;}
  #header #logo {float: none; margin-bottom: 15px; text-align: center;}
  #header #logo a {display: inline-block; width: 185px; height: 75px; vertical-align: bottom;}
  #header #logo a {
    -webkit-background-size: contain;
    -moz-background-size:    contain;
    background-size:         contain;
  }
  #header .nav {margin-top: 0;}
  #header .nav > li#item63,
  #header .nav > li#item73 {display: none;}
  #header .nav > li#item78 {margin: 0;}
  #header .nav > li#item78 > a {padding: 11px 15px 11px 58px; width: 140px; height: 50px; font-size: 14px; line-height: 14px; color: #7aaf30; background: #fff;}
  #header .nav > li#item78 > a {
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
  }
  #header .nav > li#item78 > a:before {left: 10px; margin-top: -15px; width: 43px; height: 30px; background: url('images/heart-icon-m.png') no-repeat 0 0;}
  #header .nav > li#item78 > a:before {
    -webkit-background-size: contain;
    -moz-background-size:    contain;
    background-size:         contain;
  }
  #header .navbar-toggle {position: relative; float: left; margin: 0 10px 0 0; padding: 11px 15px; border: 0; width: 140px; height: 50px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; text-align: left; color: #fff; background: #7aaf30;}
  #header .navbar-toggle {
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
  }
  #header .navbar-toggle:after {position: absolute; right: 15px; top: 50%; margin-top: -7.5px; width: 15px; height: 15px; content: ""; background: url('images/close-m.png') no-repeat 0 0;}
  #header .navbar-toggle:after {
    -webkit-background-size: contain;
    -moz-background-size:    contain;
    background-size:         contain;
  }
  #header .navbar-toggle.collapsed {color: #7aaf30; background: #fff;}
  #header .navbar-toggle.collapsed:after {display: none;}
  #header .navbar-toggle .icon-bar {clear: right; float: right; width: 15px; height: 2px; background: #7aaf30;}
  #header .navbar-toggle .icon-bar {
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
  }

  #nav {margin-bottom: 0;}
  #nav .container {padding-left: 0; padding-right: 0;}
  #nav .navbar-collapse.in {overflow: visible;}
  #nav .nav {margin: 0; padding-bottom: 15px;}
  #nav .nav > li {display: block; width: auto;}
  #nav .nav > li + li {border-top: 1px solid #90c14c;}
  #nav .nav > li > a {display: block; padding: 25px 45px; width: auto !important; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; text-transform: none; text-align: left; color: #fff; background: #7aaf30;}
  #nav .nav > li.open > a,
  #nav .nav > li:hover > a,
  #nav .nav > li > a:hover,
  #nav .nav > li > a:focus {color: #fff; background: #90c14c;}
  #nav .nav > li > a:before {position: absolute; left: 20px; top: 50%; margin-top: -4px; width: 8px; height: 8px; content: ""; background: url('images/diamond.png') no-repeat 0 -8px;}
  #nav .nav > li > a br {display: none;}
  #nav .nav > li > a > .link-inner {display: block; height: auto;}
  #nav .nav > li > a > .link-inner > span {padding: 0; white-space: normal;}
  #nav .nav > li > a > .link-inner > span:before,
  #nav .nav > li > a > .link-inner > span:after {display: none;}
  #nav .nav > li:hover > .dropdown-menu {display: none;}
  #nav .nav > li.open:hover > .dropdown-menu {display: block;}
  #nav .nav > li > .dropdown-menu {position: static; margin: 0; padding: 0; width: auto;}
  #nav .nav > li > .dropdown-menu > li {margin: 0 !important;}
  #nav .nav > li > .dropdown-menu > li + li {border-top: 1px solid #90c14c;}
  #nav .nav > li > .dropdown-menu > li > a {padding: 15px 60px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; color: #7aaf30; background: #fff;}
  #nav .nav > li > .dropdown-menu > li > a:hover,
  #nav .nav > li > .dropdown-menu > li > a:focus {font-weight: bold; color: #7aaf30;}
  #nav .nav > li > .dropdown-menu > li > a:before {left: 30px; top: 50%; margin-top: -4px; background-position: 0 0;}

  #footer .nav > li {float: left; margin: 0; padding-right: 25px; width: 50%; text-align: left;}
  #footer .nav > li.last {padding-right: 0;}
  #footer .nav > li > a {font-size: 14px; font-size: 1.4rem;}

  [class*='col-'] + [class*='col-'] {margin-top: 30px;}

  .wrapper {margin-bottom: 30px;}
  .inner {padding: 20px 25px;}
  .inner .more {margin: 15px 0;}
  .inner .illustration {margin-bottom: 30px;}

  #content > .inner {padding: 20px 25px;}

  .cat {margin-bottom: -19px;}
  .cat a {padding: 4px 10px; font-size: 11px; line-height: 14px;}
  .cat + .content {margin-top: 39px;}

  .illustration {margin-bottom: 10px; border-width: 1px;}
  .illustration img {width: 100%;}

  .tout a:after {margin-top: 5px;}
  .tout.pull-right {float: none !important; margin-bottom: 15px;}
  .tout.pull-right:first-child {margin-top: -4px;}

  .get1tribune .table p {display: block; margin-bottom: 10px; width: auto;}
  .get1tribune .table p:last-child {margin-bottom: 2px;}

  .more {margin: 15px 0;}

  .get1video + .get1video {margin-top: 30px;}

  .template5 #content {padding-top: 0;}
  .template5 #content .inner {margin: 0 -25px;}
  .template5 #content .inner {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
  }
  .template5 .actualite .content {position: relative; padding-right: 100px;}
  .template5 .actualite .content h3 {margin-bottom: -2px;}
  .template5 .actualite .content p {display: none;}
  .template5 .actualite .content .more {position: absolute; right: 0; top: -2px; margin: 0;}

  .get1carrousel .content {position: static; width: auto; height: 41px; background: #fff;}
  .get1carrousel .content .table-cell {padding: 10px 20px;}
  .get1carrousel .content p {font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}

  #carrousel {margin-bottom: 30px; background: #fff;}
  #carrousel .bx-prev {left: 10px; margin-top: -34px; width: 14px; height: 26px; background-position: 0 0;}
  #carrousel .bx-prev:hover,
  #carrousel .bx-prev:focus {background-position: 0 -26px;}
  #carrousel .bx-next {right: 10px; margin-top: -34px; width: 14px; height: 26px; background-position: -14px 0;}
  #carrousel .bx-next:hover,
  #carrousel .bx-next:focus {background-position: -14px -26px;}
  #carrousel .bx-prev,
  #carrousel .bx-next {
    -webkit-background-size: 28px auto;
    -moz-background-size:    28px auto;
    background-size:         28px auto;
  }
  #carrousel .bx-pager {left: 0; bottom: 51px; right: 0; text-align: center;}
  #carrousel .bx-pager-item {display: inline-block; float: none; margin: 0 5px;}

  .pagination2 {margin-top: 30px;}

  .get1articleVideo + .get1articleVideo {margin-top: 25px; padding-top: 30px;}
  .get1articleInner + .get1articleInner {margin-top: 30px; padding-top: 30px;}

  #sousMenu .nav > li > a {padding-left: 30px;}
}

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

}

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

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   fonts                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_reg-webfont.eot');
  src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_reg-webfont.woff2') format('woff2'),
       url('fonts/brandon_reg-webfont.woff') format('woff'),
       url('fonts/brandon_reg-webfont.ttf') format('truetype'),
       url('fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_reg_it-webfont.eot');
  src: url('fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_reg_it-webfont.woff2') format('woff2'),
       url('fonts/brandon_reg_it-webfont.woff') format('woff'),
       url('fonts/brandon_reg_it-webfont.ttf') format('truetype'),
       url('fonts/brandon_reg_it-webfont.svg#brandon_grotesqueRgIt') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_bld-webfont.eot');
  src: url('fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_bld-webfont.woff2') format('woff2'),
       url('fonts/brandon_bld-webfont.woff') format('woff'),
       url('fonts/brandon_bld-webfont.ttf') format('truetype'),
       url('fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_bld_it-webfont.eot');
  src: url('fonts/brandon_bld_it-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_bld_it-webfont.woff2') format('woff2'),
       url('fonts/brandon_bld_it-webfont.woff') format('woff'),
       url('fonts/brandon_bld_it-webfont.ttf') format('truetype'),
       url('fonts/brandon_bld_it-webfont.svg#brandon_grotesquebold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_light-webfont.eot');
  src: url('fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_light-webfont.woff2') format('woff2'),
       url('fonts/brandon_light-webfont.woff') format('woff'),
       url('fonts/brandon_light-webfont.ttf') format('truetype'),
       url('fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_light_it-webfont.eot');
  src: url('fonts/brandon_light_it-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_light_it-webfont.woff2') format('woff2'),
       url('fonts/brandon_light_it-webfont.woff') format('woff'),
       url('fonts/brandon_light_it-webfont.ttf') format('truetype'),
       url('fonts/brandon_light_it-webfont.svg#brandon_grotesquelight_italic') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_med-webfont.eot');
  src: url('fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_med-webfont.woff2') format('woff2'),
       url('fonts/brandon_med-webfont.woff') format('woff'),
       url('fonts/brandon_med-webfont.ttf') format('truetype'),
       url('fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_med_it-webfont.eot');
  src: url('fonts/brandon_med_it-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_med_it-webfont.woff2') format('woff2'),
       url('fonts/brandon_med_it-webfont.woff') format('woff'),
       url('fonts/brandon_med_it-webfont.ttf') format('truetype'),
       url('fonts/brandon_med_it-webfont.svg#brandon_grotesqueMdIt') format('svg');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_blk-webfont.eot');
  src: url('fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_blk-webfont.woff2') format('woff2'),
       url('fonts/brandon_blk-webfont.woff') format('woff'),
       url('fonts/brandon_blk-webfont.ttf') format('truetype'),
       url('fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('fonts/brandon_blk_it-webfont.eot');
  src: url('fonts/brandon_blk_it-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/brandon_blk_it-webfont.woff2') format('woff2'),
       url('fonts/brandon_blk_it-webfont.woff') format('woff'),
       url('fonts/brandon_blk_it-webfont.ttf') format('truetype'),
       url('fonts/brandon_blk_it-webfont.svg#brandon_grotesqueblack_italic') format('svg');
  font-weight: 900;
  font-style: italic;
}

#footer .container-footer { padding-bottom:0}
#footer .container-rgpd { padding-top:0; font-size:80%}

#rgpd {position:fixed;z-index:2000;left:0;bottom:0;right:0;padding:43px 60px 42px 31px;color:#fff;background:#e2001a}

#rgpd .mb-4{ margin-bottom:15px}

#rgpd .alert-dismissible{
    padding-right:0
}
#rgpd .close{
    position:absolute;
    right:-30px;
    top:50%;
    margin:-12px 0;
    padding:0;
    font-size:20px;
    color:#fff
}
#rgpd .markdown{
    margin-bottom:0
}
#rgpd .markdown p{
    font-size:18px;
    font-size:1.8rem;
    line-height:25px;
    line-height:2.5rem
}
#rgpd p{
    margin:0;
    color:inherit
}
#rgpd p em{
    margin:5px 0 10px
}
#rgpd p em a{
    text-decoration:none
}
#rgpd p a{
    text-decoration:underline;
    color:inherit
}
#rgpd p a:hover, #rgpd p a:focus{
    text-decoration:none
}
#rgpd .btn:hover{
    background:#07225d
}
#rgpd-parametrage{
    z-index:2050
}
#rgpd-parametrage #wrapper-popin-a{
    margin-bottom:0
}
#rgpd-parametrage .close{
    margin-top:-5px;
    padding:0;
    width:35px;
    height:35px;
    font-size:30px
}
#rgpd-parametrage .modal-content{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
#rgpd-parametrage .modal-header{
    padding:15px 30px 0;
    border-bottom:0
}
#rgpd-parametrage .modal-body{
    padding:0 30px 30px;
    border-bottom:0
}
#rgpd-parametrage .modal-body>p+.row{
    margin-top:20px
}
#rgpd-parametrage .modal-body .row+.row{
    margin-top:10px
}
#rgpd-parametrage .modal-body .btn{
    border:2px solid transparent;
    background:none
}
#rgpd-parametrage .modal-footer{
    display:block
}
#rgpd-parametrage .modal-footer .row{
    align-items:center
}
#rgpd-parametrage .modal-footer a{
    text-decoration:underline
}
#rgpd-parametrage .form-group{
    margin-top:0
}
#rgpd-parametrage h2{
    margin:0 20px 10px 0;
    font-size:25px;
    font-style:2.5rem;
    line-height:1.2
}
#rgpd-parametrage p{
    font-size:15px;
    font-size:1.5rem;
    line-height:24px;
    line-height:2.4rem
}
#rgpd-parametrage h3{
    margin-top:20px;
    margin-bottom:15px
}
#rgpd-parametrage h3 a{
    text-decoration:none
}
#rgpd-parametrage .btn{
    margin:0 !important
}
#rgpd-parametrage .btn+.btn{
    margin-left:20px !important
}
#rgpd-parametrage .btn.btn-autoriser{
    border-color:#28a745 !important;
    color:#28a745 !important;
    text-transform: uppercase;
}
#rgpd-parametrage .btn.btn-autoriser:hover, #rgpd-parametrage .btn.btn-autoriser:focus, #rgpd-parametrage .btn.btn-autoriser:active, #rgpd-parametrage .btn.btn-autoriser.active{
    color:#fff !important;
    background:#28a745 !important
}
#rgpd-parametrage .btn.btn-interdire{
    border-color:#dc3545 !important;
    color:#dc3545 !important;
    text-transform: uppercase;
}
#rgpd-parametrage .btn.btn-interdire:hover, #rgpd-parametrage .btn.btn-interdire:focus, #rgpd-parametrage .btn.btn-interdire:active, #rgpd-parametrage .btn.btn-interdire.active{
    color:#fff !important;
    background:#dc3545 !important
}
#rgpd-parametrage .row-service>div:last-child{
    text-align:right
}
#rgpd-parametrage .row-service .btn{
    min-width:135px
}
#rgpd-parametrage .row-service.autoriser{
    border:#dc3545 2px dashed;
    padding:15px 0px 15px 15px;
    margin-bottom:15px
}
#rgpd-parametrage .row-service input{
    left:6px;
    top:11px
}
#rgpd-parametrage .wrapper-boutons .btn{
    min-width:135px;
    text-decoration: none;
}
#rgpd-parametrage .wrapper-boutons .btn input{
    position: static;
    margin: 4px 4px 0 0;
}
@media only screen and (max-width: 767px){
    #rgpd{
        padding:20px 5px
    }
    #rgpd .markdown{
        margin-bottom:20px
    }
    #rgpd .markdown p{
        font-size:10px;
        line-height:14px
    }
    #rgpd-parametrage .wrapper-boutons .btn{
        margin-top:10px !important
    }
    #rgpd-parametrage .modal-body .radio-inline{
        margin-top:10px !important
    }
    #rgpd-parametrage .modal-footer div+div{
        margin-top:20px;
        text-align:center !important
    }
}