/* -------------------------Feuille de style du site www.metalliques;courroies.biz--------- */

/* ATTENTION : Toute supression d'un caractère tel que : ; { } * / a de redoutables conséquences */
/* Sont en position absolue les éléments suivants : Conteneur, Colonnes G et D, menub2, menug */

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-colour: #000000;			/* noir */
	background: #EEEEEE;			/* blanc */
/*	background-image: url("images/grid.gif"); */
	height: 79%; 
	}

#conteneur {					/* centré sur body, prend toute sa hauteur */
	position: absolute;
	top: 0;
	left: 50%;
	width: 750px;
	margin-left: -375px;
	height: 100%; 
	background: #444989;			/* bleu colloneg */

	}

dl, dt, dd, ul {
	margin: 0;
	padding: 0;
	border: 0;

	}

li {
	margin: 0px 0px;			/* haut/bas droite/gauche */
	padding: 2px 0px;
	}

/* ----------------------------les sélecteurs du bloc conteneur------------------------------------------------- */

#bandeau1  {					/* contient le logo de la page */
	height: 100px; 
	background: #222222;			/* gris */
	}

#bandeau2  {					/* contient menub2 */
	height: 20px;
	color: #000000;
	background: #2a6994;			/* bleu bt */
	}

/* -----schema à 1 colonne */

#colonneC1 {					/* colonne centre */
	height: 100%;
	background: #f3e9f3;			/* mauve clair */
	}

/* -----schema à 2 colonnes */

#colonneG2 {					/* colonne gauche */
	position: absolute;
	left: 0;
	width: 160px;
	background: #444989;			/* bleu colloneg */
	height: 100%;
	}

#colonneC2 {					/* colonne centre */
	margin-left: 160px;
	margin-bottom: 0;			
	height: 100%;
	background: #ffffff;			/* mauve clair */
	background-image: url("images/grid.gif");
	}

/* -----schema à 3 colonnes */

#colonneG3 {					/* colonne gauche */
	position: absolute;
	left: 0;
	width: 160px;
	background: #3482B6;			/* bleu bt plus clair*/
	}

#colonneD3 {					/* colonne centre */
	position: absolute;
	right: 0;
	width: 140px;
	background: #2a6994;			/* bleu bt */
	}

#colonneC3 {					/* colonne droite */
	margin-left: 160px;
	margin-right: 140px;
	margin-bottom: 0;			
	height: 100%;
	background: #2a6994;			/* bleu bt */
	}

#bandeau3  {					/* contient menub3 */
	height: 20px;
	background: #eeeeee;			/* gris tres clair */
	background-image: url("images/grid.gif");
	}

/* ----------------------------les sélecteurs du bloc bandeau1------------------------------------------------- */



/* ----------------------------les sélecteurs du bloc bandeau2------------------------------------------------- */

#menub2 {
	position: absolute;
	left: 0;
	top: 104px;			/* pour centrer verticalement le menu */
	list-style: 0;
	z-index: 100;
	width: 100%;			/* correction pour Opera */
	}
	
#menub2 dl {
	float: left;
	width: 150px;			/* largeur du sous-menu */
	}

#menub2 dt {				/* Texte du menu quand ce n'est pas un lien
					   ex: en présence d'un sous-menu  */		
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #2a6994;			/* bleu bt */
	}

#menub2 dt a {				/* Texte du menu quand c'est un lien 
					   n'hérite pas de menub2 dt */
	cursor: pointer;
	text-align: center;
	font-size: 10px;		/* taille des caractères du menu */
	font-weight: bold;
	color: #FFFFFF;			/* blanc*/
	background: #2a6994;
	display: block;
	text-decoration: none;		/* absence de sur/sous lignage */
	border: 0 none;
	}

#menub2 dt a:visited {
	color: #FFFFCC;
	}

#menub2 dt a:hover {
	color: #FAFA00;
	}

