* {
	-webkit-font-smoothing:antialiased;
}
html {
  scroll-behavior: smooth;
}

* {
  word-break: break-word;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffcc00;
	font-size:15px;
	line-height: 22px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#ffcc00;
	text-align:center
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ffcc00;
	font-style:italic;
	text-align:center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffcc00;
	text-align:center;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffcc00;
	text-align:center;
}
p > a:link, p > em > a:link, p > a:link, td > a:link {
	text-decoration:none;
	font-size:15px;
	outline:none;
	transition:all 0.5s;
}
a:link {
	color:#ff9900;
	text-decoration:none;
}
a:hover {
	color:#ff7800;
	text-decoration:none;
}
a:visited {
	color:#ff8800;
	text-decoration:none;
}
/* MARGE */
.p20 {
	padding: 20px 10px !important;
}

/* LIENS DE NAVIGATION */
a.navi:link, a.navi:visited {
	font: italic 1em "Arial", serif;
	font-weight:600;
	color:#ffcc00;
	transition:all 0.5s;
	text-shadow: 0 0 1px #ffcc00, 0 0 10px #ffcc00, 0 0 20px #ffcc00;
}
a.navi:hover {
	color:#ffdd53;
	text-shadow: 0 0 5px #ffcc00, 0 0 10px #ffcc00, 0 0 15px #ffcc00, 0 0 20px #ffcc00, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 55px #ffcc00, 0 0 75px, 0 0 100px #ffcc00;
	transition:all 0.5s;
}
/* LIENS DE MENUS */
ul.liens li {
	font-size:1.18em;
	list-style-type: none;
	padding:12px 0;
}
ul.liens li a:link, ul.liens li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#ffcc00;
	transition:all 0.5s;
	text-shadow: 0 0 4px #ffcc00, 0 0 10px #ffcc00;
}
ul.liens li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#ffdd53;
	text-shadow: 0 0 5px #ffcc00, 0 0 10px #ffcc00, 0 0 15px #ffcc00, 0 0 20px #ffcc00, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 55px #ffcc00, 0 0 75px, 0 0 100px #ffcc00;
	transition:all 0.5s;
}
ul.liens li.actif {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#ffcc00;
	text-shadow: 0 0 5px #ed1010, 0 0 10px #ed1010, 0 0 15px #ed1010, 0 0 20px #ed1010, 0 0 30px #ed1010, 0 0 40px #ed1010, 0 0 55px #ed1010, 0 0 75px #ed1010, 0 0 100px #ed1010;
}

/* LES TEXTES */
p.center {
	text-align:center
}
.titreimage {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffcc00;
	text-align:center;
}
.soustitreimage {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffcc00;
	text-align:center
}
.titrerecherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffcc00;
}
.titreexpo {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FF9900;
}
.p {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffcc00;
	font-size:11px;
}
.titrerecherche1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffcc00;
	text-align:center;
}
.small, a.small:link {
	font-size:0.9em;
}
/* LES LIENS */
.liens {
	font-size: 11px;
	color:#FF9900;
	text-decoration: none;
}
a.liens:link {
	font-size: 11px;
	color:#FF9900;
	text-decoration: none;
}
a.liens:visited {
	font-size: 11px;
	color:#FF9900;
	text-decoration: none;
}
a.liens:hover {
	font-size: 11px;
	color:#ffcc00;
	text-decoration: none;
}
a.liens:active {
	font-size: 11px;
	color:#FF0000;
	text-decoration: none;
}
li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #ffcc00;
}
hr {
	border-top: dotted 1px #ffcc00;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	height: 20px;
	text-align: center;
}
/*hr:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -46px;
	padding:20px 0;
	background: #000000;
	background-color: #000000;
	color: #ffcc00;
	font-size: 50px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}*/
