/* Général */


body {
	font-size			: 12px;
	font-family			: Arial, Helvetica, sans-serif;
}

a {
	text-decoration	: underline;
	color					: #FF6600;
	font-weight		: bold;
}

a:hover	{
	color					: #FF6600;
	font-weight		: bold;
}

table#page {
	width					: 800px;
}

table#page	td.menu {
	width					: 220px;
	margin				: 0px;
	vertical-align		: top;
	background-image: url('img/menu.png');
	background-repeat: repeat-y;
	border				: 1px solid #FFFFFF;
}

table#page	td.contenu {
	width					: 580px;
	margin				: 0px;
	vertical-align		: top;
}

div.page {
	margin-left			: auto;
	margin-right		: auto;
	width					: 800px;
}


/* header */


img#header {
	vertical-align		: bottom;
	border				: 1px solid #6699CC;		/* bord du bandeau */
}


/* footer */

td.bandeau {
	vertical-align		: top;
}

td.logo_entela {
	vertical-align		: middle;
	font-weight		: bold;
	color					: #0000FF;
}

td.logo_entela a {
	text-decoration	: none;
	color					: #0000FF;
}

img.logo_entela {
	vertical-align		: middle;
	border				: 0px;
}

/* menu */


ul#menu {
	width					: 180px;
	margin				: 10px;
	list-style-type		: none;
	font-size			: 16px;
	font-weight		: bold;
}

ul#menu	li {
	margin				: 20px 10px 20px 0px;
}

table#menu {
	width					: 180px;
	margin				: 10px;
	padding				: 0px;
	font-size			: 16px;
	font-weight		: bold;
}

table#menu td {
	margin				: 10px;
	padding				: 10px;
}

table#menu a {
	text-decoration	: none;
	color					: #FFFFFF;						/* couleur des liens du menu */
}

table#menu a:hover	{
	color					: #FF6600;						/* couleur des liens du menu */
	font-weight		: bold;
}

table#menu	img {
	margin-right		: 10px;
	vertical-align		: middle;
	text-align			: center;
	border				: none;
}

table#menu img.fleche {
	margin-left			: 10px;
}

.selection {
	font-weight		: bold;
	color					: #FF6600;
}


/* générale */


div.bloc {
	position				: relative;
	padding				: 0px;
	width					: 580px;
	color					: #000000;						/* couleur de la police du cadre */
	background-color	: #F5F8FC;						/* couleur de fond du cadre */
	border				: 1px solid #6699CC;		/* bord du cadre */
}

div.bloc	h2 {
	color					: #0000FF;
	font-size			: 26px;
	font-weight		: bold;
	margin				: 30px auto;
	padding				: 0px;
	text-align			: center;
}

div.bloc	h3 {
	color					: #0000FF;
	font-size			: 16px;
	font-weight		: bold;
	margin				: 20px 10px 0px;
	padding				: 0px;
}

div.bloc	p.contenu {
	margin				: 20px;
	text-align			: justify;
}

div.bloc	a {
	text-decoration	: none;
	color					: #FF6600;
}

hr.spacer {
	visibility				: hidden;
	clear					: both;
	margin				: 0px;
}

div.bloc img {
	border				: 0px;
	text-decoration	: none;
}

/* gamme de poste */


div.bloc	div.image {
	position				: relative;
	float					: right;
	width					: 150px;
	margin				: 20px 0px;
	padding				: 0px;
	right					: 20px;
	text-align			: center;
}

div.bloc	img.news {
	margin				: 0px;
	padding				: 0px;
}

div.bloc	h3.news {
	color					: #0000FF;
	font-size			: 16px;
	font-weight		: bold;
	margin				: 20px 170px 10px 10px;
	padding				: 0px;
}

div.bloc	p.news {
	margin				: 10px 190px 10px 20px;
	text-align			: justify;
}


/* gamme de poste & documentation */


div.bloc	span.legende {
	display				: block;
	text-align			: center;
	font-size			: 12px;
	margin				: 0px;
	padding				: 3px 0px 0px 0px;
	font-weight		: bold;
	color					: #FF6600;
}


/* index */


div.bloc	span.legende_titre {
	display				: block;
	text-align			: center;
	font-size			: 14px;
	margin				: 0px;
	padding				: 0px 0px 5px 0px;
	font-weight		: bold;
	color					: #FF6600;
}

div.bloc	div.image_centrer {
	position				: relative;
	text-align			: center;
	margin				: 20px auto;
}

div.bloc	ul.contenu {
	margin				: 5px 20px 10px;
}

div.bloc	ul.contenu li {
	margin				: 0px 0px 0px 30px;
}

div.bloc	p.list_contenu {
	margin				: 20px 0px 0px 20px;
}


/* avantages */


div.bloc	h3.avantages {
	color					: #0000FF;
	font-size			: 24px;
	font-weight		: bold;
	margin				: 20px 10px 0px;
	padding				: 0px;
}

div.bloc h3.orange {
	color					: #FF6600;
}

.orange {
	color					: #FF6600;
}

div.bloc	ul.avantages {
	margin				: 5px 20px 10px;
}

div.bloc	ul.avantages li {
	margin				: 0px 0px 0px 30px;
	line-height			: 2;
	font-size			: 14px;
}


/* fonctionnalités */


table.fonction {
	width					: 550px;
	margin				: 15px;
}

table.fonction td {
	width					: 275px;
	vertical-align		: top;
}

table.fonction ul {
	margin				: 4px;
	padding				: 0px 5px 0px 0px;
}

table.fonction li {
	margin-left			: 10px;
	padding-left		: 15px;
}


/* coût de communication */


table.cout {
	width					: 550px;
	margin				: 15px;
}

table.cout th {
	font-weight		: bold;
}