/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, męme les styles provenant de 
			stylesforeditor.css.
// Date   : 9 novembre 2007
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise ŕ zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #7a7a7a;
	background: #ffffff url(images//Bg_Body.png) repeat-x 0% 0%;
	padding: 22px 0 16px 0;
}
p {
	font-size: 1.1em;
	margin: 0 0 12px 0;
}
h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #e68d14;
	text-transform: uppercase;
	margin: 0;
}
/*h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: ;
	margin: 20px 0 5px 0;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: ;
	margin: 15px 0 3px 0;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}*/
a, a:hover {
	color: #2598d2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs ŕ toutes les pages -----------------------------------------*/
.clearer { clear: both; }

#wrapper {
	width: 974px;
	background: url(images//Bg_Page.png) repeat-y 0% 0%;
	margin: 0 auto;
}

/*--- Entęte de la page ---*/
#HautPage {
	width: 100%;
	background: url(images//Bg_HautPage.png) no-repeat 0% 0%;
}
#HautPage .Entete {
	position: relative;
	width: 958px;
	height: 120px;
	background: url(images//Bg_MenuPrincipal.jpg) no-repeat 0% 100%;
	margin: 0 8px;
}
#HautPage .Entete p {
	position: absolute;
	top: 13px;
	left: 33px;
}
#HautPage .Entete .LogoHusky p {
	position: absolute;
	top: 13px;
	left: 33px;
}

#HautPage .Entete .LogoMarkcont p {
	position: absolute;
	top: 20px;
	left: 791px;
}


/*--- Menu principal ---*/
#HautPage .Entete ul {
	position: absolute;
	top: 78px;
	left: 172px;
}
#HautPage .Entete ul li {
	float: left;
	background: url(images//Bg_MenuPrincipal_Separ.gif) no-repeat 100% 0%;
}
#HautPage .Entete ul li.Fin { background-image: none; }

#HautPage .Entete ul a {
	display: block;
	height: 22px;
	background: no-repeat 30px -22px;
	padding: 0 30px;
	text-indent: -9999px;
	overflow: hidden;
}
#HautPage .Entete ul a:hover,
#HautPage .Entete ul a.Actif, #HautPage .Entete ul a.Actif:hover {
	background-position: 30px 0px;
}
body.lang-FR #HautPage .Entete ul a.MenuAccueil			{ width: 47px; background-image: url(images/Menu_Accueil_FR.png); }
body.lang-FR #HautPage .Entete ul a.MenuProduits		{ width: 53px; background-image: url(images/Menu_Produits_FR.png); }
body.lang-FR #HautPage .Entete ul a.MenuContactezNous	{ width: 101px; background-image: url(images/Menu_ContactezNous_FR.png); }
body.lang-FR #HautPage .Entete ul a.MenuLangue			{ width: 46px; background-image: url(images/Menu_Langue_FR.png); }
body.lang-EN #HautPage .Entete ul a.MenuAccueil			{ width: 33px; background-image: url(images//Menu_Accueil_EN.png); }
body.lang-EN #HautPage .Entete ul a.MenuProduits		{ width: 57px; background-image: url(images//Menu_Produits_EN.png); }
body.lang-EN #HautPage .Entete ul a.MenuContactezNous	{ width: 68px; background-image: url(images//Menu_ContactezNous_EN.png); }
body.lang-EN #HautPage .Entete ul a.MenuLangue			{ width: 53px; background-image: url(images//Menu_Langue_EN.png); }
body.lang-HU #HautPage .Entete ul a.MenuAccueil			{ width: 33px; background-image: url(images//Menu_Accueil_HU.png); }
body.lang-HU #HautPage .Entete ul a.MenuProduits		{ width: 57px; background-image: url(images//Menu_Produits_HU.png); }
body.lang-HU #HautPage .Entete ul a.MenuContactezNous	{ width: 68px; background-image: url(images//Menu_ContactezNous_HU.png); }
body.lang-HU #HautPage .Entete ul a.MenuLangue			{ width: 53px; background-image: url(images//Menu_Langue_HU.png); }


/*--- Imagerie d'entęte ---*/
#HautPage .Imagerie {
	position: relative;
	width: 948px;
	height: 166px;
	background: url(images//Bg_Int_Imagerie.jpg) no-repeat 0% 0%;
	margin: 0 13px;
}
#HautPage .Imagerie p, #HautPage .Imagerie div {
	float: left;
	margin: 0;
}
#HautPage .Imagerie .Slogan {
	width: 649px;
	height: 163px;
}
#HautPage .Imagerie .Slogan p {
	position: absolute;
	left: 272px;
	top: 78px;
}
#HautPage .Imagerie .clearer {
	width: 948px;
	height: 3px;
	background: #98b6cc;
	overflow: hidden;
}

