/* ---------------------------------------
NO JS
----------------------------------------*/
.no-js,
.js
{
	display:block;
}
/* ---------------------------------------
Mode débogage
----------------------------------------*/

#debog {
	background-color: white;
	text-align: left;
}

.alert {
position: fixed;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 1500000;
padding: 15px;
font-weight: 400;
line-height: 1.5;
color: white;
background-color: #1a252f;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 5px;
width: 200px;
font-size: 1.2rem;
}

.element {
	width: auto;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
    border: solid 1px;
    padding: 5px;
    margin: 2px;
}

.begin {
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
    border: solid 1px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    margin-right: -2px;
}

.end {
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
    border: solid 1px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: whitesmoke;
}

.alone {
    border-radius: 5px;
}

.state0 
{
	    background-color: linen;
	    margin-left: 0em ;
}

.state1 
{
	    background-color: yellow;
	    margin-left: 1em ;
}

.state2 
{
	    background-color: gold;
	    margin-left: 2em ;
}

.state3 
{
	    background-color: orange;
	    margin-left: 3em ;
}

.state4
{
	    background-color: red;
	    margin-left: 4em ;
}

.admin-float { 
	z-index: 100; 
	position: fixed; 
	right: 20%; 
	top: 0; 
	white-space: nowrap; 
}

.admin-boutons { 
	margin: 0; 
	padding: .4em 1em; 
	background: #666; 
	border: 0; 
	font-weight: bold; 
	border-radius: 0 0 .3em .3em; 
	opacity: .7; 
	color: white;
	font-size: 0.9em;
	}

a:focus.admin-boutons,
a:hover.admin-boutons { 
	opacity: 1; 
	background-color: white; 	
}

a:active.admin-boutons { 
	background-color: #333; 
	opacity: 1; 
}

a:active.admin-boutons:hover { 
	background: #000; 
} 
/* ---------------------------------------
Pagination AJAX
----------------------------------------*/

#pagination {
    margin-top: 20px;
    padding-top: 30px;
    border-top: #F0F0F0 1px solid;
}

.hrstyle {
	border-top: 1px solid #607d8b;
}

.link {
    padding: 10px 15px;
    background: transparent;
    border: #bccfd8 1px solid;
    border-left: 0px;
}

.current {
    background: #BB3333;
	color: white;
}

.first {
    border-left: #bccfd8 1px solid;
    border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.last {
    border-right: #bccfd8 1px solid;
    border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.disabled {
    cursor: not-allowed;
    color: #bccfd8;
}

.dot {
    padding: 10px 15px;
    background: transparent;
    border-right: #bccfd8 1px solid;
}


/* ---------------------------------------
Visionneur photographies
----------------------------------------*/
#overlay {
    background: url(overlay.png) repeat 0 0;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    position: fixed;
    width: 100%;
    height: 1000%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000000;
    overflow: hidden;
    cursor: pointer;
    visibility: visible;
}

#barreshower {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFFA0;
border-radius:10px;
width:75%;
}

#shower {
	display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 99%;
    height: 99%;
    background: none;
    z-index: 1000000;
	margin:auto;
}

.realshower {
    position: relative;
    margin: auto;
    background-color: #000;
  	 max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
}
/* ---------------------------------------
Fenêtre modale
----------------------------------------*/
.modalCircle{
	float: right;
	height: 52px;
	width: 52px;
	background-color: #F0F0F0;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	margin: -55px -55px 0 0;
}

.close {
	position: relative;
	top: 8px;
}

.modalLayer{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index:100000;
}

#bogue:target{
	display: block;
}

.popup_block{
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	position: relative;
	margin: 3% auto;
	width: 40%;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
}

.button{
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}
/* ---------------------------------------
Cool Menu 
----------------------------------------*/
.animate
{
animation: shrink 0.5s infinite alternate;
}
@keyframes shrink {
  0% {
    font-size: 2em;
  }
  100% {
    font-size: 1.2em;
  }
}
.result {
 font-weight:bold;
}
.coolmenu .toggle {
  background-color: #BB3333;
  text-align: center;
  height: 70px;
  width: 70px;
  border-radius: 50%;
cursor: pointer;
}

