/* CLASS */
/* PARTOUT */
.maclasse, .maclassemini, .sous-menu, .longlette, .onglet, .p, .bande_bladresse, em, h1, h2, h3, h5, h6, body
{
font-family:  Arial, Verdana, Tahoma, "Courier New", "Comic Sans MS";
}
.blutik   /* que du bleu*/
{ 
color: rgb(0,0,155);
background-color:rgb(0,0,155); /*blue;*/
}
.maclasse
{
/*font-family:  Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
text-align:justify;
font-size: medium;
/*font-size: 12px;/*18px;
/*border: 2px solid black;*/
}
.maclassemini
{
/*font-family:  Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
text-align:justify;
font-size: small; /*10px;*/
/*border: 2px solid black;*/
}
.classemin
{
/*font-family:  Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
text-align:justify;
font-size: small; /*10px;*/
/*border: 2px solid black;*/
}
p /* balise paragraphe */
{
text-align:right;
font-size: xx-small;
}
.classunderline /* balise à insérer dans p paragraphe */
{
    text-decoration: underline;
}
h1 /*  TITRE PRINCIPAL SUREMENT LES CONVERTIR EN AVEUGLE POUR REFERENCEMENT GOOGLE */
{
color: white; /*none; /*white;*/
background-color: white; /*none; /*white;*/
font-size: 0px;
height: 22px; /* = bande blanche*/
}
h3 /* SOUS-TITRE */
{
clear: right;
color: white;
background-color:rgb(0,0,155); /*blue;*/
/*font-family: Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
/*text-align: left;/*center;/*justify;*/
/*float:left;/*none;*/
/*clear: both;*/
font-size: 22px;
height:30px;/*28px;/**/
/*display: inline;*/
/*		position: fixed; /*relative;/* absolute;*/
/*width: auto;/*1000px; /* pour ne pas avoir de saut de ligne dans les titres- ne marche pas sur IE*/
/*float: none;*/
/*position: absolute;
/*op: 0px;
left: 0px;
text-align:left;*//*
		position: relative;*/
	width: 1400px; /*810px;*/
	left: 0px;
}
h2 /* SOUS-TITRE */
{
clear: right;
color: white;
background-color:rgb(0,0,155); /*blue;*/
/*font-family: Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
/*text-align: left;/*center;/*justify;*/
/*float:left;/*none;*/
/*clear: both;*/
font-size: 22px;
height:30px;/*28px;/**/
/*display: inline;*/
/*		position: fixed; /*relative;/* absolute;*/
width: auto;/*1000px; /* pour ne pas avoir de saut de ligne dans les titres- ne marche pas sur IE*/
}
h5 /*-------------Not used for the moment-------------*/
{
color: rgb(0,0,155);
background-color:white; /*blue;*/
/*font-family: Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
text-align:left; /*center;/*justify;*/
font-size: xx-small;
font-weight: normal; /*regular;*/
height: 15px;
font-style: italic;
}
h6 /*-------------Not used for the moment-------------*/
{
color: white;
background-color:rgb(0,0,155); /*blue;*/
/*font-family: Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
text-align:right;
font-size: xx-small;
height: 20px;
}
em /*------------je le vaux bien!-------------*/
{
color: rgb(0,0,155);
background-color:white; /*blue;*/
/*font-family: Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
text-align: left; /*center;/*justify;*/
font-size: small;
font-weight: bold;
/*height: 15px;*/
font-style: italic;
width: 100px;
}
/* liste  ???????????????------------Not used for the moment-------------*/
/*dt
{
font-weight: bold;
color: white;
background-color: lack;
}
*/
/*-----------------------------------------------Not used for the moment-------------------------------------------------------------------*/
/*#bloc1
{
font-family: Tahoma, Verdana, Comic Sans MS, Courier New, Arial;
text-align:center;
font-size: large;
font-weight: bold;
font-style: italic;
text-decoration: underline;
text-decoration: blink;
color: rgb(111, 200, 50);
}
#titre1
{
clear: right;
color: white;
font-family: Tahoma, Verdana, Comic Sans MS, Courier New, Arial;
text-align:justify;
font-weight: bold;
font-size: 24px;
background-color: rgb(0,0,155); 
height: 24px;
}
#titre2
{
clear: right;
color: white;
font-family: Tahoma, Verdana, Comic Sans MS, Courier New, Arial;
text-align:right;
font-weight: bold;
font-size: 10px;
background-color: rgb(0,0,155); 
height: 12px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*  REPARTITION */
body
{
width:90%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
color: black;
background-color:white;
/*font-family: Verdana, Comic Sans MS, Courier New, Arial;*/
/*<!-- background-image: url("posterpng.png"); --!>
<!-- background-attachment: fixed; --!>
<!-- background-repeat: repeat-x; --!>
<!-- background-position: top right --!>
*/
}
/*img
{
width: auto;
top: 0px;
left: 0px;
margin-top: 0px;
margin-left: 0px
}*/

#corps
{
margin-left: 350px;/*333px; /* auto; //33%;*/
margin-top: 0px;
padding: 0px; /*3px;*/
padding-top: 0px;
/*background-color:green;
/*float: left;*/
}
#corpselargi
{
margin-left: 200px;/*333px; /* auto; //33%;*/
margin-top: 0px;
padding: 0px; /*3px;*/
padding-top: 0px;
/*background-color:green;
/*float: left;*/
}
#corpslarge
{
margin-left: 0px;/*333px; /* auto; //33%;*/
margin-top: 0px;
padding: 0px; /*3px;*/
padding-top: 0px;
/*background-color:green;
/*float: left;*/
}
#tikkcorps
{
top: 0px;
margin-left: 350px;/*333px; /* auto; //33%;*/
margin-top: 0px;
padding: 0px; /*3px;*/
padding-top: 0px;
height: 700px;/*1111px;
/*width:300px; /*15%;*/
/*float: right;/*left;*/
background-image: url("drawing/cartesFF4.png");
background-repeat: no-repeat;
background-position: top right;/*left;*/
}
/*
#ref
{
width: 30%;
float: right;
}
*/
#lateral
{
width: 320px; /*290px;*/
margin-left: 4px;/**/
float: left;/* insere undécalage sous mozilla*/
margin-top: 0px;
/*padding-left: 10px;
padding-right: 2px;*/
padding-top: 0px;
/*background-color:orange;*/
}
#lateralmin
{
width: 160px; /*290px;*/
margin-left: 4px;/**/
float: left;/* insere undécalage sous mozilla*/
margin-top: 0px;
/*padding-left: 10px;
padding-right: 2px;*/
padding-top: 0px;
/*background-color:orange;*/
}
#lateralarge
{
width: 490px;
margin-left: 0px;/*333px; /* auto; //33%;*/
float: left;
margin-top: 0px;
padding-top: 0px;
}
#complateralarge
{
margin-left: 500px;/*333px; /* auto; //33%;*/
margin-top: 0px;
padding: 0px; /*3px;*/
padding-top: 0px;
}
#en_tete
{
height: 20px; /*40px;*/
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*                   a:  LIEN VERS AUTRE PAGE pseudo-format   */
a  /* apparence lien par défaut */
{
/*color: none; /*black; /*rgb(0,0,155); /*blue;*/
}
a img
{
border: none;
}
a:hover /* lien pointé */
{
/* color:none; /*rgb(0,0,155); *//*red;*/
font-weight: bold; /*normal; /*none; /*bold;*/
        color: white; /*#000; /* On passe le texte en noir... */
        background: none;/*supprime la mise en relief sous Mozilla--rgb(0,0,155);*/
		background-color: transparent; /*none;/* lime;*/
outline-style: none; /*solid;*/
outline-color: white; /*none;*/
}
a:active
{
background-color:transparent; /*none;/* lime;*/
outline-style: none; /*solid;*/
outline-color: white; /*transparent; /*none; /*red;*/
        color: white; /*#000; /* On passe le texte en noir... */
        background: rgb(0,0,155);
}
a:visited
{
/*color:black; /*white;*/
font-style: normal;/* none;/* italic;*/
/*border-color:white;*/
outline-style: none; /*solid;*/
outline-color: white; /*none; /*red;*/
text-decoration: none;
color: rgb(0,0,155);
        background: white;
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/* TABLE */
ul
{
list-style-position: inside;
list-style-type: square;
}
th
{
/*width: 320px;/**/
color: white; /*rgb(0,0,155); /*white;*/
border-top: none;
border-bottom: none;
border-right: solid;
border-left: solid;
/*border-style: solid; /*none; /*ridge;*/
border-width: 6px; /*3px;*/
/*border-color:rgb(0,0,155);*/
border-color:rgb(0,0,155);
/*margin-left: 0em;
margin-right: 0em;
border: spacing 0pt;
border: inset 0pt;
border: outset 0pt;*/
background-color: rgb(0,0,155); /*blue*/
height: 20px;
margin-top: 0px;/*pour voir*/
padding-top: 0px;
border-top:0px;
}

td
{
/*width: 320px;*/
border-top: none;
border-bottom: none;/*solid; /*none;*/
border-right: solid;
border-left: solid;
border-width: 6px; 
border-color:rgb(0,0,155);
/*margin-left: 0em;
margin-right: 0em;
border: spacing 0pt;
border: inset 0pt;
border: outset 0pt;
color: rgb(0,0,155); /*white;*/
background-color: white; /*rgb(0,0,155); /*blue*/
}

.cadrebas  { 
border-top: none;
border-bottom: solid; /*none;*/
border-right: solid;
border-left: solid;
border-width: 6px; /*3px;*/
border-color:rgb(0,0,155);
/*background-color: white; /*rgb(0,0,155); /*blue*/
/*height: 20px;*/
}
.cadrehaut  { 
border-top: solid;
border-bottom: solid; /*none;*/
border-right: solid;
border-left: solid;
border-width: 6px; /*3px;*/
border-color:rgb(0,0,155);
/*background-color: white; /*rgb(0,0,155); /*blue*/
/*height: 20px;*/
}

.cadrebasbleu  { 
border-top: none;
border-bottom: solid; /*none;*/
border-right: solid;
border-left: solid;
border-width: 6px; /*3px;*/
border-color:rgb(0,0,155);
background-color: rgb(0,0,155); /*blue*/
/*height: 20px;*/
}
table
{
width: 310px;
        font-weight : bold; /* on met le texte en gras */
        /*font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		text-align:justify;
border-style: none; /*solid;*/
border-width: 0px; /*1px;*/
border-color:rgb(0,0,155);
border-collapse: collapse;
margin-top: 0px;/*pour voir*/
padding-top: 0px;/**/
/*border-top:0px;
background-color: red; /*pour test*/
}
.tablette
{
        width : 150px; /*140px; /* largeur */
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*  BANNIERES */
#bande_bleue
{
clear: right;
color: white;
background-color: rgb(0,0,155); /*blue*/
height: 20px;
/*font-family: Arial; /*Tahoma, Verdana, Comic Sans MS, Courier New, Arial;*/
text-align:center;/*justify;*/
font-size: xx-small;
font-weight: normal; /*regular;*/
}
#bande_bleue_totale
{
/*clear: left;*/
color: rgb(0,0,155); /*white;*/
background-color: rgb(0,0,155); /*blue*/
height: 20px;
/*width: auto;*/
}
.bande_blanche
{
clear: left;
color: white; /* black;*/
background-color: white;
height: 22px;
}
.bande_bladresse
{
clear: left;
font-size : 12px;
text-align:center; /*justify;*/
color: rgb(0,0,155); /*white; /* black;*/
background-color: white;
height: 22px;
}
.bande_bleue_debut
{
color:rgb(0,0,155); /*blue;*/ /*white;*/
background-color: rgb(0,0,155);
height: 20px;
width:50px; /*10%;*/
float: left;
/*border-top:2px;*/
}
.bande_logo
{
height: 22px;
width:135px; /*15%;*/
float: left;
background-image: url("drawing/tikketo32.png"); /*logotikk.png");*/
background-repeat: no-repeat;
background-position: center;/*200px 0px 0px 0px; /*center;*/
/*padding-top: 0px;
margin-bottom:15px;*/
/*background-padding: */
/*border-bottom: 22px;*/
}
.bande_bleue_fin
{
color: rgb(0,0,155); /*white;*/
background-color: rgb(0,0,155); 
height: 20px;
width: auto;
}
#bande_bleue_txt
{
clear: right;
color: rgb(0,0,155); /*white;*/
background-color: white;/*rgb(0,0,155); */
height: 20px;
width: auto;
        line-height : 20px; /*21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
        font-weight : bold; /* on met le texte en gras */
        /*font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		position: absolute;
	width: 1400px; /*810px;*/
/*	left: 80px;*/
}
#banniere_rem
{
height: 250px; /*250px;*/
background-image: url("drawing/tehovinssi_18.jpg");
}
#banniere_neige
{
height: 272px; /*250px;*/
background-image: url("drawing/tehovinssi_18lumi.jpg");
}
#banniere_neige_suomi
{
height: 220px; /*250px;*/
background-image: url("drawing/suomikarry_banneri2.jpg");
}
#banniere_alab
{
height: 152px;
background-image: url("drawing/alabmain.jpg");
background-position: right;
/*background-position: bottom;*/
/*float: right; /*left;*/
}
#banniere_map
{
height: 550px;
background-image: url("drawing/poster.png");
}
#banniere_lumiaura
{
height: 270px; /*250px;*/
background-image: url("drawing/lumiaura.jpg" );
}
#banniere_pro
{
height: 270px; /*250px;*/
background-image: url("drawing/ohjeita_18.jpg");
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/* MENU PROCESS*/
#sous-menu, #sous-menu ul /* Liste */     
{
	font-size: xx-small;
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /*21px; /* on définit une hauteur pour chaque élément */
        text-align : right; /*center; /* on centre le texte qui se trouve dans la liste */
}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /*21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        /*font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		position: absolute;
	width: 1400px; /*810px;*/
	left: 80px;
/*	top:100px;
/*	float: left;
/*	z-index: 10000000;
	padding: 0;
	margin: 0;*/
}
#menu a  /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
      padding : 0; /* aucune marge intérieure */
      background : rgb(0,0,155); /*blutik; /* /*#000; /* couleur de fond */        
      color : white;/* #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
/*        width : 130px; /*144px; /* largeur */
 /*	position: relative;*/
	padding:  0 5px 0 5px; /*0 15px 0 15px;*/
}
.longlette
{
        width : 144px; /*140px; /* largeur */
}
.onglet /* Contenu des listes */
{
        width : 78px; /*74px; /*144px; /* largeur */
}
#menu li /* Elements des listes */      
{ 
/*		display : inline;*/
		float : left; 
        /* pour IE qui ne reconnaît pas ransparent" */
/*        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
/*			list-style-type: none;
	float: left;*/
	position: relative;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
 /*       border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul  /* Sous-listes */
{ 
        position: relative; /*absolute; /* Position absolue */
		margin: 0;
		padding: 0;
		float: left;
 /*       width: 244px; /* Largeur des sous-listes */
 /*       left: -999em; /* Hop, on envoie loin du champ de vision */
		display: none;
}
#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		margin: 0;
		padding: 0;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
		margin: 0;
		padding: 0;
}
/*#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
 /*       border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
/*}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
/*html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
/*}*/
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: rgb(0,0,155); /*#000; /* On passe le texte en noir... */
        background: white; /*#fff; /* ... et au contraire, le fond en blanc */
}
/*#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
/*{
 /*       left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
/*}
/*
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
/*{
        left: auto; /* Repositionnement normal */
  /*      min-height: 0; /* Corrige un bug sous IE */
/*}
*/
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
 /*       left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug <<<<<<<<<<<<<<<<<<<<<<<<<<<<<  */
		display: block;
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
#banniere_hydrauli_kippi
{
height: 270px; /*250px;*/
background-image: url("drawing/hydrauli_kippi.jpg" );
background-repeat: no-repeat;
}
#banniere_kippaus
{
height: 270px; /*250px;*/
background-image: url("drawing/kippaus.jpg" );
background-repeat: no-repeat;
}
#banniere_ohjeita_18
{
height: 270px; /*250px;*/
background-image: url("drawing/ohjeita_18.jpg" );
background-repeat: no-repeat;
}
#banniere_yhteystiedot_18
{
height: 270px; /*250px;*/
background-image: url("drawing/yhteystiedot_18.jpg" );
background-repeat: no-repeat;
}
#banniere_jalleenmyyjat_18
{
height: 270px; /*250px;*/
background-image: url("drawing/jalleenmyyjat_18.jpg" );
background-repeat: no-repeat;
}
#banniere_tehovinssi_18
{
height: 270px; /*250px;*/
background-image: url("drawing/tehovinssi_18.jpg");
}
#banniere_tuotteet_18
{
height: 270px; /*250px;*/
background-image: url("drawing/tuotteet_18.jpg");
}
#banniere_IE6
{
height: 100px; /*250px;*/
background: white;
background-repeat: no-repeat;
}