/* -------------------- FONTS -------------------- */

@font-face {
  font-family: 'pt-sans-regular';
  src: url('../fonts/PTS55F-webfont.eot');
  src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PTS55F-webfont.woff') format('woff'),
       url('../fonts/PTS55F-webfont.ttf') format('truetype'),
       url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'pt-sans-narrow-regular';
  src: url('../fonts/PTN57F-webfont.eot');
  src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PTN57F-webfont.woff') format('woff'),
       url('../fonts/PTN57F-webfont.ttf') format('truetype'),
       url('../fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'pt-sans-narrow-bold';
  src: url('../fonts/PTN77F-webfont.eot');
  src: url('../fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PTN77F-webfont.woff') format('woff'),
       url('../fonts/PTN77F-webfont.ttf') format('truetype'),
       url('../fonts/PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'raleway-light';
  src: url('../fonts/raleway-light.eot');
  src: url('../fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/raleway-light.woff') format('woff'),
       url('../fonts/raleway-light.ttf') format('truetype'),
       url('../fonts/raleway-light.svg#Raleway-Light') format('svg');
}
@font-face {
  font-family: 'raleway-bold';
  src: url('../fonts/raleway-bold.eot');
  src: url('../fonts/raleway-bold.eot?iefix') format('eot'),
       url('../fonts/raleway-bold.woff') format('woff'),
       url('../fonts/raleway-bold.ttf') format('truetype'),
       url('../fonts/raleway-bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?iefix') format('eot'),
       url('../fonts/icomoon.woff') format('woff'),
       url('../fonts/icomoon.ttf') format('truetype'),
       url('../fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* -------------------- GENERAL -------------------- */

/* body {margin: 2rem 0; font-family: Arial, Helvetica, Sans-serif; font-size: 0.8rem;color: #254875;} */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -------------------- MENU PRINCIPAL -------------------- */

/* Bouton accueil */
.menu-cd button.accueil {cursor: pointer; position: absolute; display: inline-block; margin: 0; padding: 7px 7px 7px 0; border: 0 none; background: none; font-size: 0; line-height: 1; text-align: center; text-decoration: none !important; z-index: 999;}
.menu-cd button.accueil:before {content: "\e621"; font-family: "icomoon"; font-size: 40px; color: #254875;}
.menu-cd button.accueil:focus {outline: none;}
.menu-cd button.accueil:hover:before, .menu-cd button.accueil:focus:before {content: "\e61e";}

/* 1er niveau */
.menu-cd ul {position: relative; padding: 0; list-style: none; text-align: center;}
.menu-cd ul li {display: inline-block; vertical-align: top}
.menu-cd > ul > li > button {cursor: pointer; display: block; margin: 0 1px; padding: 1rem .3rem; border: 0 none; box-sizing: border-box; font-family: "pt-sans-narrow-bold"; font-size: 1.1rem; text-transform: uppercase; text-decoration: none !important; color: #254875;}
.menu-cd > ul > li > button:hover, .menu-cd > ul > li > button:focus, .menu-cd > ul > li > button:active {outline: none; background: #BDC7D6; color: #254875;}

/* Pour les Éditeurs de texte dans les tableau et autres */
.menu-cd div div table td ul, .menu-cd div div div div ul {position: relative; padding: 0; list-style:list-item; text-align: left;   margin: 15px;
  padding-left: 15px;}
.menu-cd div div table td ul li, .menu-cd div div div div ul {position: relative; padding: 0 0 5px 0; list-style-type: disc; display:list-item;}


/* 1er niveau actif */
.menu-cd > ul > li.act {margin-bottom: 90px;}
.menu-cd > ul > li.act > button {padding-bottom: 22px; background: #254875; color: #fff;}
.menu-cd > ul > li:last-child > button {padding-bottom: 1rem;}
.menu-cd > ul > li:last-child {margin-bottom: 0;}

/* 2e niveau */
.menu-cd ul ul.level2 {position: absolute; top: 60px; left: 0; right: 0; margin: 0; padding: 8px; box-sizing: border-box; background: #254875;}
.menu-cd ul ul.level2 li {list-style: none; display: table-cell; width: 16%;}
.menu-cd ul ul.level2 button {cursor: pointer; display: block; width: 100%; padding: 8px; border: 0 none; background: #254875; font-family: "pt-sans-regular", Arial, sans-serif; font-size: .95rem; text-decoration: none !important; text-align: left; color: #fff;}
.menu-cd ul ul.level2 li:hover, .menu-cd ul ul.level2 li:hover button, .menu-cd ul ul.level2 button:hover, .menu-cd ul ul.level2 button:focus, .menu-cd ul ul.level2 button:active {outline: none; background: #BDC7D6; color: #254875;}
.menu-cd ul ul.level2 li.act, .menu-cd ul ul.level2 li.act button {background: #fff; color: #254875;}

/* -------------------- CONTENU -------------------- */

.rangee.menu-cd {max-width: 960px; margin: 0 auto; padding: 0 16px; overflow: visible;}
.rangee.menu-cd .intro {margin: 2rem 0; padding: 1rem; border: 1px solid #ccc;}
.menu-cd h1 {margin: 1.9rem 0 0.6rem 0; font-family: "raleway-light"; font-size: 1.9rem; font-weight: normal; color: #666;}
.menu-cd h2 {display: inline-block; max-width: 94%; margin: 1.9rem 0 0.6rem 0; font-family: "raleway-light"; font-size: 1.9rem; font-weight: normal; color: #666;}
/*.menu-cd h3 {margin: 2.25rem 0 .75rem; padding: 0.15rem 1rem; font-family: "raleway-light"; font-size: 1.35rem; font-weight: normal; color: #fff; background: #254875;}*/
.menu-cd h3 {margin: 2.25rem 0 .75rem; padding: 0; font-family: "raleway-light"; font-size: 1.65rem; color: #254875; font-weight: bold;}
.menu-cd h4 {margin: 2.25rem 0 0.15rem; color: #254875; font-family: "raleway-bold", Arial, Helvetica, sans-serif; font-size: 1.6rem; font-weight: bold; text-transform: uppercase;}
.menu-cd strong {display: inline; vertical-align: baseline; font-family: 'raleway-bold'; font-size: 1.2rem; font-weight: normal;}
.menu-cd p {margin: 0 0 1rem;}
.menu-cd  td p {margin: 0 0 0 0;}
.menu-cd p.formtitle {margin: 2.25rem 0 .75rem; padding: 0.15rem 1rem; background: #cbd3d8; color: #254875; font-family: "raleway-light"; font-size: 1.35rem; font-weight: normal;}
.menu-cd ul {list-style: none;margin: 0;}
.menu-cd input[type="radio"] {margin: 1px 5px 0 0;}
.menu-cd form label {display: block; margin: .5rem 0; font-family: "pt-sans-narrow-regular"; font-size: 1.15rem;}
.menu-cd form label span {display: inline-block; margin: 2px 5px; padding: 0 1rem; background: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: .65em; line-height: 2;}
.menu-cd input[type="radio"] + label {display: inline-block; margin: 0; font-family: Arial, sans-serif; font-size: .85rem;}
.menu-cd input[type="text"] {min-width: 50%; padding: 6px; border: 1px solid #666; color: #666;}
.menu-cd input[type="text"].error {min-width: 46%; padding-left: 4% !important;}
.menu-cd input[type="text"].error + label + img {left: -220px;}
.menu-cd select {padding: 5px; border: 1px solid #666; color: #666;}

/* Form */
.menu-cd div.filtre {width: 100%; margin-bottom: 1.25rem; padding: 1rem; box-sizing: border-box;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.menu-cd div.filtre:after {content: ""; display: table; clear: both;}
.menu-cd div.filtre form label, div.filtre .trititle {display: block; margin: .5rem 0; font-family: 'raleway-bold'; font-size: 1.15rem; color: #666;}
.menu-cd div.filtre .trititle {float: left; width: 80%;}
.menu-cd div.filtre .trititle + ul {float: left; width: 80%; text-align: left;}
.menu-cd div.filtre .trititle + ul li {font-family: Arial; font-size: .95rem; color: #666; display: inline-block; padding: 6px;}
.menu-cd div.filtre .trititle + ul li a, .menu-cd div.filtre .trititle + ul li span {padding: .25rem .75rem; font-family: Arial; font-size: .95rem; text-decoration: none; color: #666;}
.menu-cd div.filtre ul li:hover a, .menu-cd div.filtre ul li.selected {background: #666; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; text-decoration: none !important; color: #fff;}
.menu-cd div.filtre ul li.selected {padding: 4px; margin: 2px;}
.menu-cd div.filtre ul li.selected a, .menu-cd div.filtre ul li.selected span {color: #fff;}
.menu-cd form.ng-valid {float: left; display: inline-block; width: 20%;}
.menu-cd form.ng-valid + ul {margin-bottom: 1.25rem;}
.menu-cd form.ng-valid input[type="submit"] {cursor: pointer; display: inline-block; margin: 0 .75rem; padding: 0.175rem .75rem; border: 2px solid #595959; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; background: #595959; color: #fff; font-family: "pt-sans-narrow-bold"; font-size: 1.1rem; line-height: 1.1; text-transform: uppercase; text-decoration: none;}
.menu-cd form.ng-valid input[type="submit"]:hover, form.ng-valid input[type="submit"]:focus {outline: none; background: #333; text-decoration: none}
.menu-cd .noresults {border: 1px solid #c2c2c2; padding: 2rem; text-align: center; font-family: 'raleway-bold'; font-size: 1rem;}

/* Table */
.menu-cd table {width: 100%; border-collapse: collapse; border: 1px solid #c8c8c8; color: #333; text-align: left;}
.menu-cd table th { min-width: 60px; cursor:pointer; padding: 1rem 1.5rem 0 1rem; border: 2px solid #fff; background: #254875; font-family: "raleway-bold"; font-size: .95rem; font-weight: normal; color: #fff;}
.menu-cd table th.sorting:after {cursor: pointer; display: block; text-align: right; position: relative; top: -21px; margin-right: -24px; margin-left: -16px; content: '\e626'; font-family: 'icomoon'; font-size: 1.25rem; line-height: 1; color: #CBD3D8;}
.menu-cd table th.sorting_asc:after {cursor: pointer; display: block; text-align: right; position: relative; top: -21px; margin-right: -24px; margin-left: -16px; content: '\e622'; font-family: 'icomoon'; font-size: 1.25rem; line-height: 1; color: #fff;}
.menu-cd table th.sorting_desc:after {cursor: pointer; display: block; text-align: right; position: relative; top: -21px; margin-right: -24px; margin-left: -16px; content: '\e623'; font-family: 'icomoon'; font-size: 1.25rem; line-height: 1; color: #fff;}
.menu-cd table th.sorting_asc, .menu-cd table th.sorting_desc {background: #12243A;}
.menu-cd table td {border: 1px solid #c8c8c8; padding: .75rem;}
.table-wrapper {  max-width: 960px;  overflow-x: scroll;  overflow-y: visible;}

/* Question */

.menu-cd div.content {margin: 0 0 1.5rem 0; padding: 1.5rem; border: 1px solid #c2c2c2; text-align: left; font-size: 1rem; color: #595959;}
.menu-cd div.content:after {content: ""; display: table; clear: both;}
.menu-cd .question {cursor: pointer; display: inline-block; width: 5%; margin: 2.4rem 0 0 0; padding: 0; border: 0 none; background: none; line-height: 1.25; text-align: left; vertical-align: top;}
.menu-cd .question:focus {outline: none;}
.menu-cd .question:before {cursor: pointer; margin: 0 0 0 10px; content: "\e624"; font-family: 'icomoon'; font-size: 30px; color: #666;}
.menu-cd .question:hover:before {content: "\e625";}
.menu-cd .closenote {cursor: pointer; float: right; margin: 0.5rem 0 0 0; padding: 0; border: 0 none; background: none; font-family: Arial; font-weight: bold; text-decoration: underline; color: #595959;}
.menu-cd div.content p {text-align: left;}
.menu-cd div.content ul {list-style: disc outside; margin-left: 38px; margin-bottom:15px; overflow: visible; text-align: left;}
.menu-cd div.content ul li {display: list-item;}

/* -------------------- FOOTER -------------------- */

.menu-cd .bandeFooter {min-height: 80px; margin: 0 0 3rem 0; background: url(../img/fondFooter.png) bottom center no-repeat; background-size: 100%;}

/* -------------------- MEDIA QUERIES -------------------- */

@media screen and (max-width: 1024px) {
  .menu-cd {text-align: left;}
  .menu-cd > ul, .menu-cd > ul > li {width: 100%;}
  .menu-cd > ul li, .menu-cd > ul li.act {margin: 0 0 5px 0;}
  .menu-cd > ul > li > button, .menu-cd > ul > li:last-child > button {width: 100%; margin: 0; padding: .5rem; text-align: left;}
  .menu-cd > ul li.act {background: #ccc;}
  .menu-cd > ul > li.act > button {padding-bottom: 0; background: #254875;}
  .menu-cd > ul > li:last-child > button {padding: .5rem;}
  .menu-cd ul ul.level2 {position: relative; top: 0;}
  .menu-cd button.accueil {position: static;}
}

@media screen and (max-width: 850px) {
  .menu-cd ul ul.level2 li {display: block; width: 100%;}
  .menu-cd ul ul.level2 li button {padding: 2px;}
  .menu-cd form.ng-valid + ul li {width: 100%; box-sizing: border-box;}
}

/* --------------------   -------------------- */
/*** formater les montants d'argent ***/
.space{
  padding:2px;
}