body {
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, rgb(195,210,214)),
    color-stop(0.9, rgb(15,39,82))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(195,210,214) 10%,
    rgb(15,39,82) 90%
);

  background-repeat: no-repeat;
  background-attachment:fixed;

  background-color: #2C4E85;
  margin: 0;
  padding: 3px;  
  text-align:center;
}

body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: large;
}
img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

a {
	color: #240C99;
	text-decoration: none;
	/*! background-color: black; */
}
a:hover {
	color: #e61c21;
}


#page {
	border-top: none;
	margin: 5px auto 5px auto;
	padding: 0;
	text-align: left;
	overflow: unset;
}

#top {
	position: relative;
	border: 1px solid #9CB2D7; 
	background-image:  url(deco/logoblason.png);
	background-repeat: no-repeat;
	background-position:center ;
	height: 60px;
	display: center;
	background-color:  #849ec8;  
	border-bottom: none;
	margin: 0;
}


#mid {
	width: auto;
	margin:0;
	padding: 0;
	background-color: #fff;
}

#side {
	/*border-right: 1px solid #A5ADC8; */
	padding: 1px 30px 1px 30px;
	width: 25%;	
	float: left;
	margin:0;
}

#main {
	margin:0;
	padding:  2px 20px 2px 2px;
	text-align: justify;
	background-color: #F7F7F7; /* 
	border: thick solid #e7ecf7;*/
}

#break {
	clear: both;
}

#bot {
	border-bottom: 4px solid #9CB2D7; 
	width: auto;
	background-color: #849ec8;
	font-size: medium;
	text-align: center;
	margin:0;
	padding: 0;
	color: #225;
}

#top h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color: #FFF;
	font-size: 24px;
}
#top h2 {
	margin: 0;
	padding: 4px 0 5px 10px;
	color: #EEF;
	font-size: 90%;
}

.test{
		width: 100%;
		height: 0;
		padding-top: 50%;
		background-color: #FF0000;	
	}
	
.videocontainer{
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}	

.videocontainer object, .videocontainer iframe{
	width:100%!important; 
	height: 100%!important;
	position: absolute;
	top:0;
	left:0;
}

/* Menu */
.zul {	padding: 10px 0 0 0;	list-style: none; 
  font-size: large;}
.zli1,.zli2,.zli3,.zli4 {border-bottom: 1px solid #1c87c9;	background-image: url(deco/pge0.png);	background-repeat: no-repeat;padding-left: 14px;}
.zli1:hover,.zli2:hover,.zli3:hover,.zli4:hover{	background-image: url(deco/pge2.png);	}
.zon {	background-image: url(deco/pge1.png);	font-weight: bold;}
.zli1 {	margin-left: 0px;}
.zli2 {	margin-left: 16px;}
.zli3 {	margin-left: 32px;}
.zli4 {	margin-left: 48px;}

/* styles zite */
#zadmin {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 5px 0;
	width: 100%;
}
.zalert {
	border: 1px solid #C00;
	background-color: #FEA;
	padding: 0 2px;
}


.zerr {
		border: 1px solid #C00;
		background-color: #FEA;
		padding: 0 1px;
}
.paires {
    font-size: 10pt;
    line-height: 1.5em;
/* fond transparent pour les lignes paires */
    color: #103040;
}
.impair {
    font-size: 10pt;
    line-height: 1.5em;
    background-color: #ECECF0;
    color: #103040;
}


#conteneurCentrer {
width: 600px;
height: 200px;
margin: 0 auto; 
background-color:#CCCCFF;
}

.scroll {
	height: 250px; 
	width: 600px;  
	margin: 10px;
	border: 1px solid black;
	overflow: auto;
}

 /*Date Sprite */
.postdate {
position: relative;
width: 66px;
height: 60px;
float: left;
}


#news {

width: auto;
margin: 5px;
padding: 1px;   
background-color:#d8e0ee;
}

.zoneNews {
margin: 5px ;
padding: 2px;   
background-color:#FFFFFF;
}

