body {
	background-color: #f6f6f6;
	/* margin-left:0px; */
	width: 100%;
}

#global {
	position:absolute;
	width: 100%;
	/* margin-left: 2%; */
	/* margin-right: 2%; */
}


#menuhaut {
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	height:4%;
	width: 95%;
	background-color: #6666FF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 10px;
	border-style: outset;
	font-variant: small-caps;
}

#listeannee {
  	font-size: 12px; 
  	background-color: #b9ddff;
}



#pub {
	display:none;
	margin-left: 25%;
	margin-top: 2%;
	width: 60%;
        z-index: 4;
}

#corps {
	position:absolute;
	margin-left: 15%;
	top:0%;
	margin-top:2%;
	width:65%;
	z-index:4;
	border-style:outset;
	border-color:#3366FF;
	border-width:1px;
}

#dwindow {
	position:absolute;
	background-color: #C1C9FD;
	border: 2px #9966FF solid; 
	z-index:44
}

#pubvertical {
	position:absolute;
	top:520px;
	left: 0px; 
	width: 150px; 
}

#menugauche {
	position:absolute;
	left:0%;
	top: 0%;
	margin-top: 2%;
	width: 13%;
	background-color: #E6E6E6;
	border-style:outset;
	border-color:#3366FF;
	border-width:1px;
}

#menugauche ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}

#menugauche li {	 
 	width: 100%;
 	border-style: dotted;
	border-color: #6666FF;
	border-width: 1px;
}

#menugauche a {
	font-family: "Times New Roman", Times, serif; 
	font-size: 11px; 
	text-align: left; 
	line-height: normal;	
}


#menudroite {
 position:absolute;
 top: 0%;
 margin-top: 2%;
 left: 82%;
 width: 13%;
 background-color: #E6E6E6;
 border-style:outset;
 border-color:#3366FF;
 border-width:1px;
}

#menudroite ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:left;
 
}

#menudroite li {	 
 	width: 100%;
 	border-style: dotted;
	border-color: #6666FF;
	border-width: 1px;
}

#menudroite a {
 font-family: "Times New Roman", Times, serif; 
 font-size: 11px; 
 text-align: left; 
 line-height: normal; 
 
}

.bloc {
	background-color: #CFCFCF;
	width:400px;
	height:200px;
	text-align:left;
	
}

.bloc h1 {
	

}

.bloc_photo {
	background-color: #CFCFCF;
	margin-top:10px;
	margin-left:3px;
	margin-right:3px;
	width:15%;
	height:160px;
	border-style:solid;
	border-color:#3366FF;
	border-width:1px;
	text-align:left;
	float:left
	
}

.bloc_photo p {
	font-size: 10px;
}	

.bloc_photo img {
	font-size: 10px;
	max-width:99%;
}

#menu_haut_championnat {
  	left:0% !important;
  	width:100% !important;
  
}

.gabarit {
	width:100%;
	margin:auto;
	height:310px;
	
}


.gabarit p {
	line-height: normal; 
	text-align: left; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 1px; 
	margin-left: 1px
	
}

.gabarit h2 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	text-align: center; 
	text-transform: uppercase; 
	color: #FFFFFF; 
	background-color: #6666FF;  
	width: 100%;
	margin-top: 1px; 
	margin-right: 1px; 
	margin-bottom: 1px; 
	margin-left: 1px;
}

#bloc-stades {
	float:left;
	height:310px
}
#bloc-affluences {
	float:right;
	height:310px
}


#gabarit2 {
	margin-top:20px;

}

#patience {
	position:absolute;
	top:50%;
	left:50%;
	background-color: #99CCFF; 
	padding : 10px;
	width: 80px; 
	height: 80px; 
	background-position: center center; 
	border: 2px green solid; 
	clip:  rect(   );
	z-index:4

}



a {
	color: #3333FF;
	text-decoration: none
}	

a:visited {
	color: #3333FF;
	text-decoration: none 
}
a:link {
	color: #3333FF;
	text-decoration: none 
}
a:hover { 
	color: #3333FF; 
	text-decoration:underline 
}
a:active { 
	color: #3333FF; 
	text-decoration:underline 
}


h1 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	text-align: center; 
	text-transform: uppercase; 
	color: #FFFFFF; 
	background-color: #6666FF;  
	width: 100%;
	margin-top: 1px; 
	margin-right: 1px; 
	margin-bottom: 1px; 
	margin-left: 1px;
}