.coolmenu .toggle i{
  font-size: 55px;
  color: white;
  display: block;
  transition: 0.7s;
position: relative;
top: 6px;
}

.coolmenu .toggle.big
{
	transform: rotate(45deg);
}

.coolmenu .menu{
  background-color: white;
  transform: scale(0);
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #c87f8a;
  z-index: 15;
  transition: 0.7s;
position: relative;
top: -75px;
left: 25px;
}

.coolmenu .menu.big
{
transform: scale(3);
height: 100px;
width: 100px;
display: block;
}

.coolmenu a {
  display: inline-block;
  font-size: 15px;
  color: #BB333385;
}

.coolmenu a:nth-child(1){
  top: 0px;
  left: 39px;
position:absolute;
}

.coolmenu a:nth-child(2){
  top: 18px;
  left: 71px;
position:absolute;
}

.coolmenu a:nth-child(3){
  top: 52px;
  left: 70px;
position:absolute;
}

.coolmenu a:nth-child(4){
  top: 72px;
  left: 36px;
position:absolute;
}

.coolmenu a:nth-child(5){
  top: 52px;
  left: 4px;
position:absolute;
}

.coolmenu a:nth-child(6){
  top: 17px;
  left: 6px;
position:absolute;
font-size: 10px;
color: #BB3333FF;
}

.coolmenu a:hover {
  color: #BB3333;
}
/* ---------------------------------------
Menu 
----------------------------------------*/
.side {
	box-sizing: border-box;
	background-color: #1a252f;
	position: fixed;
	width:150px;
	height: 100%;
	display: none;
	padding-left:10px;
	padding-right:10px;
}

.barre .info {
	color:#FFF;
	font-size: 28px;
	display: inline-block;
	vertical-align: sub;
}

#newnav1 > ul > li > a.nav
{
	color:#FFF;
}
#newnav1 > ul > li.on
{
	background-color:#FFF;
}
#newnav1 > ul > li.on > a
{
	color:#BB3333;
}

input.search.top {
flex-grow: 1;
height: 40px;
font-size: 20px;
}

.barre {
	white-space: nowrap;
	box-sizing: border-box;
	text-align: left;
	position: absolute;
	top:200px;
	left:0px;
	padding-left:10px;
	z-index: 101000;
	background-color: #1a252f;
	color: #000;
	width: 100%;
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.barre .flex
{
	display: flex;
	justify-content: left;
	align-items: center;
	height:60px;
}

#page.active
{
	position: relative;
	left: 150px;
}

#nav.active
{
	left: 150px;
	box-shadow: 0 0 0 0;
}

.barre .sandwich:before {
	content:"\EFA2";
}

.barre p {
	min-width:15px;
	padding:0px; 
}

.barre .liste-items .item {
	padding: 0px;
	background-color: #2c3e50;
	background: none;
}

.allresults .liste-items .item {
	padding: 0px;
}

#menu.active:before {
	content:"\EFA3";
}

#nav.active, #page.active, #side.active {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.barre .france:before {
	content:"\E965";
}
.barre .mail:before {
	content:"\EF14";
}
.barre .search:before {
	content:"\EC82";
}
.barre .home:before {
	content:"\EF47";
}

.barre a:focus {
	color:#FFF;
}
.barre a:hover {
	color:#BB3333;
}
.barre .right a {
	text-align:right;
}
.barre a {
	color:#FFF;
}

.barre .glyph {
	text-align: center;
	color:#FFF;
	font-family:IcoFont!important;
	font-size:50px;
	speak:none;
	vertical-align:middle;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	min-width: 52px;
	margin-left:15px;
}

/* ---------------------------------------
Onglets 
----------------------------------------*/
.tabbed{
  loat : left;
  width : 100%;
}

.tabbed > input{
  display : none;
}

