html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;	font-family:Arial, Helvetica, sans-serif;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
body{margin:0;padding:0; overflow: auto }

#accueil{max-width:1024px ;width: 100%;margin:0 auto 0 auto;}
#baniere{ margin:0; padding: 0;width:100%;height:110px;b }
#idlogo{ margin:0; padding: 2;width:25%;height:100px;float:left;text-align: center  }
#idd92{ margin:0; padding: 0;width:75%;height:80px;float:left;text-align: center; font-family: Arial, Helvetica, sans-serif ;font-size: 30pt;color:#000000;  font-weight: bold;padding-top: 20px    }
#quickMenuButton{float:left;display:none;visibility:hidden}
#infogenerale{padding-left:5px;padding-right:5px}
#menu {text-align:center;background-image: url('images/fond_menu.png');background-repeat:repeat-x}
#menu ul li{display:inline-block; padding-top:6px;  padding-right:17px;;position:relative; height:50px;}
#menu ul li a{color:white; display:block;  text-transform:uppercase; text-decoration:none;font-size:9pt;width:auto; font-family: Arial, Helvetica, sans-serif ;}
#menu ul li a:hover{color:red;}

#quickmenu{	width:250px;height:450px; background-color: silver   ; position:	absolute ;top:80px;left:-250px; -webkit-transition: all .1s ease-in;transition: all .1s ease-in;}
#quickmenu ul li{display:block;margin:0 2px; padding-left:10px; position:relative;border-bottom: thin gray solid }
#quickmenu ul li a{	color:black; display:block; text-transform:uppercase; text-decoration:none;font-size: small ;width:auto; padding-top:4%; padding-bottom: 4%}

#main{;width:1024px;height: 5000px;}

.quand{font-size:10pt;width:80px;color:red;}
.equipe{font-size:10pt;width:150px;}
.score{font-size:10pt;width:50px}
.terrain{font-size:8pt;color:red;}
.text1{font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:black;text-decoration:none  }
.text2{font-family:Arial, Helvetica, sans-serif;font-size:14pt;color:black  }
.text3{font-family:Arial, Helvetica, sans-serif;font-size:20pt;color:black  }
.alert{font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:red;text-decoration:none  }
#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px;font-size: 12pt}
.poule_data{font-size: 12pt;text-align:center}

.classement_tr{height:30px; }
.classement_place{width:20px; text-align:center; font-size:12pt}
.classement_equipe{width:200px; text-align:center;font-size:12pt;padding-top:5px}