h2 {
	font-family: "Times New Roman", Times, serif; 
	font-weight: normal; 
	text-align: center; 
	font-size: 12px; 
	color: #3300FF; 
	background-color: #CCFFFF
	
}


a.retour {  
	display:block;
	position:absolute;
	left:50%;
	display:block;
	width: 70px;
}
a.retour:link {
	display:block;
	position:absolute;
	left:50%;
	width:70px; 
}

a.retour:hover {
	display:block;
	position:absolute;
	left:50%;
	width:70px;
}

a.retour:active {  
	display:block;
	position:absolute;
	left:50%;
	width:70px;
}


p {  
	line-height: normal; 
	text-align: center; 
	height: auto; 
	width: auto; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 1px; 
	margin-left: 1px
}



#detailclub {
} 
 


.titremenu {
	font-family: "Times New Roman", Times, serif; 
	font-size: 14px; 
	display: block;
	font-style: normal; 
	font-weight: bold; 
	text-transform: uppercase; 
	color: #FFFFFF; 
	background-color: #6666FF; 
	width: 100%;	
}

.soustitremenu {
	font-family: "Times New Roman", Times, serif; 
	font-weight: normal; 
	display: block;
	font-size: 12px; 
	color: #3300FF; 
	background-color: #CCFFFF;
	width: 100%;
}






