/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color:;
background-image: url("../images/fond.jpg");
background-attachment: fixed ;
background-repeat:no-repeat;
background-position:center; /* pour decaler le fond*/
margin: auto;
padding: 5px;
}
/*----------------------------------------------------------------------------------------------------*/

/* PROPRIETE DE LA BANNIERE */
#header {
height: 150px;
width: 758px;
background-image: url("../images/bansmb.jpg");
background-color: #99CCCC;
}

.logoclic
{
width:150px;
height:150px;
position:absolute;
top:px;
left:px;
border:0px;
}

#conteneur {
position: relative;
width: 758px;
margin: 0 auto; 
border: ;
;
}

.enteraffiche
{
text-align: center;
margin-left: 50px;
}

/*----------------------------------------------------------------------------------------------------*/

#centre {
background-color:;
margin-left: 110px;
margin-right: 150px;
}

.titre
{
margin-top:2%;
margin-left:30%;
}
p 
{
margin: 0 0 10px 0;
text-align:justify;
}

.bannews
{
width: ;
height: 15px;
margin-top:0%;
margin-left:2px;
margin-right:2px;
border: ;
}
.txtnews
{
width:340px;
height:110px;
margin-top:0%;
margin-bottom:3%;
border: 2px ridge #ffe300;
float:left;
overflow: auto;

}
.datenews
{
	color:red;
	font-size:0.8em;
	font-family: ;
	font-weight:bolder;
}
.newstitre
{
	color:black;
	font-size:0.6em;
	font-family: verdana;
	font-weight:bolder;
}
.newsimp
{
text-decoration: blink;
font-size:0.8em;
color:red;
}

a
{
font-size:0.8em;
color:#487b39;
text-decoration: none;
}

.nomekip
{
color:#487b39;
font-weight:bolder;
}


.meteoforum
{
width:150px ;
height: 100px;
margin-top:0%;
text-align:center;
border:;
padding-top:10px;
float:right;
}
.clicforum
{
border:0px;
}

.txtactu
{
height:700px;
margin-top:2%;
margin-bottom:0%;
padding-bottom:;
padding-left:10px;
padding-right:10px;
overflow:auto;
border:2px ridge #ffe300;
}

.dateactu
{
	color:red;
	font-size:1em;
	font-weight:bolder;
}

.infosactu
{
	color:green;
	font-size:1em;
	font-weight:bolder;
}

.photoactu
{
float:right;
margin-left: 1em;
margin-top:;
border:none;
}
.photoactuleft
{
margin-top: 0%;
margin-right:4%;
float:left;
border:none;
}
.photoactucenter
{

text-align: center;
}

.photoactu1
{
border:none;
}

.videoactu
{
text-align: center;
}

.heurematch
{
	color:red;
	font-size:1em;
	font-family: ;
	font-weight:bolder;
}

h6
{
margin-top:10px;
line-height:0%;
color:#487b39;
}
h2
{
line-height:50%;
color:#487b39;
font-size:150%;
}

h3
{
line-height:0%;
color:red;
font-size:150%;
text-decoration: blink;
}
/*----------------------------------------------------------------------------------------------------*/

#gauche 
/* PROPRIETE DU MENU GAUCHE*/
{
position:relative; /* placement du menu, à modifier selon vos besoins */
top:0px;
left: 0px;
float: left; /* le menu flottera a gauche*/
width: 110px; /* taille du menu */
font-size:0.85em;
}
dl, dt, dd, ul, li 
{
margin: auto;
padding: 0;
list-style-type: none;
}
#menu 
{
width: 10em;
}
#menu dt 
{
cursor:pointer;
margin: 2px 0;
height: 15px;
line-height: px;
text-align: center;
font-weight: bold;
border: 2px ridge #ffe300;
background-image: url("../images/bouton.jpg");/*  fond du menu*/
}
#menu dd 
{
border: px outset #ffe300;
}
#menu li
{
text-align: left;
background:white;
}
#menu li a, #menu dt a 
{
color: black;/* pour changer les ecriture du menu*/
text-decoration: none;
background:none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover 
{
background:#e3e9df;
}
.liens
{
width: ;
height: 220px;
margin-top:2px;
margin-left:2px;
}
.photoliens
{
border:0px;
}

/*----------------------------------------------------------------------------------------------------*/
#droite
/* PROPRIETE DU MENU DROIT */
{
position: absolute;
right:0;
width: 145px;
height:670px;
/* border: 2px outset #ffe300; */
}

.facebook

{
width:auto;
height: auto;
padding-bottom:5%;
margin-top:5%;
text-align:center;
-moz-border-radius: 15px;
border:;
}

.prochmatchA

{
width:auto;
height: auto;
padding-bottom:5%;
margin-top:5%;
text-align:center;
-moz-border-radius: 15px;
border:2px ridge #ffe300;
}

.prochmatchB

{
width:auto;
height: auto;
padding-bottom:5%;
margin-top:5%;
text-align:center;
-moz-border-radius: 15px;
border:2px ridge #ffe300;
}
.resultat
{
text-decoration: blink;
font-size:1em;
font-weight: bold;
color:red;
}
.logosponsor

{
border:none;
}

.score
{
text-decoration: blink;
color:green;
}

.classement
{
width: ;
height: 120px;
margin-top:2px;
padding-left:2px;
border:;
font-size:0.8em;
}
th
{
	text-align:left;
	font-size:1em;
}
.partenaire
{
width: ;
height: 120px;
margin-top:2px;
padding-left:2px;
border:;
font-size:0.8em;
}

/*----------------------------------------------------------------------------------------------------*/
.compteur
{
	margin-bottom:100px;
	float:right;
}
#pied {
	background-image:url("../images/pieddepage.jpg");/*  fond du menu*/
	width:758px;
	margin:auto;
    text-align:center;
    font-size:0.8em;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit 
{

margin: 0;
padding:0;
padding-left:2px;
border: 2px ridge #ffe300;

}