/* ## Pages ########## */
#cod-page {
  padding: 0 20px 50px 20px;
  margin: 0;
  min-height: 550px;
  position: relative;

}

@media screen and (min-width: 920px) {
  #cod-page {
    width:918px; /*Maintient les alignements basé sur l'ancien site*/
  }
}

#cod-page p.right {
  text-align: right;
}
#cod-page p.left {
  text-align: left;
}
#cod-page p.center {
  text-align: center;
}
#cod-page li.center span {
  text-align: center;
  margin-left:30px;
  display:block;
}
#cod-page span.no-margin-right {
  margin-right:0;
}
#cod-page p.no-margin-top {
  margin-top: 0;
}
#cod-page p.no-margin-top {
  margin-top: 0;
}
#cod-page .no-margin-right--2 {
  margin-right: -2px!important;
}
#cod-page .margin-right--18 {
  margin-right: -18px!important;
}
#cod-page .row {
  margin:5px 0;
  width:100%;
}
#cod-page .row:after {
  content:"";
  display: table;
  clear: both;
}
#cod-page .row.padding-20 {
  padding: 20px;
}
/*#cod-page section#avertissement,*/
#cod-page section#intro,
#cod-page section#table-des-matieres,
#cod-page section#annexe-a,
#cod-page section#annexe-b,
#cod-page section#notes-traductions-contenu {
  padding: 10px 25px;
}

#cod-page section#avertissement {
  /*padding: 10px 0px;*/
  padding:0px;
  margin-bottom:30px;
}

#cod-page .popover-icon {
    display: inline-block;
    position: absolute;
    right: -26px;
    top: 24px;
    width: 15px;
    height: 15px;
    font-size: 0.9em!important;
    line-height: 0.9em!important;
    font-weight: 200!important;
    font-variant: normal!important;
    text-align: center!important;
    /* margin-left: -15px; */
    border-radius: 15px;
    background-color: gray;
    color: white;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
#cod-page .popover-icon.annexe,
#cod-page .popover-icon.titre {
  position: relative;
  top: -8px;
  right:-8px;
}

#cod-page .popover-icon.paragraphe {
  position: relative;
  top: -8px;
  right:-396px;;
}

#cod-page .popover-icon.notes {
  top: 7px;
  right:-8px;
}


#cod-page .popover-icon:after {
  content:"t";
  position:absolute;
  color:rgb(255, 255, 255);
  top:0.5px;
  left:5.5px;
  /* z-index: 1; */
  font-size: 0.9em!important;
  line-height: 0.9em!important;
  text-indent:0px;
}
#cod-page .popover-icon.annexe:after,
#cod-page .popover-icon.titre:after{
  top:-0.5px;
  left:5.5px;
}
#cod-page .popover-icon.notes:after {
  top:1px;
}
#cod-page .popover-icon.notes a span {
  bottom: 23px;
}
#cod-page .popover-icon:hover {
  transform: scale(1.8);
  background-color: #223654;
  cursor:pointer;
}
#cod-page .popover-icon a span {
  background:  #223654;
  font-size: 0.5em;
  line-height: 0.5em!important;
  text-align: center;
  word-spacing: normal;
  min-width:90px;
  position:relative;
  display: inline-block;
  white-space: nowrap;
  color:rgb(255, 255, 255);
  bottom: 25px;
  right: 75px;
  padding: 8px 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 1px;
  z-index:100 ;
  opacity: 0;
  display:none;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
#cod-page .popover-icon a span:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #223654;
  position: absolute;
  bottom: -4px;
  left: 77px;
}
#cod-page .popover-icon-avertissement:after {
  content:"t";
  position:absolute;
  color:rgb(255, 255, 255);
  top:0.5px;
  left:5.5px;
  /* z-index: 1; */
  font-size: 0.9em!important;
  line-height: 0.9em!important;
  text-indent:0px;
}
#cod-page .popover-icon:hover a span {
  /* bottom: 23px; */
  color:rgb(225, 225, 225);
  text-decoration: none;
  opacity: 1;
  display:inline-block;
}
#cod-page .popover-icon a span:hover {
/* #cod-page .popover-icon:hover a span:hover { */
  cursor: pointer;
  color:rgb(255, 255, 255);
  transition: ease-in-out 0.2s;
}
#cod-page .popover-icon-avertissement {
  display: inline-block;
  position: relative;
  right:2px;
  top: 2px;
  width: 15px;
  height: 15px;
  margin-left:2px;
  margin-right:1px;
  font-size: 0.9em!important;
  line-height: 0.9em!important;
  font-weight: 200!important;
  font-variant: normal!important;
  text-align: center!important;
 
  border-radius: 15px;
  background-color: gray;
  color: white;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
#cod-page .col {
  padding: 5px 10px 5px 0;
  /* padding: 10px 0; */
  width: 100%;
  /* display: table-cell;
  vertical-align: top; */
}
#cod-page .col-2 {
  float: right;
  padding: 5px 10px;
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

#cod-page .fl {
  float:left;
}

@media screen and (max-width: 550px) {
  #cod-page .col-2 {
    float: right;
    padding: 2px;
    width: 100%;
    display: table-cell;
    vertical-align: top;  
  }

} 

#cod-page .paragraphe-indent {
  text-indent: 2em;
}
#cod-page #loi-1982  p.indent-petit {
  text-indent: 2em;
} 
#cod-page .indent-grand {
  margin-left: 15%;
}
#cod-page .encadre.gray {
  background-color: rgb(232, 232, 232) /*rgb(204, 204, 204)*/;
}
#cod-page .encadre {
  margin: 0 0 12px 0;
  padding: 15px 15px 5px 15px;
  border: 0;
}

#cod-page #nav-1 {
  position:fixed;
  bottom:5%;
  right:5%;
  width:225px;
  visibility: hidden;
  opacity: 0;

  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
#cod-page #nav-1 ul {
  list-style: none;
  margin:0 auto;
}

#cod-page #nav-1 ul li a {
  background-color:rgba(235, 235, 235,0.8);
  display:block;
  letter-spacing: -0.1px;
  text-align: left;
  text-decoration: none;
 
  font-size:0.8em;
  padding:10px;
  height:40px;
  margin-bottom:5px;
}

#cod-page #nav-1 ul li a img {
  height:22px;
  margin:0 auto;
  display: block;
}

#cod-page #nav-1 ul li a:hover {
  background-color:#223654;
  color:white;
  transition: 0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -ms-transition:0.3s;
}

#cod-page #nav-1 ul #nav-item1 a {
  background-color:#095797;
  width:calc(20% - 5px);
  float:right;
}

#cod-page #nav-1 ul #nav-item1 a:hover {
  background-color:#1472bf;
}

#cod-page #nav-1 #nav-item2 a {
  width:80%;
}
    
#cod-page #nav-1 #nav-item3 a,
#cod-page #nav-1 #nav-item4 a {
  width:calc(100% - 30px);
  margin-left:30px;
}