.tabbed > section > h1{
  float       : left;
  position: relative;
  box-sizing  : border-box;
  margin      : 0;
  padding     : 1.2em 0.1em 0;
  overflow    : hidden;
  font-size   : 1.0em;
  font-weight : bold;
  color  : #FFF;
}

.tabbed > input:first-child + section > h1{
  padding-left : 1em;
}

.tabbed > section > h1 > label:hover{
 background:#BB3333;
}

.tabbed > section > h1 > label{
  display                 : block;
  padding                 : 0.25em 0.75em;
  border-bottom           : none;
  border-top-left-radius  : 8px;
  border-top-right-radius : 8px;
  box-shadow              : 0 0 0.5em rgba(0,0,0,0.0625);
  background              : #2c3e50;
  cursor                  : pointer;
     -moz-user-select     : none;
      -ms-user-select     : none;
  -webkit-user-select     : none;
}

.tabbed > section > div{
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  margin        : 2.5em 0 0 -100%;
  padding       : 0.5em 0.75em;
  border        : 1px solid #ddd;
  border-radius : 8px;
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
  background    : #fff;
}

.tabbed > input:checked + section > h1 > label {
  background: #1a252f;
}
.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}
/* ---------------------------------------
Formulaires
---------------------------------------- */

.form-style-7{
	max-width:600px;
	margin:0px auto;
	background:#fff;
	border-radius:2px;
	padding:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-7 h1{
	display: block;
	text-align: center;
	padding: 0;
	margin: 0px 0px 20px 0px;
	color: #5C5C5C;
	font-size:x-large;
}
.form-style-7 ul{
	list-style:none;
	padding:0;
	margin:0;	
}
.form-style-7 li{
	display: block;
	padding: 9px;
	border:1px solid #DDDDDD;
	margin-bottom: 30px;
	border-radius: 8px;
}
.form-style-7 li:last-child{
	border:none;
	margin-bottom: 0px;
	text-align: center;
}
.form-style-7 p{
	text-align:left;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.form-style-7 li > autre{
	display: block;
	float: left;
	margin-top: -19px;
	background: #FFFFFF;
	height: 14px;
	padding: 2px 5px 12px 5px;
	color: #929292;
	font-size: 20px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.form-style-7 input[type="text"],
.form-style-7 input[type="date"],
.form-style-7 input[type="datetime"],
.form-style-7 input[type="email"],
.form-style-7 input[type="number"],
.form-style-7 input[type="search"],
.form-style-7 input[type="time"],
.form-style-7 input[type="url"],
.form-style-7 input[type="password"],
.form-style-7 textarea,
.form-style-7 select 
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	display: block;
	outline: none;
	border: none;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	padding: 0;gog
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-7 input[type="text"]:focus,
.form-style-7 input[type="date"]:focus,
.form-style-7 input[type="datetime"]:focus,
.form-style-7 input[type="email"]:focus,
.form-style-7 input[type="number"]:focus,
.form-style-7 input[type="search"]:focus,
.form-style-7 input[type="time"]:focus,
.form-style-7 input[type="url"]:focus,
.form-style-7 input[type="password"]:focus,
.form-style-7 textarea:focus,
.form-style-7 select:focus 
{
}
.form-style-7 li > span{
	background: #2c3e50;
	display: block;
	padding: 3px;
	margin: 0 -9px -9px -9px;
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.form-style-7 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2c3e50;
  background-image: none;
}
.form-style-7 select::-ms-expand {
  display: none;
}
.form-style-7 .select {
  position: relative;
  display: flex;
  width: auto;
  height: 3em;
  line-height: 3;
  background: #2c3e50;
  overflow: hidden;
  border-radius: .25em;
}
.form-style-7 select {
  flex: 1;
  padding: 0 .5em;
  color: #fff;
  cursor: pointer;
}
.form-style-7 .select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  background: #34495e;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.form-style-7 .select:hover::after {
  color: #f39c12;
}
.form-style-7 textarea{
	resize:none;
	height:auto;
}
.form-style-7 input[type="submit"],
.form-style-7 input[type="button"]{
	background: #BB3333;
	border: none;
	padding: 10px 20px 10px 20px;
	border-bottom: 3px solid #ffb7b7;
	border-radius: 6px;
	color: #FFF;
}
.form-style-7 input[type="submit"]:hover,
.form-style-7 input[type="button"]:hover{
	background: #ffb7b7;
	color:#000;
}
.form-style-7 input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.form-style-7 .check-trail {
  display: flex;
  align-items: center;
  width: 4.5em;
  height: 2.5em;
  background: #1a252f;
  border-radius: 1.25em;
  transition: all 0.5s ease;
  cursor: pointer;

}

.form-style-7 .check-handler {
  display: flex;
  margin-left: 0.25em;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  background: #2c3e50;
  border-radius: 50%;
  transition: all 0.5s ease;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.form-style-7 .check-handler:before {
  content: "\00D7";
  color: white;
  font-size: 1em;
  font-weight: bold;
}

.form-style-7 input[type="checkbox"]:checked + .check-trail {
  background: #f18b8b;
}
.form-style-7 input[type="checkbox"]:checked + .check-trail .check-handler {
  margin-left: 50%;
  background: #BB3333;
}
.form-style-7 input[type="checkbox"]:checked + .check-trail .check-handler::before {
  content: "✔";
}

.form-style-7 .slidecontainer {
  width: 100%;
}

.form-style-7 .slider {
  -webkit-appearance: none;
  width: 95%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.form-style-7 .slider:hover {
  opacity: 1;
}

.form-style-7 .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.form-style-7 .slider::-moz-range-thumb {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #BB3333;
  cursor: pointer;
}
/*--------------------------------------
Tableaux
---------------------------------------- */
.rtable {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 300px;
}
.rtable tr th ,
.rtable tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 5px;
}
.rtable tr th:first-child,
.rtable tr td:first-child {
  border-left: 1px solid #bbb;
}
.rtable tr th {
  background: #eeeeee;
  border-top: 0px;
  text-align: center;
}

.rtable tr:first-child th:first-child {
  border-top-left-radius: 8px;
  border-left: 0px;
}

.rtable tr:first-child th:last-child {
  border-top-right-radius: 8px;
  border-right: 0px;
}

.rtable tr:last-child th:first-child {
  border-bottom-left-radius: 8px;
  border-left:0px;
}

.rtable tr:last-child th
{
	background: #eeeeee;
	border-bottom: 0px;
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
}

.rtable tr:last-child th:last-child {
  border-bottom-right-radius: 8px;
 border-right:0px;
}
/* ---------------------------------------
Couleurs
---------------------------------------- */
.silver {
	color: #C0C0C0;
}
.gold {
	color: #FFD700;
}
	color: #cd7f32;
}
.green {
	color: #15944b;
}
.jaune {
	color: #eeda34;
}
.orange {
	color: #c89302;
}
.grey {
	color: #B0B0B0;
}
.midgrey {
	color: #666666;
}
.black {
	color: #000000;
}
.red {
	color: #BB3333;
}

.darkblue {
	color: #304b64;
}

.darkorange {
	color: #714732;
}

.darkgreen {
	color: #32713b;
}

.darkgray {
	color: #6f6f6f;
}

.darkred {
	color: #7e1b26;
}


/* ---------------------------------------
Accordeons
---------------------------------------- */
.noway {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  font-size: 0.8em;
  cursor: pointer;
  /* Icon */
}
.tab-label:hover {
  background: #BB3333;
}
.tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all .35s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all .35s;
  overflow: hidden
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
  background: #BB3333;
}

input[type=radio]:checked + .tab-label {
  background: #1a252f;
}
input:checked + .tab-label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 200vh;
  padding: 1em;
}

