html, body {background-color:#FFFFFF; font-family: Verdana, Geneva, sans-serif; font-size: .8em;	color: #000033;	scrollbar-base-color: #8B8B8B; scrollbar-track-color: #FFFFFF;	scrollbar-arrow-color: #004080;}
html {font-size: 100%; /* hack IE pour l'utilisation de tailles de police en "em" */}
body {margin: 0; /* pour éviter les marges */ text-align: center; /* pour corriger le bug de centrage IE (hack IE) */}

/***** [ CSS MENU (http://www.cssplay.co.uk/menus/snazzymenu2.html) ] *****/ 

#outer {display:block; position:relative; background:#ffffff; text-align:center; padding-left:219px; margin-bottom:15px; clear:both;}
#navigation {background:transparent; margin:0 auto; height:2.5em; overflow: hidden;  }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#000033; margin:0; font-weight:normal;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px; overflow: hidden; }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px dotted #8B8B8B; border-right:1px dotted #8B8B8B;}
.b1 {margin:0 4px; background:#000;}
.b2 {margin:0 3px; border-width:0 1px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px dotted #8B8B8B; border-right:1px dotted #8B8B8B;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:121px;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:10px; background:#fff;}
a:menu:hover b {background:#fff;} 

/***** [ ELEMENTS STRUCTURE ] *****/

#global { padding: 5px;	 position: relative; /* on positionne le div */	 width: 960px; /* indiquer la largeur est nécessaire pour un centrage réussi */  margin-left: auto; /* pour centrer le div */  margin-right: auto; /* pour centrer le div */ text-align: left; /* on rétablit l'alignement normal du texte suite au hack IE */  }

#entete { border-bottom:1px dotted #8B8B8B; margin:0; padding:0; clear:both;}
#banner { margin-left:10px;}

#colonne { float:right; margin-left:10px; margin-bottom:10px; width:202px;}
.colinfo { text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;}
#archiv {  text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;}
#fairplay {  text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;  margin-top:20px;}
#shoutbox { text-align:center; border:1px dotted #8B8B8B; background-color:#FFF; margin-bottom:20px;}
#facebook { text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;}
#playlist {  text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;}
#comite {  text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;  margin-top:20px;}
#rssinfo {  text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;  margin-top:20px;}
.rssxpresschannel, .rssxpresstable, .rssxpresschtitle, .rssxpresschdesc, .rssxpressittitle, .rssxpressitdesc { width:188px; }
.rssxpresstable {text-align:left; }
.rssxpressdivider, .rssxpresschdesc { display:none;}
.rssxpresschtitle { font-size: .0em; color:#FFF; text-align:center;}
.rssxpressittitle { font-size: .8em; background-color: transparent;}
.rssxpressitdesc { font-size: .8em; color:#8B8B8B; background-color: transparent;}
#warp {text-align:center; border:1px dotted #8B8B8B; background-color:#FFF;}

#titre { padding: 5px; border:1px dotted #8B8B8B; font-weight:bold; background-color:#EBEBEB;}
.titre-white { padding: 5px; border:1px dotted #8B8B8B; font-weight:bold; }
.titre-grey { padding: 5px; border:1px dotted #000; font-weight:bold; background-color:#8B8B8B; color:#FFF; }
.titre-black { padding: 5px; border:1px dotted #8B8B8B; font-weight:bold; background-color:#000; color:#FFF; }

.infotxt { margin-top:10px; margin-bottom:15px; }
.gazette { margin-top:10px; padding-bottom:10px; border-bottom:1px dotted #8B8B8B;}
.gazette-inter { margin-top:10px; margin-bottom:15px;}
.gazette-end { margin-top:10px;}
.date {color:#8B8B8B; }
.compo { font-size: .85em; color:#8B8B8B;}
.best {float:left; margin-bottom:15px; text-align:center; }
.player {float:left; width:149px; margin-bottom:35px; text-align:center;}
.fichepic {float:left; width:130px; border:1px solid #8b8b8b;}
.fichedata {float:left; border:1px solid #8b8b8b; border-left:0px; padding:3px; background-color:#F5F5F5; }
.espaceDATA {margin-left:15px;}
.rem {margin-bottom:10px; padding-top:10px; border-top:1px dotted #8B8B8B;}
.javastats {width:748px; height:470px; margin-top:10px;}
.floatL {float:left;}
.floatR {float:right;}
.demi {width:50%;}
.tiers {width:33%;}

#piedepage { font-size: .85em; padding: 5px; text-align:center;	 border:1px dotted #8B8B8B; clear:both;}
#piedepage-deco { text-align:left; padding-left:55px; clear:both;}

/***** [ COLORS ] *****/

.BGDwhite {background:#FFF;}
.BGDyellow {background:#FFFF71;}
.BGDorange {background:#FAA74A;}
.BGDred {background:#E65A5A;}
.BGDgreyXL {background:#F5F5F5;}
.BGDgreyL {background:#EBEBEB;}
.BGDgreyM {background:#DCDCDC;}
.BGDgreyS {background:#8B8B8B;}
.BGDblack {background:#000;}

.blue  {color:#004A7F;}
.red  {color:#E65A5A;}
.orange  {color:#FAA74A;}
.black {color:#000;}
.blackL {color: #000033;}
.grey  {color:#8B8B8B;}
.white {color:#FFF;}

/***** [ TITRES ] *****/

h1, h2, h3, h4, h5, h6 {font-weight: bold;	color: #004A7F;	margin-bottom: 10px; margin-top: 15px;}
h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.15em;}
h5 {font-size: 1.05em;}
h6 {font-size: 1.05em;	color: #8B8B8B;}

/***** [ LIENS ] *****/

a:link {color: #004A7F;}
a:link.white {color: #FFF;}
a:visited { color: #004A7F;}
a:hover, a:active {	text-decoration: none; color: #FAA74A;}
a.white {color: #FFF;}
a:hover.white, a:active.white {	text-decoration: none; color: #F5F5F5;}

.imglink {border: 1px solid #FFF; border-bottom: 1px dotted #DCDCDC; padding:5px 10px 0px 10px;}
.imglink:hover, .imglink:active {border: 1px solid #FAA74A ; text-decoration:none;}
a:link.txtlink, a:visited.txtlink, a:hover.txtlink {color:#000033; text-decoration:none;}
.txtlink, .txtlink:visited {border: 1px solid #DCDCDC; background-color:#F5F5F5;}
.txtlink:hover, .txtlink:active {border: 1px solid #FAA74A ; background-color:#EBEBEB; }

.rollovereye{display:block; margin-left: auto; margin-right: auto; margin-top:2px; margin-bottom:2px; width:15px; height:12px; background:url(/futsal/img/design/oeil-f.gif) 0 0 no-repeat; }
.rollovereye:hover { background:url(/futsal/img/design/oeil-o.gif) 0 0 no-repeat; }  

/***** [ LISTES ] *****/

ul {list-style-image:url(/futsal/img/design/fleche.png); margin-bottom:0; margin-top:5px;}
ol {list-style-type: decimal;}
li {padding-bottom:5px; }

/***** [ TABLEAUX ] *****/

#tabdata {width:745px;}
table#tabdata td {	padding:3px;}
table#tabdata td.separateurV { padding:2px; background-color:#DCDCDC; width:1px; }
table#tabdata td.separateurH { padding:3px; }
table#tabdata { border-collapse:collapse;}

#tabdata-fiche {width:603px; margin-top:10px; margin-left:10px; float:left;}
table#tabdata-fiche td {	padding:3px;}
table#tabdata-fiche td.separateurV { padding:2px; background-color:#DCDCDC; width:1px; }
table#tabdata-fiche { border-collapse:collapse;}

td.bordure { border-bottom:1px dotted #8b8b8b; }

/***** [ BORDURES ] *****/

.bords { border:1px dotted #8B8B8B;}
.bordL { border-left:1px dotted #8B8B8B;}
.bordR { border-right:1px dotted #8B8B8B;}
.bordT { border-top:1px dotted #8B8B8B;}
.bordB { border-bottom:1px dotted #8B8B8B;}

/***** [ HTML DIVERS ] *****/

td, th, p, dl, dt, dd, pre, form, noscript { white-space: normal;}
hr {border: none 0; border-top: 1px dotted #8B8B8B; height: 1px; margin-top:3px; margin-bottom:3px; } 
.clearall {clear: both;}
.centre {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.respire  {padding:5px;}
.respireS  {padding:3px;}
.respireV  {padding:5px 0;}
.mini { font-size: .85em;}
.micro { font-size: .7em;}
.strong { font-weight:bold;}

/***** [ Mobile | Basse résolution ] *****/
.mobimenu {display:none;}

@media handheld, only screen and (max-device-width: 800px) {
.hidemobile {display:none !important;}
}

@media handheld, only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
html, body , #global {background:#FFF; border:0}
#banner { position:absolute; height:81px; max-width:570px;}
#entete { border-bottom:0;}
.javastats {width:578px;}
#tabdata-fiche {float:left;  }

/* Menu mobile */
.mobimenu {display: block; width:auto; height:auto; padding:0; border: dotted #8B8B8B; border-width:1px 0 0 0; text-align:center; background: #FFF;}
.mobimenu a {background-color:#FFF; color:#000; border: dotted #8B8B8B; border-width:0 1px 1px 1px; padding:5px; margin: 0 11px 10px 11px; text-decoration:none; display:inline-block; }
.mobimenu a:hover, .mobimenu a:active { background-color:#000; color:#FFF;  }
 
/* Largeur/hauteur fixe >> Largeur/hauteur auto */
html, body, #global, #tabdata, #tabdata-fiche {width: auto; height:auto;  }

/* Masquer les éléments superflus */
#outer, #navigation, #warp {display: none !important; }

/* Largeur maximale pour éléments potentiellement problématiques */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {max-width: 100%;}

/* Conserver ratio des images et emmpêcher les débordements de boîtes dus aux border ou padding */
img { height: auto; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/* Gestion des mots longs */
textarea, table, td, th, code, pre, samp {word-wrap: break-word;/* passage à la ligne forcé */-webkit-hyphens:auto;/* césure propre */-moz-hyphens:auto; hyphens:auto;}
code, pre, samp { white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */ }

}

@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
#banner { max-width:410px;}	
#colonne { float: none !important; width: auto !important }
#colonne { margin-left:0; margin:20px 0;}
.javastats {width:480px;}

/* Masquer les éléments superflus */
#playlist, #shoutbox, #rssinfo, #facebook, .colinfo {display: none !important; }
	
/* Cadre et message pre-body (top) */
body:before {content: "www.real-aldegonde.net (version mobile)"; display:block; padding:6px 0; background-color:#8B8B8B; color:#FFF; border-bottom:1px solid #000; font-size:0.85em; text-align:center;}

/* Menu mobile */
.mobimenu { border:0; margin:0; padding:0; }
.mobimenu a {display:block; width:auto; height:auto; background-color:#EBEBEB; padding:3px 0; margin:0 0 10px 0; border: dotted #8B8B8B; border-width:1px;}
.mobimenu a:hover, .mobimenu a:active {background-color:#000; color:#FFF }

}

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#entete { text-align:center;}
.fichedata { float: none !important; width: auto !important }
.fichedata .floatL {float:none;}
.espaceDATA {margin-left:0;}
#tabdata-fiche {width: 100%; margin-left:0;  }
#comite {margin-top:10px;}
#banner  {display: none !important; }
.javastats {width:450px;}
	
}

@media handheld, only screen and (max-width:640px) and (orientation: landscape) {
body {   -webkit-text-size-adjust: 80%;  }
}

/***** [ Impression ] *****/
@media print {	

html, body {font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-size: 10px; color: #000000;}

#global { width: auto; height:auto; left:0pt;  padding: 0pt; }

#entete { margin-bottom:10pt;}
#banner { position:fixed; }

#outer { display:none; }

#colonne { display:none; }

#titre { border:1px solid #000; background-color:#FFF; }
.titre-white { border:1px solid #000; }
.titre-grey { border:1px solid #000; background-color:#000; color:#FFF; }
.titre-black { border:1px solid #000; background-color:#000; color:#FFF; }

.gazette { border-bottom:1px solid #000;}

#piedepage { display:none;}
#piedepage-deco { text-align:center; padding-left:0px; padding-top:10px; border-bottom: 1pt dotted #8B8B8B;}