#cod-page #nav-list.visible,
#cod-page #nav-1.visible  {
  visibility: visible;
  display:block;
  opacity:1;
  transition:visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
  z-index :999;
}

#cod-page #nav-1 #nav-list.toggle {
  visibility: hidden;
  opacity:0;
  transition:visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

#cod-page #close {
  position: absolute;
  display: block;
  right: 5px;
  top: -60px;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  border-radius: 30px;
  background-color:rgb(235, 235, 235);
}

#cod-page #close.rotate {
  animation-name: rotate;
  animation-delay: 0.25s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  
  transition: transform ease 1s;
}

/*animations*/
@keyframes rotate {
  100% {
    transform: rotate(45deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(45deg);
  }
}

#cod-page #close:hover {
  opacity: 1;
}
#close:before, #close:after {
  position: absolute;
  left: 14px;
  top:4.5px;
  margin:0 auto;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #333;
}
#cod-page #close:before {
  transform: rotate(45deg);
}
#cod-page #close:after {
  transform: rotate(-45deg);
}

.collapse-item {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-top: 1px solid #223654;
  border-bottom: 1px solid #223654;
  text-align: left;
  outline: none;
  font-size: 2em;
  color: #223654;
}
.collapse-item:hover {
  background-color: #223654;
  transition: 1s;
  color:white;
}
.collapse-item:hover:after  {
  transition: 1s;
  color:white;
}
.collapse-item:after {
  content: '\002B';
  color:  #223654;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.collapse-content {
  background-color: #f1f1f1;
}

#cod-page .encadre  ol.sans-numero {
  list-style-type: none;
}
#cod-page #loi-1867 .encadre  ol.sans-numero li span:first-child {
  margin-right:5px;
}
#cod-page .encadre > ol > li > ol > li > span {    
  font-weight: bold;
  margin-right: 5px;
}
#cod-page .encadre span.margin-right--5 {
  margin-right: -5px!important;
}
#cod-page .encadre ol.chiffre-degre {        
  counter-reset: chiffre;
  list-style-type:none;
}
#cod-page .encadre ol.chiffre-degre li:before {        
  counter-increment: chiffre;
  content: counter(chiffre)"\00B0";
  margin-right: 10px;
}
#cod-page .encadre ol.list-padding-margin li {     
  padding-top:0;
  padding-bottom: 0;
  margin-bottom:5px;
}
#cod-page .encadre ol.chiffre-double {        
  counter-reset: chiffre-double;
  list-style-type:none;
}
#cod-page .encadre ol.chiffre-double > li:before {        
  counter-increment: chiffre-double;
  content: "("counter(chiffre-double)")";
  margin-right:10px;

}
#cod-page .encadre ol.chiffre-double.margin-left--10 > li:first-child:before,
#cod-page .encadre-notes ol.chiffre-double.margin-left--10 > li:first-child:before {        
  margin-left:-10px;
}

#cod-page .encadre ol.chiffre-double-point {
  counter-reset: chiffre-double-point;
  list-style-type:none;
}
#cod-page .encadre ol.chiffre-double-point > li:before {        
  counter-increment: chiffre-double-point;
  content: "("counter(chiffre-double-point)".)";
  display:inline-block;
  margin-right:10px;
  width:20px;
}
#cod-page .encadre ol.lettre-point {
  counter-reset: lettre-point;
  list-style-type: none;
  margin-left:30px;
}
#cod-page .encadre ol.lettre-point > li:before {        
  counter-increment: lettre-point;
  content: counter(lettre-point, lower-alpha)".";
  display:inline-block;
  margin-right:10px;
  margin-left:-30px;
  width:20px;
  font-style:italic;
}
#cod-page .encadre ol.inline {        
  display:inline;
}
#cod-page .encadre ol.inline > li:first-child {    
  display:inline;
}
#cod-page #notes-traductions h2 {
  font-size: 2.5em;
  font-weight:bold;
}
#cod-page #notes-traductions h3 {
  text-align: left;
}
#cod-page #notes-traductions h4 {
  font-weight:bold;
  text-align: left;
  padding: 15px 0 0 0;
  font-size: 1.8em;
  margin: 15px 0 5px 0;
}
#cod-page #notes-traductions-contenu p {
  margin-left:40px;
  text-indent:-40px;
}
#cod-page #annexes h4 {
  font-weight:bold;
  padding: 10px 0;
}
#cod-page #annexes h5 {
  font-size:2em;
  font-variant: normal;
  padding: 10px 0 5px;
}
#cod-page #annexes h6 {
  font-size:1.9em;
  text-align: center;
  padding: 10px 0 5px;
}
#cod-page #annexes table p {
  margin:0;
}
#cod-page #annexes ul,
#cod-page #annexes ol {
  margin:0;
}
#cod-page #annexes ul {
  text-align: left;
}
#cod-page #annexes ul.no-margin-left {
  margin-left:0;
  list-style-type: none;
}
#cod-page #annexes ul li {
  margin:0;
}
#cod-page #annexes h6 span.p-maj {
  /* display:inline-block; */
  padding-top: 10px!important;
}
#cod-page #annexes .section-annexes {        
  counter-reset: annexe;
}
#cod-page #annexes .encadre ol  {
  list-style-type:none;
  list-style-position: inside!important;
  margin-left:35px;
  padding-bottom:10px;
}
#cod-page #annexes .encadre  ol  li  {
  /* padding-top:2px;*/
  margin:0;
  padding:0;
}
#cod-page #annexes .encadre ol  li.bold:before  {
  font-weight: bold;
}
#cod-page #annexes .encadre  ol  li:before {
  display: inline-block;
  counter-increment: annexe;
  content: counter(annexe)".";
  margin-left:-35px;
  width:25px;
  padding-right:10px;
}
#cod-page #annexes .encadre ol.a-lettre-minuscule-double  {
  counter-reset: a-lettre-minuscule-double ;
  margin-left:0;
  list-style-type: none!important;
}
#cod-page #annexes .encadre  ol.a-lettre-minuscule-double > li:before {
  content:"(";
}
#cod-page #annexes .encadre  ol.a-lettre-minuscule-double > li > :first-child:before {        
  counter-increment: a-lettre-minuscule-double;
  content: counter(a-lettre-minuscule-double, lower-alpha);
  font-style: italic;
  display: inline-block;
  margin-left:-27px;
  width:10px;
  padding-right:10px;
}
#cod-page #annexes .encadre  ol.a-lettre-minuscule-double > li > :first-child:after {
  content:")";
  position: relative;
  left:-10px;
}
#cod-page #annexes .encadre   ol.a-i-minuscule-double  {
  counter-reset: a-i-minuscule-double ;
  list-style: none!important;
}
#cod-page #annexes .encadre   ol.a-i-minuscule-double > li:before {
  content:"(";
  position: relative;
  display: inline-block;
  left:-8px;
}
#cod-page #annexes .encadre   ol.a-i-minuscule-double > li > :first-child {
  display: inline-block;
}
#cod-page  #annexes .encadre   ol.a-i-minuscule-double > li > :first-child:before {        
  counter-increment: a-i-minuscule-double;
  content: counter(a-i-minuscule-double, lower-roman);
  /* margin-left:-27px; */
  margin-left:-35px;
  padding-right:2px;
}
#cod-page  #annexes .encadre   ol.a-i-minuscule-double > li > :first-child:after {
  content:")";
}
#cod-page #annexes .encadre p.lettre-majuscule {
  display:block;
  text-align: center;
  /* margin-left:-35px; */
  padding:20px 0 10px 0;
}

