@font-face {
	font-family: poke2;
	src: url("./murraybold.ttf");
	font-display: auto;
  }
 @font-face {
  font-family: poke;
  src: url("./Murray.oTF");
  font-display: auto;
}

 * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html {
	height: 100%;
}

.start img {
	z-index: 1;
  }

.start .rectangle {
	position: absolute;
	width: 7.5%;
	height: 10px;
	background-color: white;
	z-index: 0;
	margin-top: 7%;
  }
  
  .start .rectangle-left {
	left: 0;
  }
  
  .rectangle-center {
	left: 30%;
  }
  
  .rectangle-right {
	right:30%;
  }

  .rectangle-right2 {
	right:0;
  }
.moto{
		display:flex;
}
.moto table{
	margin: 0 auto;
	font-weight: bold;


	border-spacing: 15px;
	
}

.moto td{
  border-radius: 10px;
  border: 4px solid white;
  width: 22vw;
  
}
.moto .titre{
		font-family: sans-serif;
}
.moto .age{
	font-family: sans-serif;
	font-style: bold;
	font-size: 40px;
	color: #FFFFFF;
}

.formule{
	color:black;
	text-decoration: underline;
	font-size: 35px !important;
}

.bla{
	background-color: #677987;
	margin-right : 150px;
	margin-left : 150px;
	height: 100%;

}

.voiture{
	display: flex;
}

.voiture .sss{
	border: none;
}
.voiture table{
	margin: 0 auto;
	font-weight: bold;
	table-layout: fixed;

	border-spacing: 15px;
	
}

.voiture td{
	border: 4px ridge white;
  border-radius: 10px;
  width: 33vw;

  
}
.voiture .titre{
		font-family: sans-serif;
}

.logo table{
	margin-top: 15%;
	font-weight: bold;
	font-family: sans-serif;
	border-spacing: 15px;
	font-size: 34px;
	text-align: center;
}

body {
	position: relative;
	min-height: 100%;
	min-width: 100%;
	max-width: 100%;
	font-weight:bold;
	text-align:center;
	background: linear-gradient(-90deg, hsl(90, 50%, 50%), hsl(100, 60%, 60%));
/*#58cf15; #70dc31  background: linear-gradient(-90deg, #58cf15,#70dc31 ); */
	margin: 0;
	padding-bottom: 120px; 
	font-family: cursive;
	color: #fff;
}

.imgg{
	margin-top: 20px;
	border-radius: 15px;
}

.fontdayhoraire{
	font-family: cursive;
	font-size: 16pt;
}
.content-wrapper {
	width: 1050px;
	margin: 0 auto;
	color: #fff;
	
}
header {
	border-bottom: 3px solid darkgrey;
	font-family: cursive;
	background: #677987;/*#70dc31;*/
}

header .content-wrapper {
	display: flex;
}
header h1 {
	display: inline;

	font-size: 144px;
	justify-content: center;
	align-items: center;

}
header .vert {
	color:#70dc31;

}



header .start{
	display: flex;
	justify-content: space-between;
  }
  
  header .baisser{
	position: relative;
 	top: -220px;/*-270px   -110*/
	margin-bottom: -200px;/*-200px -110 */
  }
  


header nav {
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
	justify-content: center;
	align-items: center;
}
header nav a {
	text-decoration: none;
	color: #fff;
	padding: 10px 10px;
	margin: 0 10px;
}
header nav a:hover {
	border-bottom: 1px solid #aaa;
}
header .link-icons {
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}
header .link-icons a {
	text-decoration: none;
	color: #394352;
	padding: 0 10px;
}
header .link-icons a:hover {
	color: #4e5c70;
}
header .link-icons a i {
	font-size: 18px;
	color: #fff
}
header .link-icons a span {
	display: inline-block;
	text-align: center;
	background-color: #63748e;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-weight: bold;
	position: absolute;
	top: 22px;
	right: 0;
}

footer {
	position: absolute;
	border-top: 1px solid #EEEEEE;
	padding: 0px 0;
	width: 100%;
	font-family: 'poke';
	background: #677987;
	justify-content: center;
	margin-top: 1%;
	
}
footer table{
	margin: auto;
	margin-top: 1%;
}

.horaire {
	padding-bottom: 30px;
}

