/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#333333;
}
#header {
height: 245px;
background-color: #99CCCC;
background-image:url(../media/bandeau.jpg);
}

#conteneur {
background-image:url(../media/milieu.jpg);
position: absolute;
width: 970px;
left: 50%;
margin-left: -485px;
/*background-color:#CCCCFF;*/
}
#centre {
background-color:#ffffff;
margin-left: 200px;
margin-right: 220px;
margin-top:10px;
}
#gauche {
background-image:url(../media/colone.jpg);
background-repeat:repeat-y;
background-position:right;
position: absolute;
left:16px;
width: 152px;
height: 160px;
}
#droite {
	background-image:url(../media/coloned.jpg);
	background-repeat:repeat-y;
	background-position:left;
	position: absolute;
	padding-left:10px;
	right:20px;
	width: 181px;
	top: 245px;
	height: 100%;
}
#coin{
background-image:url(../media/coin.jpg);
height:15px;
background-repeat:no-repeat;}

#coind{
background-image:url(../media/coind.jpg);
height:15px;
background-repeat:no-repeat;}
#pied {
height: 48px;
background-image:url(../media/pied.jpg);
background-color: #99CC99;
text-align:center;
color:#FFFFFF;
}
.menugauche {
font-variant:small-caps;
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
/*margin-bottom: 5px;*/
border-bottom:#666666 dotted 1px;
margin-right:11px;
}
.menugauche a {
/*margin: 0 2px;*/
width: 137px; 
height: 25px;
display: block;
text-align: center;
text-decoration: none;
color: #000;
background: #fff;
}
.menugauche a:hover {
background-image:url(../media/fleche-bl.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration: none;
background-color:#FFEB00;
font-weight:bold;
}
.menugauche a:active {
text-decoration: none;
background-color:#333333;
color:#FFFFFF;
font-weight:normal;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;

}
p {margin: 0 0 10px 0;
}
.pcentre{
margin:0 0 10px 0;
margin-bottom:40px;
padding-left:10px;
}
img{
border:0px;}


/*ECOmm*/

#gaucheEcom {
background-image:url(../media/colone.jpg);
background-repeat:repeat-y;
background-position:right;
position: absolute;
left:16px;
width: 152px;
height: 160px;
}
#droiteEcom {
	background-image:url(../media/coloned.jpg);
background-repeat:repeat-y;
	background-position:left;
	position: absolute;
	padding-left:10px;
	right:20px;
	width: 191px;
	top: 245px;
	height: 160px;
}


.Class1 A:hover {
background-image:url(../media/fleche-bl.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration: none;
background-color:#FFEB00;
font-weight:bold;
color:#000000;
font-size: 0.8em;}
.Class1 A:active
{
text-decoration: none;
background-color:#333333;
color:#FFFFFF;
font-weight:normal;
font-size: 0.8em;
}
.Class1 A:visited {
	text-decoration: none;
	color:#000000;
font-size: 0.8em;
}
.Class1 A:link
{
	text-decoration: none;
	color:#000000;
font-size: 0.8em;
}
#centreEcom {
background-color:#ffffff;
margin-left: 200px;
margin-right: 210px;
margin-top:10px;
}
#centreEnregistrement
{
background-color:#ffffff;
margin-left: 180px;
margin-right: 210px;
margin-top:10px;
}
#tebLogin
{width:93px}
#tebPassword
{width:93px}
#tebReq
{width:93px}