/*--- Contenu central ---*/
#CorpsPage {
	width: 948px;
	margin: 0 13px;
}

/*--- Pied de page ---*/
#BasPage {
	height: 37px;
	background: url(images//Bg_BasPage.png) no-repeat 0% 100%;
}
#BasPage p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #b1b3b5;
	text-align: right;
	margin: 0;
	padding: 8px 28px 0 0;
}
#BasPage p span {
	margin: 0 12px;
}
#BasPage a {
	color: #b1b3b5;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Acc #HautPage .Imagerie {
	height: 186px;
	background-image: url(images//Bg_Acc_Imagerie.jpg);
	margin: 0 13px 4px;
}
body.Acc #HautPage .Imagerie .Slogan {
	width: 948px;
	height: 45px;
}
body.Acc #HautPage .Imagerie .Slogan p {
	left: 0px;
	top: 12px;
	width: 948px;
	text-align: center;
}

body.Acc #CorpsPage {
	position: relative;
	height: 190px;
	background: url(images//Bg_Corps_Acc.png) repeat-x 0% 0%;
	padding-top: 46px;
}
body.Acc #CorpsPage h2, body.Acc #CorpsPage p {
	margin: 0 50px 16px 438px;
}
body.Acc #CorpsPage h2 {
	height: 21px;
	background: no-repeat 0% 0%;
	text-indent: -9999px;
	overflow: hidden;
}
body.lang-FR.Acc #CorpsPage h2 { background-image: url(images//Ti_Acc_QuaranteAnnees_FR.png); }
body.lang-EN.Acc #CorpsPage h2 { background-image: url(images//Ti_Acc_QuaranteAnnees_EN.png); }
body.lang-HU.Acc #CorpsPage h2 { background-image: url(images//Ti_Acc_QuaranteAnnees_HU.png); }

body.Acc #CorpsPage p {
	line-height: 1.6em;
	margin-bottom: 30px;
}
body.Acc #CorpsPage .Photo {
	position: absolute;
	top: 21px;
	left: 36px;
	margin: 0;
}


/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#HautPage .Section {
	position: relative;
	width: 948px;
	height: 40px;
	margin: 0 13px;
}
#HautPage .Section h1 {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 600px;
	background: no-repeat 0% 0%;
	text-indent: -9999px;
	overflow: hidden;
}
body.lang-FR #HautPage .Section h1.Produits			{ background-image: url(images//Ti_Produits_FR.gif); }
body.lang-FR #HautPage .Section h1.ContactezNous	{ background-image: url(images//Ti_ContactezNous_FR.gif); }
body.lang-EN #HautPage .Section h1.Produits			{ background-image: url(images//Ti_Produits_EN.gif); }
body.lang-EN #HautPage .Section h1.ContactezNous	{ background-image: url(images//Ti_ContactezNous_EN.gif); }
body.lang-HU #HautPage .Section h1.Produits			{ background-image: url(images//Ti_Produits_HU.gif); }
body.lang-HU #HautPage .Section h1.ContactezNous	{ background-image: url(images//Ti_ContactezNous_HU.gif); }

/*--- Titres ---*/
#CorpsPage h2.SystemesCentraux,
#CorpsPage h2.Accessoires,
#CorpsPage h2.QuaranteAnnees {
	height: 30px;
	background: #98b6cc no-repeat 15px 50%;
	margin: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
body.lang-FR #CorpsPage h2.SystemesCentraux	{ background-image: url(images//Ti_SystemesCentraux_FR.png); }
body.lang-FR #CorpsPage h2.Accessoires		{ background-image: url(images//Ti_Accessoires_FR.png); }
body.lang-FR #CorpsPage h2.QuaranteAnnees {background-image: url(images//Ti_Int_QuaranteAnnees_FR.png); }
body.lang-EN #CorpsPage h2.SystemesCentraux	{ background-image: url(images//Ti_SystemesCentraux_EN.png); }
body.lang-EN #CorpsPage h2.Accessoires		{ background-image: url(images//Ti_Accessoires_EN.png); }
body.lang-EN #CorpsPage h2.QuaranteAnnees {background-image: url(images//Ti_Int_QuaranteAnnees_EN.png); }
body.lang-HU #CorpsPage h2.SystemesCentraux	{ background-image: url(images//Ti_SystemesCentraux_HU.png); }
body.lang-HU #CorpsPage h2.Accessoires		{ background-image: url(images//Ti_Accessoires_HU.png); }
body.lang-HU #CorpsPage h2.QuaranteAnnees {background-image: url(images//Ti_Int_QuaranteAnnees_HU.png); }


