/************************************************
Création : SARL IP&Moteur (www.ipmoteur.fr)
Date de création : 19/09/2006
Pour le site : www.agenda-des-sportifs.fr
Version optimisée pour Internet Explorer
************************************************/
body{
	margin: auto;
	color: #000;
	background-color: #FFFFFF;
	font-family: helvetica, verdana, arial, Sans-Serif;
	width: 750px;
	height: 100%;
}

fieldset{
	width: 250px;
	background-color: #EBEBEB;
	height: 115px;
	font-size: 0.9em;
}

legend{
	color: #000000;
	font-size: 1em;
}


/************************************************
			mise en page du texte
************************************************/
h1{
	background: url(images/backsite/titre_page.jpg) no-repeat scroll left bottom;
	padding: 0px  0px 22px 26px; 
	margin: 0;
	text-align: left;
	font-size: 1.2em;
	color: #CBDF1C;
}

h1 a{
	font-size: 0.9em;
	color: #A00B6F;
	text-decoration: none;
}

h1 a:hover{
	font-size: 0.9em;
	color: #CBDF1C;
	text-decoration: none;
}

h2{
	background: url(images/backsite/fleche.jpg) no-repeat left;
	text-align: left;
	padding-left: 20px;
	color: #000000;
	font-family: times, helvetica, verdana, arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.2em;
}

h3{
	font-size: 0.9em;
	color: #CBDF1C;
}

h3 a{
	font-size: 0.8em;
	color: #A00B6F;
	text-decoration: none;
}

h3 a:hover{
	font-size: 0.8em;
	color: #CBDF1C;
	text-decoration: none;
}

blockquote{
	text-align: left;
	color: #A00B6F;
	font-weight: bold;
	font-size: 1em;
}

p{
	text-align: justify;
	font-size: 0.8em;
	padding: 0 25px 0px 39px;
}

td{
	font-size: 0.8em;
}

#contenu ul{
	text-align: left;
	font-size: 0.8em;
	list-style-image: url(images/backsite/puce.jpg);
	padding: 0 10px 0px 60px;
}

#contenu strong{
	color: #A00B6F;
	font-size: 1.3em;
}

img.texte  {
	border: 2px solid #CBDF1C;
	position: relative;
	padding: 4px;
	margin: 50px 8px 10px 0;
	background-color: #FFFFFF;
	display: block;
}

.date{
font-size: 0.7em;
color: #cccccc;
font-style: italic;
}

a.admin{
	font-size: 0.8em;
	color: #999999;
	text-decoration: none;
}

a.admin:hover{
	font-size: 0.8em;
	color: #A00B6F;
	text-decoration: none;
}

a.index_admin{
	font-size: 0.9em;
	color: #A00B6F;
	text-decoration: none;
	margin-left: 20px;
}

a.index_admin:hover{
	font-size: 0.9em;
	color: #CBDF1C;
	text-decoration: none;
}

/************************************************
			mise en page des blocs
************************************************/

/*le bandeau du haut*/
#entete{
	float: left;
	background: url(images/backsite/bandeau.jpg) no-repeat;
	width: 750px;
	height: 102px;
}

#page{
	float: left;
	width: 750px;
	background: url(images/backsite/fond.jpg) repeat-y scroll top;
}

/*éléments contenu dans page*/
/*le menu situé à gauche*/
#menu{
	width: 153px;
	float: left;
	margin-left: -24px;
	list-style: none;
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
}

#menu a{
	width: 121px;
	height: 20px;
	text-decoration: none;
	background: url(images/backsite/menu_out.jpg) no-repeat;
	margin: 5px 0 5px 0px;
	padding-left: 12px;
	padding-top: 2px;
	display: block;
	color: #A00B6F;
}

#menu a:hover{
	width: 121px;
	height: 20px;
	text-decoration: none;
	background: url(images/backsite/menu_in.jpg) no-repeat;
	margin: 5px 0 5px 0px;
	padding-left: 12px;
	padding-top: 2px;
	display: block;
	color: #CBDF1C;
}


/*la partie centrale de la page, contenant les informations*/
#contenu{
	width: 370px;
	float: left;
	background: url(images/backsite/fin_contenu.jpg) no-repeat scroll right bottom;
}




/*et le pied de page contenant les informations légales, adresse...*/
#pied{
	float: left;
	background: url(images/backsite/footer.jpg) no-repeat;
	width: 750px;
	height:52px;
	text-align: center;
}

#pied p{
	color: #FFFFFF;
	text-align:left;
	font-weight: bold;
	font-size: 0.7em;
	margin: 19px 0 5px 0px;
}

#pied strong{
	color: #CBDF1C;
	font-size: 1.3em;
}

a.presse {
	font-size: 0.7em;
	color: #A00B6F;
	text-decoration: none;
}

a.presse:hover{
	color: #CBDF1C;
	text-decoration: none;
}

