/* 1. Style Header  */

.header {
background-color:#FE523B;  			/* couleur de fond du header */
border-top:2px solid #F53B8E;		/* Style séparateur de lien */
}


/* 2. Style Blocs de gauche */

/* 2.1 Style Bloc 1: "menu principal" */

/* flèche en haut à gauche */

.tfleche{
background-color:#000000;     						 	/* couleur de fond la cellule de la flèche */
Background-image:url(../images/flechegauche_blanche.gif)  /* couleur de la flèche ("_noire.gif" ou "_blanche.gif") */
}

/* Style titre bloc 1 */

.tcolor{
font-family: Arial;         /* définition de la police */
font-size: 12px;            /* la taille de la police */
font-weight: bolder;        /* effets sur le texte */
text-decoration: none;
text-align: left;           /* alignement du texte */
color:#ffffff;              /* couleur de la police de caractères */
background-color:#F53B8E;   /* couleur de fond la cellule de la flèche */
}


/* style apparence du menu */

a.t{
display: block;     /* !! NE PAS TOUCHER */
width: 160px;       /* !! NE PAS TOUCHER */
}


/* Effet menu normal */

.depart{
  background-color:#EEEEEE; 			/* couleur de fond d'un lien */
  border-bottom:1px dashed #C8C8C8;		/* Style séparateur de lien */
  text-decoration:none;					
  margin-left:21px;						/* marge à gauche du lien */
} 

.fleche_depart {
background-image:url(./../images/fleche-grise.gif);    /* couleur normale fleche d'un lien */
background-repeat: no-repeat;
}

a {
font:12px Arial;					/* taille et style du texte */
font-weight: bolder;				/* effet texte */
text-decoration: none;				
text-align: left;color:#000000;		/* couleur du texte */
}


/* Effet menu over */

.dessus{
  background-color:#FE5540;				/* couleur de fond d'un lien */
  border-bottom:1px dashed #C8C8C8;		/* Style séparateur de lien */
  text-decoration:none;
  margin-left:21px;						/* marge à gauche du lien */
  }   

.fleche_over {
background-image:url(./../images/fleche-blanche.gif);  /* couleur "over" fleche lien */
background-repeat: no-repeat;
}

a:hover {
color:#FFFFFF;				/* couleur texte "over" */
text-decoration: none;
}



/* 2.3 Style Bloc 3: contact Ubi */

div#contact a{
	font-family: Arial;			/* type de police de caractères */ 
	font-size: 12px;			/* taille de la police */ 
	text-decoration: none;		 
	text-align: left;			/* alignement du texte */ 
	color: #000000 ;			/* couleur de la police */ 
}
		

div#contact a:hover {
	color: #FE5540 ;			/* couleur de la police */ 
}


/* 3. Style des Pubs */

/* Pub skyscraper (120*600) */
.skyscraper{
display: block;				/* !! NE PAS TOUCHER */
width: 120px;				/* !! NE PAS TOUCHER */
height: 600px;				/* !! NE PAS TOUCHER */
background-color:#FE523B;	/* couleur de la pub */
}

a.skyscraper{
display: block;				/* !! NE PAS TOUCHER */
width: 120px;				/* !! NE PAS TOUCHER */
height: 600px;				/* !! NE PAS TOUCHER */
background-color:#FE523B;	/* couleur de la pub */
}


/* Style pub flash vignette */

.flash2{
position:absolute;
left:40px;
top:52px;
display: block;
width: 120px;
height: 60px;
background-color:#FF0000;
}

a.flash2{
display: block;
width: 120px;
height: 60px;
background-color:#FF0000;
}


/* x. coutours des blocs */

.contour_bloc {
background-color:#000000;   /* couleur de l'encadrement de TOUS les blocs */
}


/* 4. Style copyright */ 


div#copyright {
background-color:#F53B8E;   /* couleur de l'encadrement de TOUS les blocs */
}

div#copyright a {
	font-family: Arial;			/* type de police de caractères */ 
	font-size: 11px;			/* taille de la police */ 
	text-decoration: none;		 
	text-align: center;			/* alignement du texte */ 
	color: #FFFFFF ;			/* couleur de la police */ 
}


div#copyright a:hover {
	font-family: Arial;			/* type de police de caractères */ 
	font-size: 11px;			/* taille de la police */ 
	text-decoration: none;		 
	text-align: center;			/* alignement du texte */ 
	color: #000000 ;			/* effet "over" */ 
}



/* 5. !! style contenu  !! */

/* 5.1 Style des titres */
div#page h1 {
	font: bold 20px verdana, sans-serif;    /* style & taille police */
	margin-left: 5px ;						/* alignement texte */
	padding-left: 7px ;						/* alignement texte */
	border-bottom: 1px solid #FE5540;		/* Effet souligné: taille + couleur trait */
	border-left: 5px solid #FE5540;			/* Déco à gauche: taille + couleur trait*/
	color: #FE5540;							/* Couleur du titre */
}


/* 5.2 style contenu par défaut */
div#page {
	margin: 15px;				/* Marge du texte */
	padding: 0 ;				
	text-align: justify ;		/* Alignement du texte */
	font-family: Arial;			/* style de la police */
	font-size: 12px;			/* taille du texte */
}
			

/* effets des liens */
div#page a {
	color: #666666 ;     /* couleur texte avec lien */
}
		
div#page a:hover {
	color: #ff0000 ;	 /* couleur "over" d'un lien" */
}


/* 6. Autres */

/* Ascenseur / barre de scroll */

.boite2 {
scrollbar-base-color : #ff0000 ;  		/* couleur de base des barres */
scrollbar-3dlight-color : #ff0000 ;  	/* définit les effets de 3D  */
scrollbar-arrow-color : #ffffff ; 		/* coleur des flèches de défilement  */
scrollbar-darkshadow-color : #ff0000 ; 	/* définit les ombres  */
scrollbar-face-color : #ff0000 ; 		/* définit la surface */
scrollbar-highlight-color : #ff0000 ; 	/* couleur des bords haut et gauche */
scrollbar-shadow-color : #999999 ; 		/* couleur des bords bas et droit  */
scrollbar-track-color : #FF8080 ;  		/* couleur de la barre non cachée par l'indicateur de défilement  */
height:300px;							/* taille de la zone  */
width:99%;
overflow:auto;							/* défilement iframe */
}