/*#########################################################################################
###########################################################################################
###																						###
###			+---------------------------------------------------------------+			###
###			|																|			###
###			|							PUBLIC								|			###
###			|																|			###
###			+---------------------------------------------------------------+			###
###																						###
###########################################################################################
#########################################################################################*/

/* Feuille de style CSS de la partie publique */

/*
	 * Les éléments graphiques et le design du site (et donc cette feuille de styles CSS
	 * et les images) restent la propriété exclusive de leurs auteurs
	 * respectifs conformément aux droits d'auteur. Toute réutilisation
	 * devra faire l'objet d'une demande préalable (email:ctfassistance@orange.fr).
	 * Il est de plus dans votre intêret d'avoir un site au design original,
	 * pour qu'il ait sa propre identité visuelle, plutôt qu'un design plagié...
*/


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
body {
	background-color: #F0F0F0;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
}
 a.type1:link
 {
 	color:#FFFFFF;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
 }
 a.type1:visited
 {
 	color:#FFFFFF;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	}
	a.type1:hover {
	text-decoration: none;
	color: #666633;
}
.Style1 {font-size: 10px;
             color: #FFFFFF;
}
.Style2 {color: #666666;
        font-size: 11px;
}
.Style3 {color: #666666;
}
.Style4 {font-size: 9px;
         color: #CCCCCC;
}
.Style5 {font-size: 9px;
         color: #666666;
}
.Styleentete {font-size: 28px;
             color: #FFFFFF;			 
}
.Styleheure {font-size: 10px;
             color: #666666;
			 
}
#apDiv2 {
	position:absolute;
	width:301px;
	height:25px;
	z-index:1;
	left: 620px;
	top: 475px;
}

/*
##################################################################################
##																				##
##							CALQUE DU CATALOGUE									##
##																				##
##################################################################################
*/

.AfficheCentre
{
	overflow:auto;
	width:640px;
	height:728px;
	border:solid 1px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-small;
	color: #CCCCCC;
}
.AfficheRepro
{
	overflow:auto;
	width:690px;
	height:150px;
	border:solid 1px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-small;
}
.AfficheTableau
{
	font-size:x-small;
	color: #CCCCCC;
}
.AffichePage
{
	font-size:small;
	font-weight:bold;
}
.TitreDesc
{
	font-size:medium;
	font-weight:bold;
	color: #CCCCCC;
}
.TitreTabPanier
{
	color:#FFFFCC;
	font-size:x-small;
}
.TitreEnchere
{
	font-size:medium;
	font-weight:bold;
}
a.catalogue:link
{
 	color:#CCCCCC;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-small;
}
a.catalogue:visited
{
 	color:#CCCCCC;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-small;
}
a.catalogue:hover 
{
	text-decoration: none;
	color: #FFFFCC;
}
a.aprincipale2:link
{
 	color:#CCCCCC;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-small;
}
a.aprincipale2:visited
{
 	color:#CCCCCC;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-small;
}
a.aprincipale2:hover 
{
	text-decoration: none;
	color: #FFFFCC;
}

a.aimprime:link
{
 	color:#CCCCCC;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
}
a.aimprime:visited
{
 	color:#CCCCCC;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
}
a.aimprime:hover 
{
	text-decoration: none;
	color: #FFFFCC;
}

a.LienRouge:link
{
 	color:#FF0000;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
}
a.LienRouge:visited
{
 	color:#FF0000;
 	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
}
a.LienRouge:hover 
{
	text-decoration: none;
	color: #FFFFCC;
}

/*#######################################
#										#
#		CLASS SPECIALES					#
#										#
#######################################*/

.TexteAlerte
{
	font-size:medium;
	font-weight:bold;
	color:#FF0000;
}
.TableauAffiche
{
	color: #CCCCCC;
}
.LigneArticle
{
	color: #CCCCCC;
}
.descriptif
{
	color:#FF0000;
}
.AfficheDefilant
{
	background-color:#CCCCCC;
}

/*#######################################
#										#
#		PAGE PORTS.PHP					#
#										#
#######################################*/

.TitreTabPort
{
	background-color:#333333;
	color:#FFFFCC;
}
.LigneTabPort0
{
}
.LigneTabPort1
{
	background-color:#333333;
	color:#FFFFCC;
}
.LigneTab
{
	font-size:x-small;
}

/*########################
##						##
##		LIENS NEWS		##
##						##
########################*/

a:link.news {
	color: #CCCCCC;
	text-decoration: none;
	font-size:x-small;
}
a:visited.news {
	text-decoration: none;
	color: #CCCCCC;
	font-size:x-small;
}
a:hover.news {
	text-decoration: none;
	color: #FFFFCC;
	font-size:x-small;
}
a:active.news {
	text-decoration: none;
	font-size:x-small;
}

/*########################
##						##
##	  AFF. GENERAL		##
##						##
########################*/

.CalqueAffiche
{
	overflow:auto;
	width:640px;
	height:728px;
	border:solid 1px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-small;
	color: #CCCCCC;
}

.Rouge
{
	color:#FF0000;
}

/*########################
##						##
##		  NEWS			##
##						##
########################*/

.TitreNewsGene
{
	color:#CCCCCC;
	font-size:x-large;
	font-weight:bold;
}

.titrenews
{
	color:#CCCCCC;
	font-size:large;
	font-weight:bold;
}

.tableaunews 
{
	width: 620px;
	border:1;
	background-color: #333333;
}

.NewsTexte
{
	font-size:x-small;
	color: #CCCCCC;
}

.ResumeNews
{
	font-size:small;
	font-weight:bold;
	color: #CCCCCC;
}

.infobulle
{
	position: absolute;   
	visibility : hidden;
	border: 1px solid #666666;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F0F0F0;
	color:#666666;
}

.Titrebulle
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.TitreLignebulle
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.Prixbulle
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}