/* ---------------------------------------
Nuage
---------------------------------------- */

ul.nuage,dl.nuage {
	margin:0;
	padding: 0;
	list-style: none;
}
ul.nuage li,dl.nuage dt {
	display: inline;
	white-space: inherit;
	font-size:1em;
    padding:0;
}

.nuage .frequence {
	display: block;
	float: left;
	height: 0;
	overflow: auto;
	width: 0;
    padding:0;
}
a.nuage0{font-size:0.6em;}
a.nuage1{font-size:0.7em;}
a.nuage2{font-size:0.8em;}
a.nuage3{font-size:0.9em;}
a.nuage4{font-size:1em;}
a.nuage5{font-size:1.1em;}
a.nuage6{font-size:1.2em;}
a.nuage7{font-size:1.3em;}
a.nuage8{font-size:1.4em;}
a.nuage9{font-size:1.5em;}
a.nuage10{font-size:1.6em;}

/* ---------------------------------------
Divers
---------------------------------------- */
.blinked {
  animation: blinker 1s linear infinite;
  color: #BB3333; 
  font-size: 125%;
  text-align: center;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

#result-depart .liste-items {
	text-align: left;
	margin: 7px 0 8px;
	padding: 0;
	text-decoration: none;
	background: none;
}
#result-depart .liste-items .item {
	list-style: none;
	background: none;
	padding: 6px 10px;
	margin: 0;
	clear:both;
	overflow:hidden;
	font-size: 0.85em;
	border: 0px;
}
#result-depart .flexalign {
	background:#FFF;
	display: flex;
	padding: 0px;
	margin: 0 0px 0px 0px;
	text-align: left;
	color: #000;
	border: 0px;
	box-shadow: none;
}

