/**
 * GOSCouzon - Feuille de style par défaut
 */

/**
 * ___________________________________________________
 * Page de connexion (index.php)
 */


body {
	background: #000000 url(MEDIA/herbe1.jpg) repeat fixed top center;
	font-family: tahoma;
	//color:#ffffff;
	color: #1a13ff;
}

a {
	text-decoration: none;
	color:#ff3030;
	font-weight: bold
}

a:hover {
	color:#ff0000;
}

a img {
	border: none;
}

div {
	/*font-family: cursive;*/
	//font-size:18;
	//font-style: oblique;
	color: #dddddd;
}

h1 {
	font-family: Arial, tahoma;
	font-size:35;
	//font-style: oblique;
	color:#ff3030;
}

h2 {
	font-family: cursive;
	font-size:18;
	//font-style: oblique;
	color:#ff3030;
}

/*legende (tout petit) */
h10 {
	font-family: cursive;
	font-size:8;
	//font-style: oblique;
	color:#ff5555;
}

/**
 * entête d'accueil (par défaut)
 */
 
.titrePrincipal {
	/*background-color: #000000;*/
	background-image:url(MEDIA/fondTitre1.png);
	background-position:left center;
	background-repeat:repeat;
	height: 38px;
	text-align: left;
}
.titrePrincipal h2 {
	font-family: tahoma, monospace, arial;
	color:#ffffff;
}
.titrePrincipal h2 b {
	color:#ff1111;
}

div.entete {
	background-image:url(MEDIA/banniere.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	height: 170px;
}
div.titre1 {
	background-image:url(MEDIA/CouzonBan.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: center;
	
	height: 170px;
}
div.titre2 {
	background-image:url(MEDIA/GOSC2.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: center;
	
	height: 170px;
}
div.titre1 h2 {
	color:#ffffff;
}
div.titre2 h2 {
	color:#ffffff;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dl {
float: left;

}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
/*border: 1px solid gray;*/
margin: 1px;
top:1px;
}
#menu dd {
	display: none;
	
	border: 5px solid gray;
	top:90px;
	/*width: 300px;*/
	background-color: #000000;
	font-family: tahoma;
	font-size:13;
	//font-style: oblique;
	color:#ffffff;
}
#menu li a {
	text-decoration:none;
	color:#ffffff;
	font-size:12;
}
#menu li a:hover, #menu li a:focus {
	color: #ffffff;
	background: #ff1111;
}
#menu {
	position: absolute;
	background-image:url(MEDIA/SouMenu4.png);
	background-position:center top;
	background-repeat: repeat;
	text-align: center;
	top:155px;
	font-family:Verdana;
	font-size:0;
	/*font-style: italic;*/
	color:#ffffaa;
	width : 99%;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	//background-size:150px;
    //background-origin: content;
	//background-color:#9999CC;
}

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, .menu9, .menu10, .menu11 {
	display: block;
	width: 50px;
	height: 50px;
	margin-top:10px;	
	position: absolute;
	text-align: center;
}

.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover, .menu5:hover, .menu6:hover, .menu7:hover, .menu8:hover, .menu9:hover, .menu10:hover, .menu11:hover {
	padding-top: 20px;
	height: 30px;
	background-image:none;
	font-size:13;
	font-style: none;
	font-weight: 1900;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9, #smenu10, #smenu11 {
	margin-top:-35px;
	display: block;
	width: 70px;
	/*margin-top:30px;*/
	position: absolute;
	text-align: center;
	
}

.menu1 {
	background-image:url(MEDIA/historique.png);
	background-repeat:no-repeat;
	margin-left: 1%;

}
.menu2 {
	background-image:url(MEDIA/ballon.png);
	background-repeat:no-repeat;
	margin-left: 10%;
}
#smenu2{
	margin-left: 10%;
}
.menu3 {
	background-image:url(MEDIA/football.png);
	background-repeat:no-repeat;
	margin-left: 19%;
}
#smenu3{
	margin-left: 19%;
}
.menu4 {
	background-image:url(MEDIA/staff.png);
	background-repeat:no-repeat;
	margin-left: 28%;
}
#smenu4{
	margin-left: 28%;
}
.menu5 {
	background-image:url(MEDIA/msnred1.png);
	background-repeat:no-repeat;
	margin-left: 37%;
}
#smenu5{
	margin-left: 37%;
}
.menu6 {
	background-image:url(MEDIA/boutique.png);
	background-repeat:no-repeat;
	margin-left: 46%;
}
#smenu6{
	margin-left: 46%;
}
.menu7 {
	background-image:url(MEDIA/gallerie.png);
	background-repeat:no-repeat;
	margin-left: 55%;
}
#smenu7{
	margin-left: 55%;
}
.menu8 {
	background-image:url(MEDIA/bonus.png);
	background-repeat:no-repeat;
	margin-left: 64%;
}
#smenu8{
	margin-left: 64%;
}
.menu9 {
	background-image:url(MEDIA/plan.png);
	background-repeat:no-repeat;
	margin-left: 73%;
}
#smenu9{
	margin-left: 73%;
}
.menu10 {
	background-image:url(MEDIA/partenaires2.png);
	background-repeat:no-repeat;
	margin-left: 82%;
}
#smenu10{
	margin-left: 82%;
}
.menu11 {
	background-image:url(MEDIA/contact2.png);
	background-repeat:no-repeat;
	margin-left: 91%;
}
#smenu11{
	margin-left: 91%;
}



