/*********************** Page et bloc ********************/
body{
 color: #000000;
 margin: 0px 0pt;
 padding: 0pt;
 background:#adb9c5;
 font: small/1.6em verdana, sans-serif;
 text-align: center
}

html>body #contenu {
 height: auto;
 min-height:710px/* Hauteur pour ff*/
}

div#conteneur {
 color: #000000;
 background: #fff url('../images/bg2.gif') repeat-y;
 width: 780px;
 height:1070px;
 padding: 0px 0px 0px 0px;
 margin: auto;
 text-align:center;
 border:2px solid #89939d
}
div#conteneur1 {
 color: #000000;
 background: #fff url('../images/bg2.gif') repeat-y;
 width: 780px;
 height:1350px;
 padding: 0px 0px 0px 0px;
 margin: auto;
 text-align:center;
 border:2px solid #89939d
}

div#head {
 font-size: 13px;
 height:180px;
 text-align:center;
 border-bottom:2px solid #000;
 background: url('../images/header.jpg') no-repeat
}
div#contenu {
	background:transparent;
	padding-left:0px;
	height: 750px /* hauteur ie*/
}

div#menu_gauche {
        text-align:left;
	float:left;
	width:187px;
	height:550px;
	background:transparent url('../images/logos_clubsjpp.gif') no-repeat  bottom right ;
    margin-left:7px
}
div#travail {

	margin-left:200px
}
div#gauche{
text-align:left;
margin-left:3px;
}
div#footer{
  width:750px;
  margin:auto;
  height:80px;
  background:transparent;
}
/********************** paragraphe *********************/
p a{
  color:#89939d ;
  font-size: 1em;
  text-decoration:none
}
p a:hover{
  color:#89939d ;
  font-size: 1.1em;
}

/*********************** Police ************************/
#menu_gauche h1 {
 font-size: 1.3em;
 margin: 10px 0px 0px 13px;
 padding: 0;
 color:#000
}
#travail h1{
 margin: 10px 0px 0px 13px;
 padding: 0;
 text-align:left;
 font-size:1.3em;
 color: #1e90ff
}
.legende{
 font-size:10px;
}
/********************* Menu li ***********************/
#menu_gauche li {
 margin: 0px 0px 0px 10px;
 list-style-image:url(../images/li.gif)
}

/******************** ligne hr *********************/
hr{
 width:75%;
 margin-left:12px
}
#travail hr{
 width:75%;
 margin-left:2px
}

/********************** Lien ************************/
#menu_gauche li  a{
 color: #ff8041;
 text-decoration:none
}
#menu_gauche li a:hover{
 color: #89939d ;
 text-decoration:none
}
.contact a{
 color: #ff8041;
 text-decoration:none
}
.ferme{
 text-decoration:none;
 color:#1D4489
}

/******************* tableau ****************************/
tr{
 text-align:center;
 font-size:13px;
}
td h2{
 font-size:15px;
 color:#1D4489;
 padding-top:0px; padding-bottom:0px;margin-top:0px; margin-bottom:0px;padding:0px
}

td h3{
 font-size:12px;
 color:#1D4489;
 padding-top:0px; padding-bottom:0px;margin-top:0px; margin-bottom:0px;padding:0px
}

.titre {
 text-align:left;
 background:#fff;
 font-size:14px;
 color:#1D4489;
 border-left:1px solid #ff8041;
 border-bottom:1px solid #ff8041
}
.titre2 {
 text-align:left;
 background:#adb9c5;
 font-size:14px;
 color:#1D4489;
 border-left:1px solid #ff8041;
 border-bottom:1px solid #ff8041
}
.titre a{
 text-align:left;
 background:#fff;
 font-size:14px;
 color:#1D4489;
 margin-left:10px;
 width:80%;
 text-decoration:none;
}
.actualite{
 text-align:justify;
 background:#fff;
 font-size:12px;
 border-left:1px solid #FFC1A3;
 border-bottom:1px solid #FFC1A3
}
.actualite b{
 color:#1D4489;
 font-size:12px;
}
.bleu{
 color:#1D4489;
}
.contact{
 background:#fff;
 font-size:12px;
 border-left:1px solid #FFC1A3;
 border-bottom:1px solid #FFC1A3
}

.justifie{
 text-align:justify
}
.image{
 font-weight:bold;
 text-align:center;
 font-size:10px;
}