body
{
	margin: 0;
	width: 100%;
	background-color: white;
	font-family: verdana,sans-serif;
	font-size: 1em;
}
hr
{
	clear: both; visibility: hidden;
}
p
{
	margin: 40px 3em 0 3em;
	text-align: left;
}

/* L'entete */

#entete
{
	width: 100%;
	height: 140px;
	background-color: #000000;
	font-family: verdana;
}
.logo
{
	float: left;
	width: 292px;
	height: 97px;
	background-image: url('../images/logo5.gif');
	margin: 20px 0 0 20px;
}
.banniere
{
	float: right;
	width: 230px;
	height: 90px;
	background-color: #000000;
	background-image: url('../logotel.gif');
	margin: 0;
	font-family: verdana;
	font-size: 2em;
	color: #ffffff;
	margin: 1em 1em 0 0;
}

.styl {
	float: right; background-color: #000000; margin-top: 0; margin-right: 0; color: white;
}

.te
{
	background-image: url('../images/te2.gif');
	display: block;
	width: 120px; height: 24px;
	margin: 0.5em 25% 0 25%;
}
.tefax
{
	background-image: url('../images/fax.gif');
	display: block;
	width: 120px; height: 24px;
	margin: 0.5em 25% 0 25%;
}
.tecontact
{
	background-image: url('../images/te2.gif');
	display: block;
	width: 120px; height: 24px;
	margin: 0.5em 25% 0 40%;
}
.tefaxcontact
{
	background-image: url('../images/fax.gif');
	display: block;
	width: 120px; height: 24px;
	margin: 0.5em 25% 0 40%;
}
.telsec
{
	background-image: url('../images/tesec.gif');
	display: block;
	width: 120px; height: 24px;
	margin: 0.5em 25% 0 40%;
}

/* Le menu */

#barredonglets { float:left; width:99%; margin: 0 0 0 5px; line-height:normal; font-family: verdana,arial,sans serif; border-style:solid; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:1px; background:#ffffff; font-size:93%; clear:both; background-color:#FFFFFF; }

#barredonglets ul { margin: 0 0 0 10%; padding:10px 10px 0 ; list-style:none; }

#barredonglets li { display:inline; margin:0; padding:0; }

#barredonglets a { float:left; background:url("../gaucheon2.png") no-repeat left top; padding:0px 0px 0px 9px; text-decoration:none; width:auto;  }

#barredonglets a span { float:left; display:block; width:auto; background:url("../droiton2.png") no-repeat right top; padding:5px 15px 4px 6px; font-weight:bold; color:#ff0000; background-color:#FFFFFF; }

/* Commented Backslash Hack pour cacher des règles à IE5-Mac \*/
#barredonglets a span { float:none; background-color:#FFFFFF; }
 /* Fin du hack IE5-Mac */

#barredonglets a:hover { background-position:0% -150px; font-weight:bold; color: red; background-color:#FFFFFF; }

#barredonglets a:hover span { background-position:100% -150px; font-weight:bold; color: red; background-color:#FFFFFF; }

#barredonglets #actif a { background-position:0 -150px; }

#barredonglets #actif a span { background-position:100% -150px; padding-bottom:5px; font-weight:bold; color:#ff0000; }

/* Le corps */

#centre
{
	background-color:#ffffff;
	margin: 0 5%;
	text-align: center;
	width: 90%;
}
#centre h3 {
	margin-top: 2em;
}
.txtcorps
{
	display: block;
	text-align: justify;  
	margin: 2% 5% 5% 5%;
}
.souligne
{
	text-decoration: underline;
}

/* page contact */

.adresse {
	width: 69%;
	border-width: 1px;
	border-style: solid;
	border-color: #ffff00;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: verdana,sans-serif;
	font-size: 1.2em;
	color: #000000;
	background-color: #ffffff;
	}
.adresse petitcarac 
{
	font-size:1em;
}

/* COMMANDE */

.champ
{
	list-style-type: none;
	text-align: left;
}
.txtcontact
{
	width: 70%;
	padding: 1em;
	text-align: left;
	margin: 0 12%;
}
.redcont
{
	color: red;
	font-size: 0.8em;
}
.bene{color: red;}

/* Le pied */

#pied
{
	clear:both;
	height: 30px;
	background-color: #ffff00;
	font-size: 0.7em;
	font-family: verdana;
	margin: 17% 0 0 0;
	text-align: center;
}
#pied a
{
	color: #808080;
}