#cod-page #annexes .col-2.fr  .encadre p.lettre-majuscule {
  font-weight: bold!important;
}

#cod-page #annexes .encadre .d-col {
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
}

#cod-page #annexes .encadre .t-col {
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  list-style: none;
  overflow: hidden;
}
#cod-page #annexes .encadre .d-col li,
#cod-page #annexes .encadre .t-col li {
  /* height:25px; */
  text-align:left;
}
#cod-page .margin-left-35 {
  margin-left:-35px;
}
#cod-page .margin-bottom-10 {
  margin-bottom:10px;
}

#cod-page ol.last-child-no-margin-bottom li:last-child {
  margin-bottom:0;
  padding-bottom:0;
}

/* #cod-page #loi-1867 .col-2.en h5 {
  font-variant: small-caps;
} */
#cod-page .encadre  ol.lettre-minuscule-double {
  counter-reset: lettre-minuscule-double;
  margin-left:30px;
}
#cod-page .encadre  ol.lettre-minuscule-double  li {
  list-style-type: none;
}
#cod-page .encadre  ol.lettre-minuscule-double  li:before {
  content:"(";
  position: relative;
  left:-30px;
}
#cod-page .encadre  ol.lettre-minuscule-double  li > :first-child {        
  list-style-type: lower-alpha;
  margin-right:10px;
  margin-left:-30px;
}
#cod-page .encadre  ol.lettre-minuscule-double  li > :first-child:before {        
  counter-increment: lettre-minuscule-double;
  content: counter(lettre-minuscule-double, lower-alpha);
  font-style: italic;
}
#cod-page .encadre  ol.lettre-minuscule-double  li > :first-child:after {
  content:")";
}


#cod-page .encadre  ol.list-style-none {        
  list-style-type:none;
}
#cod-page .encadre  ol.list-style-none span:first-child {        
  margin-right:10px;
}




#cod-page .encadre  ol.lettre-minuscule-double-indent {
  counter-reset: lettre-minuscule-double;
  margin-left:40px;
}
#cod-page .encadre  ol.lettre-minuscule-double-indent  li {
  list-style-type: none;
  padding-bottom:0;
}
#cod-page .encadre  ol.lettre-minuscule-double-indent  li:before {
  content:"(";
  position: relative;
  left:-30px;
}
#cod-page .encadre  ol.lettre-minuscule-double-indent  li > :first-child {        
  list-style-type: lower-alpha;
  display: inline-block;
  margin-right:10px;
  margin-left:-30px;
  width:15px;
}
#cod-page .encadre  ol.lettre-minuscule-double-indent  li > :first-child:before {
  counter-increment: lettre-minuscule-double;
  content: counter(lettre-minuscule-double, lower-alpha);
  font-style: italic;
}
#cod-page .encadre  ol.lettre-minuscule-double-indent  li > :first-child:after {
  content:")";
}


#cod-page .encadre ol.romain-minuscule-double-indent {
  counter-reset: romain-minuscule-double-indent;
  margin-left:40px;
}
#cod-page .encadre ol.romain-minuscule-double-indent  li {
  list-style-type: none;
  padding-bottom:0;
}
#cod-page .encadre ol.romain-minuscule-double-indent  li:before {
  content:"(";
  position: relative;
  left:-35px;
}
#cod-page .encadre ol.romain-minuscule-double-indent  li > :first-child {        
  list-style-type:lower-roman;
  display: inline-block;
  margin-right:10px;
  margin-left:-35px;
  width:20px;
}
#cod-page .encadre ol.romain-minuscule-double-indent  li > :first-child:before {
  counter-increment: romain-minuscule-double-indent;
  content: counter(romain-minuscule-double-indent, lower-roman);
  font-style: italic;
  padding-right:1px;
}
#cod-page .encadre ol.romain-minuscule-double-indent  li > :first-child:after {
  content:")";
}


/* Fr */

#cod-page .encadre ol.lettre-minuscule-simple {        
  counter-reset: lettre-minuscule-simple;
  margin-left:30px;
}
#cod-page .encadre ol.lettre-minuscule-simple   li {
  list-style-type: none;
}
#cod-page .encadre ol.lettre-minuscule-simple   li > :first-child {
  list-style-type: lower-alpha;
  margin-right:10px;
  margin-left:-30px;
  display: inline-block;
  width:20px;
}
#cod-page .encadre ol.lettre-minuscule-simple   li > :first-child::before {        
  counter-increment: lettre-minuscule-simple;
  content: counter(lettre-minuscule-simple, lower-alpha);
  font-style: italic;
}
#cod-page .encadre ol.lettre-minuscule-simple   li > :first-child::after {        
  content:")";
}

#cod-page .encadre ol.lettre-minuscule-simple-indent {        
  counter-reset: lettre-minuscule-simple;
  margin-left:40px;
}
#cod-page .encadre ol.lettre-minuscule-simple-indent   li {
  list-style-type: none;
  padding-bottom:0;
}
#cod-page .encadre ol.lettre-minuscule-simple-indent   li > :first-child {
  list-style-type: lower-alpha;
  display: inline-block;
  margin-right:10px;
  margin-left:-30px;
  width:20px;
}
#cod-page .encadre ol.lettre-minuscule-simple-indent   li > :first-child::before {        
  counter-increment: lettre-minuscule-simple;
  content: counter(lettre-minuscule-simple, lower-alpha);
  font-style: italic;
}
#cod-page .encadre ol.lettre-minuscule-simple-indent   li > :first-child::after {        
  content:")";
}

#cod-page .encadre span.indent-negatif--30 {
  margin-left:-30px!important;
  display:block;
}

#cod-page .encadre-notes {
  margin-top: 5px;
  padding:12px;
  border: 0;
}
#cod-page .encadre-notes.gray {
  background-color: rgb(238, 237, 237) /*rgb(204, 204, 204)*/;
  /* padding: 10px 12px 10px 12px; */
  padding: 12px;
  position:relative;                     /* nouvellement ajouté */
}
#cod-page .encadre-notes p span:not(.popover-icon) {
  margin-right:10px;
}
#cod-page .encadre-notes p span.no-margin-right {
  margin-right:0;
}
#cod-page .bold {
  font-weight: bold;
}

 /* @media print {
  #cod-page {
    margin: 0;
  }
}
@media screen and (max-width: 670px) {
  #cod-page {
    margin: 0 0 0 163px;
  }
} */

