/*----------------------------------------------
------------DIRECTEMENT SUR LES BALISES---------
-----------------------------------------------*/

body{
	background-image: url(image/back.png);
}


font{
	font-size: xx-small;
}
		/*-- liens --*/

a{
	color: #FFCA88;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #FFE4C4;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #FFCA88;
}

a:active {
	color: White;
	border-color: white;
}

/* ----------------------------------
-----------CLASSES-------------------
-------------------------------------*/


.haut{
	background-image: url('image/ban.png');
	width: 935px;
	height: 145px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	margin: 0;
 	padding: 0;

}

.menu{
	background-image: url('image/menu.png');
	width: 205px;
	height: 310px;
	text-align: center;
	vertical-align: top;
	color: White;
	font-weight: bolder;
	font-size: medium;
	background-repeat: no-repeat;
}


		/*--- La pseudo frame --*/

.scroll  {
	width: 715px;
	height: 550px;
	vertical-align: top;
	background: url(image/center.png);
	background-repeat: no-repeat;
}

.tst-div 
{
height: 380px;
overflow: auto;		/*-- permet le défillement par scroll bar */ 
position: relative	
}

/*------MISE EN PAGE-----*/

		/*-- Balise pour mettre un arrière plan à certain titre --*/
.ba{
	background-image: url(image/bande.PNG);
	width: 500px;
	height: 30px;
}


		/*-- Balise pour mettre un arrière plan à certain titre --*/
.compte{
	background-image: url(image/bande.PNG);
	height: 31px;
	background-repeat: no-repeat;
}

		/* arrière plan de l'emplacement des messages sur un poste */
.post
{

	background-image: url(image/post.png);
}
		/*arrière plan de l'emplacement de la date sur un post */
.postd
{
	background-image: url(image/postd.png);
	background-position: right;
	background-repeat: repeat-y;
}

.posttitre{
	background-image: url(image/posttitre.png);
}


		/* ???? */
.lien{
	border: 0px;
}



/* -----BOUTON------*/
		/* -- Permet aux fleches vertes de ressembler à un bouton --*/
.bouton{
background-image: url(image/gomess.png);
	width: 40px;
	height: 33px;
}


.bouton:hover {
	background-image: url(image/gomessSurvol.png);
	border: 0px;
	width: 40px;
	height: 33px;
}


.bouton:active
{
	background-image: url(image/gomessClick.png);
	border: 0px;
	width: 40px;
	height: 33px;
}

		/* -- Permet aux fleches bleues de ressembler à un bouton --*/
.boutonBleu{
background-image: url(image/gosuj.png);
	width: 40px;
	height: 33px;
}


.boutonBleu:hover {
	background-image: url(image/gosujSurvol.png);
	border: 0px;
	width: 40px;
	height: 33px;
}


.boutonBleu:active
{
	background-image: url(image/gosujClick.png);
	border: 0px;
	width: 40px;
	height: 33px;
}


		/* -- permet au bouton de connexion d'agir comme un bouton -- */

.connect {
	border: 0px;
	background-image: url(image/Bouton/ConNor.png);
	width: 141px;
	height: 45px;
}

.connect:hover {
	text-decoration: none;
	border: 0px;
	background-image: url(image/Bouton/ConHov.png);
	width: 141px;
	height:45px;
}

.connect:active {
	text-decoration: none;
	background-image: url(image/Bouton/ConAct.png);
	width: 141px;
	height: 45px;
}

		/* -- mise en surbrillance des menus dans l'espace administrateur --*/

.gforum{
	color: Black;
	font-style: normal;
	font-weight: bolder;
	font-size: medium;
	text-decoration: none;
}


.gforum:hover {
	color: #FFA500;
	font-style: normal;
	font-weight: bolder;
	font-size: medium;
	text-decoration: none;
	border: 0px;
	background-image: url(image/post.png);
}



		/* redimensionne les images qui dépasse la taille des post */
.imagePoste {
	max-width: 380; 												/* Meilleur solution fonctionne pas sous internet explorer */
	 width: expression(this.width > 380 ? 380 : true); /*sous internet explorer "max width" ne fonctionne pas, cette expression
	 																	permet de prendre en compte le max-width"*/

}


/*-------- mise en page des messages persos-----------*/


.messagerie {
	color: #5F9EA0;
	font-style: normal;
	font-weight: bolder;
	font-size: medium;
	text-decoration: none;
	width: 220px;
	height: 27px;
}

.messagerie:hover {
	color: #4682B4;
	text-decoration: none;
	border-width: 0px;
	width: 220px;
	height: 27px;
	background-image: url(image/onglet.png);
}

.onglet {
	background-image: url(image/onglet.png);
}


/* ---------------------------------------------
-----------Les menus déroulants-----------------
-----------------IE no work--------------------- */


#menuDeroulant
{
 list-style-type: none;
 position:absolute;
 top: 110;
 padding-left: 15px;
}

#menuDeroulant li
{
 float: left;
 border: 0;
 width: 150px;
 text-align: center;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu li
{
	float: none;
	height: 30px;
	background-image: url(image/bande.PNG);
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	margin: 0;
	text-decoration: none;
}

#menuDeroulant li a:hover {
	background-color: transparent;
}

#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: Teal;
	margin: 0;
	border: 0;
	text-decoration: none;
	opacity : 0.9;
}

#menuDeroulant .sousMenu li a:hover
{
	background-image: url(image/onglet.png);
	color: Black;
	height: 30
}

.text {
	border: 0;
	background-color: #FDF5E6;
	color: #E67F00;
	border: 0;
}