hr.gris {
	border-top: dotted 1px #535353;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	margin: 1px 0px 0px 0 !important;
	height: 1px;
	left:49%;
	margin: 30px 0px 0px 0 !important;
}
hr.lgs {
	border-top: dotted 1px #444 !important;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	margin: 1px 0px 0px 0 !important;
	height: 1px;
	left:49%;
	margin: 30px 0px 0px 0 !important;
		color:  #444 !important;
}
/*hr.lgs:after {
	content: '' !important;

}*/


hr.gris:after {
/*content: '';*/
}
hr.gris1, hr.gris2, hr.gris3 {
	border-top: dotted 1px #fc0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	margin: 0 auto;
	height: 1px;
	margin: 50px auto;
	width: 60%;
}
hr.gris1 {
	width: 60%;
}
hr.gris2 {
	width: 100%;
}
hr.gris3 {
	width: 40%;
}
.t {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcc00;
}
.t1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcc00;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffcc00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffcc00;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffcc00;
}
.t2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
.pub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #cccccc;
}
.pub1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffcc00
}
a.pub1:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
}
a.pub1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff9900;
	text-decoration: none;
}
a.pub1:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
}
.input {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font: bold 11px Arial, Helvetica, sans-serif;
	background-color: #666666;
	color: #ffcc33;
}
.bloccentre {
	float:center;
	margin:10px;
}
.blocdroit {
	float:right;
	margin:10px
}
.blocgauche {
	float:left;
	margin:10px
}
.contourcarte {
	border: solid 1px #ffcc00;
}
.separation {
	background-color : #ffcc00;
	margin : 0;
	width : 100%;
	height : 1px;
	padding : 0;
}
.separation1 {
	background-color : #ffcc00;
	margin : 5px auto;
	width : 360px;
	height : 1px;
	padding : 0;
}
.centrer {
	text-align:center;
	display:block
}
cite {
	text-align: center;
	font-size: 1.2em;
	margin: 1.2em auto;
	padding: 0;
	color:#ffcc00;
	display:block;
	font-family:"Times New Roman", Times, serif;
}
.auteur {
	text-align: center;
	padding: 1.06em;
	color:#ffcc00;
}
section > article {
	padding: 1em 4em;
}
section > article > p {
	text-align:justify;
}
samp, article > samp {
	text-align: center;
	margin: 0 auto;
	display: block;
}
section > article > p.infos {
	text-align:center;
}
article.infos {
	margin-bottom: 2em;
}
article.gauche {
	width:80%;
}
.container > p {
/*text-align: center;*/
}
article.infos > p, .container > .centre > p {
	text-align: center;
}
figure {
	text-align: center;
	font-size: normal;
	text-indent: 0;
	margin: 2em auto;
	padding: 1em;
	display: table;
	border:0;
}
figcaption {
	display: table-caption;
	caption-side: bottom;
	color:#ffcc00;
	line-height:1.4em;
}
figcaption a {
	text-decoration:none;
	color:#ff9900;
	font-size: 1em;
	display: inline-block;
	transition: all 0.5s ease;
	transition:all 0.5s;
}
figcaption a:hover {
	color:#ff7800;
}
figcaption a img {
	border: none;
}
section article section div.column-left figure {
    margin: 0 auto 1em auto;
}

.flex-tab {
	display:flex;
	flex-flow: row wrap;
}
.flex-tab div {
	margin : auto;
}
@media(max-width:980px) {
section > article {
 padding: 1em 2em;
}
}
 @media(max-width:860px) {
section > article {
 padding: 0em;
}
section {
 padding: 1em;
}
nav {
	width:100%;
	}
nav ul.liens  {
	padding:0;
}
ul.liens li {
	text-align:center;
}
}
 @media(max-width:690px) {
section > article {
 padding: 0em;
}
section > article > p {
 text-align:justify
}
}
/* LES IMAGES EN SVG*/
img.enseigne[src*="svg"]  {
  width:340px;
  margin: 1vh auto;
  display:block;
}
@media(max-width:690px) {
img.enseigne[src*="svg"]  {
  width:220px;
  margin: 0 auto;
  padding:0;
  display:block;
}
}