/* ---------------------
       CLICASSO
	SOLUTIONS INTERNET
  ---------------------- */

body
{
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #333333;
	background-color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-top: 0px;
}

	.normal
		{
		font-family: Verdana, Arial;
		font-size: 12x;
		font-weight: normal;
		color: #333333;
		}

	h1
		{
		font-family: Verdana, Arial;
		font-size: 15px;
		font-weight: bold;
		color: #333333;
		margin: 0px;
		}
	h2
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #333333;
		margin: 0px;
		}

	h5
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color:#003366;
		margin-top:0px;
		margin-bottom:10px;
		}

/* MENU DE GAUCHE */

.hebergement-mutualise-titre
{ background-color:#FF6600; font-size:14px; height:20px; width:174px; margin-left:5px; float:none; padding:3px; color:#FFFFFF; font-weight:bold; letter-spacing:-0.5px; border-bottom:1px #FFF solid; }
a.hebergement-mutualise-offre:link, a.hebergement-mutualise-offre:visited
{ background-color:#003366; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; display:block; border-bottom:1px #FFF solid; float:left; height:17px; width:174px; margin-left:5px; padding:3px; }
a.hebergement-mutualise-offre:hover
{ background-color:#FF6600; }

.serveur-dedie-titre
{ background-color:#FF6600; font-size:14px; height:20px; width:174px; margin-left:5px; float:none; padding:3px; color:#FFFFFF; font-weight:bold; border-bottom:1px #FFF solid; }
a.serveur-dedie-offre:link, a.serveur-dedie-offre:visited
{ background-color:#003366; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; display:block; border-bottom:1px #FFF solid; float:left; height:17px; width:174px; margin-left:5px; padding:3px; }
a.serveur-dedie-offre:hover
{ background-color:#FF6600; }

.nom-domaine-titre
{ background-color:#FF6600; font-size:14px; height:20px; width:174px; margin-left:5px; float:none; padding:3px; color:#FFFFFF; font-weight:bold; border-bottom:1px #FFF solid; }
a.nom-domaine-offre:link, a.nom-domaine-offre:visited
{ background-color:#003366; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; display:block; border-bottom:1px #FFF solid; float:left; height:17px; width:174px; margin-left:5px; padding:3px; }
a.nom-domaine-offre:hover
{ background-color:#FF6600; }

		
	a:link
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: normal;
		color: #333333;
		text-decoration: underline;
		}

	a:visited
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: normal;
		color: #333333;
		text-decoration: underline;
		}

	a:hover
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: normal;
		color: #FF6600;
		text-decoration: none;
		}


	a.none:link
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
		}

	a.none:visited
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
		}

	a.none:hover
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: normal;
		color: #FF6600;
		text-decoration: underline;
		}




	.alerte
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #FF6600;
		text-decoration: none;
		}
	.alertenoir
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		}
	a.menu-haut:link, a.menu-haut:visited
		{
		background-color:#FF7A03;
		color:#FFFFFF;
		font-size:13px;
		text-decoration:none;
		font-weight:bold;
		display:block;
		border-left:1px #FFFFFF solid;
		float:right;
		height:20px;
		padding:5px;
		}
	a.menu-haut:hover
		{
		background-color:#003366;
		}

	a.alerte:link
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #FF6600;
		text-decoration: underline;
		}

	a.alerte:visited
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #FF6600;
		text-decoration: underline;
		}

	a.alerte:hover
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #E9421B;
		text-decoration: none;
		}

		
	a.bleu:link
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
		}

	a.bleu:visited
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
		}

	a.bleu:hover
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: normal;
		color: #FF6600;
		text-decoration: none;
		}
		

	p
		{
		font-family: Verdana, Arial;
		font-size:12px;
		font-weight: normal;
		color:#333333;
		margin:8px;
		}

	.facture
		{
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #333333;
		margin: 8px;
		}
	.facture-titre
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #333333;
		margin: 8px;
		}

/* ---------------------
       CLICASSO
	IMPRIMERIE EN LIGNE
  ---------------------- */

	a.menu-haut-print:link, a.menu-haut-print:visited
		{
		background-color:#33CCFF;
		color:#FFFFFF;
		font-size:13px;
		text-decoration:none;
		font-weight:bold;
		display:block;
		border-left:1px #FFFFFF solid;
		float:right;
		height:20px;
		padding:5px;
		}
	a.menu-haut-print:hover
		{
		background-color:#003366
		}

