.titre {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	height: 60px;
	width: 1000px;
	left: 40px;
	top: 24px;
	z-index: 1;
	float: left;
}

html {
	background-color: rgb(242, 241, 232);
}

td {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 
	line-height: 12pt; 
	font-weight: normal; 
	color: #000000;
}
body {  
	background-color: rgb(242, 241, 232);
	font-family: "Times New Roman", Times, serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #000000:
}

a {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; font-style: normal; 
	line-height: 17pt; 
	font-weight: normal; 
	color: #E10000; 
	text-decoration: underline;
}
p {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 12pt; font-style: normal; 
	line-height: 17pt; 
	font-weight: normal; 
	color: #000000;
	margin-right: 20px;
}
.citation {  
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: 8080FF; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal;
}
.note {
	color: #666666;
	text-align: left;
}

.biblio {
	color: #666666;
	text-align: right;
}

.exposant {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	clip: rect(   );
}
.rollover {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none;
}
.choix { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #9A9A9A; 
	text-decoration: none;
}

h1 {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 27pt; font-style: normal; 
	line-height: 40px; 
	font-weight: bold; 
	color: #000000;
}

h2 { 
	font-family: "Times New Roman", Times, serif; 
	font-size: 22pt; 
	font-style: normal; 
	line-height: 26px; 
	font-weight: bold; 
	color: #000000;
}

h3 { 
	font-family: "Times New Roman", Times, serif; 
	font-size: 18pt; 
	font-style: normal; 
	line-height: 22px; 
	font-weight: bold; 
	color: #000000;
}

h4 { 
	font-family: "Times New Roman", Times, serif; 
	font-size: 15pt; 
	font-style: normal; 
	line-height: 15px; 
	font-weight: bold; 
	color: #000000;
}

.liste-liens{
	line-height:2.6em
}

.row:after {
  content: "";
  clear: both;
  display: block;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

a {
	text-decoration:none;
	color: red;
}

hr {
	height: 1px;
    color: red;
    background-color: red;
    border: none;
}

article {
    width: 90%;
    /*max-width: 900px;*/
    margin: 15px;
    /*color: #debfbf;*/
    margin-bottom: 50px;
    scroll-margin-top: 60px;
    /*Decale l'ancre de 60px afin de ne pas apparaitre sous le header*/
}

article p {
    font-size:10pt;
}

.active, .collapsible:hover {
  background-color: rgb(116,116,116);
}

.content {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: rgb(30, 30, 30);
  border-style: solid;
  border-width: 2px; 
  border-color: rgb(30, 30, 30);
  max-width: 800px;
}

img {
  max-width: 100%;
  height: auto;
}

.icon {
  width: auto;
  height: auto;
}

.fleche-droite {
	float:inherit
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 12px solid red;
	border-bottom: 6px solid transparent;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

/* General Button */
/* -------------- */
.fleche {
  position: relative;
  margin: 0;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 2.8px;
  padding-bottom: 2.8px;
  background: #fe0c28;
  color: #cccccc;
  font-family: "Helvetica", sans-serif;
  font-size: 15px;
  font-weight:bold;
}
.fleche::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
}
.fleche:hover {
  background: #0585e8;
}
/* Arrow Buttons */
/* ------------- */
.next::after,
.prev::after {
  border-style: solid;
}
/* Next Button */
/* ----------- */
.next::after {
  right: -21px;
  border-width: 11px;
  border-color: transparent transparent transparent #fe0c28;
}
.next:hover::after {
  border-left-color: #0585e8;
}
/* Prev Button */
/* ----------- */
.prev::after {
  left: -21px;
  border-color: transparent #fe0c28 transparent transparent;
  border-width: 11px;
}
.prev:hover::after {
  border-right-color: #0585e8;
}

@media only screen and (min-width: 1024px) {
  /* originalement 990 - For desktop: 768px */
  .col-1 {width: 29.33%;}
  .col-2 {width: 35.33%;}
  .col-3 {width: 35.33%;}
  .col-4 {width: 100%;} 
}

@media screen and (max-width: 600px) {
	/* originalement 600 */
  div.cacher {
    display: none;
  }
}