/* cmsms stylesheet: FERSR_Stable_2016-05-Grid modified: jeudi 2 juin 2016 10:21:03 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container .alpha {
  margin-left: 0px;
}
.container .omega {
  margin-right: 0px;
}
.row {
  margin-left: -30px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.container {
  width: 1170px;
}
.grid_50 {
    width: 45%;
}
.grid_12 {
  width: 1170px;
}
.grid_11 {
  width: 1070px;
}
.grid_10 {
  width: 970px;
}
.grid_9 {
  width: 870px;
}
.grid_8 {
  width: 770px;
}
.grid_7 {
  width: 670px;
}
.grid_6 {
  width: 570px;
}
.grid_5 {
  width: 470px;
}
.grid_4 {
  width: 370px;
}
.grid_3 {
  width: 30%;
}
.grid_2 {
  width: 170px;
}
.grid_1 {
  width: 70px;
}
.preffix_12 {
  margin-left: 1230px;
}
.preffix_11 {
  margin-left: 1130px;
}
.preffix_10 {
  margin-left: 1030px;
}
.preffix_9 {
  margin-left: 930px;
}
.preffix_8 {
  margin-left: 830px;
}
.preffix_7 {
  margin-left: 730px;
}
.preffix_6 {
  margin-left: 630px;
}
.preffix_5 {
  margin-left: 530px;
}
.preffix_4 {
  margin-left: 430px;
}
.preffix_3 {
  margin-left: 330px;
}
.preffix_2 {
  margin-left: 230px;
}
.preffix_1 {
  margin-left: 130px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
@media (min-width: 980px) and (max-width: 1199px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 940px;
  }
  .grid_50 {
    width: 45%;
  }
  .grid_12 {
    width: 940px;
  }
  .grid_11 {
    width: 860px;
  }
  .grid_10 {
    width: 780px;
  }
  .grid_9 {
    width: 700px;
  }
  .grid_8 {
    width: 620px;
  }
  .grid_7 {
    width: 540px;
  }
  .grid_6 {
    width: 460px;
  }
  .grid_5 {
    width: 380px;
  }
  .grid_4 {
    width: 300px;
  }
  .grid_3 {
    width: 30%;
  }
  .grid_2 {
    width: 140px;
  }
  .grid_1 {
    width: 60px;
  }
  .preffix_12 {
    margin-left: 980px;
  }
  .preffix_11 {
    margin-left: 900px;
  }
  .preffix_10 {
    margin-left: 820px;
  }
  .preffix_9 {
    margin-left: 740px;
  }
  .preffix_8 {
    margin-left: 660px;
  }
  .preffix_7 {
    margin-left: 580px;
  }
  .preffix_6 {
    margin-left: 500px;
  }
  .preffix_5 {
    margin-left: 420px;
  }
  .preffix_4 {
    margin-left: 340px;
  }
  .preffix_3 {
    margin-left: 260px;
  }
  .preffix_2 {
    margin-left: 180px;
  }
  .preffix_1 {
    margin-left: 100px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 748px;
  }
  .grid_12 {
    width: 748px;
  }
  .grid_11 {
    width: 684px;
  }
  .grid_10 {
    width: 620px;
  }
  .grid_9 {
    width: 556px;
  }
  .grid_8 {
    width: 492px;
  }
  .grid_7 {
    width: 428px;
  }
  .grid_6 {
    width: 364px;
  }
  .grid_5 {
    width: 300px;
  }
  .grid_4 {
    width: 236px;
  }
  .grid_3 {
    width: 30%;
  }
  .grid_2 {
    width: 108px;
  }
  .grid_1 {
    width: 44px;
  }
  .preffix_12 {
    margin-left: 788px;
  }
  .preffix_11 {
    margin-left: 724px;
  }
  .preffix_10 {
    margin-left: 660px;
  }
  .preffix_9 {
    margin-left: 596px;
  }
  .preffix_8 {
    margin-left: 532px;
  }
  .preffix_7 {
    margin-left: 468px;
  }
  .preffix_6 {
    margin-left: 404px;
  }
  .preffix_5 {
    margin-left: 340px;
  }
  .preffix_4 {
    margin-left: 276px;
  }
  .preffix_3 {
    margin-left: 212px;
  }
  .preffix_2 {
    margin-left: 148px;
  }
  .preffix_1 {
    margin-left: 84px;
  }
}
.select-menu {
  display: none !important;
}
@media (max-width: 767px) {
  .container {
    width: 420px;
    padding: 0 0px;
  }
  .row {
    margin-left: 0;
  }
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .grid_12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .select-menu {
    display: block !important;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container {
    width: 300px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row {
    margin-left: 0;
  }
}
/* cmsms stylesheet: FERSR_Stable_2016-05-Principale modified: mardi 28 octobre 2025 10:29:41 */
@font-face{
    font-family: 'Open Sans';
    src: url('https://www.fer-sr.ch//uploads/FERSR_Stable_2016-05/fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('https://www.fer-sr.ch//uploads/FERSR_Stable_2016-05/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('https://www.fer-sr.ch//uploads/FERSR_Stable_2016-05/fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('https://www.fer-sr.ch//uploads/FERSR_Stable_2016-05/fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto Condensed';
    src: url('/uploads/FERSR_Stable_2016-05/fonts/roboto/RobotoCondensed-Regular-webfont.eot');
    src: url('/uploads/FERSR_Stable_2016-05/fonts/roboto/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('/uploads/FERSR_Stable_2016-05/fonts/roboto/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('/uploads/FERSR_Stable_2016-05/fonts/roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.navigation {
  z-index: 999;
  position: relative;
  padding-top: 20px;
  margin-bottom: 40px;
}
.navigation .sf-menu {
  z-index: 990;
  text-align: center;
  position: relative;
}
.navigation nav {
  position: relative;
  padding: 0;
}
.select-menu {
  display: none !important;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 767px) {
  .navigation {
    float: none !important;
    padding: 10px 0px 10px !important;
    clear: both;
    margin: 0;
    width: auto;
    min-height: 0px;
  }
  .navigation nav {
    border: none !important;
    float: none !important;
    font: 12px/15px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #927c67;
    margin: 0 auto;
    padding-left: 0 !important;
  }
  .navigation nav ul {
    border: none;
  }
  .sf-menu {
    display: none !important;
    float: none;
  }
  .select-menu {
    font: 12px/15px Arial, Helvetica, sans-serif;
    color: #202020;
    width: 100%;
    margin: 0 auto;
    float: none;
    outline: none;
    display: block !important;
    border: 2px solid #fff;
  }
}
#stuck_container {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 998 !important;
}
#stuck_container .isStuck {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#stuck_container .isStuck .menuBox {
  margin: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media only screen and (min-width: 979px) {
  .isStuck {
    background-color: #000;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (max-width: 979px) {
  #stuck_container {
    position: relative !important;
    box-shadow: none;
  }
  .pseudoStickyBlock {
    height: 0 !important;
  }
}
html {
  width: 100%;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
sss * {
  -webkit-text-size-adjust: none;
}
body {
  position: relative;
  background: #000;
  color: #666666;
  font-weight: 300;
  font-size: 14px/20px;
  font-family:'Open Sans', sans-serif;
}

.ic {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}

strong {
  font-weight: 700;
}
address {
  font-style: normal;
}
p {
  margin-bottom: 20px;
}

p.offset__1 {
  margin-bottom: 13px;
}
input,
textarea {
  border-radius: 0 !important;
  outline: none !important;
  -webkit-appearance: none;
}
img {
  max-width: 100%;
}
/****Heads****/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  color: #000000;
  font-family: 'Roboto_Condensed',  sans-serif;
}

/* Style globaux pour la mise en page du contenu */

em{
  font-style: italic;
}

h1 {
  color: #555577;
  font-size: 36px;
  line-height: 40px;
  margin-top: 15px;
  margin-bottom: 10px;
}

h2 {
  color: #555577;
  font-size: 24px;
  line-height: 25px;
  margin-top: 15px;
  margin-bottom: 10px;
}

h3 { 
  color: #555577;
  font-size: 22px;
  line-height: 23px;
  margin-top: 15px;
  margin-bottom: 10px;
}

h4 { 
  color: #555577;
  font-size: 18px;
  line-height: 22px;
  margin-top: 15px;
  margin-bottom: 10px;
}

h5 { 
  color: #555577;
  font-size: 17px;
  line-height: 22px;
  margin-top: 15px;
  margin-bottom: 10px;
}

h2.h2head{
  color: #e3e5e6;
  font-size: 55px;
  line-height: 72px;
  margin-top: -10px;
  margin-bottom: 32px;
}

h2.head__1 {
  padding-top: 74px;
  font-size: 72px;
  margin-bottom: 26px;
  color: #000000;
}

h3.pagetitle {
  color: #000000;
  font-size: 36px;
  line-height: 72px;
  padding-top: 32px;
  margin-bottom: 17px;
}

h3.head__1 {
  margin-bottom: 12px;
  padding-top: 15px;
}
h4.homepagetitle {
  font-size: 28px;
  line-height: 36px;
  font-weight: normal;
  padding-top: 15px;
  margin-bottom: 15px;
}

h5.h5head{
  color: #e3e5e6;
  font-size: 36px;
  line-height: 45px;
  margin-top: 10px;
  margin-bottom: 32px;
}

/* Liens  */
a {
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
a:hover {
  color: #00b1ba;
}
.link-1 {
  color: #464545;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  margin-top: 4px;
  font: 22px/36px 'Roboto Condensed', sans-serif;
}

.container a{  
  color: #32499c;
}
.container a:hover{  
  text-decoration: underline;
}
/****classes****/
.mb0 {
  margin-bottom: 0px !important;
}
.m0 {
  margin: 0 !important;
}
.pad0 {
  padding: 0 !important;
}
.img_inner {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-top: 4px;
}
.img_inner.fleft {
  max-width: 23%;  
  float: left;
  width: auto !important;
  margin-right: 30px;
  margin-bottom: 0px;
}
.img_inner.fleft.noresize {
  margin-right: 20px;
  margin-top: 5px;
}
.img_fright {
  position: relative;
  top: -1px;
  margin-left: 20px;
  float: right;
}
.oh {
  overflow: hidden;
}
.fwn {
  font-weight: normal;
}
.fright {
  float: right !important;
}
.upp {
  text-transform: uppercase;
}
.alright {
  text-align: right;
}
.ta__center {
  text-align: center;
}
.ta__left {
  text-align: left;
}
.td__underline {
  text-decoration: underline;
}
.fw_med {
  font-weight: 500;
}
.wrapper,
.extra_wrapper {
  overflow: hidden;
}
.clear {
  float: none !important;
  clear: both;
}
.oh {
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
.rel {
  position: relative;
}
/*header*/
header {
  color: #e6e5e5;
  display: block;
  position: relative;
  z-index: 999;
  padding: 18px 0 77px;
}
header .rel {
  z-index: 999;
}
header h1 {
  text-align: center;
  z-index: 999;
  float: left;
  margin-bottom: 10px;
}
header h1 a {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  -webkit-transition: 0s ease;
  transition: 0s ease;
}
header h1.stuck_head {
  opacity: 0;
}
.page1_header {
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  padding-top: 13px;
}
.page1_header .banner {
  background-color: #32499c;
  color: #ffffff;
  display: block;
  width: 50%;
  text-align: center;
  float: left;
  font-size: 18px;
  padding: 59px 0 14px;
}
.page1_header .banner .fa {
  margin-bottom: 27px;
  display: block;
  font-size: 72px;
  line-height: 48px;
}
.page1_header .banner:first-child + .banner {
  background-color: #7a868c;
}
.page1_header .banner:first-child + .banner + .banner {
  background-color: #7a868c;
}
.page1_header .banner + .banner + .banner {
  padding-top: 63px;
  padding-bottom: 13px;
}
.page1_header .banner.maxheight1 .fa {
  margin-bottom: 26px;
}
.page1_header .banner:hover {
  background-color: #000000 !important;
  text-decoration:none;
}
/****Content****/
#content {
  background-color: #fff;
  padding-bottom: 71px;
  min-height: 700px;
}
#content .content_gray {
  padding-bottom: 15px;
}
#content .content_gray.offset__1 {
  margin-top: 70px;
}
#content .content_gray.offset__2 {
  margin-top: 71px;
}
#content .content_gray.offset__2 h3 {
  margin-bottom: 12px;
}
/****Non suppage set****/
.page1 header {
  border-bottom: 1px solid #fff;
  padding-bottom: 51px;
}
.page1 #content {
  padding-bottom: 68px;
}
.page1 h3 {
  padding-top: 52px;
  margin-bottom: 10px;
}
/****Blocks****/
.block-1 {
  font: 20px/30px 'Roboto Condensed', sans-serif;
  background-color: #32499c;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  padding: 34px 0 18px;
}
.block-1 .support {
  margin-top: -13px;
  display: block;
}
.block-1 .support:hover {
  opacity: 0.4;
}
.block-1 .block-1_count {
  font-weight: 300;
  float: left;
  width: 100px;
  font-size: 68px;
  line-height: 55px;
}

