a.titremoteur{font-size:18px;}
* {
	margin:0;
}

/** En-tête : */
#BlocHAUT {
	background: #FFFFFF url('images/entete.png'); /* (grosse barre grise) */
	/*border: 1px solid black; /* Une bordure noire de 1 pixel sur tous les côtés, sauf... */
	border-bottom: none; /* ... en bas, pour ne pas faire double-emploi avec la bordure du haut de #page */
	margin-top: 10px;
}

.gapiarea2 {width:200px;}

#HautTDgauche {
	width: 250px;
	 /*border-bottom: 1px solid black;*/
	/* L'entête est composé de deux parties : h1 et #menu, il faut donc les séparer */
}
h1 {
	width: 250px;
	height: 72px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 72px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/h1.png') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}

h2,h3,h4,h5{
	/* On utilise les titres pour mieux référencer le site, n'allant pas à la ligne */
	display:inline;
	padding:0;
	margin:0;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
h2{font-size:16px;font-weight:bolder;font-style:italic;}


#HautTDcentre {
	width:100%;
	/*border-bottom: 1px solid black; /* L'entête est composé de deux parties : h1 et #menu, il faut donc les séparer */}
#HautTDdroite {
	/*border-bottom: 1px solid black; /* L'entête est composé de deux parties : h1 et #menu, il faut donc les séparer */
	width:400px;
}
#a{
	width: 64px;
	height: 72px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 72px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/ArrondiRech.gif') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}
#Rechercher{margin-left:30px;width: 300px;background-color:#000000;color:#FFFFFF;}

#rechercherArrondi{
	width: 64px;
	height: 71px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 71px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/rechercherArrondi.gif') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}
.titre_texte_accueil_titre, .titre_texte_accueil {
	font-weight: bold;
	color:#CC0000;
}
.titre_texte_accueil_titre {
	font-size: 20px;
}
.titre_texte_accueil {
	font-size: 14px;
}
#pellicule{
	width: 950px;
	height: 100px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 100px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/pellicule.gif') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}

#pellicule2{
	width: 950px;
	height: 100px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 100px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/pellicule.gif') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte */
}

/** Menu principal : */
#menu {
  background: black url('images/menu.png'); /* (barre noire, avec un bandeau à rayures noir et orange juste en dessous) */
  list-style: none; /* On ne veut plus que les lignes de la liste aient de puces */
  margin: 0; /* Aucune marge au dessus et en dessous de la liste (les listes étant normalement utilisées entre des paragraphes) */
  padding: 0; /* Aucune indentation des éléments contenus dans la liste (généralement, les listes ont un padding à gauche) */
  font-size:10px;
  height: 29px;
}
.sousmenu {
	font-size:6px;
}
#ssmenu {padding-left:12px;}

/** Page : */
#MilieuTABLE{
	/*border: 1px solid #000000;*/
	/*border: 1px solid black; /* Une bordure noire de 1 pixel sur tous les côtés, sauf... */
	border-bottom: none; /* ... en bas, pour ne pas faire double-emploi avec la bordure du haut de #page */
}
.trait_Logo{
	border-bottom-color: #CCCCCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	background-color:#FFFFFF;
}
#BlocCENTRE {
	background: white; /* Technique fake-columns : le menu de gauche a un fond sur toute la hauteur de la page */
	/*border: 1px solid black; /* Encadrer toute la page par une bordure noire de 1 pixel */
	width:730px;
}

/** Contenu : */
/* --- Titre --- */
#Entete{
	margin-left: 10px; /* 10 (la marge que l'on veut donner au contenu) */
	width: 730px; /* pour Safari */
}
.IMG {
	width: 403px;
	/* height: 66px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 66px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	/* background: url('images/entete.gif') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}

/* --- Contenu --- */
#Contenu{
	margin: 10px 0px 10px 10px; /* 10 (la marge que l'on veut donner au contenu) */
	width: 730px; /* pour Safari */
}

.contactTable{font-size:11px;}

.gapitextemargeENTREPcontact gapititre{height: 70px; width:70px}

p{/* width:100%; */}

