.champ {
	border-width:1px; /* lisere entourant le cadre message du formulaire avec une bordure de 1 pixel */
	border-color:#000066; /* couleur bleue comme les sous-titres */
	border-style:dashed; /* le lisere est sous forme de tirets */
	font-family:Verdana, arial; /* famille de police utilisee */
	font-size:11px; /* taille de la police */
	color:#CC0000; /* couleur rouge de la police */
}

.champ4 {
	border-width:1px; 
	border-color:#fcb102; /* lisere jaune autour des produits en page d'accueil */
	border-style:dotted; /* le lisere est sous forme de pointilles */
	font-family:Verdana, arial;
	font-size:11px;
	color:#CC0000;
}

.champ5 {
	border-width:1px;
	border-color:#aa0000; /* liseret rouge autour de la presentation de l'entreprise en acceuil */
	border-style:dotted;
	font-family:Verdana, arial;
	font-size:11px;
	color:#114477;
}

.champ2 {
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:2px;
	border-bottom-width:2px;
	border-color:#000066;
	background-color:#ADBDD6;
	border-style:ridge; /* effet 3d autour de la présentation des services et techniques en accueil */
	font-family:Verdana, arial;
	font-size:11px;
	color:#AA0000;
}


.td-puce {
	background-repeat:repeat-y; /* permet de repeter l'image de fond vertivalement */
	background-image: url(images_site/puce-rouge.gif);
	background-position:2px 5px; /* permet de définir le positionnement de la puce par rapport aux bords */
}


h1 {
	margin-left:1em; /* personnalisation de la balise d'en-tete h1 pour lui mettre un retrait à gauche */
	font-weight:normal;
}

h2 {
	margin-left:1.9em; /* personnalisation de la balise d'en-tete h2 pour lui mettre un retrait à gauche */
	font-weight:normal;
}

.titre {
	font-family:Verdana, arial; /* titres rouges et gras */
	font-size:11px;
	color:#aa0000;
	font-weight:bold;
}

.texte {
	font-family:Verdana, arial; /* texte bleu justifié */
	font-size:11px;
	color:#114477;
	text-align:justify;
}

.petittexte {
	font-family:Verdana, arial; /* petit texte bleu */
	font-size:9px;
	color:#114477;
}

.chemin {
	font-family:Verdana, arial; /* Texte en jaune et gras indiquant la navigation en haut à gauche de la page */ 
	font-size:9px;
	color:#fcb102;
	font-weight:bold;
}

.soustitre {
	font-family:Verdana, arial; /* Sous-titres bleus, gras et italique */
	font-size:11px;
	color:#000066;
	font-style:italic;
	font-weight:bold;
	margin-left:0.6em;
}

a.menu {text-decoration:none;color:#aa0000;margin-left:0.6em;} /* pour ne pas souligner les liens vers les pages dans le menu, leur donner une couleur rouge, et mettre un retrait gauche par rapport au titre de la rubrique */
a.menu:hover {text-decoration:none;color:#fcb103;} /* au passage de la souris le lien rouge du menu devient jaune */
a.menubleu {text-decoration:none;color:#336699} /* pour ne pas souligner les titres des rubriques et leur donner une couleur bleue */

a {font-family:Verdana,arial;font-size:11px;color:#aa0000;} /* indique que les liens du site sont en rouge */
a:hover {color:#fcb103;} /* indique qu'au passage de la souris sur un lien il devient jaune */

tbody.on { display:table-row-group; } /* indique au menu de déplier les sous-rubriques */
tbody.off { display:none; } /* indique au menu qu'il faut regrouper les lignes */