* {box-sizing:border-box}

/*###############################################################################*/
        }
        @font-face {
            font-family: "Consolas";
            src: url("fonts/Consolas.ttf") format("ttf"),
            url("fonts/Consolas.ttf") format("truetype");
        }  


        h2 {
        	font-size:20px;
        	margin:0px;
        	padding:0px;
        }
        h1 {
/*        	font-size:60px;*/
        }
.champ_valid{
	font-size:30px;
	margin-bottom:10px;
	width:70%;
	text-align:center;
}
.maxw{
	max-width:600px;
}
span.minibt {
    font-size: 15px;
    text-decoration: underline;
    cursor: pointer;
}

.num td {
    padding: 3px;
    font-size: 45px;
    font-family: "consolas";
    text-align: Center;
    margin: 2px;
    background-color: #333;
    color: white;
    border-radius: 6px;
    width: 100px;
}
.somme{
    background-color: #888;
    padding: 30px;
 }

.num {
    border-collapse: initial;
    width: 300px;
}

 .startstop{
 	width:40%;
 	margin:5px;
 	padding:10px;
 	font-family:Arial;
 	font-style:bold;
 	font-size:25px;
 	display:inline-block;
 	text-align:center;
 	cursor:pointer;
 	border-style:solid;
 	border-width:5px;
 }
 .top{
 	 	width:40%;
 	margin:5px;
 	padding:10px;
 	font-family:Arial;
 	font-style:bold;
 	font-size:25px;
 	display:inline-block;
 	text-align:center;
 	cursor:pointer;
 	border-style:solid;
 	border-width:5px;
 }
.boutons{
/*	height: 45%;*/
	background-color:grey;
	padding-top: 30px;
  padding-bottom: 3px;
}

#lechrono{
/*	height:80%;*/
	width:80%;
	font-size:80px;
	font-family:Arial;
	background-color:black;
	color:white;
	vertical-align:center;
	padding:10px;
	
	border-width:2px;
	border-style:solid;
}
.chrono{
/*	height:20%;*/
	background-color:grey;
	padding-top: 20px;
}
.champ2{
	background-color: #888;
	width:45px;
}

.head{
	height:12%
}
.head h1{
	font-size: 50px;
	font-family: arial;
	text-align:center;
}

.competiteur{
/*	height:20%;*/
	background-color:grey;
	padding:right:5px;
	padding-left:5px;
}
select {
	font-size: 20px;
    width: 85%;
    font-style: bold;
    font-weight: bold;
    margin-bottom:10px;
    text-align:left;
    float:left;
}
.competiteur h2{
	font-family:Arial;
	text-align:center;
	padding-top: 2px;
  padding-bottom: 10px;
}

p{
	font-family: Arial;
	font-size:25px;
	text-align:left;
}
.droite{
	width:50%;
	display:inline-block;
}
.gauche{
	width:50%;
	display:inline-block;
}

img{
	    max-width: 100%;
    max-height: 100%;
    float: right;
    margin: 5px;
}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 100%;
  max-width:660px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

.modal-content p {
    font-size: 13px!important;
}
.connect h2 {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
select{
    background: url('img/br_down.webp') no-repeat right #ddd;
    -webkit-appearance: none;
    background-size: 10px;
    background-position: right 6px center;
}


/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 0px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}


.image_post{
	display: inline-block;
    vertical-align: top;
}

.titre_date{
	display: inline-block;
    vertical-align: top;
}
.titre_date a{
	color:black;
	text-decoration:none; 
}
.titre_date a:visited{
	color:black;
	text-decoration:none; 
}
.titre_post{
	font-family: Consolas;
    font-size: 22px;
    font-weight: bold;
}
.date_post{
	font-family: Arial;
    font-size: 12px;
    margin-top: -10px;
    padding-top: -10px;
}
video {
	width:100%;
	max-width:700px;
}
.img_post {
	max-width:700px;
	max-width: 700px;
    float: right;
    height: 150px;
}

.station1 {
	background-color:rgba(190,190,190,0.8);
	padding:10px;
	margin-left:-10px;
	margin-right:-10px;
}
.station1 .wlink{

}
.station2 {
	background-color:rgba(150,150,150,0.8);
	padding:10px;
	margin-left:-10px;
	margin-right:-10px;
}
.station2 .wlink{
	color:#ccc!important;
}

.section{
	border-bottom-style: dotted;
    border-bottom-width: 1px;
    word-wrap: break-word;
}
.section2{
	overflow:auto;
	word-wrap: break-word;
}
.section h1 {
	font-size:20px !important;
	font-family:Arial !important;
	font-style:bold !important;
}
.section p{
	margin:0px !important;
	padding:0px !important;
	padding-left:5px !important;
}
.image {
	display:inline-block;
	height:110px;
	width:150px;
}

/*.index {
	text-align:center;
}*/
#title {
	font-size: 58px;
}
table {
	width:100%;
/*	margin-left:-10px;*/
/*	margin-right:-10px;*/
	border-collapse:collapse;
	padding:0px;
}
.boutique {
	text-align:left;
	display:inline-block;
	vertical-align:top
}
.image_boutique{
	margin-left:-10px;
	text-align:left;
	display:inline-block;
	margin-bottom:-5px;
	padding-bottom:0px;

}
#map {
	height:400px;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:-10px;
}
/*.index {
	float:left;
	width:50%;
}
.side {
	float:left;
	width:49%;
}*/


.index p{
	font-size:15px;
	/*font-family:"Consolas";*/
}
html{
  margin-bottom:-120px;
  height:100%;
}
/*body{
  margin-bottom:-120px;
}
*/


.contenu p {
	margin-top:5px;
	/*font-style:italic;*/
	/*padding-top:5px;
	padding-bottom:5px;
	padding-right:5%;
	padding-left:5%;*/



}
.contenu h1 {
	font-size:58px;
	font-family: "Consolas",serif;
}

.contenu h2 {
	font-family: "Consolas",serif;
	font-size:20px;
	padding:0px;
	margin:0px;
}

.addr {
	font-family:Arial !important;
	font-size:12px !important;
	font-style:italic;
}

#theo {
	margin-top:3px;
}
.horaires_resp{
	display:none;
}
@media only screen and (max-width:550px) {
p {
	font-size:20px!important;
}
li {
	font-size:20px!important;
}

}

@media only screen and (max-width:490px) {
.horaires {
	display:none;
}
.horaires_resp{
	display:block;
}
.hours{
	margin-top:15px;
}
p {
	font-size:18px!important;
}
li {
	font-size:20px!important;
}
	
}
@media only screen and (max-width:450px) {
	.contenu img{
		float:none!important;
	}
}

@media only screen and (max-width:290px) {
	.contenu img{
		width:100%;
		height:100%;
	}
	.contenu .imgpost{
		max-width:700px;
		max-width: 700px;
	    float: right;
	    height: 150px;
	}
	.image_post img{
		height:45px;
	}
	}
	.overflow{
		margin-left:-10px;
		margin-right:-10px;
	}
}