/* Régles universelles --------------- */
	body
	{
		font-family: verdana;
		margin: 0px;
	}
	
	table
	{
		border-collapse: collapse;
		margin: 0px;
	}
	
	table td
	{
		margin: 0px;
		padding: 0px;
	}
	
	a  
	{
		color: #F47D31;
		text-decoration: none;
	}
	
	a:hover  
	{
		color: #60604B;
		text-decoration: none;
	}
	
	a img
	{
		border: 0px;
	}
	
	h1
	{
		margin: 0px;
		color: #60604B;
		font-size: 30px;
		font-weight: bold;
	}
/* ----------------------------------- */

/* Régles générales ------------------ */
	#structure
	{
		background-color: #FFFFFF;
		margin: auto;
		width: 990px;
	}
	
	table td.topalign
	{
		vertical-align: top;
	}
/* ----------------------------------- */

/* Régles spécifiques : l en-tête ---- */
	#entete
	{
		background-image: url(http://www.berthier-associes.com/commun/img/public/headback.png);
		background-repeat: repeat-x; 
		color: #000000;
		font-size: 9px;
		height: 91px;
		padding-bottom: 7px;
		padding-left: 32px;
		padding-right: 32px;
		width: 926px;
	}
	
	#entete > table
	{
		width: 100%;
	}
	
	#entete > table a
	{
		color: #FFFFFF;
	}
	
	#entete > table a:hover  
	{
		color: #60604B;
	}
	
	/* Logo */
	#entete > table > tbody > tr:first-child > td:first-child
	{
		vertical-align: top;
		height: 91px;
		width: 213px;
	}
	
	/* Titre de la page d'accueil || Upline */
	#entete > table > tbody > tr:first-child > td:first-child + td
	{
		color: #FFFFFF;
		height: 54px;
		font-size: 22px;
		font-weight: bold;
		text-align: right;
	}
	
	/* Actualités */
	#entete > table > tbody > tr:first-child + tr > td:first-child
	{
		color: #60604B;
		height: 37px;
		font-size: 12px;
	}
	
	#entete > table > tbody > tr:first-child + tr > td:first-child > table
	{
		width: 100%;
	}
	
	#entete > table > tbody > tr:first-child + tr > td:first-child > table tr > td:first-child
	{
		font-weight: bold;
		text-align: right;
		width: 215px;
	}
	
	#entete > table > tbody > tr:first-child + tr > td:first-child > table tr > td:first-child + td
	{
		font-weight: bold;
		text-align: center;
		width: 15px;
	}
	
	#entete > table > tbody > tr:first-child + tr > td:first-child > table tr > td:first-child + td + td
	{
		width: 483px;
	}
/* ----------------------------------- */

/* Régles spécifiques : le corps ----- */
	#corps
	{
		padding-bottom: 20px;
		padding-left: 32px;
		padding-right: 32px;
		width: 926px;
	}
	
	#corps > table
	{
		table-layout: fixed;
		width: 100%;
	}
	
	#corps #menu
	{
		background-image: url(http://www.berthier-associes.com/commun/img/public/default.jpg);
		background-position: 0px 161px; /* hauteur d un item (24) * nombre de rubriques (6) + marge (17) */
		background-repeat: no-repeat;
		height: 581px; /* hauteur d un item (24) * nombre de rubriques (6) + marge (17) + hauteur de l image (420) */
		padding-right: 16px;
		width: 411px;
	}
	
	#corps #menu #rubriques
	{
		border-left: 7px solid #F47D31;
		color: #F47D31;
		cursor: pointer;
		font-size: 11px;
		table-layout: fixed;
		width: 195px;
	}
	
	#corps #menu #rubriques tr a  
	{
		display: block;
		height: 100%;
		width: 100%;
	}
	
	#corps #menu #rubriques tr > td:first-child
	{
		height: 24px;
		width: 7px;
	}
	
	#corps #menu #rubriques tr > td:first-child + td
	{
		border-bottom: 1px solid #60604B;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 188px;
		white-space: nowrap;
	}
	
	#corps #menu #rubriques tr.selected a
	{
		color: #60604B;
	}
	
	#corps #menu #rubriques tr.selected > td
	{
		background-image: url(http://www.berthier-associes.com/commun/img/public/blackback.png);
		color: #60604B;
		cursor: default;
		font-weight: bold;
	}
	
	#corps #menu #rubriques tr.selected > td:first-child  + td
	{
		border-bottom: 1px solid #60604B;
	}
	
	#corps #menu #rubriques tr:hover, #corps #menu #rubriques tr:hover a
	{
		color: #60604B;
	}
	
	#corps #menu #rubriques tr:hover > td:first-child, #corps #menu #rubriques tr:hover > td:first-child + td
	{
		background-image: url(http://www.berthier-associes.com/commun/img/public/blackback.png);
	}
	
	#corps #menu .sousrubriques
	{
		color: #F47D31;
		cursor: default;
		font-size: 11px;
		table-layout: fixed;
		width: 213px;
	}
	
	#corps #menu .sousrubriques tr a  
	{
		display: block;
		height: 100%;
		width: 100%;
	}
	
	#corps #menu .sousrubriques tr > td + td
	{
		background-image: url(http://www.berthier-associes.com/commun/img/public/blackback.png);
		border-bottom: 1px solid #F2F2F2;
	}
	
	#corps #menu .sousrubriques tr > td + td + td
	{
		overflow: hidden;
		text-overflow: ellipsis;
		width: 194px;
		max-width: 194px;
		white-space: nowrap;
	}
	
	#corps #menu .sousrubriques tr > td:first-child
	{
		height: 24px;
		width: 7px;
	}
	
	#corps #menu .sousrubriques tr > td:first-child + td
	{
		width: 12px;
	}
	
	#corps #menu .sousrubriques tr + tr > td:first-child
	{
		border-right: 1px solid #60604B;
	}
	
	#corps #menu .sousrubriques tr:first-child > td:first-child
	{
		background-image: url(http://www.berthier-associes.com/commun/img/public/blackback.png);
		border-bottom: 1px solid #60604B;
	}
	
	#corps #menu .sousrubriques tr.selected > td
	{
		color: #60604B;
		font-weight: bold;
	}
	
	#corps #article
	{
		padding-left: 16px;
		width: 483px;
	}
	
	#corps #article > table
	{
		width: 100%;
		table-layout: fixed;
	}
	
	/* Nota : Pour modifier l'apparence d'un H1 : voir en haut de cette feuille de style */
	#corps #article #titre
	{
		padding-bottom: 28px;
		padding-top: 22px;
	}
	
	#corps #article #pages
	{
		font-size: 11px;
		padding-bottom: 20px;
	}
	
	#corps #article #pages > table
	{
		border-bottom: 7px solid #F47D31;
		color: #F47D31;
		cursor: default;
		table-layout: fixed;
		text-align: center;
		width: 100%;
	}
	
	#corps #article #pages > table tr > td
	{
		padding-bottom: 3px;
		color: #60604B;
	}
	
	/*
	#corps #article #pages > table tr > td:first-child
	{
		text-align: left;
	}
	
	#corps #article #pages > table tr > td:last-child
	{
		text-align: right;
	}
	*/
	
	#corps #article #contenu
	{
		color: #60604B;
		font-size: 11px;
	}
	
	/* L'encart est la tableau qui affiche les pages associées et les actualités du moment */
	#corps #article #contenu .encart tr > td
	{
		padding-top: 5px;
		vertical-align: middle;
	}
	
	#corps #article #contenu .encart tr > td:first-child
	{
		padding-left: 20px;
		padding-right: 7px;
	}
/* ----------------------------------- */

/* Régles spécifiques : le pied ------ */
	#pied
	{
		background-color: #60604B;
		font-size: 9px;
		height: 25px;
		padding-left: 32px;
		padding-right: 32px;
		width: 926px;
	}
	
	#pied > table
	{
		table-layout: fixed;
		text-align: center;
		width: 100%;
	}
	
	#pied > table td
	{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	#pied > table a  
	{
		color: #FFFFFF;
		display: block;
		height: 100%;
		width: 100%;
	}
	
	#pied > table a:hover  
	{
		color: #F47D31;
	}
	
	#mentions
	{
		color: #888888;
		font-size: 10px;
		padding-top: 4px;
		padding-left: 32px;
		padding-right: 32px;
		width: 926px;
	}
/* ----------------------------------- */

/* Régles spécifiques : les mentions - */
	#mentions a
	{
		color: #888888;
	}
	
	#mentions a:hover
	{
		color: #60604B;
	}
	
	#mentions > table
	{
		width: 100%;
	}
	
	#mentions > table tr:first-child > td + td
	{
		text-align: right;
	}
	
	#mentions > table tr + tr > td
	{
		text-align: center;
		padding-top: 7px;
		padding-bottom: 5px;
	}
/* ----------------------------------- */

/* Régles FCK Editor ----------------- */
	.encadre
	{
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		-moz-box-sizing:border-box;
		background-color:#FFFFFF;
		border:1px solid #CACACA;
		margin:10px 0pt;
		padding:10px;
	}
	
	.info
	{
		color:#F47D31;
	}
	
	.classique
	{
		display: inline;
	}
/* ----------------------------------- */