@media screen and (max-width: 992px) {
  #cod-page .popover-icon,
  #cod-page #table-des-matieres,
  #cod-page .collapse-item {
    display:none;
  }

}

/* @media screen and (max-width: 550px) {
  #cod-page {
    margin: 50px 0 0 0;
  }
}  */

.no-boxsizing #cod-page {
  width: 648px;
}
#cod-page ul#fil-ariane {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  overflow: hidden;
}
#cod-page ul#fil-ariane li {
  margin: 0 8px 0 0;
  padding: 0 12px 0 0;
  display: block;
  width: auto;
  float: left;
  background-image: url(/images/design/fleche-fil-ariane.png);
  background-repeat: no-repeat;
  background-position: right center;
}
@media screen and (max-width: 550px) {
  #cod-page ul#fil-ariane li {
    clear: left;
    line-height: 1.4;
  }
}

#cod-page a {
  color:black;
}

/*
Voir SDG
#cod-page h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 1.2;
  margin: 2px 0 20px 0;
  padding: 0;
  color: #223654;
}

#cod-page h1 a {
  font-size:70%;
}*/


#cod-page h2,
#cod-page h3,
#cod-page h4,
#cod-page h5,
#cod-page h6 {
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  line-height: 1.2;
}

@media screen and (max-width: 550px) {
  #cod-page h1 {
    font-size: 31px;
    font-size: 3.1rem;
  }
}
#cod-page h1 .surtitre {
  margin: 6px 0 -2px 0;
  display: block;
  font-size: 21px;
  font-size: 2.1rem;
  color: #999999;
}

#cod-page #loi-1982 #intro h1,
#cod-page #loi-1982 #intro h2,
#cod-page #loi-1982 .sous-titre,
#cod-page #loi-1982 #annexe-a h2,
#cod-page #loi-1982 #annexe-a h3,
#cod-page #loi-1982 #annexe-a .sous-titre,
#cod-page #loi-1982 #annexe-b h2,
#cod-page #loi-1982 #annexe-b h3,
#cod-page #loi-1982 #annexe-b .sous-titre {
  text-align: center;
}

.grand #cod-page h1 .surtitre {
  font-size: 20px;
  font-size: 2rem;
}
.eleve #cod-page h1 .surtitre {
  color: black;
}
.inverse #cod-page h1 .surtitre {
  color: white;
}

sup {
  margin:0;
  /* margin:0 0 15px 2px; */
}

a sup {
  top:-8px!important;
  font-weight: bold;
  font-size:12px;
  color:#1a88a3;

}

#cod-page #loi-1982 h2 {
  margin: 40px 0 20px 0;;
  font-weight: bold;
  font-size: 2.1rem;
  color:black;
  text-transform: uppercase;
}
#cod-page #loi-1982 h2 span {
  margin-top: 20px;
  display:block;
}
#cod-page .col-2.fr,
#cod-page .col-2.en {
  counter-reset: romain;
}
#cod-page .encadre h3 {
  text-align:center;
}
#cod-page .encadre .p-maj {
  font-variant: small-caps;
}
#cod-page .encadre > ol {
  margin-left:0;
  list-style-type: none;
}
#cod-page #loi-1867 .encadre > ol > li h3 {
  list-style:none;
  counter-increment: romain;
  text-transform: uppercase;
}
#cod-page #loi-1867 .encadre > ol > li h3:before {
  content: counter(romain, upper-roman)".";
  position: relative;
  margin-right:2px;
}
#cod-page #loi-1867 .col-2.fr .encadre > ol > li h3:before  {
  content: counter(romain, upper-roman)". ";
  position: relative;
  margin-right:2px;
}
/* #cod-page #loi-1982 .col-2.en .encadre > ol > li h3:before {
  content: "Part " counter(romain, upper-roman) "\a";
  white-space: pre;
}
#cod-page #loi-1982 .col-2.fr .encadre > ol > li h3:before {
  content: "Partie " counter(romain, upper-roman)  "\a";
  white-space: pre;
} */
#cod-page .encadre > ol > li > ol {
  margin-left:0;
}
#cod-page .col-2.fr .encadre > ol > li > ol,
#cod-page #loi-1982 .encadre > ol > li > ol {
  margin-left:0;
}
#cod-page .encadre .highlight {
  position:relative;
  display: inline-block;
  background-color:white;
  width: calc(100% + 30px);
  left:-15px;
  padding: 10px 15px;
  margin:0;
}

#cod-page .encadre > ol > li > ol {
  list-style-type: none;
}

#cod-page #loi-1982 #intro ol,
#cod-page #loi-1982 #annexe-a ol {
  list-style-type: none;
  margin-left:0;
  margin-right:0;
}
#cod-page #loi-1982 #intro ol li,
#cod-page #loi-1982 #annexe-a ol li {
  margin: 10px 0;
}

#cod-page #loi-1982 #intro ol li span:first-child,
#cod-page #loi-1982 #annexe-a ol li span:first-child { 
  font-weight: bold;
  margin-right:10px;
}

#cod-page #loi-1982 table.annexe  {
  width:100%;
}
#cod-page #loi-1982 table.annexe thead {
  border-top:1px solid black;
  border-bottom:1px solid black;
}
#cod-page #loi-1982 table.annexe thead td:first-child {
  text-align: left;
}
#cod-page #loi-1982 table.annexe td {
  border-right:1px solid black;
}
#cod-page #loi-1982 table.annexe td:last-child {
  border:0;
}
#cod-page #loi-1982 table.annexe thead td {
  text-align: center;
  vertical-align: middle;
}
#cod-page #loi-1982 table.annexe tbody td {
  text-align:left;
}
#cod-page #loi-1982 table.annexe td:first-child  {
  width:10%!important;
}
#cod-page #loi-1982 table.annexe td  {
  width:30%!important;
  padding:10px;
}

#cod-page #loi-1982 table .indent-30 {
  display: inline-block;
  margin-left:25px;
}

#cod-page #notes-bas-de-page p, 
#cod-page #notes-bas-de-page li,
#cod-page #notes-bas-de-page th,
#cod-page #notes-bas-de-page td  {
  font-size: 1.6rem;
  line-height: 1.4;
}
#cod-page #notes-bas-de-page li,
#cod-page #notes-bas-de-page th,
#cod-page #notes-bas-de-page td  {
  margin:0;
}
#cod-page #notes-bas-de-page p {
  margin: 5px 0;
  padding-bottom: 2px;
  /* margin: 10px 0; */
}
#cod-page #notes-bas-de-page ol {
  list-style-type: none;
  margin:0;
}
#cod-page #notes-bas-de-page .row  {
  margin:0;
}
#cod-page #notes-bas-de-page .col-2.en {  
  padding-left:0;
  padding-right:20px;
}
#cod-page #notes-bas-de-page .margin-right-5  {
  margin-right:5px;
}
#cod-page #notes-bas-de-page ol.inline {        
  display:inline;
}
#cod-page #notes-bas-de-page ol.inline li:first-child {        
  display:inline;
}
#cod-page #notes-bas-de-page .indent-15 {
  margin-left:15px;
  display:inline-block;
}
#cod-page #notes-bas-de-page .indent-25 {
  margin-left:25px;
}