.imprimerie-en-ligne-titre
{ background-color:#33CCFF; font-size:14px; height:20px; width:174px; margin-left:5px; float:none; padding:3px; color:#FFFFFF; font-weight:bold; letter-spacing:-0.5px; border-bottom:1px #FFF solid; }
a.imprimerie-en-ligne-offre:link, a.imprimerie-en-ligne-offre:visited
{ background-color:#003366; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; display:block; border-bottom:1px #FFF solid; float:left; height:17px; width:174px; margin-left:5px; padding:3px; }
a.imprimerie-en-ligne-offre:hover
{ background-color:#33CCFF; }

	.clicasso-titre
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #003366;
		}

	.print-produit, a.print-produit:link, a.print-produit:visited
	{
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	width:340px;
	padding:6px;
	text-decoration:none;
	color:#666666;
	background-color:#DDDDDD;
	border-bottom:2px #FFFFFF solid;
	}
	a.print-produit:hover
	{
	color:#000000;
	text-decoration:underline;
	}


	.print-reference, a.print-reference:link, a.print-reference:visited
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	width:538px;
	padding:6px;
	text-decoration:none;
	color:#666666;
	background-color:#DDDDDD;
	border-bottom:2px #FFFFFF solid;
	}
	a.print-reference:hover
	{
	color:#FFF;
	background-color:#006699;
	text-decoration:none;
	}

	a.print:link, a.print:visited
		{
		color: #000;
		text-decoration:underline;
		}
	a.print:hover
		{
		color: #33CCFF;
		text-decoration: none;
		}
		
	a.print-blanc:link, a.print-blanc:visited
		{
		color: #000;
		text-decoration:underline;
		}

	a.print-blanc:hover
		{
		color:#003366;
		text-decoration: none;
		}
	.promotion, a.promotion:link, a.promotion:visited
	{
	width:174px;
	min-height:110px;
	display:block;
	background-color:#E1FFFF;
	border:1px #990066 dashed;
	text-align:center;
	text-decoration:none;
	
	}
	a.promotion:hover
	{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#003366;
	}
	.promotion-titre
	{
	min-height:20px;
	display:block;
	font-weight:bold;
	font-size:15px;
	padding:5px;
	margin-bottom:0;
	}
	.promotion-tarif
	{
	height:20px;
	display:block;
	background-color:#33CCFF;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	padding:5px;
	}
	.promotion-categorie
	{
	height:15px;
	color:#FFFFFF;
	display:block;
	padding:2px;
	background-color:#33CCFF;
	font-size:9px;
	}
	.promotion-texte
	{
	display:block;
	padding:5px;
	font-size:13px;
	font-style:italic;
	text-align:left;
	}


/*
MENU SUR FOND BLEU
*/

	.menu
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		}
	a.menu:link
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.menu:visited
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.menu:hover
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		}



	.minimenu
		{
		font-family: Verdana, Arial;
		font-size: 9px;
		font-weight: bold;
		color: #FFFFFF;
		}
	.minimenu-fin
		{
		font-family: Verdana, Arial;
		font-size: 9px;
		font-weight: normal;
		color: #FFFFFF;
		}
	a.minimenu:link
		{
		font-family: Verdana, Arial;
		font-size: 9px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
		}
	a.minimenu:visited
		{
		font-family: Verdana, Arial;
		font-size: 9px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
		}
	a.minimenu:hover
		{
		font-family: Verdana, Arial;
		font-size: 9px;
		font-weight: bold;
		color: #E58203;
		text-decoration: none;
		}




/*
******** FORMULAIRES ********
*/

	input
		{
		font-family:Verdana, Arial;
		font-size:11px;
		font-weight:bold;
		color:#000066;
		}

	select
		{
		font-family:Verdana, Arial;
		font-size:11px;
		font-weight:bold;
		color:#000066;
		}

	textarea
		{
		font-family:Verdana, Arial;
		font-size:11px;
		font-weight:bold;
		color:#000066;
		}

	input.contact
		{
		font-family:Verdana, Arial;
		font-size:13px;
		padding:2px;
		font-weight:bold;
		color:#000066;
		}

	select.contact
		{
		font-family:Verdana, Arial;
		font-size:13px;
		padding:2px;
		font-weight:bold;
		color:#000066;
		}

	textarea.contact
		{
		font-family:Verdana, Arial;
		font-size:13px;
		padding:2px;
		font-weight:bold;
		color:#000066;
		}