.horaire table{
	margin:auto;
	font-weight: bold;
	height: 90%;
	border-spacing: 18px;
	border: 4px ridge white;
 	border-radius: 10px;
	background-color: darkgreen;/*#85b315;*/
}

.modif select{
	font-family: 'poke';
}
.modif input{
	font-family: 'poke';
}
.modif {
	margin-left: 5%;
	margin-right: 5%;
}

.horaire .ss{
	font-family: sans-serif;
	text-align: center;
	font-size: 30px;
    text-decoration: underline;

}

/* panel */

#try table {
	border: 4px solid #fff;
	border-collapse: collapse;
}
#try  {
	display:flex;
	vertical-align:top;
	padding: 50px;
	justify-content: center;
}

#try td {
    border: 4px solid #fff;
	padding: 10px;
}

/* horaire */

#tryh table {
	border: 4px solid #fff;
	border-collapse: collapse;

}
#tryh  {
	display:flex;
	vertical-align:top;
	padding: 50px;
	justify-content: center;
}

#tryh td {
    border: 4px solid #fff;
	padding: 10px;
}


.remorque table{
	margin:auto;
	font-weight: bold;

	border-spacing: 15px;
	
}

.remorque td{
	border: 4px solid white;
  border-radius: 15px;
}
.remorque .sss{
	border: none;
}
.remorque .titre{
		font-family: sans-serif;
}
.remorque .age{
	font-family: sans-serif;
	font-style: bold;
	font-size: 50px;
	color: #FFFFFF;
}
.remorque img{
	border-radius: 15px;
}

.resultats{
	display: flex;
	justify-content: center;
	margin-top: 2%;
	margin-bottom: 1%;
}


.styled {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgb(166, 255, 0);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}



.info{
	display: flex;
	justify-content: center;
	
}
.home{
	display: flex;
	justify-content: center;
	margin-top: 2%;
}
.home2{
	display: flex;
	justify-content: center;
	margin-top: 2%;
}
.h1{
	margin-left: 1%;
	
}

.h2{
	
	border-radius: 10px;
	font-family: sans-serif;
	height: 80%;
	margin-left: 1%;
	margin-top: -0.5%;
    width: 50%
}
.h2 .test{
	border-radius: 5%;
}
.siz{
	font-size: 25px !important;
}

.colortd{
	background:#677987;
}
.colortd2{
	background: linear-gradient(90deg, #677987,#818284 );

}

.moto .sss{
	border: none;
	
}

.r2{
	font-family: sans-serif;
}
.dr{

	color: darkgreen;
	font-family: sans-serif;
}

.dr2{
	
	font-family: sans-serif;
	font-size: 30px !important;
}
.bcOIJd {
    background-color: rgba(255, 255, 255, 0.80) !important;
}

.cyclo{
	display:flex;
	justify-content: center;
}
.cyclo table{
	font-weight: bold;
	border-spacing: 15px;
	
}

.cyclo td{
  border-radius: 10px;
  border: 4px solid white;
}
.cyclo .titre{
		font-family: sans-serif;
}
.cyclo .age{
	font-family: sans-serif;
	font-style: bold;
	font-size: 40px;
	color: #FFFFFF;
}

.cyclo .sss{
	border: none;
}

.panelGreyTable{
	background: #677987;
}
.panelGreenTable{
	background: darkolivegreen;
}


.margL{
	margin-left: 50px;
}

.code{
	margin: auto;
}
.code table{
	margin:auto;
	font-weight: bold;
	table-layout: fixed;

	border-spacing: 15px;
	
}

.code td{
	border: 4px ridge white;
  border-radius: 10px;
  width: 100vw;
  color: black;
}

.code .titre{
	font-family: sans-serif;
}

.fontt{
	font-family: sans-serif;
	font-size: 25px;
}

.optionHomeSquare{
	font-weight: bold;
    text-align: center;
    font-family: cursive;
    color: #fff;
    font-size: 30px !important;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    border: 4px white solid;
    border-radius: 10pt;
    margin-left: 5pt;
    padding-left: 5pt;
    /*background: #b3dd73;*/
}

.codee{
	background-image: url('./imgs/codeClair.png');
  	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


h1{
	color: #fff;
}

.tutureg{
	margin-left:5%;
}
.tutured{
	margin-right:5%;
}