#cod-page #notes-bas-de-page li.indent-ligne-triple {
  margin-left:-45px!important;
}
#cod-page #notes-bas-de-page li.indent-ligne-double {
  margin-left:-25px!important;  /* était 45px */
}
#cod-page #notes-bas-de-page li.indent-ligne-double::before {
  content:'';
  width:25px;
  height:2em;
  float:left;
}
#cod-page #notes-bas-de-page li.indent-ligne-triple::before {
  content:'';
  width:45px;
  height:3em;
  float:left;
}
#cod-page #notes-bas-de-page li {
  list-style-type: none;
  margin: 0 0 10px 0;
}

#cod-page #notes-bas-de-page ul.tiret {
  margin-left:30px;
  list-style-type:none;
}
#cod-page #notes-bas-de-page ul.tiret li::before {
  display:inline-block;
  content:"\2013";
  margin-left:-30px;
  width:20px;
  margin-right:10px;
}

#cod-page #notes-bas-de-page ol.notes-bas-page {
  /* margin-left:0px; */
  margin: 0 0 10px 35px;
  /* text-indent: 25px; */
}
#cod-page #notes-bas-de-page ol.notes-bas-page > li > span:first-child {
  display: inline-block;
  margin-left:-35px;
  /* margin-right:10px; */
  width:35px;
}
#cod-page #notes-bas-de-page ol.notes-bas-page > li > span:first-child a {
  list-style-type: none;
  text-decoration: none;
  /* padding-right:5px; */
}
#cod-page #notes-bas-de-page ol.notes-bas-page > li > span:first-child i {
  font-size: 1.2em;
  line-height: 0px;
  color: #223654;
}
#cod-page #notes-bas-de-page ol.notes-bas-page > li > span:first-child a:hover , 
#cod-page #notes-bas-de-page ol.notes-bas-page > li > span:first-child a:hover > i {
  transition: 0.2s ease-in;
  color: #095797/*lightgray*/;
  font-weight: bold; /*ajout*/
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double {
  counter-reset: chiffre-double;
  list-style-type:none;
  /* margin-left:35px; */
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double > li {        
  margin: 0 ;
  /* margin: 0 0 10px 0; */
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double > li:before {        
  counter-increment: chiffre-double;
  content: "("counter(chiffre-double)")";
  display:inline-block;
  margin-right:10px;
  width:20px;
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double-indent {
  counter-reset: chiffre-double;
  list-style-type:none;
  margin-left: 30px;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double-indent li {        
  margin: 0;
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double-indent  li:before {        
  counter-increment: chiffre-double;
  content: "("counter(chiffre-double)")";
  display: inline-block;
  margin-right: 10px;
  margin-left: -30px;
  width: 20px;
}

#cod-page #notes-bas-de-page .encadre-notes ol.custom-indent {
  margin-left:45px; 
}
#cod-page #notes-bas-de-page .encadre-notes ol.custom-indent li span:first-child {
  margin-left:-30px;
  width:20px;
  display: inline-block;
}

#cod-page #notes-bas-de-page .encadre-notes ol.indent {
  margin-left:25px; 
}

#cod-page #notes-bas-de-page .encadre-notes.en ol.indent-petit {
  margin-left:7px;
}

#cod-page #notes-bas-de-page .encadre-notes ol.indent-petit {
  margin-left:17px;
}

#cod-page #notes-bas-de-page .encadre-notes.en ol.indent-petit li:before {
  content:"\201C";
  display: inline-block;
  margin-left:-7px;
  padding-right:0;
}

