<style>

body {
   font-size: 0.8em;
}
a:focus {
   border-bottom: 1px solid;
}
a:hover {
   border-bottom: 1px solid;
}
a:visited {
   border-bottom: 1px solid;
}
.box-code {
   display: block;
   border-style: none;
   background: white;
   max-width: 400%;
   margin: 0 0 auto 25px;
}
.code-note{
	font-family: DejaVu Sans Mono;
	font-size: 90%;
}
#code-ol{
	font-family: Ubuntu Mono;
	font-size: large;
	padding: 15px;
}
ul.multicol {
   -moz-column-gap: 1em;
   -webkit-column-gap: 1em;
   column-gap: 1em;
   -moz-column-count: 3;
   -webkit-column-count: 3;
   column-count: 3;
   list-style-type: none;
}
a.el {
	font-size: 80%;
}
div.toc {
   margin: 0 8px 10px 10px;
   padding: 14px 25px;
   background-color: #F7F7F7;
   border: 1px solid #E3E3E3;
   border-radius: 7px 7px 7px 7px;
   float: right;
   height: auto;
   width: 250px;
   font-size: 70%;
}
div.toc ul {
	text-indent: 0px;
	padding: 1px;
	list-style-type: none;
}
div.toc li[class^="level"] {
	display: block;
	line-height: 1.5em;
	list-style: none outside;
	margin: 5px 10px 0px 10px;
	padding: 0;
}
.img { 
   display: block;
   margin-left: auto;
   margin-right: auto;
   float: none;
}
.img-reduite{
   display: block;
   margin-left: auto;
   margin-right: auto;   
   width: 400px;
	height: 500px;
}
.img-centree-reduite[alt="sortie1"] {
   display: block;
   margin-left: auto;
   margin-right: auto;   
   width: 40%;
	height: 50%;
}
.liste-note{
	display: inline-block;
	text-indent: 15px;
	padding: 0;
	margin: 0;
}
#mention ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#mention ul li {
 display:inline;
 }
 #mention a {
 /*display:block;*/
 padding:5px 20px;
}
.ndt { 
   color: #b52b27;
   font-weight: bold;
   vertical-align: super; 
   font-size: smaller; 
   line-height: 1em; 
   padding-bottom: 1em;
}
.notice {
   margin:1.2rem 0;
   padding:.4rem;
   border-radius: 5px;
}
.notice p {
   margin:0 0 1.5rem .5rem
}
.notice p:last-child {
   margin-bottom:0
}
.notice.cadre {
   padding-left:0.9em;
   color:black;
   border:1px solid #DCDCDC;
   background:#efefef;
   font-size:78%;
}
.notice.defaut {
   border-left:5px solid #d3d3d3;
   padding-left:1.2em;
}
.notice.info {
   color:#df8a13;
   border-left:5px solid #f0ad4e;
   background:#fcf8f3
}
.notice.note {
   color:#28a1c5;
   border-left:5px solid #5bc0de;
   background:#f4f8fa
}
.notice.tip {
   color:#3d8b3d;
   border-left:5px solid #5cb85c;
   background:#f1f9f1
}
.notice.warning {
   color:#b52b27;
   border-left:5px solid #d9534f;
   background:#fdf7f7
}
.pluspetit {
   font-size: smaller;
}  
.pourcentage {
   font-size: 200%;
}
table {
   table-layout: auto; 
	border-collapse:collapse;
	margin-top: 4px;
	margin-bottom: 4px;
}
td,
th {
	border: 1px solid #3F4656;
	padding: 3px 7px 2px;
   vertical-align: top;
}
th {
	background-color: #4D566A;
	color: #FFFFFE;
	font-size: 110%;
	padding-bottom: 4px;
	padding-top: 5px;
   text-align: left;
}
.tabs {
   position: relative;   
   /*min-height: 150px; */
   clear: both;
   margin: 15px 0;
}
.tab {
   float: left;
}
.tab-footer {
   margin: 0;
}
.tab-footer td {
   width: 100%;
   text-align: center;
   border-style : hidden!important;   
}
.texte-centre {
   text-align:center;
}
.toc a{
	margin: 0;
	padding: 0;
}
.toc h3 {
	color: #747474;
   border-bottom: 0 none;
   margin-bottom: 5px;
   margin-left: -10px;
}
.mon-footer {
  padding:10px 0;
}
.mon-footer ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:small;
  line-height:1.6;
  margin-bottom:0;
}
.mon-footer li {
  padding:0 10px;
  display: inline-block;
}
.mon-footer ul a {
  color:inherit;
  text-decoration:none;
}
</style>