.corps {
	background-image:url(MEDIA/fondTransp2.png);
	/*background-color: #aaaaaa;*/
	background-position:center center;
	background-repeat:repeat;
	font-size: 12px;
	font-weight: bold;
	min-height: 480px;
	color:#ffffff;
}

#prochMatch {
	//display: block;
	position: absolute;
	background-image:url(MEDIA/tableau.png);
	background-repeat:no-repeat;
	width: 300px;
	height: 290px;
	margin-top:30px;
	text-align: left;
	//hspace: 15;
	//vspace: 15;
}

#prochMatchText {
	//display: block;
	//position: absolute;
	//width: 300px;
	height: 200px;
	//margin-right: auto;
	margin-left: 400px;
	text-align: left;
}



hadv {
	//font-family: cursive;
	font-size:30;
	//font-style: oblique;
	color:#aaaaaa;
	padding-left:20px;
}
hadv2 {
	//font-family: cursive;
	font-size:24;
	//font-style: oblique;
	color:#aaaaaa;
	padding-left:20px;

}
div .tableauDom
{
	display: block;
	width: 186px;
	height: 150px;
	top: 5px;
	background-image:url(MEDIA/tableau_petitDom.png);
	background-repeat:no-repeat;
	position: absolute;
	text-align: left;
	paddin-left:25px;
	margin-left: 83%;
}
div .tableauExt
{
	display: block;
	width: 186px;
	height: 150px;
	top: 5px;
	background-image:url(MEDIA/tableau_petitExt.png);
	background-repeat:no-repeat;
	position: absolute;
	text-align: left;
	paddin-left:25px;
	margin-left: 83%;
}
div .tableau2
{
	display: block;
	width: 470px;
	top:10px;
	background-image:url(MEDIA/tableau_petit.png);
	background-repeat:no-repeat;
	position: absolute;
	text-align: center;
	margin-left: 1004px;
}
div .adversaire {
	//font-family: cursive;
	display: block;
	position:absolute;
	width: 120px;
	height: 120px;
	margin-left:10px;
	text-align: center;
	font-size:14;
	font-style: bold;
	color:#555555;
	/*padding-left:18px;*/
	top: -5px;
}
div .legendeTab {
	display: block;
	width: 184px;
	height: 16px;
	top: 110px;
	font-size:12;
	position: absolute;
	text-align: center;
	paddin-left:25px;
	margin-left: 0%;
	color: #999999
}
div .score {
	//font-family: cursive;
	display: block;
	position:absolute;
	font-size:36;
	font-style: bold;
	color:#ffaa50;
	padding-left:140px;
	top: 5px;
}
.bordg {
	display: block;
	position: absolute;
	width: 20px;
	height: 600px;
	background-image:url(MEDIA/bordgauche.jpg);
	background-repeat:repeat;
}
.bordd {
	display: block;
	position: absolute;
	width: 20px;
	height: 700px;
	background-image:url(MEDIA/borddroit.jpg);
	background-repeat:repeat;
}
.equipe {
	display: block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
}
.accueil {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.texteAccueil {
	display: table-cell;
	width: 40%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
}
.saison {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.titrezone {
	display: block;
}
.lign_class_ent {
	display: block;
	top: 30px;
	bottom: 30px;
	
}
.pos, .pts, .j1, .j, .bp1, .bp {
	display: block;
	width: 30%;
	//height: 20%;
	position : absolute;
	//padding-left: 60px;
	text-align: center;
	margin-right: auto;
}
.pos {
margin-left: 10%;
}
.pts {
margin-left: 40%;
}
.j1 {
margin-left: 45%;
}
.j {
display: none;
margin-left: 10%;
}
.bp1 {
display: none;
margin-left: 10%;
}
.bp {
display: none;
margin-left: 10%;
}
.dif {
margin-left: 30%;
}

.nom {
	display: block;
	width: 30%;
	//height: 30%;
	position : absolute;
	margin-right: auto;
	margin-left: 22%;
	//padding-left: 100px;
}

.plan {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}
#map {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 400px;
}

.boutique {
	display: block;
	width: 994px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.histoire {
	display: block;
	width: 994px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.partenaires {
	display: block;
	width: 994px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.gallerie {
	display: block;
	width: 994px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.bonus {
	display: block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
}
.bonusArticle {
	display: block;
	position: absolute;
	width: 250px;
	text-align: center;
	margin-left: 5%;
}
.bonusArticleLegende {
	display: block;
	position: absolute;
	text-align: center;	
	margin-left: 30%;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}
.actuAccueil {
	//width:46%;
}

.actu {
	display: table-cell;
	width: 40%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-bottom: 20px;
}

.Actualite {
	width: 90%;
	min-height: 400px;
	position:relative;
	margin-left: 10%;
	margin-right: 10%;
	
}


.Actualite .bordHGActu {
	position: absolute;
	top:0px;
	left:0px;
	width: 56px;
	height: 35px;
	background-image:url(MEDIA/Actu/bordHGfondTitre.png);
	z-index: 0;
}

.Actualite .bordHDActu {
	position: absolute;
	top:0px;
	right:0px;
	width: 56px;
	height: 35px;
	background-image:url(MEDIA/Actu/bordHDfondTitre.png);
	background-position: right;
	z-index: 1;
	
}

.Actualite .bordHActu {
	position: absolute;
	float:center;
	top:0px;
	/*width: 90%;*/
	height: 35px;
	background-image:url(MEDIA/Actu/bordHfondTitre.png);
	background-repeat:repeat;
	left: 56px;
	right: 56px;
	z-index: 2;
}

./*Actualite .cadreActu {
	width: 80%;
	position:relative;
	margin-left: 10%;
	margin-right: 10%;
}*/

.Actualite .bordGActu {
	position: absolute;
	top:35px;
	left:0px;
	width: 15px;
	min-height: 335px;
	background-image:url(MEDIA/Actu/bordGaucheOmbre.png);
	background-repeat:repeat;
	z-index: 3;
}
.Actualite .bordDActu {
	position: absolute;
	top:35px;
	right:0px;
	width: 15px;
	min-height: 335px;
	background-image:url(MEDIA/Actu/bordDroitOmbre.png);
	background-repeat:repeat;
	z-index: 4;
	
}

.Actualite .contenu{
	position: absolute;
	float:center;
	top:35px;
	left: 15px;
	right: 15px;
	min-height: 335px;
	text-align: left;
	background-image:url(MEDIA/Actu/FondTexte.jpg);
	background-repeat:repeat;
	/*margin-right: 10px;
	margin-left: 10px;*/
	color:#111111;
	z-index: 5;
}


.Actualite .bordBDActu {
	//display: inline;
	//float:left;
	position: absolute;
	bottom:-35px;
	right:8px;
	width: 50px;
	height: 30px;
	background-image:url(MEDIA/Actu/bordDfondActu1.png);
	z-index: 6;
}

.Actualite .contenu .titreActu {
	text-align: left;
	background-image:url(MEDIA/Actu/FondTitre.jpg);
	color:#aaaaaa;
	padding-left:25px;
	margin-top: -20px;
}

.Actualite .contenu .typeActu {
	font-style: italic;
	text-align: center;
	font-size:15px;	
	margin-right: auto;
	margin-left: auto;
	background-color:#ffaaaa;
	color:#115511
}
.Actualite .contenu .equipeActu {
	text-align: center;
	width: 158px;
	height: 71px;
	font-size:13px;
	margin-left: auto;
	margin-right: O;
	background-image:url(MEDIA/Actu/Post-it3.png);
	color:#ff4444;
	//padding-left:6px;
	//padding-right:10px;
}
.Actualite .contenu .imageActu {
	text-align: center;
	float:top;
	//margin-top:-30px;
	//width: 256px;
	//height: 256px;
	//margin-left: auto;
	//margin-right: O;
	//background-image:url(MEDIA/Actu/Onglet.png);
	//color:#ffffff;
}

.staffList {
	display: block;
	width: 1000px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color:#ffffff;
}
.staffList h3 {
	font-size:15;
	font-style: bold;
	color:#ff5a50;
	
}

.staffList table {
	text-align: center;
	align: center;
	width: 100%;
	color:#ffffff;
	font-size:12;
	margin-right: auto;
	margin-left: auto;
	
}

#contact {
	//list-style-type:square; 
	display: block;
	width: 500px;
	background-image:url(MEDIA/fondTransp2.png);
	background-repeat:repeat;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 12px;
}


.listResult {
	min-height: 600px;
	text-align: left;
}

.listResult img {
	hspace: 15;
	vspace: 15;
}

.fin {
	background-color: #000000;	
	/*background-image:url(MEDIA/fondFin.jpg);
	background-position:center center;	
	background-repeat:repeat;*/
	text-align: center;
	font-size:11px;
	color:#ffffff;
}
.fin table {
	font-size:11px;
	color:#ffffff;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.fin table tr {
	text-align: center;
}
.fin table tr td {
	text-align: center;
}
.referencement {
	text-align: center;
	/*min-width: 140px;*/
	width: 30%;
}
.rechExalead {
	text-align: center;
}


.hautFin {
	background-image:url(MEDIA/bordHfondFin.jpg);
	background-position:center center;	
	background-repeat:repeat;
	height: 8px;	
}

.basFin {
	background-image:url(MEDIA/bordBfondFin.jpg);
	background-position:center center;	
	background-repeat:repeat;
	height: 8px;
}

/* fin2 n'est pas utilisé actuellement... il servait à faire un effet d'ombre sur les caractères. */
.fin2 {
	text-align: center;
	font-size:9px;
	color:#ffeeee;
	position:relative ; /* indique un décalage par rapport à la position normale */
	top:-132px ; /* décalage de 132 pixels vers le haut */
	left:-1px
}

.fin a {
	color:#5555ff;

}

.fin2 a {
	color:#ff8822;

}

.fin a:hover {
	color:#ff9922;
}





/**
 * Controleur
 */
#controlerInactif {
	display: none;
}

#infos {
	display: block;
}

#controler {
	display: block;
	/*position: fixed;*/
	float: right;
	width: 600px;
	/*height: 600px;*/
	padding: 10px;
  	margin: -14px;
}
	
#controler .topBorders {
	background: url(MEDIA/box.png) no-repeat 100% 0;
	margin: 0 0 0 24px;
	height: 41px; 
}