.greet p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 22px;
}
.bq1 {
  position: relative;
  top: 3px;
  background-color: #f2f5f6;
  padding: 31px 57px 40px 58px;
  color: #626161;
}
.bq1 p {
  font-style: italic;
  margin-bottom: 11px;
}
.bq1 span {
  display: block;
  float: right;
  font-size: 16px;
  font-weight: 600;
}
.bq1 + .bq1 {
  margin-top: 56px;
}
.block-2 {
  overflow: hidden;
}
.block-2 + .block-2 {
  margin-top: 36px;
}
.block-2 + .block-2.offset__1 {
  margin-top: 62px;
}
.block-3 {
  margin-top: -2px;
}
.block-3 .count {
  background-color: #32499c;
  color: #ffffff;
  width: 68px;
  height: 68px;
  text-align: center;
  float: left;
  margin-right: 32px;
  font: 300 36px/68px 'Roboto Condensed', sans-serif;
  border-radius: 500px;
}
.bord_img {
  margin-top: -2px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 34px;
  border: 1px solid #b6b3b3;
}

/* Actualités */
.blog {
  padding-top: 10px;
  overflow: hidden;
}
.blog .extra_wrapper {
  overflow: visible;
}
.blog time {
  margin-right: 32px;
  padding-top: 42px;
  margin-bottom: 60px;
  float: left;
  text-align: center;
  display: block;
  font: 300 18px/24px 'Roboto Condensed', sans-serif;
}
.blog time .count {
  background-color: #32499c;
  color: #ffffff;
  width: 68px;
  height: 68px;
  display: block;
  text-align: center;
  font: 300 36px/67px 'Roboto Condensed', sans-serif;
  border-radius: 500px;
  margin-bottom: 10px;
}
.blog time strong {
  font-weight: normal;
  display: block;
  font-size: 24px;
}