.news_line {background-color: #FFF;/*! border-top: goldenrod; *//*! border-top-color: gainsboro; */}
.news_date {font-size:xx-small;}
.news_datejj {}
.news_datemm {}
.news_dateaa {}
.news_datesep1 {}
.news_datesep2 {}
.news_title {font-size:small; color:#000000;font-weight: bold}
.news_author {}
.news_read {font-size:xx-small;}
.news_body {color:#6F6F6F }

.newso {
    margin: 5px 5px 5px 5px;
    background-color: white;
    /*! -webkit-border-radius: 100px 20px 1px 1px; */
    /*! box-shadow: 3px 1px #949abd, -10em 0 .4em #f7f4fd; */
    /*! border: 1px solid #D0DDE8; */
}
.newso .news_line {}
.newso .news_date {font-size:small;/*! background-color: #f7f4fd; */color: #b0c6ec;/*! border-bottom-width: 2px; *//*! border-bottom-color: #ede4ff; *//*! border-bottom-style: solid; */background-color: #fff;}
.newso .news_datejj {}
.newso .news_datemm {}
.newso .news_dateaa {}
.newso .news_datesep1 {}
.newso .news_datesep2 {}
.newso .news_title {font-size:small; color: #00050f;font-weight: bold;/*! border-top-width: 1px; *//*! border-top-color: #fff; *//*! border-top-style: solid; */background-color: #fff;}
.newso .news_author {font-size:small;background-color: white;color: #d8e0ee;/*! margin-left: 5px; *//*! border-bottom-width: 2px; *//*! border-bottom-color: #ede4ff; *//*! border-bottom-style: solid; */}
.newso .news_read {display:none}
.newso .news_body {font-size:small;  color:#000;}


.newsd .news_line {background-color: #FFF;}
.newsd .news_date {font-size:xx-small;}
.newsd .news_datejj {display:none}
.newsd .news_datemm {display:none}
.newsd .news_dateaa {display:none}
.newsd .news_datesep1 {display:none}
.newsd .news_datesep2 {display:none}
.newsd .news_title {font-size:small; color:#B62B15;font-weight: bold}
.newsd .news_author {display:none}
.newsd .news_read {display:none}
.newsd .news_body {font-size:small; color:#475177}
.newsd marquee {background-color:#DBE8ED; height:200px; }

/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	float: ;
}
.imageGauche {
float: left;
margin: 2px;
}


#evitement{display:none;visibility:hidden}
#hautdepage{display:none;visibility:hidden}

#oppside {float:left;}
#page {width:98%}#top {width:auto}#mid {width:100%}#bot {width:100%}

#side {	 width: 25%;	float: left ;margin:0;	padding: 1px 10px 1px 10px;	display: block; }
#main{float:right;width:70%;overflow:auto;min-width:300px;display:block;} 

@media all and (max-width: 999px)
{

/* masquer les éléments superflus : */
	.hide_mobile {   display: none !important;}
	#evitement{display:block;visibility:visible}	
	#hautdepage{display:block;visibility:visible}	

	#page {width:98%}
	#page 
	{		
		border-top: none;
		/*margin: 5px ;*/
		padding: 0;	
	}
	
	#top 
	{	
		width:auto;
		background-image:  url(deco/logoblason_smartphone.png);
		background-repeat: no-repeat;
		height: 60px;
		background-color:  #849ec8;  
		border-bottom: none;
	}
	
	#mid 
	{
		width: auto;
		margin:auto;
		padding: auto;
	}
	
	#side {	 width: auto;	float: none ;margin:0;	padding: 1px 10px 1px 10px;	display: block;background-color:  #FFFFFF; 		}

	#main 
	{	width:99%;
		float: none ;
		margin:0;
		text-align: left;
	}
	
	#break 
	{
		clear: both;
	}
	
	#bot 
	{	
		border-bottom: 4px solid #9CB2D7; 
		width: auto;
		background-color: #849ec8;
		text-align: center;
		margin:0;
		padding: 0;
		color: #225;
	}
	#conteneurCentrer 
	{
		width: auto;
		height: 200px;
		margin: 0 auto; 
		background-color:#CCCCFF;
	}
	
	#slideshow
	{
		width: auto;
		text-align: center;
		font-size:12pt;
	}
	
		
	#img_entrainement img
	{
		width: 200px;
		height: 200px;
	}
	
	#joueurFFTT img
	{
		width: 200px;
		height: 200px;
		float: center;
		
		/*width: auto;
		height: auto;*/
		
	}
	
	#joueursUfolep img
	{
		width: 200px;
		height: 200px;
		float: center;		
	}
	
	body
	{
		background-image: none;
		background-color: none;
		font-size: 12pt;
	}
	
	h1 {font-size: 100%;}

	
	
	#gmap iframe
	{
		width: 200px;
		height: 200px;
		float: center;
	}
	
	#gmap p
	{
		text-align: center;
	}

.zul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
	background-image: url(deco/pge0.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
.zli1:hover,.zli2:hover,.zli3:hover,.zli4:hover{
	background-image: url(deco/pge2.png);
	}
.zon {
	background-image: url(deco/pge1.png);
	font-weight: bold;
}
.zli1 {
	margin-left: 0px;
}
.zli2 {
	margin-left: 16px;
}
.zli3 {
	margin-left: 32px;
}
.zli4 {
	margin-left: 48px;
}

/* Fin mobile et tablette*/	
}