#result-depart .flexalign p {
	font-size:1em;
}


#result-arrivee .liste-items {
	text-align: left;
	margin: 7px 0 8px;
	padding: 0;
	text-decoration: none;
	background: none;
}
#result-arrivee .liste-items .item {
	list-style: none;
	background: none;
	padding: 6px 10px;
	margin: 0;
	clear:both;
	overflow:hidden;
	font-size: 0.85em;
	border: 0px;
}
#result-arrivee .flexalign {
	background:#FFF;
	display: flex;
	padding: 0px;
	margin: 0 0px 0px 0px;
	text-align: left;
	color: #000;
	border: 0px;
	box-shadow: none;
}

#result-arrivee .flexalign p {
	font-size:1em;
}

.sober a:hover{
color: #BB3333;
}

.sober a{
color: #666666;
}

#fb > div {
border-radius: 5px;
/*background-color: #1877f2;*/
width: 104px;
margin: 0px 5px 5px 0px;
color: #FFF;
}

#fb {
margin-left:auto;
margin-right:auto;
margin-bottom: 5px;
}

#fb > div > a {
color: #FFF;
font-size: 15px;
width: 100%;
display: block;
text-align: center;
}

.minimapclick 
{ 
float: left;
position: absolute;
left: 0px;
top: 0px;
z-index: 1000;
background:
#FFFFFFB0;
padding: 5px;
color:
#000;
font-weight: bold;
border: solid 1px;
}

.minimap 
{ 
	margin:auto;
}

.miniborder
{
	border: solid 1px;
}

.classement
{
	border: solid 1px;
   height: 80px;
   width: 80px;
}

.oldphoto {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 90%;
}

.oldphoto:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
#images .slick-slide
{
	display:none;
}
#images .slick-slide img
{
	width:auto;
	height:auto;
	display:flex;
	object-position: center;
	object-fit: contain;
}
#images .slick-track
{
	display: flex;
	align-items: center;
	justify-content: center;
}
#images .slick-current
{
	display:block;
}
#images .slick-list {
    display: flex;
}
#carousel {
position:relative;
display: flex;
overflow: hidden;
font-size: 13px;
line-height: 0.9;
}
.flexalign
{
display:flex;
width:100%;
align-items: center;
}
.flexwrap
{
justify-content:center;
flex-wrap: wrap;
}
.flexarrange
{
width:50%;
}
.content {
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  margin        : 2.5em 0 0 -100%;
  padding       : 0.5em 0.75em;
  border        : 1px solid #ddd;
  border-radius : 8px;
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
  background    : #fff;
}

normaltab {
	table-layout: fixed;
	width: 100%";
}

.centering {
text-align:center;
display: block;
margin-left: auto;
margin-right: auto;
}