@media screen and (max-width: 1200px){
.NewsSummaryField .NewsSummarySummary .NewsSummaryCategory{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.blog time {
  width:98%;
  padding-top:0px;
  border: 2px solid #32499c;
  margin-bottom: 20px;
}
.blog time .count {
  background-color: #32499c;
  color: #ffffff;
  width: 23%;
  height: 68px;
  float:left;
  text-align: center;
  border-radius: 0px;
  margin-bottom: 0px;
}
.blog time .moisAnnee{
  float:right;
  width:75%;
  font: 300 17px/32px 'Roboto Condensed', sans-serif;
  height: 68px;
  text-align: left;
}
.blog time strong {
  font-weight: normal;
  font-size: 24px;
}
}

.blog p {
  overflow: hidden;
}
.blog p em {
  font-style: italic;
  display: block;
}
.blog .comment {
  display: block;
  float: right;
  margin-right: 20px;
  margin-top: -3px;
  font: 18px/24px 'Roboto Condensed', sans-serif;
}
.blog .comment .fa {
  margin-right: 7px;
  color: #00b1ba;
  margin-top: 1px;
  font-size: 30px;
  line-height: 22px;
}
.blog .link-1 {
  margin-top: 18px;
}
.blog + .blog {
  margin-top: 24px;
}
/****Separators****/
/* Styles de textes */
.container p{  
  line-height:25px;
}
sup {
    vertical-align: top;
    font-size: 15px;
}
.text1 {
  font: 24px/20px 'Roboto Condensed', sans-serif;
  margin-bottom: 20px;
}
.text2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #5e5d5d;
}
.text3 {
  font-size: 18px;
  line-height: 20px;
  display: block;
}
.color1 {
  color: #00b1ba;
}
.color1 a:hover,
a.color1:hover {
  color: #464545;
}
.color2 {
  color: #464545;
}
.color3 {
  color: #5e5d5d;
}
/****Map****/
.map {
  overflow: hidden;
  padding-top: 1px;
}
.map figure {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.map figure iframe {
  width: 100%;
  height: 399px;
  max-width: 100%;
}
.address1 {
  display: block;
  float: left;
}
.address1 + .address1 {
  margin-left: 70px;
}
.address1 dt {
  margin-bottom: 13px;
}
.address1 dd span {
  min-width: 144px;
  display: inline-block;
  text-align: left;
}
.address1 dd span.col1 {
  min-width: 0;
}
/**Footer**/
#footer {
  padding: 25px 0;
  border-top: 1px solid #5c5c5c;
}
#footer a, a:hover {
  color: #ffffff;
}
#footer .copyright {
  font-weight: normal;
  color: #FFF;
}
#footer .copyright .brand {
  position: relative;
  top: -4px;
  color: #000000;
  font: 300 24px/20px 'Roboto Condensed', sans-serif;
}
#footer .copyright .sub-copy {
  padding-top: 3px;
  color: #6d6a6a;
}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  left: 35%;
  margin-left: 640px;
  overflow: hidden;
  border: none;
  background-color: #7a868c; /*#6b6b6b*/
  color: #ffffff;
  width: 38px;
  height: 49px;
  font-size: 22px;
  line-height: 49px;
  text-align: center;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #32499c;
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1199px) {
  .extra_wrapper {
    overflow: visible;
  }
  .banner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .text1 {
    font-size: 20px;
  }
  .page1 header {
    -webkit-background-size: auto 100% !important;
    background-size: auto 100% !important;
  }
  .comment {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 979px) {
  .map figure,
  .map figure iframe,
  #form input,
  #form textarea,
  #form .success {
    width: 100% !important;
    float: none !important;
  }
  #form .success {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .map figure {
    height: auto !important;
    margin-bottom: 15px;
  }
  .nowrap {
    white-space: normal;
  }
  .img_inner.fleft {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fright {
    float: none !important;
  }
  #contact-form {
    padding-top: 30px;
  }
  .text2.color1 {
    margin-top: 30px;
  }
  .address1 + .address1 {
    margin-left: 60px;
  }
  .page1 header {
    padding-bottom: 45px;
  }
  .support {
    margin-top: 0 !important;
  }
  .block-1 .block-1_count {
    margin-bottom: 30px;
  }
  .banner {
    margin-bottom: 10px;
    font-size: 24px !important;
    float: none !important;
    width: 100% !important;
  }
  .greet {
    padding-left: 0;
    padding-right: 0;
  }
  .img_inner,
  .img_inner.fleft {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 30px;
  }
  .img_inner img,
  .img_inner.fleft img {
    width: 100%;
  }
  header {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  header h1 {
    position: static !important;
    margin-bottom: 20px;
    float: none;
    left: 0;
    text-align: center;
  }
  header h1 a {
    margin: 0 auto;
    max-width: 90%;
    width: 100%;
    display: block;
  }
  header h1 a img {
    display: block;
    margin: 0 auto;
  }
  .map figure iframe {
    height: 300px;
  }
  .content .noresize {
    width: auto !important;
    float: left !important;
    margin-right: 20px !important;
    margin-top: 4px !important;
  }
  .none {
    clear: both;
  }
  .bord_img {
    margin-top: 40px;
  }
  .block-3 {
    margin-bottom: 30px;
  }
}