#cod-page #notes-bas-de-page .encadre-notes ol.indent-petit li:before {
  content:"\00AB";
  display: inline-block;
  margin-left:-12px;
  padding-right:5px;
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double-point {
  counter-reset: chiffre-double-point;
  list-style-type:none;
  margin-left:50px;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double-point li {        
  margin: 0 ;
  /* margin: 0 0 10px 0; */
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-double-point > li:before {        
  counter-increment: chiffre-double-point;
  content: "("counter(chiffre-double-point)".)";
  display:inline-block;
  margin-right:10px;
  width:20px;
  margin-left:-50px;
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-indent-point {        
  counter-reset: chiffre-indent-point;
  list-style-type:none;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-indent-point li {        
  margin: 0 ;
  /* margin: 0 0 10px 0; */
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-indent-point > li:before {        
  counter-increment: chiffre-indent-point;
  content: counter(chiffre-indent-point)".";
  display:inline-block;
  margin-right:5px;
  /* text-indent:20px; */
  width:35px;
  text-align:right;
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-point {        
  counter-reset: chiffre-point;
  list-style-type:none;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-point li {        
  margin: 0 ;
  /* margin: 0 0 10px 0; */
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-point > li:before {        
  counter-increment: chiffre-point;
  content: counter(chiffre-point)".";
  display:inline-block;
  margin-right:5px;
  /* width:15px; */
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre {        
  counter-reset: chiffre;
  list-style-type:none;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre li {        
  margin: 0 0 10px 0;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre li:before {        
  counter-increment: chiffre;
  content: counter(chiffre)"\00B0";
  display:inline-block;
  margin-right: 10px;
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre-indent {        
  counter-reset: chiffre;
  list-style-type:none;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre-indent li {        
  margin: 0;
  /* margin: 0 0 10px 0; */
  text-indent:10px;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre-indent li:before {        
  counter-increment: chiffre;
  content: counter(chiffre)"\00B0";
  display:inline-block;
  margin-right: 10px;
  width:20px;
}

#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre-droit {        
  counter-reset: chiffre;
  list-style-type:none;
  margin-left:30px;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre-droit li {        
  margin: 0;
}
#cod-page #notes-bas-de-page .encadre-notes ol.chiffre-degre-droit li:before {        
  counter-increment: chiffre;
  content: counter(chiffre)"\00B0";
  display:inline-block;
  margin-right: 10px;
  margin-left:-30px;
  width:20px;
}
#cod-page #loi-1867 h2 {
  font-size: 2.2rem;
  color: black;
  font-weight: bold;
}
#cod-page h2.petit {
  font-size: 14px;
  font-size: 1.4rem;
}
#cod-page aside h2 {
  font-size: 20px;
  font-size: 2rem;
}
#cod-page .partenaires h2 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 10px 0;
}
#cod-page h3 {
  margin: 30px 0 20px 0;
  font-size: 2.1rem;
  font-weight: bold;
  color: black;
}
#cod-page #loi-1982 h3 span {
  margin: 20px 0 10px 0;
  display: inline-block;
  font-size: 1.9rem;
  font-weight: normal;
  color: black;
}
#cod-page #loi-1982 h3:before {
  margin-bottom: 15px;
  display:block;
  font-size: 2.1rem;
  font-weight: bold;
}
#cod-page h3 span.s-titre {
  margin: 20px 0 20px 0;
  display:block;
}
#cod-page aside h3 {
  font-size: 1.8rem;
}
#cod-page h4 {
  margin: 25px 0 15px 0;
  font-size: 2rem;
  color: black;
  text-align: center;
}
#cod-page h5 {
  margin: 10px 0 0 0;
  padding-top:20px;
  font-size: 1.9rem;
  color: #262626;
  text-align: center;
  padding-bottom:10px;
}
#cod-page #loi-1982 h5 {
  padding-bottom:0;
  margin-bottom:-5px;
}
#cod-page h6 {
  margin: 0 0 6.66667px 0;
  font-size: 1.6rem;
  color: #262626;
}
#cod-page p,
#cod-page ul,
#cod-page ol,
#cod-page table,
#cod-page td,
#cod-page th {
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  margin: 10px 0 10px 0;
  font-size: 1.8rem;
  line-height: 1.4;
  color: black;
  text-align: justify;
  font-style: normal;
  vertical-align: top;
}
#cod-page p,
#cod-page ul,
#cod-page ol,
#cod-page li,
#cod-page h1, 
#cod-page h2,
#cod-page h3,
#cod-page h4,
#cod-page h5,
#cod-page h6
#cod-page table,
#cod-page td,
#cod-page th {
  /* word-spacing:0.005em; */
  word-spacing:0.15em;
}
#cod-page h1 a sup {
  font-size:60%;
  top: -1.2em!important;
}
#cod-page h2 a sup {
  font-size:12px;
  top: -0.8em!important;
}
#cod-page h4 a sup {
  font-size: 70%;
  top: -0.8em!important;
}
#cod-page h5 a sup {
  font-size: 60%;
  top: -0.8em!important;
}
#cod-page #table-des-matieres {
  border-bottom: 1px solid #223654;
  /* margin-left:35px; */
}
#cod-page #table-des-matieres a {
  text-decoration: none;
}
#cod-page #table-des-matieres a:hover {
  color: #095797;
  text-decoration: underline;
}
#cod-page #table-des-matieres td {
  padding:5px 40px 5px 0;
  text-align: left;
}
#cod-page #table-des-matieres tr.petit-indent td {
  font-size:0.9em;
  line-height: 1.5em;
  padding-left:30px;
}
#cod-page #table-des-matieres tr td:nth-child(1) {
  width:7%;
}
#cod-page #table-des-matieres tr td:nth-child(2) {
  width:50%;
}
#cod-page p.chapeau {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}
#cod-page p.date-titre {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 10px 0 2px 0;
}
#cod-page p.haut-page {
  padding-right: 12px;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  background-image: url(/images/design/fleche-haut-page.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#cod-page p .url {
  display: block;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}
#cod-page p .insecable {
  white-space: nowrap;
}
#cod-page p.note-bas-page {
  font-size: 12px;
  font-size: 1.2rem;
}
#cod-page .partenaires p {
  margin: -10px 0 20px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
}
#cod-page .date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #223654;
}
.eleve #cod-page .date {
  color: black;
}
.inverse #cod-page .date {
  color: white;
}
#cod-page blockquote p {
  margin: 0 20px 20px 20px;
  font-size: 20px;
  font-size: 2rem;
  color: #223654;
}
#cod-page ul {
  list-style-type:disc;
  margin: 20px 0 20px 22px;
}
.grand #cod-page ul li {
  background-position: 0 11px;
}
#cod-page ul li ul, #cod-page ul li ol {
  margin: 10px 0 0 15px;
}
#cod-page ul li ol {
  margin: 10px 0 0 37px;
}
#cod-page ul li ol li {
  padding: 0;
  background-image: none;
}
#cod-page ol {
  /* list-style: decimal outside; */
  list-style: decimal inside;
  margin: 20px 0 20px 22px;
}
#cod-page .encadre  ol  li  {   
  margin: 10px 0 10px 0; 
  position: relative;
} 
#cod-page .encadre  ol  li:last-child {        
  margin-bottom: 10px;
}
#cod-page .encadre .article-etroit {
  margin:20px 0 20px 30px;
}

#cod-page #loi-1982 .encadre > ol > li  {   
  margin-bottom: 7px;
}
#cod-page ol li ul {  
  margin: 10px 0 0 15px;
}
#cod-page ol li ol {
  margin: 10px 0 0 0;
}
#cod-page > ol > li:last-child {
  margin-bottom:10px!important;
}

#cod-page ul.nav-simple {
  margin: 0 0 20px 0;
  list-style: none;
}
#cod-page ul.nav-simple li {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  background-position: left 5px;
}
.grand #cod-page ul.nav-simple li {
  background-position: left 10px;
}
#cod-page ul.nav-simple li ul {
  margin-left: 0;
}
#cod-page ul.nav-simple li.actif {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#cod-page ul.nav-simple > li {
  padding: 0;
  background-image: none;
}
#cod-page ul.nav-simple.liste-annees {
  margin-left: -14px;
  overflow: hidden;
}
#cod-page ul.nav-simple.liste-annees li {
  font-size: 12px;
  font-size: 1.2rem;
}
#cod-page ul.nav-simple.liste-annees > li {
  margin-left: 14px;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
}
#cod-page .encadre ul.liste-simple {
  margin: 0;
  list-style: none;
}
#cod-page .encadre ul.liste-simple li {
  margin: 0 0 20px 0;
  padding: 0;
  background-image: none;
}
.eleve #cod-page h1, .eleve #cod-page h2, .eleve #cod-page h3, .eleve #cod-page h4, .eleve #cod-page h5, .eleve #cod-page h6, .eleve #cod-page p, .eleve #cod-page ul, .eleve #cod-page ol {
  color: black;
}
.inverse #cod-page h1, .inverse #cod-page h2, .inverse #cod-page h3, .inverse #cod-page h4, .inverse #cod-page h5, .inverse #cod-page h6, .inverse #cod-page p, .inverse #cod-page ul, .inverse #cod-page ol {
  color: white;
}
#cod-page aside .maj {
  padding: 6px 0 0 0;
  margin: 0 0 20px 0;
  position: absolute;
  bottom: 0px;
  right:20px;
  border-top: 1px solid #cccccc;

}
@media screen and (max-width: 768px) {
  #cod-page aside .maj {
    position: static;
  }
}
.eleve #cod-page aside .maj {
  background-color: white;
  border: 1px solid black;
}
.inverse #cod-page aside .maj {
  background-color: black;
  border: 1px solid white;
}
#cod-page aside .maj p {
  margin: 0 0 3px 0;
  text-align: left;
  font-size: 11px;
  font-size: 1.1rem;
  color: #666666;
}
.eleve #cod-page aside .maj p {
  color: black;
}
.inverse #cod-page aside .maj p {
  color: white;
}
#cod-page ul.liste-quoi-neuf {
  margin: 0 0 0 -20px;
  overflow: hidden;
  font-size: 0px;
  font-size: 0rem;
  list-style: none;
}
.no-boxsizing #cod-page ul.liste-quoi-neuf {
  list-style: none outside;
  margin: 0;
}
#cod-page ul.liste-quoi-neuf li {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  background-image: none;
}
.no-boxsizing #cod-page ul.liste-quoi-neuf li {
  padding: 0;
  display: block;
}