/* --- Pied --- */
#Pied{background:url('../images/gris.gif') repeat;}
#texte_Soficham {
width:170px;
	text-align:center;
	background-color:#FFFFFF;
}
#LOGO_SOFICHAM {
	width: 91px;
	height: 27px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 27px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/LogoSoficham.gif') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}
.trait {
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/trait.gif') repeat-x;
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}

/** BlocGAUCHE : */
#BlocGAUCHE {
	padding-left: 10px;
	padding-right: 10px;
	width:189px;
}


#BlocGAUCHE_corps {}
.telephone {
	width: 30px;
	height: 25px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 15px; /* Centrer le texte sur toute la hauteur de l'image de fond */
	margin: 0; /* Par défaut les navigateurs assignent une marge aux titres. Ici on gère notre propre mise en page */
	text-align: center; /* Centrer le texte horizontalement sur toute la largeur de la page */
	/* Technique de substitution du texte par une image : */
	background: url('images/telephone.gif') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
	text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
}

/** Bloc GAUCHE */
#BlocDROIT {
	width: 198px; /* Largeur de l'image sous-menu-lien.png */
	margin: 0; /* Aucune marge au dessus et en dessous de la liste (les listes étant normalement utilisées entre des paragraphes) */
	padding: 0; /* Aucune indentation des éléments contenus dans la liste (généralement, les listes ont un padding à gauche) */
}
/** Bloc BAS */
#BlocBAS{
	width: 100%;
}
#LOGO_L2M{padding-left: 15px;}

/** Images selon Menu sélectionné */
.LOGO_NISSAN, .LOGO_LOGITRANS, .LOGO_JCB, .LOGO_HIAB {}
.LOGO_JCB {padding-left:40px;}

.btn_noir{
	color:#FFFFFF;
	background-color:#000000;
	font-weight:bold;
	border: thin solid #000000;
}

.espace_Moteur{width: 50px;}

.retourAccueil{text-align:center;text-decoration:none;font-size: 15px; font-weight:bold;}
a.retourAccueil:link{color: #CC0000;}
a.retourAccueil:visited{color: #CC0000;}
a.retourAccueil:hover{color: #000066;}

a.mailto:link{
	color: #CC0000;
	text-decoration: underline;
}
a.mailto:visited{
	color: #CC0000;
	text-decoration: underline;
}
a.mailto:hover{
	color: #000000;
	text-decoration: none;
}

.imggg {margin-top:30px;}
.moteur {width:200px;}

.gapiformmargetable{text-align:left;}

/* --- infobulle --- */
.infobulle, .infobulle_SAV{
	position: absolute;
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}
.titreinfobulle{font-weight:bolder;}
.infobulle{width:200px;}
.infobulle_SAV{width:240px;}

/** Impression : */

@media print {
  #menu, #sous-menu { /* Les menus et sous-menus ne servent à rien sur une feuille                     */
    display: none;    /* (en effet, on ne peut malheureusement pas les cliquer, c'est assez ballot !)  */
  }

  body {
    background: none; /* Enlever l'image de fond en forme de "grille" (au cas où le visiteur ai activé l'impression des images de fond) */
  }
  
  h1 {
    background-image: none; /* On remet le texte à la place de l'image, car par défaut, les images de fond ne sont pas imprimées */
    text-indent: 0; /* Annule la technique de remplacement de texte par une image, le texte redevient visible */
  }

  #pageTABLE {
    background: none; /* Enlever l'image de fond simulant le sous-menu de gauche, car on a caché ce sous-menu */
    /*border: none; /* Ne plus entourer le contenu avec une bordure noire. Cela est moche sur une page imprimée, */
  }               /* et il n'y a plus besoin de séparation car on a enlevé l'image de fond en forme de grille  */

  #contenuTABLE {
    margin: 0; /* Ne plus faire de place pour le menu de gauche, qui est supprimé                             */
  }            /* De plus, les 10px de marge ne sont plus nécessaire car on a enlevé les bordures de la page, */
               /* et les feuilles imprimées ont déjà une marge                                                */
  #piedTABLE {
    /*border: 1px solid black; /* Les bordures bas, droite et gauche étaient réalisées par la bordure de la page             */
  }                          /* Hors, on l'a enlevée la bordure de la page. Entourer tout le pied par une nouvelle bordure */
}