/*--- Colonnes de contenu gauche ---*/
#CorpsPage .ColG {
	float: left;
	width: 647px;
	border: 1px solid #dedede;
	border-bottom: 0;
	margin: 0 8px 5px 0;
}
#CorpsPage .ColG h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #4f4c4d;
	background: #ffffff url(images//Bg_H3.gif) repeat-x 0% 100%;
	margin: 0 1px;
	padding: 5px 17px 6px;
}

/*-- Introduction --*/
#CorpsPage .ColG .Intro {
	position: relative;
	width: 645px;
	height: 147px;/*174px;*/
	background: url(images//Bg_Corps_Intro.png) no-repeat 0% 0%;
	margin: 0 1px;
	padding-top: 27px;
}
#CorpsPage.ContactezNous .ColG .Intro {
	background: url(images//Bg_Corps_Intro-Contact.png) no-repeat bottom left;
	height: 315px;
}
#CorpsPage .ColG .Intro h2, #CorpsPage .ColG .Intro p {
	margin: 0 25px 10px 195px;
}
#CorpsPage.ContactezNous .ColG .Intro p {
	margin-left: 17px;
}
#CorpsPage .ColG .Intro h2 {
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
}
#CorpsPage .ColG .Intro p {
	line-height: 1.6em;
}
#CorpsPage .ColG .Intro .Photo {
	position: absolute;
	top: 25px;
	left: 20px;
	margin: 0;
}

/*-- Produits --*/
#CorpsPage .ColG .Bloc {
	width: 647px;
	background: url(images//Bg_Bloc.png) no-repeat 0% 100%;
}
#CorpsPage .ColG .Bloc.Double { background-image: url(images//Bg_BlocDouble.png); }

#CorpsPage .ColG .Bloc .Produit {
	position: relative;
	padding: 40px 0;
}
#CorpsPage .ColG .Bloc.Double .Produit { padding: 20px 0; }

#CorpsPage .ColG .Bloc.Double .Produit {
	float: left;
	width: 323px;
}
#CorpsPage .ColG .Bloc .Produit h4, #CorpsPage .ColG .Bloc .Produit p {
	line-height: 1.6em;
	margin: 0 15px 10px 125px;
}
#CorpsPage .ColG .Bloc .Produit h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 2px;
}
#CorpsPage .ColG .Bloc .Produit .Photo {
	position: absolute;
	top: 10px;
	left: 0px;
	margin: 0;
}

/*--- Colonnes de contenu droite ---*/
#CorpsPage .ColD {
	float: left;
	width: 287px;
	background: url(images//Bg_ColD.png) no-repeat 0% 100%;
	border: 1px solid #dedede;
	margin-bottom: 5px;
}
#CorpsPage.ContactezNous .ColD {
	height: 341px;
}
#CorpsPage .ColD .Photo {
	margin: 0 2px;
}
#CorpsPage .ColD .Contenu {
	margin: 0 16px;
	padding: 14px 0 8px;
}
#CorpsPage .ColD .Contenu h3, #CorpsPage .ColD .Contenu p {
	line-height: 1.6em;
	margin: 0 0 10px;
}
#CorpsPage .ColD .Contenu h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #5785a7;
	margin: 0;
}
#CorpsPage .ColD .Contenu .Separateur {
	height: 1px;
	background: url(images//Bg_ColD_Separ.gif) repeat-x 0% 0%;
	overflow: hidden;
	margin: 18px 0;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-size: 1.1em;
	color: #FF9933;
}
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/
a.LienAvecPuce {
	background: url(images//Puce_Lien.gif) no-repeat 100% 50%;
	padding-right: 12px;
}
a.LienBouton, a.LienBouton:hover {
	font-weight: bold;
	color: #ffffff;
	background: #e58603;
	padding: 2px 8px;
}

/*- Classes pour les images ----*/
img.ImageContour, img.ImageGauche, img.ImageDroite {
	background: #ffffff;
	border: 1px solid #dedede;
	padding: 1px;
}
img.ImageGauche {
	margin:	2px 12px 6px 0;
}
img.ImageDroite {
	margin: 2px  0 6px 12px;
}

/*--------------------------------------------------------------------------*/