/* -------------------------Feuille de style du site www.sol.resine.biz--------- */

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

body {
	margin: 0;			/* annule valeurs defaut navigateurs */
	padding: 0;
	border: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-colour: #000000;		/* noir */
	background: #FFFFFF;		/* blanc */
	height: 76%;
	}

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

dl, dt, dd, ul {			/* annule valeurs defaut navigateurs */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	}

li {					/* annule valeurs defaut navigateurs */
	margin: 0px 0px;
	padding: 2px 2px;
	}

a {					/* annule valeurs par defaut des navigateurs */
	display: #6633CC;		/* bleu */
	visited: #FFFFFF;		/* déjà visité : blanc */		
	hover: #00FF33;			/* survolé : vert */
	active: #FA0000;		/* lorsque l'on clique dessus : rouge*/
	}


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

#bandeau1 {				/* contient le bandeau image */
	height: 100px; 			/* déborde sous les images pour centrer le texte des menus */
					/* background: #cccccc; gris */
	}

#bandeau2 {				/* contient menub2 */
	height: 20px;
	color: #000000; 
	background: #000066;		/* bleu tres foncé*/
	}

#colonne1 {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background: #CCCCFF;		/* mauve */
	}

#bandeau3 {				/* contient menub3 */
	margin: 0;
	padding: 0;
	border: 0;
	height: 20px;
	background: #FFFFFF;		/* mauve */
	text-align: right;
	}


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

#menub2 {				/* contient le menu */
	position: absolute;
	left: 0;
	top: 104px;			/* pour avoir (100+4) + 10 + 4 = 120
	list-style: 0;
	z-index: 100;
	width: 100%;			/* correction pour Opera */
	}

#menub2 dl {
	float: left;
	width: 125px;			/* 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-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	background: #000066;		/* bleu */
	}

#menub2 dt a {				/* Texte du menu quand c'est un lien*/
	cursor: pointer;		/* le curseur est représenté par un doigt pointé */
	text-align: center;
	font-size: 10px;		/* taille des caractères du menu */
	font-weight: bold;
	color: #FFFFFF;			/* blanc*/
	display: block;
	background: #000066;		/* bleu */
	text-decoration: none;		/* absence de sur/sous lignage */
	border: 0 none;
	}

#menub2 dt a:visited {
	color: #FFFFFF;			/* couleur inchangée */
	}

#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: #000066;		/* bleu bt */
	}

#menub2 li a {
	cursor: pointer;
	text-align: left;
	display: block;
	font-size: 10px;		/* 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: #FFFF00;
	}

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

#contenu { 				
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	width: 710px;
	text-align: left;
	color: #000000;

	}

#contenu h1 {
	font-size: 18px;
	text-align: center;
	color: #000066;
	}		

#contenu h2 {
	font-size: 14px;
	font-style: italic;
	text-decoration: underline;
	color: #000066;		
	}		

#contenu h3 {
	font-size: 14px;
	font-style: italic;
	text-decoration: none;
	color: #000066;		
	}
		

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

#contenu dt {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
	}

#contenu a {
	color: #0000CC;
	text-decoration: none; 		/* évite le soulignement au survol */
	font-weight: bold;
	}

#contenu a:visited {
	color: #990066;			/* #FFFFCC; */
	}

#contenu a:hover {
	color: #660033;	
	}
/*
#contenu dd {
	margin: 30px;
	padding: 0px;
	font-size: 9px;
	}
*/
/* ----------------------------les sélecteurs du bloc bandeau3--------------- */

#menub3 {
	height: 20px; 
	text-align: right;
	font-size: 10px;
	}

#menub3 a {
	color: #0000CC;
	text-decoration: none; 		/* évite le soulignement au survol */
	margin-left: 5px; 		/* espace entre chaque sous-menu */
	margin-right: 5px; 		/* espace entre chaque sous-menu */
	}

#menub3 a:visited {
	color: #990066;			/* #FFFFCC; */
	}

#menub3 a:hover {
	color: #660033;	
	}

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

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

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

.droit {
	font-style: normal;
	}

.italic {
	font-style: italic;
	}

.souligne {
	text-decoration: underlign;
	}


.nonsouligne {
	text-decoration: none;
	}

.gras {
	font-weight: bold;
	}

.suite {
	text-align: right;	
	font-weight: bold;
	}

.boutonmenu {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: verdana;
	font-size: 10px;		/* taille des caractères du menu */
	font-weight: bold;
	color: #FFFFFF;
	background: #000066;		/* bleu */ 
	}


/* ----------------------------non utilisé---------------------------------------

	font-color: #FAFA00;		/* Jaune */

----------------------------non utilisé---------------------------------------- */