#controler .topBorders .topBordersCorner {
	height: 41px;
	width: 24px;
	position: relative;
	left: -24px;
	background: url(MEDIA/box.png) no-repeat 0 0;
}

#controler .topBorders .topBordersCorner .topContent {
	/*font-style: oblique;*/
	font-family: cursive;
	font-weight: bolder;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding: 15px 0 0 0px;
	margin-left: 25px;
}

#controler .bottomBorders {
	background: url(MEDIA/box.png) no-repeat 100% 100%;
	margin: 0 0 0 24px;
	height: 21px;
}

#controler .bottomBorders .bottomBordersCorner {
	height: 21px;
	width: 24px;
	position: relative;
	left: -24px;
	background: url(MEDIA/box.png) no-repeat 0 100%;
}

#controler .middleLeftBorders {
	padding: 0 0 0 10px;
	background: url(MEDIA/borders.png) repeat-y 0 0;
}

#controler .middleLeftBorders .middleRightBorders {
	padding: 0 10px 0 0;
	background: url(MEDIA/borders.png) repeat-y 100% 0;
}

#controler .middleLeftBorders .middleRightBorders .content {
	background: #e7e7e7;
	border: 1px solid #e7e7e7;
	border-width: 1px 0;
	padding: 0 10px;
	font-size: 11px;
	color: #222222;
	OVERFLOW: auto; PADDING-TOP: 2px; HEIGHT: 300px;
	scrollbar-face-color: #F7F7EA ;
	scrollbar-shadow-color: #B0AE33;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #B0AE33;
	scrollbar-darkshadow-color: #B0AE33;
	scrollbar-track-color: #f6f6f0;
	scrollbar-arrow-color: #B0AE33;
	FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Arial
}