@media screen and (max-width: 450px) {
  #cod-page ul.liste-quoi-neuf li {
    width: 100%;
  }
}
#cod-page ul.liste-quoi-neuf li .type {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1;
}

#cod-page ul.liste-quoi-neuf li .date {
  margin: 0 0 3px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #223654;
}
.eleve #cod-page ul.liste-quoi-neuf li .date {
  color: black;
}
.inverse #cod-page ul.liste-quoi-neuf li .date {
  color: white;
}
#cod-page ul.liste-quoi-neuf li .rubrique {
  margin: 5px 0 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: gray;
}
.eleve #cod-page ul.liste-quoi-neuf li .rubrique {
  color: black;
}
.inverse #cod-page ul.liste-quoi-neuf li .rubrique {
  color: white;
}
#cod-page ul.liste-quoi-neuf li .image {
  width: 100%;
  max-width: 250px;
}
#cod-page ul.liste-quoi-neuf li h2 {
  margin: 1px 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.1;
}
#cod-page ul.liste-quoi-neuf li h2 .surtitre {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #223654;
}
.eleve #cod-page ul.liste-quoi-neuf li h2 .surtitre {
  color: black;
}
.inverse #cod-page ul.liste-quoi-neuf li h2 .surtitre {
  color: white;
}
#cod-page ul.liste-simple {
  margin: 0 0 20px 0;
  list-style: none;
  overflow: hidden;
}
#cod-page ul.liste-simple.ententes {
  margin: 0 0 20px 0;
  list-style: none;
  overflow:inherit;
}
#cod-page ul.liste-simple li {
  margin: 0 0 20px 0;
  padding: 0;
  background-image: none;
}
#cod-page ul.liste-simple li h3, #cod-page ul.liste-simple li h4 {
  margin: 1px 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.1;
}
#cod-page ul.liste-simple li h3 .surtitre, #cod-page ul.liste-simple li h4 .surtitre {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #223654;
}
.eleve #cod-page ul.liste-simple li h3 .surtitre, .eleve #cod-page ul.liste-simple li h4 .surtitre {
  color: black;
}
.inverse #cod-page ul.liste-simple li h3 .surtitre, .inverse #cod-page ul.liste-simple li h4 .surtitre {
  color: white;
}
#cod-page ul.liste-simple li .numero {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#cod-page ul.liste-simple li .date {
  margin: 0 0 3px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #223654;
}
.eleve #cod-page ul.liste-simple li .date {
  color: black;
}
.inverse #cod-page ul.liste-simple li .date {
  color: white;
}
#cod-page ul.liste-simple li .rubrique {
  margin: 5px 0 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: gray;
}
.eleve #cod-page ul.liste-simple li .rubrique {
  color: black;
}
.inverse #cod-page ul.liste-simple li .rubrique {
  color: white;
}
#cod-page ul.liste-simple li .lieu {
  margin: 5px 0 8px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: black;
}
.eleve #cod-page ul.liste-simple li .lieu {
  color: black;
}
.inverse #cod-page ul.liste-simple li .lieu {
  color: white;
}
#cod-page ul.liste-simple li p.liste-communique {
  margin: 4px 0 0 0;
}
#cod-page ul.liste-simple li ul.liste-communique {
  margin: 4px 0 0 0;
}
#cod-page ul.liste-simple li ul.liste-communique li {
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
  background-image: url(/images/design/puce-ronde.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
}
.grand #cod-page ul.liste-simple li ul.liste-communique li {
  background-position: 0 11px;
}
#cod-page ul.liste-simple li p {
  margin: 8px 0 0 0;
}
#cod-page ul.liste-simple.ententes li h2 {
  font-size: 14px;
  font-size: 1.4rem;
}
#cod-page ul.liste-simple.ententes li ul li {
  padding-left: 22px;
  background-image: url(/images/design/puce-entente.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
}
.grand #cod-page ul.liste-simple.ententes li ul li {
  background-position: left 7px;
}
#cod-page ul.liste-simple.positions li ul {
  margin: 4px 0 0 0;
}
#cod-page ul.liste-simple.positions li ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
  background-image: url(/images/design/puce-ronde.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
}
.grand #cod-page ul.liste-simple.positions li ul li {
  background-position: 0 11px;
}
#cod-page ul.liste-simple.conferences {
  margin-top: -25px;
}
#cod-page ul.liste-simple.conferences li {
  margin: 35px 0 20px 0;
}
#cod-page ul.liste-simple.conferences h4 {
  color: black;
}
.inverse #cod-page ul.liste-simple.conferences h4 {
  color: white;
}
#cod-page ul.liste-simple.conferences .lieu {
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
}
#cod-page .menu-page,
#cod-page .navigation-bas {
  border: none;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
@media screen and (max-width: 768px) {
  #cod-page .menu-page,
  #cod-page .navigation-bas {
    margin: 20px 0 40px 0;
  }
}
@media print {
  #cod-page .menu-page,
  #cod-page .navigation-bas {
    display: none;
  }
}
.no-display-table #cod-page .menu-page, .no-display-table
#cod-page .navigation-bas {
  overflow: hidden;
}
#cod-page .menu-page li,
#cod-page .navigation-bas li {
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  background-image: none;
}
.no-display-table #cod-page .menu-page li, .no-display-table
#cod-page .navigation-bas li {
  display: block;
  float: left;
}
#cod-page .menu-page li a,
#cod-page .navigation-bas li a {
  padding: 0 5px;
  display: inline-block;
  color: #223654;
  text-decoration: none;
  border: 1px solid #223654;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.no-display-table #cod-page .menu-page li a, .no-display-table
