/*****Couleurs****/
/*
Texte :  rgb(204,204,204) gris
Titres :  rgb(204,102,0) orange
Souligné :  rgb(255,204,128) orange 50%
*/

/********Body********/

body {
	background-color:rgb(255,255,128);
	padding: 0 ;
	margin: 8px 0 ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;

}


/*******Titres*******/
h1
{
	
	height: 150px ;
	border-bottom: 1px solid rgb(0,0,0);
    background: url(http://www.rugbybriancon.fr/image/ban.jpg) no-repeat left top;
}

h1 a
{
text-align : right ;
height: 50px ;
display: block ;
position: relative ;
font-size: 1.1em ;
font-weight: bold ;
letter-spacing: 4px ;
top: 70px ;	
color: rgb(0,0,220);
}

h2
{
	padding-left: 30px ;
	text-align: left;
	line-height: 25px ;
	font-size: 1.4em ;
	color: rgb(0,0,220);
	border-bottom: 1px solid rgb(255,204,128);
	 background: url(http://www.rugbybriancon.fr/image/log.jpg) no-repeat left center;
}
h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	text-align:left;
	border-bottom: 1px solid rgb(255,204,128);
	border-left: 1px solid rgb(255,204,128);
	color: rgb(0,0,220);
}

h4
{
text-align : left;
text-indent: 2em;
color : rgb(0,0,220);
text-decoration  : underline;
}

/*********Conteneur**********/
/*********Insertion de pub*********/
div#bodyimage
{
    display : block;
	text-align: right ;
	//background: url(http://www.rugbybriancon.fr/sponsor/ricardo.jpg) no-repeat right center;
	color: #FFFFFF;

}
div#conteneur
{

    width: 75% ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid rgb(255,204,128);
	color: #FFFFFF;

}

/*********Contenu*******/
div#contenu
{
	padding: 0 30px 0 30px ;
	background: no-repeat 15px 15px ;
}

/***Menus index**/
div#left
{
display:block;
position:relative;
float: left;
}

div#right
{
position:relative;
float: right;
width:30%;
display:block;

margin-left: 10px ;
}

/********tableau*****/
fieldset{
color : rgb(0,0,220);
}
td
{
text-align: center ;
color : rgb(0,0,220)
}
/*********Texte*****/
p
{
	text-align: justify ;
	text-indent: 0em ;
	line-height: 1.7em ;
	color : rgb(0,0,220);
}
/*commentaire*/
#commentaire
{
	/*font-size: 0.8em ;*/
}

/********Listes*******/
div#liste
{
	text-align : left;
	padding-left: 25px ;
	line-height: 1.7em ;
	color : rgb(0,0,220);
}

/*********Liens*********/
a
{
text-decoration: underline;	
color: rgb(0,0,220);
}

a:hover
{
	color: rgb(0,0,160);
}


/*****Lexique****/
dl#a1{

}

dt#a1 {

}

dd#a1 {
text-indent : 10px;
}


/**********MENU***********/

#menu {
position: absolute;
z-index: 1;
top : 180px;
left : 15%;
float: left;
padding: 0 ;
z-index:100;
width:66%;  /* précision pour Opera */
}

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

#menu dl {
float: left;
width: 105px;
text-align : center;
}

#menu dt {
cursor: pointer;
line-height: 25px ;
font-size: 1.1em ;
font-weight: bold ;
letter-spacing: 2px ;
color: rgb(0,0,220) ;
display: block ;

}
#menu dd {
display: none;
border: 1px solid gray;

}
#menu li {

text-align: center;
background: rgb(255,255,128);
}

#menu li a, #menu dt a {

color: rgb(0,0,220) ;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover {
background: rgb(255,255,128);
}

#menu dt a:hover {

}


/*****Bas de page****/

p#footer
{
display:block;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	position:relative;
}