/* Surcharge pour gérer les News sur la Homepage */
.news-article h2{
   font-size: 22px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-bottom: 5px;
   line-height:25px;
}

.news-article p{
   line-height:25px;
   margin-bottom: 0px;
}

.news-article a, a:hover{
   color:#32499c;
}

.lien_highlights a, .lien_highlights p, .block-1_count{
   color:#FFF;
}


.news-article span.more{
 padding-bottom: 0px;
}

/*Gestion des News sur la page actualités*/
.NewsSummarySummary{
   padding-top:15px;
}

/* Surcharge pour gérer les textes d'intro */
#presentation_home{
   list-style-type:disc;
   line-height: 20px;
}

#presentation_home{
   list-style-type:disc;
   line-height: 20px;
   margin-left: 0px;
}

/* Surcharge pour la gestion des résumés d'articles en Homepage  */
.news-article{
 padding-bottom: 60px;
}

/* Bouton catégories articles */

#buttons{
  padding-bottom: 60px;  
}

#buttons a{
  color: #fff;  
}

.btn_categorie{
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  font-size: 20px;
  background: #32499c;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: solid #32499c 1px;
}

.btn_categorie_current{
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #7a868c 1px;
  background-color:#7a868c;
  text-decoration: none;
}

@media screen and (max-width: 974px){

#buttons{
  padding-bottom: 20px;  
}
.btn_categorie{
 width:95%; 
 display: block;
 margin-bottom: 20px;
}
.btn_categorie_current{
 width:95%; 
 display: block;
 margin-bottom: 20px;
}
}
/* Séparateurs */
hr{
  border: 0;
  height: 1px; 
  background: #333; 
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
  margin-top: 30px; 
  margin-bottom: 30px;
}