/*******************************************/


/*Dans la feuille de style, définir les propriétés d'un bloc div (appelé "bloc" dans l'exemple suivant) : couleur, largeur, hauteur...
Si on attribue une taille fixe au bloc (par exemple 300 px de hauteur sur 140px de largeur), le scrollbar apparait dès que le contenu du bloc est trop important (trop de texte).
*/
.bloc {
OVERFLOW: auto; WIDTH: 300px; PADDING-TOP: 2px; HEIGHT: 140px;
scrollbar-face-color: #F7F7EA ;
scrollbar-shadow-color: #B0AE33;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #B0AE33;
scrollbar-darkshadow-color: #B0AE33;
scrollbar-track-color: #f6f6f0;
scrollbar-arrow-color: #B0AE33;
FONT-SIZE: 10pt; MARGIN-BOTTOM: 3px; COLOR: black; FONT-FAMILY: Arial
}


/* BONUS */

#listeBonus {
	display: table;
	color:#ffffff;

}
#listeBonus .colonne {
	display: table-row;
	
}
#listeBonus .colonne .image {
	display: table-cell;
	width: 25%;
	height: 150px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
#listeBonus .colonne .texte {
	display: table-cell;
	width: 75%;
}

/*
 * Module d'administration
 *
 */
 
.titreAdmin {
	text-align: center;
	background-color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}

.menuAdmin {
	text-align: center;
	padding-top: 50px;
}

.lienRetour {
	text-align: right;
	font-size: 12px;
}