html, body, div, span, applet, object,
iframe, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dd, ol, ul, li, fieldset,
form, label, legend, caption, tbody,
tfoot, thead, aside,
canvas, details, embed, figure, figcaption,header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

aside, details, figcaption, figure, header, hgroup, menu, nav{
	display: block;}


body{line-height:1;}

ol,ul{list-style: none;}

.tags ul{border: none;}
.tags li{padding: 0; display : inline; border : none;line-height:1.4em;}

blockquote,q{quotes:none;}

blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;}

table{border-collapse:collapse;border-spacing:0;width:90%;table-layout:fixed;width:100%;}
th{background:#8A0627;color:#fff;padding:2px;text-align:center;font-size:0.85em;font-variant:small-caps;}
tr,td{padding:2px;border:2px solid #DCDCDC;color:#000000;text-align:center;font-size:0.9em;}

body{-webkit-text-size-adjust:none;}

input::-moz-focus-inner {
	border: 0;
	padding: 0;}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;}

/* Basic */

@-ms-viewport{width: device-width;}

html{box-sizing:border-box;}

*, *:before, *:after{box-sizing:inherit;}

body,input,select,textarea{font-family:'Inter',serif;font-size:1.15em;line-height:1.2em;color:#000000;font-weight:500;} 

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

a{color:#082777;font-weight:600;text-decoration:none;}
a:hover{text-decoration:underline;}

/* Top */
#top{margin-top:10px;height:auto;}

#comments{}
#comments a{color:#002B5C;text-decoration:none;}
#comments a:hover{text-decoration:underline;}

#sidebar{padding:3px 0 3px 0;}

.dateheure{font-size:0.8em;text-align:left;}

.ressor{color:#790000;font-weight:550;}
.commok{color:#235218;font-weight:550;}

.separ{font-size:1.3em;text-align:center;padding:10px 0 10px 0;font-weight:550;color:#DCDCDC;text-shadow:2px 2px #000000;}
.separdeux{font-size:0.9em;color:#DCDCDC;font-weight:550;text-align:center;padding:3px 0 3px 0;}

img{border:0;max-width:98%;}

.post img{border:0;padding:0;vertical-align:1px;}
.post img a{text-decoration:none;}
.post img a:hover{text-decoration:none;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

b,strong{font-weight:600;}
i,em{font-style:italic;}

p,ul,ol{margin:1.0em 0 1.0em;line-height:1.2em;}

.destination{text-align:center;font-size:0.8em;font-weight:600;color:#000000;text-shadow:2px 2px #DCDCDC;font-variant:small-caps;}

small{font-size:0.8em;font-weight:500;color:#2F2F2F;}

#top a{text-decoration:none;color:#082777;text-shadow:2px 2px #DCDCDC;}
#top a:hover{text-decoration:underline;}

h1,h2,h3,h4,h5{font-weight:600}

h1{font-size:1.45em;margin-bottom:10px;color:#C62828;}

h2{font-size:1.35em;color:#C62828;margin-bottom:10px;}

h3{font-size:1.25em;}

h2 a{text-decoration:none;}
h2 a:hover{text-decoration:underline;}

h4{font-size:1.15em;color:#000000;text-shadow:2px 2px 2px #DCDCDC;}
h5{font-size:1.15em;font-variant:small-caps;color:#ffffff;background:#000000;margin-bottom:3%;font-weight:600;-webkit-border-radius:8px;border-radius: 8px;padding:2px 10px;}

.share {font-size:0.8em;margin-top:30px;padding:0;text-align:center;clear:both;}
.share p{display: inline-block; margin: 0;padding: 0;}
.share a {color:#082777;text-decoration:none;}
.share a:hover {text-decoration:underline;}

hr{border:2px solid #EFEFEF;margin:55px 0 55px 0;}
hr.esp2{border:2px solid #EFEFEF;margin:20px 0 20px 0;}

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;border:0;}

#myBtn {display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size:0.95em;
  border: none;
  outline: none;
 background-color:#002B5C;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
    width: 50px;
    height: 50px;}

#myBtn a{text-decoration:none;color:#ffffff;}
#myBtn a:hover {text-decoration:none;}

.nombre{color:#000;background:#DCDCDC;font-weight:550;padding:5px;}

.suppl{color:#000000;text-align:center;}
.suppl a{color:#082777;text-decoration:none;}
.suppl a:hover{text-decoration:underline;}

#footer{margin:0;width:auto;color:#000000;position:absolute;}
#footer a{color:#082777;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

@media screen and (max-width: 992px) {.column {flex: 50%;}}
@media screen and (max-width: 600px) {.row {flex-direction: column;}}

br.clear{clear:both;}

sub{position:relative;top:0.5em;font-size:0.8em;}

sup{position:relative;top:-0.5em;font-size:0.8em;}

blockquote{border-left:solid 0.5em #85929e;padding:1em 0 1em 2em;font-style:italic;}

dt{margin:20px 0 20px;max-width:98%;} 

#comments dt.helvetic{background-image: url("/public/drapeaux/suisse.png");background-position:left;background-repeat: no-repeat;padding-left:25px;}
#comments dt.manager{background-image: url("/public/drapeaux/france.png");background-position:left;background-repeat: no-repeat;padding-left:25px;}
#comments dt.tricolore{background-image: url("/public/drapeaux/france.png");background-position:left;background-repeat: no-repeat;padding-left:25px;}

dl{} 
dd{padding-left:5px;padding-right:5px;margin:5px 15px 15px 15px;} 

#navi{font-size:0.8em;}
#navlinks {overflow:hidden;}
#navi a{color:#082777;text-decoration:none;}
#navi a:hover{text-decoration:underline;}

.pagination a{color:#082777;text-decoration:none;}
.pagination a:hover{text-decoration:underline;}

.pagination {
  text-align: center;
  overflow: hidden;
  font-size:0.9em;}

.pagination p { margin: 0; }

.pagination p span {
  padding: 1px 4px;
  margin-right: 1px;}

.pagination .this {
  background: #554c46;
  color: #fff;}

.prev {padding-left:0;}
.next{padding-right: 0;}

.match-card {
  max-width:90%;
  margin: auto;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  padding: 24px;
  text-align: center;
}

.match-date {
  font-size: 1.1rem;
  color: #777;
  margin-bottom: 12px;
}

.teams {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 16px;
}

.team {
  flex: 1;
  text-align: center;
}

.team img {
  width:50%;
  height:50%;
  object-fit: contain;
  margin-bottom: 8px;border-radius: 30px;
}

.team-name {
  font-weight: bold;
  font-size: 1.2rem;
}

.vs {
  font-size: 1.2rem;
  font-weight: bold;
  color: #444;
}

.score {
  font-size: 2rem;
  margin: 12px 0;
  font-weight: bold;
}

.match-location {
  color: #555;
  font-size: 0.95rem;
  margin-top: 8px;
}

@media (max-width: 600px) {
  .teams {
    flex-direction: column;
    gap: 16px;
  }

  .vs {
    margin: 8px 0;
  }
}

.event-calendar *,
.event-calendar div
{
  -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.event-calendar {
  border:1px solid #DCDCDC;
  width:auto;margin:0 0 20px 0;}

.event-calendar a {
  text-decoration:none;
  color:#181718;}

.event-calendar a:hover {
  opacity:.7;
  color:#f00;}

.event-calendar a:hover .title-event {
  transform:translate(5%,0);
  -webkit-transform:translate(5%,0);
  -moz-transform:translate(5%,0);}

.event-calendar ul,
.event-calendar ul li,
.event-calendar h1,
.event-calendar h2
{
  margin:0;
  padding:0;
  list-style:none;color:#000;
}

.event-calendar .events-body ul li {
  position:relative;
   border-bottom:1px solid #DCDCDC;}

.event-calendar .events-body ul li:last-child {
  border:0;}

.event-calendar .heading-title {
  padding:10px 20px;
  border-bottom:1px solid #DCDCDC;
  position:relative;font-weight:600;}

.event-calendar .icon-box {
  position:absolute;
  right:20px;
  top:0;
  bottom:0;
  margin:auto;
  height:30px;
  font-size:1.0em;color:#8A0627}

/* EVENTS LEFT CONTES */
.event-calendar .event-left-content {
  padding:15px 20px;}

.event-calendar .event-left-content .title-event {
  width:80%;}

.event-calendar .event-left-content .title-event h2 {
  margin:0;
  padding:0;}

.event-calendar .event-left-content .event-date {
  font-size:.8em;font-style:italic;}

.event-calendar .event-left-content .event-location {
  font-size:0.9em;}

/* EVENT ICON HOLDER  */
.event-calendar .event-icon{
  position:absolute;
  width:auto;
  height:50px;
  display:block;
  background:#DCDCDC;
  right:20px;
  top:0;
  bottom:0;
  margin:auto;
  text-align:center;
  color:#000000; 
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding:2px 10px;font-weight:600; 
}

.event-calendar .event-icon .annee,
.event-calendar .event-icon .date {
  display:block;
}

.event-calendar .event-icon .annee{
  font-weight:bold;
  font-size:1.1em;
  margin-top:5px
}

.event-calendar .event-icon .date {
  font-size:0.8em;
  font-weight:bold;
}

/* FOR RESPONSIVE ONLY  */
@media only screen and (max-width:480px) {
  .event-calendar {
    width:100%;
    margin:0;
  }
  .event-calendar .heading-title h1 {
    font-size:1em;
  }
  
  .event-calendar .title-event h2 {
    font-size:.9em;
  }
  
  .event-calendar .event-left-content .event-date,
  .event-calendar .event-left-content .event-location {
    font-size:.8em;
  }
  
  
}

/* _____________________________ */

/* Container */

*{box-sizing:border-box;margin:0;padding: 0;}

/* Conteneur principal avec flexbox */
.container {display:flex;flex-wrap:wrap;}

/* 1re colonne (70%) */
.col-70 {flex: 0 0 70%;padding:10px;}
/* 2e colonne (30%) */
.col-30 {flex: 0 0 30%;padding:10px;}

@media (max-width: 768px) {.col-70, .col-30 {flex: 0 0 100%;}}

/* footer */
.column {flex: 1 1 25%;text-align:left;padding:22px 10px 0 10px;}

@media screen and (max-width: 1024px){.column {flex: 1 1 50%;}}

@media screen and (max-width: 600px){.column {flex: 1 1 100%;}}

/* Forms */

	form label {
		display: block;
		font-weight: 500;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		width: 100%;
		border: solid 2px #DCDCDC;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {border:solid 2px #000000;}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"] {
		line-height: 3em;
		padding: 0 1em;
	}

	form select {
		line-height: 3em;
		padding: 0 1em;
	}

	form textarea {
		min-height: 9em;
		padding: 1em;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		position: relative;
		display: inline-block;
		text-decoration: none;
		border-radius: 6px;
		font-weight: 600;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1.35em;
		padding: 0.6em 1.5em;background:#082777;color:#ffffff;font-variant:small-caps;
	}

		input[type="button"].icon:before,
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		button.icon:before,
		.button.icon:before {
			position: relative;
			margin-right: 0.5em;
			top: 0.05em;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {text-decoration:none;}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {			
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		button.large,
		.button.large {
			font-size: 2.25em;
			padding: 0.8em 0.9em;
		}


/* Laisser en dernière position */
/* XLarge */

@media screen and (max-width:1680px) {
/* Basic */
body, input, select, textarea{}
}

/* Large */
@media screen and (max-width:1280px) {
/* Basic */
body, input, select, textarea {}
}

/* Medium */
@media screen and (max-width:980px) {

/* Basic */
html, body {overflow-x:hidden;}
body, input, select, textarea {}