/* Tableaux */
table {
  border-collapse:collapse;
  border:1px solid #32499c;
}
td{
  border-bottom:1px solid #32499c;
  border-left:1px solid #32499c;
  margin:1px;
  text-align:center;
  vertical-align:middle;
}
tr:hover{
  background-color:#e3e5e6;
}
thead td{       
  background-color:#32499c;
  margin:1px;
  color: #FFF;
  font-weight: bold;
}
thead p{
  color: white;
  font-weight: bold;	
}
thead tr:hover{
  background-color:#32499c;
}
th{       
  background-color:#32499c;
  padding-left:10px;
  color: #FFF;
  font-weight: bold;
  vertical-align:middle;
  border-bottom:1px solid #FFF;
}

/* Liste à puces */
#content .container ul{
  list-style-type:circle;
  padding-left: 20px;
  /*padding-top: 15px;
  padding-bottom:5px;*/
}
#content  .container ul li{
  padding-left: 5px;
  line-height: 25px;
}

/* Surcharges pour le header de la Homepage */
.box_inner p{
  line-height: 20px;
  height: 50px;
}
.text_count{
  height: 50px;
}
.text_count p{
  line-height: 20px;
}
.news_homepage{
 padding-top:35px;
}
.news_homepage a{
 color:#FFF;
 cursor: pointer; 
}

