/* 1. Style Header  */

.header {
background-color:#ffffff;  			/* couleur de fond du header */
border-top:2px solid #FEED01;		/* 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:#FCE427;     						 	/* couleur de fond la cellule de la flèche */
Background-image:url(../images/flechegauche_noire.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:#88398E;   /* 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:#91B4C8;				/* 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.2  Style Bloc 2 : back to home */
.fback {
background-color:#FCE427;     						 	/* couleur de fond la cellule de la flèche */
Background-image:url(../images/flecheinvert_noire.gif)  /* couleur de la flèche ("_noire.gif" ou "_blanche.gif") */
}

.fback2 {
background-color:#88398E;     						 	/* couleur de fond la cellule texte */
}


div#fback a {
	color: #ffffff ;              /* couleur lien */
	background-color:#88398E;     /* couleur de fond la cellule lien */
}
		
div#fback a:hover {
	color: #ffffff ;			  /* couleur "over" lien */
	background-color:#88398E;     /* couleur de fond la cellule lien */
}


/* 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: #88398E ;			/* 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:#FEED01;	/* couleur de la pub */
}

a.skyscraper{
display: block;				/* !! NE PAS TOUCHER */
width: 120px;				/* !! NE PAS TOUCHER */
height: 600px;				/* !! NE PAS TOUCHER */
background-color:#FEED01;	/* 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:#88398E;   /* 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: #FEED01 ;			/* effet "over" */ 
}



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

/* 5.1 Style des titres */
div#page h1 {
	font: bold 20px verdana, sans-serif;    /* style & taille police */
	margin-left: 15px ;						/* alignement texte */
	padding-left: 7px ;						/* alignement texte */
	border-bottom: 1px solid #FCE427;		/* Effet souligné: taille + couleur trait */
	border-left: 5px solid #FCE427;			/* Déco à gauche: taille + couleur trait*/
	color: #000000;							/* 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: #88398E ;	 /* couleur "over" d'un lien" */
}

/* mise en page liste des entreprises */
.list{
font-family: Arial;         /* définition de la police */
font-size: 12px;            /* la taille de la police */
text-decoration: none;
text-align: left;           /* alignement du texte */
color:#000000;              /* couleur de la police de caractères */
}



/******************************************* 6. style sous-menu *********************************************/


/* Style titre sous-menu */

.t_ss_menu {
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 */
background-color:#000000;   /* couleur de fond la cellule de la flèche */
}


div#t_ss_menu a {
	color: #ffffff ;     /* couleur titre salon */
}
		
div#t_ss_menu a:hover {
	color: #91B4C8 ;	 /* titre salon "over" */
}



/* Séparateur sous menu */

.ss_menu_separation{
Background-image:url(../images/collec_fr/accessorie-circuit/separateur.gif)  /* !! faire l'image à chaque fois !! */
}


/* style sous menu */

.ss_menu{
background-color:#88398E;     	/* couleur de fond du ss menu */
}

div#ss_menu {
	color: #ffffff ;     /* couleur titres */
}


div#ss_menu a {
	color: #ffffff ;     /* couleur titres */
}
		
div#ss_menu a:hover {
	color: #FEED01 ;	 /* couleur "over" */
}