.imglogo {display: table-cell;width: 70px;}
.homeequipe{text-decoration:none;color:black; font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
.poule{text-decoration:none;color:black; font-family:Arial, Helvetica, sans-serif;font-size:12pt;padding-top:5px}
#planning_header table  ul li{display:inline-block; padding-top:6px;  padding-right:17px;;position:relative; height:50px;}
#planning_header table ul li a{color:black; display:block;  text-transform:uppercase; text-decoration:none;font-size:12pt;width:200px; font-family: Arial, Helvetica, sans-serif ;}

.mylink{font-family:Arial, Helvetica, sans-serif;color:red;font-size:12pt;}	
.theme{ font-family:Arial, Helvetica, sans-serif;color:gray ;font-size:13pt;font-weight:bold }
.question{ font-family:Arial, Helvetica, sans-serif;color:gray ;font-size:11pt;}

/*iphone 5 et 5s portrait*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
#baniere{height:55px;  background-color:  #025129}
#idd92{ margin:0; padding: 0;width:50%;height:100px;float:left;text-align: center; font-family: Arial, Helvetica, sans-serif ;font-size: 16pt; color: white;  font-weight: bold;padding-top: 10px    }
#idlogo{height:55px; margin:0;padding:0 }
#logod92{width: 40px;height:50px}
#menu{display:none;visibility:hidden}
#quickMenuButton{display:block;visibility:visible;width:25%;text-align: center;padding-top: 13px;}
#quickMenuButton a{display:block;   }
#main{width:320px;    }
.quand{font-size:8pt;width:80px;color:red;}
.equipe{font-size:9pt;width:150px;}
.score{font-size:9pt;width:50px}
.terrain{font-size:8pt;color:red;}

#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px;font-size: 8pt}
.poule_data{font-size: 8pt;text-align:center}

}

/*iphone 5 et 5s paysage*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
#baniere{height:55px;  background-color:  #025129}
#idd92{ margin:0; padding: 0;width:50%;height:100px;float:left;text-align: center; font-family: Arial, Helvetica, sans-serif ;font-size: 16pt; color: white;  font-weight: bold;padding-top: 10px    }
#idlogo{height:55px; margin:0;padding:0 }
#logod92{width: 40px}
#menu{display:none;visibility:hidden}
#quickMenuButton{display:block;visibility:visible;width:25%;text-align: center;padding-top: 13px;}
#quickMenuButton a{display:block;   }
#main{width:568px;    }
.quand{font-size:10pt;width:80px;color:red;}
.equipe{font-size:12pt;width:150px;}
.score{font-size:12pt;width:50px}
.terrain{font-size:10pt;color:red;}
#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px;font-size: 12pt}
.poule_data{font-size: 8pt;text-align:center}

}

/*iphone 6 portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
#baniere{height:55px;  background-color:  #025129}
#afgccup{width:50%;text-align:center}
#logoafgc{width: 50px}
#logocup{width: 200px;}
#menu{display:none;visibility:hidden}
#quickMenuButton{display:block;visibility:visible;width:25%;text-align: center;padding-top: 10px;}
#quickMenuButton a{display:block;}
#main{width:375px;  }
.quand{font-size:10pt;width:80px;color:red;}
.equipe{font-size:10pt;width:150px;}
.score{font-size:10pt;width:50px}
.terrain{font-size:8pt;color:red;}

#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px;font-size: 8pt}
.poule_data{font-size: 8pt;text-align:center}

}

/*iphone 6 landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
#baniere{height:55px;  background-color:  #025129}
#afgccup{width:50%;text-align:center}
#logoafgc{width: 50px}
#logocup{width: 200px;}
#menu{display:none;visibility:hidden}
#quickMenuButton{display:block;visibility:visible;width:25%;text-align: center;padding-top: 10px;}
#quickMenuButton a{display:block;}
#main{width:667px}
.quand{font-size:10pt;width:80px;color:red;}
.equipe{font-size:10pt;width:150px;}
.score{font-size:10pt;width:50px}
.terrain{font-size:8pt;color:red;}

#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px;font-size: 8pt}
.poule_data{font-size: 8pt;text-align:center}

}

/*iphone 6+ portrait*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
#baniere{height:55px;  background-color:  #025129}
#idd92{ margin:0; padding: 0;width:50%;height:100px;float:left;text-align: center; font-family: Arial, Helvetica, sans-serif ;font-size: 16pt; color: white;  font-weight: bold;padding-top: 10px    }
#idlogo{height:55px; margin:0;padding:0 }
#logod92{height:45px}
#logocup{width: 200px;}
#menu{display:none;visibility:hidden}
#quickMenuButton{display:block;visibility:visible;width:25%;text-align: center;padding-top: 13px;}
#quickMenuButton a{display:block;}
#main{width:414px; }
.quand{font-size:10pt;width:80px;color:red;}
.equipe{font-size:10pt;width:150px;}
.score{font-size:10pt;width:50px}
.terrain{font-size:8pt;color:red;}

#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px;font-size: 10pt}
.poule_data{font-size: 10pt;text-align:center}
}

	
/*iphone 6+ paysage*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
#baniere{height:55px;  background-color:  #025129}
#idd92{ margin:0; padding: 0;width:50%;height:100px;float:left;text-align: center; font-family: Arial, Helvetica, sans-serif ;font-size: 16pt; color: white;  font-weight: bold;padding-top: 10px    }
#idlogo{height:55px; margin:0;padding:0 }
#logod92{height:45px}
#logocup{width: 200px;}
#menu{display:none;visibility:hidden}
#quickMenuButton{display:block;visibility:visible;width:25%;text-align: center;padding-top: 13px;}
#quickMenuButton a{display:block;}
#main{width:736px; }
.quand{font-size:10pt;width:120px;color:red;}
.equipe{font-size:12pt;width:250px;}
.score{font-size:12pt;width:80px}
.terrain{font-size:10pt;color:red;}

#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px;font-size: 16pt}
.poule_data{font-size: 12pt;text-align:center;color:red}

}
/*ipad paysage*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/*ipad portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#baniere{height:110px;  background-color:  #025129;width: 100%}
#idd92{ margin:0; padding: 0;width:75%;height:70px;float:left;text-align: center; font-family: Arial, Helvetica, sans-serif ;font-size: 32pt; color: white;  font-weight: bold;padding-top: 40px    }
#idlogo{height:55px; margin:0;padding: 0 0 0 0}
#logod92{width: 80px}
#logocup{width: 200px;}
#quickMenuButton{float:left;display:none;visibility:hidden}

#menu {text-align:center;background-image: url('images/fond_menu.png');background-repeat:repeat-x}
#menu ul li{display:inline-block; padding-top:6px;  padding-right:17px;;position:relative; height:50px;}
#menu ul li a{color:white; display:block;  text-transform:uppercase; text-decoration:none;font-size:10pt;width:auto; font-family: Arial, Helvetica, sans-serif ;}
#menu ul li a:hover{color:red;}

#quickmenu{	width:250px;height:450px; background-color: silver   ; position:	absolute ;top:80px;left:-250px; -webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
#quickmenu ul li{display:block;margin:0 2px; padding-left:10px; position:relative;border-bottom: thin gray solid }
#quickmenu ul li a{	color:black; display:block; text-transform:uppercase; text-decoration:none;font-size: small ;width:auto; padding-top:4%; padding-bottom: 4%}

#main{;width:768px;height: 2000px;}

.quand{font-size:10pt;width:80px;color:red;}
.equipe{font-size:10pt;width:150px;}
.score{font-size:10pt;width:50px}
.terrain{font-size:8pt;color:red;}

#poule tr{height:25px; background-color:#025129; }
.poule_equipe_header{padding-top:3px;padding-left:5px;color:white;width:200px}
.poule_td{width:100px;text-align:center;color:white;}
.poule_nom{height:25px;font-weight:bold;padding-top:3px;padding-left:10px;background-color: white}
.poule_equipe{padding-top:4px;padding-left:5px}

}