/* Agenda */
.agendaHomepage {
  padding-top: 10px;
  overflow: hidden;
}
.agendaHomepage .extra_wrapper {
  overflow: visible;
}

.agenda time, .agendaHomepage time {
  margin-top: 20px;
  margin-right: 32px;
  float: left;
  text-align: center;
  display: block;
  font: 300 20px/24px 'Roboto Condensed', sans-serif;
  border: 1px solid #32499c;
  margin-bottom: 60px;
}

.agendaHomepage time {
  margin-top: 38px;
  margin-bottom: 60px;
}


.agenda time .count, .agendaHomepage time .count {
  background-color: #32499c;
  color: #ffffff;
  width: 68px;
  display: block;
  text-align: center;
  font: 300 36px/67px 'Roboto Condensed', sans-serif;
  margin-bottom: 10px;
}
.agenda time strong, .agendaHomepage time strong {
  margin-bottom: 3px;
  font-weight: normal;
  display: block;
  font-size: 24px;
}
.agenda p, .agendaHomepage time p{
  overflow: hidden;
}


@media all and (min-width: 771px){
.agendaHomepage + .agendaHomepage{
  margin-top: 24px;
}
.NewsSummaryHeader{
  min-height: 85px;
}
.NewsSummarySummary{
  min-height: 150px;
}
}

@media all and (max-width: 1200px){
.agenda time, .agendaHomepage time{
  width: 98%;
  border: 2px solid #32499c;
  margin-bottom: 20px;
  margin-top: 0px;
}
.agenda time .count, .agendaHomepage time .count{
  background-color: #32499c;
  color: #ffffff;
  width: 23%;
  height: 68px;
  float:left;
  text-align: center;
  border-radius: 0px;
  margin-bottom: 0px;
}
.agenda time .moisAnnee, .agendaHomepage time .moisAnnee{
  float:right;
  width:75%;
  font: 300 17px/32px 'Roboto Condensed', sans-serif;
  height: 68px;
  text-align: left;
}
.agenda time strong, .agendaHomepage time {
  font-weight: normal;
  font-size: 24px;
}
}

