@charset "utf-8";
/* CSS Document */

body
{
	height: 100%;
	font-family: Calibri;
	background-color:#4E5869; 
	margin:0px;
}

/*************** MES POLICES *****************************/
.Style1 {font-family: Calibri}
.Style2 {font-size: 14px;}
.Style3 {font-family: Calibri; font-size: 24px; }
.Style4 {font-size: 16px}
.Style5 {color: #FFFFFF}
.Style6 {font-size: 16px; color: #FFFFFF; }
body,td,th {font-family: Calibri;}
.Style7 {color: #993300}
.Style8 {color: #000000}
.Style9 {font-size: 22px; color: #FFFFFF; }
body,td,th {font-family: Calibri;}
.Style10 {font-family: Calibri;font-size: 24;color: #000000;}
.Style11 {font-family: Calibri;	font-size: 12px;}
.Style12 {font-family: Calibri; color: #FFFFFF; }
.Style13 {font-family: Calibri;font-size: 30;color: #000000;}


.pour_tableau { text-align: center; color: #000;}
.police_tableau { font-family: "Calibri", cursive;}
.police_tableau { color: #000;}
.police_tableau {font-size: 10px;}
.police_tableau {text-align: center;}
.pour_logo {text-align: center;}
body,td,th {font-family: Calibri;}
/***********************************************/

#site_pronos {
	position : relative;
	min-height: 100%;
}
#site_pronos #la_une table {
	text-align: center;
}
#bandeau {
	background-color:#6F7D94;
	position:absolute;
	color:#fff;
	left:100px;
	top:50px;
	
	width:1000px;
	height:200px;
	padding-left: 15px;
}

#bandeau_new {
	background-color:#6F7D94;
	position:absolute;
	color:#fff;
	left:100px;
	top:50px;
	
	width:1010px;
	height:200px;
	padding-left: 0px;
}

#bandeau_logo {
	background-image: url(logo_pronos.jpg);
	background-color:#6F7D94;
	position:relative;
	
	top:20px;
	
	width:650px;
	height:110px;
}

#bandeau_logo_new {
	background-color:#6F7D94;
	position:relative;
	
	width:1015px;
	height:220px;
}


#avantla_une {
	background-color:#fff;
	color:#000000;
	position:absolute;
	left:100px;
	top:250px;
	
	width:1015px;
	height:20px;
	/*height:400px;*/

}


#la_une {
	background-color:#fff;
	color:#000000;
	position:absolute;
	left:100px;
	top:270px;
	
	width:800px;
	height:auto;
	/*height:400px;*/
	font-family:Calibri;
	font-size: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;

}

#actu {
	background-color:#6F7D94;
	color:#000;
}

#actu_new {
	background-color:#fff;
	height:45px;
	color:#000;
	padding: 15px 0 0 15px;
	top:0px;
}

#naissance_du_site {
	background-color:#6F7D94;
	color:#fff;
	padding-left: 15px;
	width:1000px;
}

#tableau_vainqueurs {
	background-color:#fffff;
	color:#000;
	font-family:Calibri;
	text-align: center;
	font-size: 12px;
}

/****************************** LE SOMMAIRE */
#menu {
	background: #93A5C4;
	color:#000000;
	position:absolute;
	left:930px;
	top:270px;
	
	width:155px;
	height:auto;
	float: right;
	
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: justify;
	font-family:Calibri;
	font-size: 12px;
}

#navigation {
  position:relative;
  width: 150px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation li {
  background: #c00 ;
  color: #fff ;
  border: 1px solid #fff ; /* couleur de la bordure */
  margin-bottom: 1px ;
}
#navigation li a {
  display: block ;
  background: #4E5869 ; /* couleur du fond au repos */
  color: #fff ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
  padding: 4px 0 ;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #6F7D94 ; /* couleur du fond au passage de la souris */
  text-decoration: underline ;
}
/**************************************************************************/
#site_pronos_new {
	position : absolute;
	min-height: 100%;
}

#affichage_des_palmares {
	background-color:#fff;
	
	
	color:#900;
	position:relative;
	left: 100px;
	top: 5px;
	width:475px;
	height:auto;
	padding: 20px;
	margin: 40px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
		box-shadow: #000 2px 2px 20px 5px;
	
	font-family: "Calibri";
	font-size: 12px;
	text-align: center;

}

#affichage_palmares {
	background-color:#fff;
	
	
	color:#900;
	position:relative;
	left: 0px;
	top: 5px;
	width:450px;
	height:auto;
	padding: 20px;
	margin: 40px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
		box-shadow: #000 2px 2px 20px 5px;
	
	font-family: "Calibri";
	font-size: 12px;
	text-align: center;

}

#affichage_palmares_f1 {
	background-color:#fff;
	
	
	color:#900;
	position:relative;
	left: 0px;
	top: 5px;
	width:600px;
	height:auto;
	padding: 20px;
	margin: 40px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
		box-shadow: #000 2px 2px 20px 5px;
	
	font-family: "Calibri";
	font-size: 12px;
	text-align: center;

}

#affichage_palmares_jo {
	background-color:#FFFFFF;
	
	
	color:#900;
	position:relative;
	left: 0px;
	top: 5px;
	width:1000px;
	height:auto;
	padding: 20px;
	margin: 40px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
		box-shadow: #000 2px 2px 20px 5px;
	
	font-family: "Calibri";
	font-size: 12px;
	text-align: center;

}

#affichage_palmares_evenements {
	background-color:#FFFFFF;
	
	
	color:#900;
	position:relative;
	left: 0px;
	top: 5px;
	width:800px;
	height:auto;
	padding: 20px;
	margin: 40px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
		box-shadow: #000 2px 2px 20px 5px;
	
	font-family: "Calibri";
	font-size: 12px;
	text-align: center;

}

/************************* Vincent ******************************************/
.container .content p {
	text-align: left;
}
.card{
	width: 500px;
	height: 350px;
	margin: 20px;
}
.card-inner,
.card-frontside,
.card-backside{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.card .card-inner{
	position: relative;
	transition: transform .5s ease;
	transform-style: preserve-3d;
	border-radius: 5px;
}
.card .card-inner.rotate{
	transform: rotateY(-180deg);
}
.card .card-inner .card-frontside,
.card .card-inner .card-backside{
	position: absolute;
	border-radius: 5px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	text-align: center;
	box-shadow: 2px 2px 10px black;
	padding: 30px 0;
	background: white;
	
	display: flex;
    flex-direction: column;
    align-items: center;
}
.card .card-inner .card-backside{
	transform: rotateY(-180deg);
}
/*********************************************************************************/
.image_challenge_tennis{
	
}
.logo_atpwta{
	height: 35px;
}
.logo_atpwta img{
	object-fit: contain;
	height: 100%;
}
.logo_autres{
	height: 220px;
}
.default-table{
	margin-bottom: 5px;
}
.default-element-text{
	margin-bottom: 10px;
}
.default-piture{
	margin-top: 25px;
}
.card-classement-gp{
	position: relative;
	width: 500px;
	height: 550px;
	margin: 20px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 2px 2px 10px black;
	padding: 30px 0;
	background: white;	
}
.default-reverse{
	position: absolute;
	right:15px;
	top:15px;
}