/* PETIT TEXTE */

	.petit
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: normal;
		color: #333333;
		}
	.discret
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: normal;
		color:#999999;
		}

	.petitblanc, a.petitblanc:link, a.petitblanc:visited
	{ font-family: Verdana, Arial; font-size: 10px; font-weight: bold; color: #FFFFFF; }
	a.petitblanc:hover
	{ font-family: Verdana, Arial; font-size: 10px; font-weight: bold; color:#FFCC00; }
	.petitgris, a.petitgris:link, a.petitgris:visited
	{ font-family: Verdana, Arial; font-size: 10px; font-weight: bold; color:#333333; }
	a.petitgris:hover
	{ font-family: Verdana, Arial; font-size: 10px; font-weight: bold; color:#FFCC00; }


	.petitvert
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #17B914;
		}

	.petitrouge
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #D91C1C;
		}

	a.petit:link
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		}

	a.petit:visited
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		}

	a.petit:hover
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #FF6600;
		text-decoration: none;
		}
	a.discret:link, a.discret:visited
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
		text-decoration: none;
		}
	a.discret:hover
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #FF6600;
		text-decoration: none;
		}


	a.prochainement:link, a.prochainement:visited, a.prochainement:hover
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight:bold;
		color:#666666;
		text-decoration: none;
		}
		


/* DICO CLICASSO */

	.dico
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: normal;
		color: #333333;
		}

	a.dico:link
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		}

	a.dico:visited
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		}

	a.dico:hover
		{
		font-family: Verdana, Arial;
		font-size: 10px;
		font-weight: bold;
		color: #FFFFFF;
		background-color:#F87908;
		text-decoration: none;
		}




/* TITRES */

	.titre8
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #F26609;
		}
	a.titre8:link
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #F26609;
		text-decoration: underline;
		}
	a.titre8:visited
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #F26609;
		text-decoration: underline;
		}
	a.titre8:hover
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #027FC7;
		text-decoration: underline;
		}
		
		
		
		
		
		
	.titreorange10
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color:#FF6600;
		}
	.titrebleu10
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color:#336699;
		}
		
	.titreblanc9
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #FFFFFF;
		}

	.titre7
		{
		font-family: Verdana, Arial;
		font-size: 7pt;
		font-weight: bold;
		color: #333333;
		}
	.titre9
		{
		font-family: Verdana, Arial;
		font-size: 9pt;
		font-weight: bold;
		color: #333333;
		}
	.titre10
		{
		font-family: Verdana, Arial;
		font-size: 10pt;
		font-weight: bold;
		color: #333333;
		}
	.titre11
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: bold;
		color: #333333;
		}
		
		/* SUPPORT */
		
	.support
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		}
	a.support:link
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		}
	a.support:visited
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		}
	a.support:hover
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #FF6600;
		text-decoration: underline;
		}


	.vert
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: normal;
		color: #3A841D;
		}

	.titre-jaune
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: bold;
		color: #FBCA20;
		}

	.titre-rouge
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: bold;
		color: #CC3300;
		}

	.titre-vert
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: bold;
		color: #3A841D;
		}
		
		
	a.vert:link
		{
		font-size: 13px;
		font-weight: bold;
		color: #3A841D;
		text-decoration: underline;
		}

	a.vert:visited
		{
		font-size: 13px;
		font-weight: bold;
		color: #3A841D;
		text-decoration: underline;
		}

	a.vert:hover
		{
		font-size: 13px;
		font-weight: bold;
		color: #194A06;
		text-decoration: none;
		}
		



/*
CATEGORIE : OFFRES
*/

	.offres-titre
		{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: bold;
		color: #F87908;
		}
	.offres-menu
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		}
	a.offres-menu:link
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.offres-menu:visited
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.offres-menu:hover
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #F87908;
		text-decoration: none;
		}





/*
CATEGORIE : CLICASSO
*/

	.clicasso-titre
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #08D3F8;
		}
	.clicasso-menu
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		}
	a.clicasso-menu:link
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.clicasso-menu:visited
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.clicasso-menu:hover
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #08D3F8;
		text-decoration: none;
		}







/*
CATEGORIE : ASSISTANCE
*/

	.assistance-titre
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #F8DF08;
		}
	.assistance-menu
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		}
	a.assistance-menu:link
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.assistance-menu:visited
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.assistance-menu:hover
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #F8DF08;
		text-decoration: none;
		}


/*
CATEGORIE : OUTILS
*/

	.outils-titre
		{
		font-family: Verdana, Arial;
		font-size: 13px;
		font-weight: bold;
		color: #A43DFB;
		}
	.outils-menu
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		}
	a.outils-menu:link
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.outils-menu:visited
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #DAE5FA;
		text-decoration: none;
		}
	a.outils-menu:hover
		{
		font-family: Verdana, Arial;
		font-size: 11px;
		font-weight: bold;
		color: #A43DFB;
		text-decoration: none;
		}
	.codehtml
	{ background-color:#FFFFCC; }