@media all and (max-width: 770px){
.img_inner.fleft {
  width: 100%;
  margin-top:0px;  
}
}

@media all and (max-width: 767px){
.img_inner.fleft {
  max-width: 100%;  
  margin-top:0px;  
}
}
/* Fixation de la taille des blocs sur la Homepage */
@media all and (min-width: 760px) and (max-width: 1199px){
.grid_50 .blog, .grid_50 .agendaHomepage {
  height: 450px;
}
}
@media all and (min-width: 1200px){
.grid_50 .blog, .grid_50 .agendaHomepage {
  height: 290px;
}
.lecture{
 width:80%;
}
}
/* cmsms stylesheet: FERSR_Stable_2016-05-Menu modified: mercredi 1 juin 2016 15:52:11 */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* cmsms stylesheet: FERSR_Stable_2016-05-MenuStyle modified: jeudi 16 juin 2016 17:43:21 */
.sm-blue {
  background: #7a868c;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.sm-blue a, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: white;
  font-size: 18px;
  font-weight: normal;
  line-height: 23px;
  text-decoration: none;
}

.sm-blue a:hover{
  padding: 10px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #32499c;
  font-size: 18px;
  font-weight: normal;
  line-height: 23px;
  text-decoration: none;
}

.sm-blue a.current {
  /*background: #7a868c;*/
  color: white;
}
.sm-blue a.disabled {
  color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: normal 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 8px 0px;
  -moz-border-radius: 0 0 8px 0px;
  -ms-border-radius: 0 0 8px 0px;
  -o-border-radius: 0 0 8px 0px;
  border-radius: 0 0 8px 0px;
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.sm-blue ul {
  background: white;
  padding-left: 0px;
}

.sm-blue ul ul {
}
.sm-blue ul a, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #7a868c;
  font-size: 16px;
  text-shadow: none;
  border-left: 8px solid transparent;
}

.sm-blue ul a:hover{
  color: #32499c;
  font-size: 16px;
  text-shadow: none;
  border-left: 8px solid transparent;
}

.sm-blue ul a.current {
  background: #7a868c;
  color: white;
}
.sm-blue ul a.disabled {
  color: #b3b3b3;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 14px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 22px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 30px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 38px solid transparent;
}
.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-blue {
    background: #7a868c;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 24px;
    background: #7a868c;
    color: white;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    color: #32499c;
  }
  .sm-blue a.current {
    background: #7a868c;
    color: white;
  }
  .sm-blue a.disabled {
    background: #7a868c;
    color: #a1d1e8;
  }
  .sm-blue a span.sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-blue a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
  }
  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0 !important;
    -moz-border-radius: 0 8px 8px 0 !important;
    -ms-border-radius: 0 8px 8px 0 !important;
    -o-border-radius: 0 8px 8px 0 !important;
    border-radius: 0 8px 8px 0 !important;
  }
  .sm-blue > li {
   width:200px;
   text-align:center;
   cursor: pointer;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #a8a8a8;
    padding: 7px 0;
    background: white;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }
  .sm-blue ul ul {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: white;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    background: transparent;
    color: #7a868c;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    color: #32499c; 
  }
  .sm-blue ul a.current {
   color: #32499c;
  }
  .sm-blue ul a.disabled {
   color: #32499c;
  }
  .sm-blue ul a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue span.scroll-up,
  .sm-blue span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #dbdcdd transparent;
  }
  .sm-blue span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #dbdcdd transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
  }
  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px !important;
    -moz-border-radius: 8px 0 0 8px !important;
    -ms-border-radius: 8px 0 0 8px !important;
    -o-border-radius: 8px 0 0 8px !important;
    border-radius: 8px 0 0 8px !important;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #666666;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #666666 transparent transparent;
  }
  .sm-blue.sm-vertical {
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #666666;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 0 8px 8px !important;
    -moz-border-radius: 0 0 8px 8px !important;
    -ms-border-radius: 0 0 8px 8px !important;
    -o-border-radius: 0 0 8px 8px !important;
    border-radius: 0 0 8px 8px !important;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
/* Cache les flèches montrant l'arborescence du menu */
  .sub-arrow{
     display:none;
     visibility:hidden;
}
  
}