/* feuille de style contenu public, professionnel, etc */
/* couleur grille: #c1c1c1; jaune-vert: #b9d536; */
/* ==================== top public ========== */

#top table {
	height: 100px;
	width: 100%;
	}
#top_1 {
	width: 302px;
	border-left: 1px #red;
	}
#top_2 {
	width: 100px;
	border-left: 1px solid #c1c1c1;
	}
#top_3 {
	width: 100px;
	border-left: 1px solid #c1c1c1;
	}
#top_4 {
	width: 100px;
	border-left: 1px solid #c1c1c1;
	background: #b9d536;
	}
#top_5 {
	width: 100px;
	}
/*======= autres cellules nav ====*/

#nav_2 p {
	color: #fff;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 10px 0 5px;
	text-align: right;
	}
#nav_2 a:link {
	color: #b9d536;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#nav_2 a:visited {
	color: #b9d536;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#nav_2 a:hover {
	text-decoration: underline;
	}
/* =================== cellules contenu_x - DIMENSIONS, FONDS =============== */

#contenu_1, #contenu_2, #contenu_3, #contenu_4, #contenu_5, #contenu_6 {
	border: 1px solid #c1c1c1;
	} 
#contenu_1 {
	width: 201px;
	height: 302px;
	border-width: 0 1px 1px 0;
	}
#contenu_1 div.scroll {
	overflow: auto;			/* ascenseur (scrollbar) si trop de texte */
	width: 201px;
	height: 252px;	/* 302 -30 -20 */
	padding: 30px 0 20px 0;
	}
#contenu_2 {
	width: 403px;
	height: 302px;
	border-width: 0 0 1px 0;
	}
#contenu_2 div.blanc {		/* bg img-grd blanc */
	background: #fff;
	width: 403px;
	height: 302px;
	}
#contenu_2 div.presentoir {		/* bg presentoir en flash blanc */
	background: #fff;
	width: 343px;	/* 403 -60 */
	height: 285px;	/* 302 -17 */
	padding-top: 17px;
	padding-left: 60px;
	}
#contenu_2 div.scroll {
	overflow: auto;			/* ascenseur (scrollbar) */
	width: 403px;
	height: 252px;		/* 302 -30 -20 */
	padding: 30px 0 20px 0;
	}
td#contenu_galerie {	/* galerie et collection - iframe */
	width: 403px;
	height: 403px;
	margin: 0;
	padding: 0;
	}
td#contenu_galerie div.scroll {		/* div contenant table galerie et collection */
	overflow: auto;
	width: 403px;
	height: 403px;
	margin: 0;
	padding: 0;		/* important */
	}
#contenu_3 {
	width: 201px;
	height: 100px;
	border-width: 0 1px 0 0;
	background: #9a9393;
	}
#contenu_4, #contenu_5, #contenu_6, #contenu_7 {
	width: 100px;
	height: 100px;
	background: #9a9393;
	} 
#contenu_6 {
	background: #b9d536;
	}
#contenu_4, #contenu_5, #contenu_6 {
	border-width: 0 1px 0 0;
	} 
/* =========== cellules contenu_x - TEXTE ========== */

#contenu h1,h2,h3,h4,h5,h6 {		/* texte titres du contenu */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2f2626;
	margin: 15px 10px 5px 20px;
	}
#contenu h2 {
	font: bold 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #2f2626;
	margin: 15px 10px 5px 20px;
	padding: 0;
	}
#contenu p,li {		/* texte contenu général */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 10px 5px 20px;
	padding: 0;
	}
#contenu ol, ul {
	margin: 4px 10px 0 30px;
	padding: 0;
	}
em {
	font-weight: bold;
	font-style: normal;
	color: #2f2626;
	}
#contenu a:link {	
	color: #CC0000;
	text-decoration: none;
	}
#contenu a:visited {
	color: #CC0000;
	text-decoration: none;
	}
#contenu a:hover {
	text-decoration: underline;
	}
#contenu_3 {
	vertical-align: middle;
	}
#contenu_3 p {
	font: bold 16px/20px arial;
	color: #fff;
	text-align: center;
	margin: 0 10px;
	}
/* ================== images dans le texte, combiné avec align="left" ou "right" =======*/
img.left {	
	margin: 5px 10px 2px 0;
	}
img.right {	
	margin: 5px 0 2px 10px;
	}
/* ================= tableau galerie et collection : voir page meme ======== */
/* ============ tableau mailing list ======= */

tabel.mail {
	width: 385px;
	}
.mail p {
	text-align: right;
	margin: 0;
	padding: 0 10px 0 10px;
	}