#menub2 dd {				/* format du sous-menu */
	display: none;			/* aucune boite n'est générée dans la structure de formatage
					cet élément n'a pas d'influence sur la mise en forme du document */
	border: 0px;
	width: 125 px;
	}

#menub2 li {
	float: left;
	text-align: left;
	background: #2a6994;
	}

#menub2 li a {
	cursor: pointer;
	text-align: left;
	display: block;
	font-size: 11px;		/* taille de caractère des sous-menus */
	color: #FFFFFF;
	text-decoration: none;		/* absence de sur/sous lignage */
	height: 100%;
	border: 0;
	}

#menub2 li a:visited {
	color: #FFFFCC;
	}

#menub2 li a:hover {
	color: #FAFA00;
	}


/* ----------------------------les sélecteurs des blocs colonneGX------------------------------------------------- */

#menug { 					/* conteneur pour le menu */
	position: absolute;
	left: 20px;
	top: 20px;
	width: 120px;
	}

#menug dt {
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	border: 0px;
	line-height: 25px;			/* Espacement vertical entre les lignes */
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	}

#menug dd {
	position: absolute;
	z-index: 150;
	left: 100px;
	margin-top: -10px;
	width: 150px;
	background: #2a6994;
	}

#menug li {
	text-align: center;
	list-style-type: none;
	}

#menug li a, #menug dt a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	}

#menug li a:hover, #menug dt a:hover {
	color: #FAFA00;
	background: #2a6994;
	}

/* ----------------------------les sélecteurs des blocs colonneCX------------------------------------------ */

#contenu { 					/* contient le texte de la page */
	padding: 0px 10px;
	text-align: left;
	color: #000000;
	font-size: 11px;
	background-image: url("images/grid.gif");
	}

#contenu table td.justify {
	text-align: justify;
	}

#contenu table td.centerblanc {
	text-align: center;
	color: #ffffff;
	background: #2a6994; 	
	}

#contenu h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background : #2a6994;			/* bleu bt */
	}		

#contenu h1 a {
	color: #FFFFFF;

	}		

#contenu h2 {
	font-size: 12px;
	font-style: italic;
	color: #2a6994;
	margin: 12px 6px 0px 0px;
	padding: 0px;
	}		

#contenu h3 {
	font-size: 10px;
	font-color: #000000;
	font-style: italic;
	}		

#contenu li {
	margin-left: 40px;
	}

#contenu ul.num {
	list-style-type: decimal;
	}


/* ----------------------------les sélecteurs du bloc bandeau3----------------------- */

#menub3 {
	height: 20px;
	background: #eeeeee;		/* blanc */
	background-image: url("images/grid.gif");
	text-align: right;
	font-size: 10px;
	font-color: #060C6F;
	}

#menub3 a {
	font-size: 10px;
	margin-left: 5px; 		/* espace entre chaque sous-menu */
	margin-right: 5px; 		/* espace entre chaque sous-menu */
	}

		
/* ----------------------------les sélecteurs de classe divers------------------------ */

.legend {
	font-size: "10px";
	font-style: "italic";
	font-color: "#dddddd";
	}

.center	{
	text-align: center;
	}

.strong {
	font-weight: bold;
	}

.souligne {
	text-decoration: underlign;
	}
	
.nonsouligne {
	text-decoration: none;		/* absence de sur/sous lignage */
	font-color: #FFFFFF;
	}

.boutonmail {
	padding: 0;
	margin: 0;
	border: 0;
	width: 125px;
	height: 12px;
	font-family: verdana;
	font-size: 10px;
	color: FFFFFF;
	font-weight: bold;
	background: #ccc;
	}

.listemenu {
	display: #000000;		/* blanc */
	visited: #000000;		/* blanc */		
	hoover: #FAFA00;		/* jaune */
	}



/* ----------------------------couleurs et divers------------------------ 

	background: #2a6994;			/* bleu bt */
	background: #3482B6;			/* bleu bt plus clair*/
	background: #6060CA;			/* bleu colloneg */
	background: #FFFFCC;			/* jaune clair */

*/