.lefting {
 float:left;
}

.resizing {
 width:100%;
}

.maxresizing {
 max-width:100%;
}

.maxresizing80 {
 max-width:60%;
}

.verticaling {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contained {
border: solid 1px;
border-radius: 5px;
padding: 5px;
margin: 2px;
}

#contenu .particularite {
background-color: #F5F5F5;
font-size: 0.9em;
border-radius: 5px;
}

#contenu .particularite h2 {
color:#00000060;
font-size: 1.8em;
width: 100%;
}

#contenu .particularite span {
width: auto;
background-color: linen;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
}

img.carte {
width: 90%;
-webkit-filter: grayscale(50%); 
filter: grayscale(50%);
display: block;
  margin-left: auto;
  margin-right: auto;
}
 
img.image {
width: 90%;
display: block;
  margin-left: auto;
  margin-right: auto;
}
.selected {
	background-color:#F0F0F0;
}

/*  ------------------------------------------
/*  Sous-navigation et autres menus
/*  ------------------------------------------ */
/* Habillage general des menus de navigation */
.menu p,.liste p { margin: 0.20em 0; padding: 0.20em 0; }

/* menu */
.menu-liste {
	text-align: left;
	margin: 7px 0 8px;
	padding: 0;
	text-decoration: none;
	background: url(dots.gif) repeat-x left top;
}
.menu-liste .menu-entree {
	font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
	font-size:1em;
	list-style: none;
	background: url(dots.gif) repeat-x left bottom;
	padding: 6px 10px;
	margin: 0;
	clear:both;
	overflow:hidden;
}
* html body .menu-liste .menu-entree {
	height: 1%;
}
.menu-liste .menu-entree a,
.menu-liste .menu-entree a:visited {
	text-decoration: none;
	background-image: none;
	background-color: transparent;
	border: none;
	color: #666666;
}
.menu-liste .menu-entree a:hover {
	color: #000;
	background: none;
	border: none;
}
.menu-liste .on {
	background: #BB3333;
	border-radius: 8px;
	#box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.menu-liste .on a,
.menu-liste .on a:visited {
	color: #FFF;
}
.menu-liste .menu-liste { margin:0;margin-left: 5px; padding: 0; }
.menu-liste .menu-liste .menu-entree { background: none; }

/* Liste d'items */
.liste-items {
	text-align: left;
	margin: 7px 0 8px;
	padding: 0;
	text-decoration: none;
	background: url(dots.gif) repeat-x left bottom;
}
.liste-items .item {
	list-style: none;
	background: url(dots.gif) repeat-x left top;
	padding: 6px 10px;
	margin: 0;
	clear:both;
	overflow:hidden;
	font-size: 0.85em;
}
.liste-items .item.activated{
	background: #BB333380;
	border-radius: 8px;
	color: red;
}
.liste-items .item.activated a{
	color: black;
}
.liste-items .item.activated_no{
	background: #BB333380;
	border-radius: 8px;
	color: red;
	text-decoration: line-through 5px;
}
.liste-items .item.activated_no a{
	color: black;
}
* html body .liste-items .item {
	height: 1%;
}
.liste-items .item a,
.liste-items .item a:visited {
	text-decoration: none;
	background-image: none;
	background-color: transparent;
	border: none;
	color: #666666;
}
.liste-items .item a:hover {
	color: #BB3333;
	background: none;
	border: none;
}

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }


/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {
	color: #666666; 	
	margin: 0; padding: 0 0 50px 0; 
	background: #070707;
	text-align: center;
}


/* Couleurs des liens
---------------------------------------------- */
a,a.spip_in,a.spip_out,a.spip_url {
	text-decoration: none;
	color: #BB3333; 	
	outline: 0;
}
a:hover {
	color: #000; 	
}
/* Titraille / Intertitres */
h1,.h1, h2,.h2, h3,.h3, h3.spip {
	font: bold 1.5em/2em "Limousines", "Trebuchet MS", Tahoma, Arial, Sans-serif;
    	line-height: 0.9em;
	color: #111;
	padding: 10px 0 5px;
	margin: 0;
}
h1,.h1 {
	font-size: 245%;	
	font-weight: normal;
	text-align: center;
}
h2,.h2 {
	font-size: 200%;
	color: #000;	
}
h3,.h3,h3.spip {
	font-size: 120%;	
	font-weight: normal;	
}
h3.spip {text-align:left;} /*Cf.: spip_style.css*/