.lien {  font-family: "Comic Sans MS"; font-size: 9px; font-style: italic; color: #009966; text-decoration: underline; height: auto; width: auto; white-space: normal; list-style-image: none; list-style-type: circle; text-align: left; list-style-position: inside; cursor: hand; page-break-before: right; page-break-after: right}
.imagecote {  position: relative; float: right}



.menuitem {  background-color: #3399FF; border: #0000FF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
#menu { position:relative; width:10%; height:70%; z-index:4; left: 0%; top: 2%;float:left}
#haut {position:relative; width:100%; height:10%; z-index:3; left: 0%; top: 0%} 
#bas {position:relative; width:100%; height:10%; z-index:3; left: 0%; top: 2%;clear:left}
.liens {  font-family: "Times New Roman", Times, serif; font-size: 10px; color: #6633FF; text-decoration: underline}
.soustitre {  font-family: "Times New Roman", Times, serif; font-size: 14px; color: #3300FF; background-color: #CCFFFF}
.titre {  font-family: "Times New Roman", Times, serif; font-size: 16px; font-style: normal; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-color: #6666FF; width: 100%}



table a {
	display:inline;
}
table a:link {
	display:inline;
}
table a:visited {
	display:inline;
}
table a:hover {
	display:inline;
}
table a:active {
	display:inline;
}

table.bordures td { 
	border-width:1px;
}

th {  
	background-color: #6666FF 
}

table.listeItems {
	border-color:#6666FF;
	background-color:#CCCCCC;
	border-width:2px

}

table.coupe {
	border-color:#6666FF;
	background-color:#FFFFFF;
	border-width:2px

}

table.coupe a,table.listeItems a {
	text-align: left; 
	display:inline

}


table.coupe td.titretable, table.listeItems td.titretable{ 
	background-color:#6666FF
}

table.coupe tr,table.listeItems tr {  
	background-color:#CCCCCC;
}

table.coupe tr.titre,table.listeItems tr.titre { 
	border-color:#CCCCFF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center; 
	background-color:#6666FF;
	border-width:0px
}

table.coupe tr.soustitre { 
	border-color:#CCCCFF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center; 
	background-color:#6666FF;
	border-width:0px
}

table.coupe tr.titreintermediaire { 
 	border-color:#CCCCFF;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-align: center; 
 	background-color:#3333FF;
 	border-width:0px
}

td.division2 {
	background-color: #CCCCCC 

}

table.classement {
	background-position: center top; 
	font-family: "Times New Roman", Times, serif; 
	font-size: 12px;

}

table.classement td.titre {
	border-color:#FFFFFF;
	font-weight: bold;
	text-align: center; 
	background-color:#99CCFF;
	border-width:0px
}


table.standard {
	border-color:#3333CC;
	background-color:#CCCCFF;
	border-width:2px
}

table.standard td { 
	border-color:#FFFFFF;
	background-color:#BCB9FF;
	border-width:2px
}

table.standard td.division2 { 
	border-color:#FFFFFF;
	background-color:#9999CC;
	border-width:2px
}

table.standard td.division3 { 
	border-color:#FFFFFF;
	background-color:#999999;
	border-width:2px
}

select {  
	background-color: #CCCCFF;
	z-index: -3
}

option {
	z-index: -3

}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(down.gif);
}
.nosort {
	cursor: default;
}



@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
  
  #global {
  	width: 99%;
  	/* margin-left: 2%; */
  	/* margin-right: 2%; */
  }
  
  #menuhaut {
  	position:relative;
  	display: block;
  	font-family: "Comic Sans MS";
  	font-size: 18px;
  	font-style: normal;
  	font-weight: bold;
  	color: #FFFFFF;
  	height:5%;
  	width: 95%;
  	background-color: #6666FF;
  	text-align: center;
  	text-transform: uppercase;
  	letter-spacing: 10px;
  	border-style: outset;
  	font-variant: small-caps;
  }
  
  #pub {
  	margin-left: 25%;
  	margin-top: 2%;
  	width: 60%;
        z-index: 4;
        display: none;
  }

  
  #menugauche {
  	position:relative;
  	margin-top:1%;
  	left: 0%;
  	width: 98%;
  	background-color: #E6E6E6;
  	border-style:outset;
  	border-color:#3366FF;
  	border-width:1px;
  }
  
  #menugauche ul {
  	margin:0;
  	padding:0;
  	list-style-type:none;
  	text-align:left;
  }
  
  #menugauche li {	 
   	border-style: dotted;
  	border-color: #6666FF;
  	display: inline;
  	border-width: 1px;
  }
  
  #menugauche a {
  	font-family: "Times New Roman", Times, serif; 
  	font-size: 11px; 
  	text-align: left; 
  	line-height: normal;	
  }
  
  #corps {
  	position:relative;
  	margin-left: 0%;
  	margin-top:1%;
  	width: 98%;
  	border-style:outset;
  	border-color:#3366FF;
  	border-width:1px;
  }
  
  #menudroite {
   position:relative;
   left: 0%;
   width: 98%;
   display: block;
   clear:left;
   background-color: #E6E6E6;
   border-style:outset;
   border-color:#3366FF;
   border-width:1px;
  }
  
  #menudroite ul {
   margin:0;
   padding:0;
   list-style-type:none;
   text-align:left;
   
  }
  
  #menudroite li {	 
   	border-style: dotted;
  	border-color: #6666FF;
  	display: inline;
  	border-width: 1px;
  }
  
  #menudroite a {
   font-family: "Times New Roman", Times, serif; 
   font-size: 11px; 
   text-align: left; 
   line-height: normal; 
   
  }
  
  .gabarit {
    	position:relative;
    	width:100%;
    	margin:auto;
    	height:310px;
    	
  }
  
  .bloc_photo {
  	background-color: #CFCFCF;
  	margin-top:1%;
  	margin-left:1%;
  	margin-right:1%;
  	width:30%;
  	height:160px;
  	border-style:solid;
  	border-color:#3366FF;
  	border-width:1px;
  	text-align:left;
  	float:left
  	
  }
  
  .bloc_photo p {
  	font-size: 10px;
  }	
  
  .bloc_photo img {
  	font-size: 10px;
  	max-width:99%;
  }
  
  #menu_haut_championnat {
  	left:0% !important;
  	width:100% !important;
  	background-color: #CCCCCC";
  
  }
  
  table {
  	width:100%;
  }
  
  table.coupe,sortable,standard,listeItems {
    	width:100%;
    	font-size: 8px; 
  }
  
  .soustitre {
      font-family: "Times New Roman", Times, serif;
      font-size: 10px;
      color: #3300FF;
      background-color: #CCFFFF;
  }
  
  #listeclub {
      width:98% !important;
  }
  
  #listeclub table {
  	width:100% !important;
  }
  
  #listeclub table tr {
        display:inline;
  }
  
  #sortable-table-1 {
  	width:100% !important;
  
  }
  
  #listepays {
        width:98% !important;
        margin-left:0% !important;
    }
    
  #listepays table.sortable,listeItems {
    	width:98% !important;
    	font-size: 10px !important;
    }
    
  #listepays table tr {
          display:inline;
  }
  
  
  
  
}