body {
	background: url(img/bg.jpg);
}

/* Page Index*/

div.menu{
	width: 1000px;
	height: 202px;
	overflow: hidden;
	position: relative;
}

div.haut{
	/*height: 50px;*/
	background-image: url(./img/menu/menu-haut.jpg);
	background : black;
	background-repeat: repeat-x;

}

div.connexion {
	position: relative; /* les attribut qui suivent determine cette zone*/
	/*top: 5px;  definit la hauteur de la zone espace membre nommée connexion*/
	/*left: -20px;  /*definit a partir de la gauche*/
	/*float: right; /* l'espace est disposé le plus à droite de la page*/
}

/*Definition des boutons connexion & inscription*/	
.connexion a{	
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
	position: relative;
}

/* Definition des boutons connexion & inscription lors du passage de la souris.*/  
.connexion a:hover{
	color: blue;
}
/* Definition du bouton connexion lorsque le fond est blanc*/
#connexion1 a{	
	color: black;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
	position: relative;
}

/* Definition du boutonsconnexion lors du passage de la souris lorsque le fond est blanc.*/  
#connexion1 a:hover{
	color:blue;
}



div.header{
	height: 120px;
	background: url(./img/menu/banner1.4.png);
	background-color: #E0EEEE;
	background-repeat:no-repeat;
}

td.section{	
	width : 81px;
	height: 18px;
	
}

 a.section{	
	padding:0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:13px;
	text-decoration:none;
	font-weight: bold;
}

div.section{
	height: 32px;
	background-image: url(./img/menu/section.jpg);
	background-repeat: repeat-x;
}

td.rubrique{	
	width : 81px;
	height: 18px;
}

a.rubrique{	
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:9px;
	text-decoration:none;
	position: relative;
	vertical-align: top;
}

div.rubrique{
	height: 19px;
	background-image: url(./img/menu/rubrique.jpg);
	background-repeat: repeat-x repeat-y;
}

div.page{
	position: relative;
	width: 1000px;
	/*height: 1450px;*/
	/*background: white;*/
}

div.news{
	position: relative;
	width: 250px;
	height: 264px;
	background: blue;
}

td.grand{
	font-family: Verdana;
	font-size:15px;
}

td.bad{
	color : red;
}

tr.titre{
	background-color: black;
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;	
}


tr.fond{
	background-color: #E0EEEE;
}

table.fond{
	background-color: #E0EEEE;
}

/*Commentaire*/

div.titre-commentaire{
	color: black;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:21px;
	font-weight: bold;
	background-color: #E0EEEE;
}

div.commentaire{
	color: black;
	font-family: Verdana;
	font-size:10px;
	font-weight: bold;
	background-color: #E0EEEE;
}

a.lien{
	color: black;
	font-family: Verdana;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
}

a.lien1{
	color: black;
	font-family: Verdana;
	font-size:11px;
	font-weight: bold;
	background-color: #E0EEEE;
	text-decoration:none;
}

a.lien2{
	color: black;
	font-family: Verdana;
	font-size:9px;
	font-weight: bold;
	text-decoration:none;
}

a:hover.lien1{
	color:blue;
}

a.lien4{
	color: black;
	font-family: Verdana;
	font-size:17px;
	font-weight: bold;
	text-decoration:none;
}
a:hover.lien4{
	color:blue;
}

td.black{
background: black;
}

div.zone-commentaire{
	position: relative;
	width: 405px;
	height: 100px;
	background-color: blue;
}

div.pied-page{
	position: relative;
	width: 1000px;
	height: 43px;
	background-image: url(./img/menu/menu-haut.jpg);
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:13px;
	font-weight: bold;
	padding-top:10px
}

div.pied-pagesuite{
	position: relative;
	width: 1000px;
	height: 42px;
	background-image: url(./img/menu/menu-haut.jpg);
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
	font-size:12px;
	font-weight: bold;
}



/* formulaire inscription.php*/
div.formulaire-inscription{
	float: left;
}

/*Note : Important cet attribut determine toutes les balises <TR>*/
tr{
	text-align: left;
}


.note-etoiles-fond {
height:13px;
width:52px;
}

.note-etoiles-pleines {
height:13px;
float:left;
}


/*span.etoileOK {
	background-image: url(img/note/ok.png);
	background-repeat: no-repeat;
	cursor: crosshair;
}
*/
div.etoileOK1 {
	background-image: url(img/note/ok1.png);
	background-repeat: no-repeat;
	cursor: crosshair;
	height: 26px;
	width: 24px;
}

/*span.etoileNOK {
	background-image: url(img/note/nok.png);
	background-repeat: no-repeat;
	cursor: crosshair;
}
*/
div.etoileNOK1{
	background-image: url(img/note/nok1.png);
	background-repeat: no-repeat;
	cursor: crosshair;
	height: 26px;
	width: 24px;  
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}