/* Divers */
hr.spip {} /*Cf.: spip_style.css*/
abbr,acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}

small,.small { font-size: 0.85em; }

/* Listes SPIP */
ul.spip, ol.spip {
	margin: 10px 0;
	padding: 0 20px;
}
ul.spip { list-style: none; 	list-style-image: url(bullet.gif);}

dt {
  font-weight: bold;
  color: #895F30;
}
dd {
  padding-left: 25px; 
}

p, dl { 
/*	padding: 10px 0; */
	margin: 0; 
}
ul.spip {} /*Cf.: spip_style.css*/
ol.spip {} /*Cf.: spip_style.css*/

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
body { margin: 0; padding: 0; text-align: center;	margin: 0; padding: 0; }

#entete {
	position: absolute;
	padding: 0;
	clear: both;
	width: 100%;
}
#bloc-haut{
	position: relative;
	margin: 0 auto;
	text-align: left;	
}
#bloc-central{
	margin: 0 auto;	
	text-align: left;
	padding-bottom: 20px;
}
#pied {	
	margin: 0 auto;
	text-align: left;
}
#navigation { 
	margin-top: 0px; 
}
#contenu { 
	padding-bottom: 35px;	
	padding-top: 5px;		
	margin-left: 15px;		
	margin-right: 15px;		
}

#entete #nom_site_spip {	position: absolute; 
	position: absolute;
	margin: 0; padding: 0;
	font: normal 0px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;
	color: #070000;
	text-decoration: none;
		
	/* change the values of top and left to adjust the position of the logo*/
	top: 45px; left: 28px;	
}
#entete .accueil img.spip_logos { 	
	box-sizing: border-box;
	position: absolute;
	background:none;border:none;
	/* change the values of top and left to adjust the position of the logo*/
	bottom: 10px; left: 28px;	
}
#entete #slogan_site_spip {
	position: absolute;
	margin: 0; padding: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	text-transform: none;
	color: #663333;
	width: 400px;
	
	/* change the values of top and left to adjust the position */
	top: 115px; left: 40px;		
}
#descriptif_site_spip {
	margin: 0; 
	padding: 0 5px;
	font-family:  'Trebuchet MS', Trebuchet, Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.6em;
	font-style: normal;
	text-transform: none;
	color: #666666;
}
#entete .formulaire_menu_lang {z-index: 98; position: absolute; right: -20px; top: -85px; display: block; margin:0;width: 235px;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/


#conteneur { 
	margin-top: 0px; 
}
#extra { 
	margin-top: 50px 
}
#navigation h2,#navigation .h2,
#extra h2,#extra .h2,
#navigation #formulaire_recherche label {
	color: #111;
	font: normal 1.4em "Limousines", "Trebuchet MS", Tahoma, Arial, sans-serif;
      font-weight: bold;
	text-transform: none;
	letter-spacing: -0.5px;
	margin: 15px 0 5px;
}

/* header quick search */
.formulaire_recherche {
	background-color: transparent;
	border: none;	
	margin: 0;
}
#navigation #formulaire_recherche {
	width: 190px;
}
.formulaire_recherche  input.text {
	width: 250px;
	color: #666666; 
	height: 22px;
	padding: 2px;	
	vertical-align: top;
}
#navigation #formulaire_recherche input.text {
	width: 180px;
}
.formulaire_recherche input.image {
	margin-top: -44px;
	position: relative;
	left: 155px;
}
.formulaire_recherche input.submit{
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}
#navigation #formulaire_recherche input.submit {
	width: 60px;
}