#cod-page .navigation-bas li a {
  display: block;
}
.eleve #cod-page .menu-page li a, .eleve
#cod-page .navigation-bas li a {
  color: black;
}
.inverse #cod-page .menu-page li a, .inverse
#cod-page .navigation-bas li a {
  color: white;
}
#cod-page .menu-page li a:hover, #cod-page .menu-page li a.actif,
#cod-page .navigation-bas li a:hover,
#cod-page .navigation-bas li a.actif {
  color: white;
  background-color: #223654;
}
.eleve #cod-page .menu-page li a:hover, .eleve #cod-page .menu-page li a.actif, .eleve
#cod-page .navigation-bas li a:hover, .eleve
#cod-page .navigation-bas li a.actif {
  background-color: black;
}
.inverse #cod-page .menu-page li a:hover, .inverse #cod-page .menu-page li a.actif, .inverse
#cod-page .navigation-bas li a:hover, .inverse
#cod-page .navigation-bas li a.actif {
  color: black;
  background-color: white;
}
#cod-page .menu-page strong,
#cod-page .navigation-bas strong {
  padding: 0 8px;
  display: inline-block;
  color: white;
  text-decoration: none;
  background-color: #223654;
  border: 1px solid #223654;
}
.no-display-table #cod-page .menu-page strong, .no-display-table
#cod-page .navigation-bas strong {
  display: block;
}
.eleve #cod-page .menu-page strong, .eleve
#cod-page .navigation-bas strong {
  background-color: black;
}
.inverse #cod-page .menu-page strong, .inverse
#cod-page .navigation-bas strong {
  color: black;
  background-color: white;
}
#cod-page #evenements-a-venir h2 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: white;
}
.eleve #cod-page #evenements-a-venir h2 {
  color: black;
}
@media screen and (max-width: 550px) {
  #cod-page #evenements-a-venir h2 {
    margin: 0 0 20px 0;
  }
}
#cod-page #evenements-a-venir a {
  color: white;
}
.eleve #cod-page #evenements-a-venir a {
  color: black;
}
.inverse #cod-page #evenements-a-venir a {
  color: white;
}
#cod-page #evenements-a-venir a:hover {
  text-decoration: none;
}
#cod-page #evenements-a-venir #evenements {
  margin: 0 0 10px 0;
  overflow: hidden;
}
#cod-page #evenements-a-venir #evenements #mini-calendrier {
  margin: 0 10px 10px 0;
  float: left;
  width: 70px;
  border: 1px solid #66a4c1;
}
.eleve #cod-page #evenements-a-venir #evenements #mini-calendrier {
  border-color: black;
}
.inverse #cod-page #evenements-a-venir #evenements #mini-calendrier {
  border-color: white;
}
#cod-page #evenements-a-venir #evenements #mini-calendrier span {
  display: block;
  text-align: center;
  color: white;
}
#cod-page #evenements-a-venir #evenements #mini-calendrier span.jour {
  padding: 4px 6px 0 6px;
  font-size: 42px;
  line-height: 1.2;
  background-color: #286b8c;
}
.eleve #cod-page #evenements-a-venir #evenements #mini-calendrier span.jour {
  color: black;
  background-color: white;
  border-bottom: 1px solid black;
}
.inverse #cod-page #evenements-a-venir #evenements #mini-calendrier span.jour {
  background-color: black;
  border-bottom: 1px solid white;
}
#cod-page #evenements-a-venir #evenements #mini-calendrier span.mois {
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  background-color: #66a4c1;
}
.eleve #cod-page #evenements-a-venir #evenements #mini-calendrier span.mois {
  color: black;
  background-color: white;
}
.inverse #cod-page #evenements-a-venir #evenements #mini-calendrier span.mois {
  background-color: black;
}
#cod-page #evenements-a-venir #evenements ul {
  margin: 0 0 10px 80px;
}
#cod-page #evenements-a-venir #evenements ul li {
  margin: 0 0 8px 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2;
  list-style: none;
  background-image: none;
}
#cod-page #evenements-a-venir p {
  margin: 0;
  line-height: 1.2;
  overflow: hidden;
  color: white;
}
.eleve #cod-page #evenements-a-venir p {
  color: black;
}
.inverse #cod-page #evenements-a-venir p {
  color: white;
}
#cod-page #evenements-a-venir .tous {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 10px 0 0;
  background-image: url(/images/design/fleche-lien-tous-pale.png);
  background-position: right 5px;
  background-repeat: no-repeat;
}
@media print {
  #cod-page #evenements-a-venir .tous {
    display: none !important;
  }
}
.grand #cod-page #evenements-a-venir .tous {
  background-position: right 9px;
}
@media screen and (max-width: 768px) {
  .grand #cod-page #evenements-a-venir .tous {
    background-position: right 6px;
  }
}
#cod-page #album .tous {
  margin-top: 15px;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 936px) {
  #cod-page aside #evenements-a-venir #evenements #mini-calendrier {
    margin: 0 0 20px 0;
    float: none;
  }
}
@media screen and (max-width: 768px) {
  #cod-page aside #evenements-a-venir #evenements #mini-calendrier {
    margin: 0 10px 0 0;
    float: left;
  }
}
@media print {
  #cod-page p.btnArchives {
    display: none;
  }
}
#cod-page p.btnArchives a {
  padding: 4px;
  display: block;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: white;
  text-align: center;
  background-color: #3a7592;
  border: 1px solid #223654;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.eleve #cod-page p.btnArchives a {
  color: black;
  background-color: white;
}
.inverse #cod-page p.btnArchives a {
  color: white;
  background-color: black;
  border: 1px solid white;
}
#cod-page p.btnArchives a:hover {
  background-color: #468caf;
}
.eleve #cod-page p.btnArchives a:hover {
  color: white;
  background-color: black;
}
.inverse #cod-page p.btnArchives a:hover {
  color: black;
  background-color: white;
}
@media print {
  #cod-page p.rss {
    display: none;
  }
}
#cod-page p.rss a {
  padding: 4px 4px 4px 34px;
  display: block;
  text-decoration: none;
  color: #ee7f00;
  text-align: center;
  background-image: url(/images/design/ico-rss-btn.gif);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 200px;
  border: 1px solid #ee7f00;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
  #cod-page p.rss a {
    background-image: url(/images/design/ico-rss-btn@1-5x.gif);
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #cod-page p.rss a {
    background-image: url(/images/design/ico-rss-btn@2x.gif);
  }
}
.eleve #cod-page p.rss a {
  color: black;
}
.inverse #cod-page p.rss a {
  color: white;
}
#cod-page p.rss a:hover {
  color: white;
  background-color: #ee7f00;
}
.eleve #cod-page p.rss a:hover {
  background-color: black;
}
.inverse #cod-page p.rss a:hover {
  color: black;
  background-color: white;
}

#cod-page .deux-colonnes {
  display: table;
  width: 100%;
  min-height: 64px;
}
.no-display-table #cod-page .deux-colonnes {
  display: block;
  overflow: hidden;
  min-height: auto;
}
@media screen and (max-width: 768px) {
  #cod-page .deux-colonnes {
    display: block;
  }
}
@media print {
  #cod-page .deux-colonnes {
    overflow: visible;
  }
}

ol.nombre-bold > li:before {
  font-weight: bold;
}

ol.no-noUn li:first-of-type:before{
  display: none;
}

li.nospacesLi span{
  margin-right:-10px !important;
}

ol.chiffre-double.no-noUn li:before{
  counter-set: chiffre-double 2;
}