#bloc-bas {
	background: #070707;clear: both;width:100%;
	clear: both;
	padding-top:20px;
}
#pied img { vertical-align: middle; }
#pied h3, 
#pied p {
	padding-left: 0;
}
#pied h3 {
	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #ABABAB;	
}
#pied a {
	color: #fff;
	background: transparent;
}

/* footer-list */
#pied ul.footer-list {
	border-top: 1px solid #E6E6E6;
	list-style: none;
	padding: 0;	
	margin-left: 0;	
}
#pied ul.footer-list li {
	border-bottom: 1px solid #E6E6E6;
}
#pied ul.footer-list li a {
	display: block;
	width: 98%;
	line-height: 2em; 
	font-weight: bold;
	padding: 4px 0;
	margin-left: 0;
	padding-left: 0;
	color: #888;
	border: none;
}
#pied ul.footer-list li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, Serif;
}
#pied ul.footer-list li a:hover,
#pied ul.footer-list li a:hover span {
	color: #333;	
}
/* footer-content */
#pied-contenu {
	float: left;	
	width: 100%;	
	padding: 0 0 35px 0;				
	margin: 10px 0 0 5px;			
}

/* footer-bottom */
#pied-bas {
	clear: both;
	border-top: 1px solid #dadada;
	width: 940px;
	margin: 0 auto;	
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
}
#pied-bas .bottom-left {
	float: left;
	padding-left: 5px;		
}
#pied-bas .bottom-right {
	text-align: right;
	padding-right: 0;
}


/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */
/* main column */
#contenu h2,#contenu .h2 {
	padding-bottom: 3px;
	font: normal 1.8em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #000;
	letter-spacing: -2px;	
	text-transform: none;
	border-bottom: 1px solid #ebebeb;	
}
#contenu h2 a,#contenu .h2 a {
	color: #000;
	text-decoration: none;	
	background: none; 
	border: none;
}
#contenu .liste > h2 {
	border:0;
	margin-bottom:0;
	padding-left: 5px;
	padding-right: 5px;
}

#hierarchie { clear: both; margin-bottom: 1em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 1.0em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #663333; }
.texte { font-size: 1.1em; line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
.documents_portfolio { clear: both; margin: 1em auto; text-align: center; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
.documents_portfolio a:hover .spip_logos { border-color: #F57900; }
.documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: left; font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
/*
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords * /
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum * /
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }
*/


/* comments list */
ul.forum,ul.forum ul {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #F0F0F0;	
	border-width: 1px 1px 0 1px;
}
ul.forum ul { margin:0; }
.forum li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #F0F0F0; 
}
.forum li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.forum li cite img {
	float: left;
	margin-right: 10px;	
}
.forum li cite .forum-chapo {
	font-size: .8em;
	font-weight: normal;
}
.forum li .forum-texte {
	clear: both;
	margin: 0; padding: 0;
}
.forum li.alt {
	background: #f8f8f8 
}


/*  ------------------------------------------
/*  Sous-navigation et autres menus
/*  ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul {
	text-align: left;
	margin: 7px 5px 8px 0px; padding: 0;
	text-decoration: none;		
	background: url(dots.gif) repeat-x left top;
}
.menu ul li {
	list-style: none;
	background: url(dots.gif) repeat-x left bottom;
	padding: 6px 10px;
	margin: 0;		
}
* html body .menu ul li {
	height: 1%;
}
.menu ul li a, 
.menu ul li a:visited {
	text-decoration: none;	
	background-image: none;	
	background-color: transparent;
	border: none;
	color: #666666;		

}
.menu ul li a span {
	color: #989898;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 1em;
}
.menu ul li a:hover {
	color: #000;	
	background: none;
	border: none;
}
.menu ul ul { margin: 0 0 0 5px; padding: 0; }
.menu ul ul li { background: none;}


/* Pagination */
.pagination { clear: both; text-align: center; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
/*.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }*/

.formulaire_recherche { } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.page_sommaire #contenu .articles .item { padding: 5px; }
.articles .liste-items .item .h3 { margin: 0.30em 0; padding:5px 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles .liste-items .item .introduction { margin-top: 0.30em; line-height: 1.40em; }