/* CSS Document */
* {margin:0;padding:0;}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	text-align:center;
       /* background:#6699cc;*/
       background:navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;/* IE gère mal les tailles de texte en EM si aucune valeur en % ne les précèdes */
}
a {color:#89114e}


#plateau {
	height:622px;
	width:802px;
	min-width:622px;
background: url("motifpage.gif") top right #FFF;
	background-repeat:y;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
/* not required for demo */
p,h1,h2{margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;}
h1 {
    display:block;
	width:200px;
	height:100px;
	border:0px solid #ff0000;
	text-align:left;
	margin:1px 0 0 70px;
	*margin:1px 0 0 -90px;
	font-size:2.5em;
	color:#CCCCCC;
	}
	* html h1 {
    display:block;
	width:200px;
	height:100px;
	border:0px solid #ff0000;
	text-align:left;
	margin:1px 0 0 -90px;
	font-size:2.5em;
	color:#CCCCCC;
	}



h2 {
	color:#fff;
	font-size:35px;}
p{font-size:12px;}

#gauche {background:url(courbes.gif) no-repeat top left; position:relative;float:left; height:300px;width:428px; border:solid 0px #ffd200;}




.materiels {display:none;}

#gauche #1 {
	float: right;
	margin:0px 0 0 0;
	padding-left:250px;
		width:150px;
		height:15px;
		background:blue;
}
#gauche #2 {
	float: right;
	margin:0px 0 0 -150px;
		padding-left:150px;
		width:150px;
				height:15px;
						background:blue;
}
#gauche #3 {
	float: right;
	margin:0px 0 0 0;
	width:150px;
			height:15px;
					background:blue;
}


#droite { position:relative;float:right; width:240px; border:solid 0px #ffd200;}
#tomlevagelogo{
        position:relative;
        float:left;
        width:230px;
        height:100px;
        margin:10px 30px 10px 0;
        background:url("tomlevagelogo.gif");
}
#boker{
        position:relative;
        float:left;
	    margin:30px 0 10px 20px;
        width:98px;
        height:68px;
        background:url("boker4.gif");
}
#boker a{
display:block;
        width:98px;
        height:68px;
        background:url("boker4.gif");
        outline:0;
}
#maeda{
        position:relative;
        float:left;
	    margin:30px 0 0px 20px;
        width:74px;
        height:68px;
        background:url("maeda.png");
}
#maeda a{
display:block;
        width:74px;
        height:68px;
        background:url("maeda.png");
        outline:0;
}
#droite span {display:none;}

#flash{
	float:left;
	width:804px;
	height:162px;
	text-align:center;
	left: 86px;
	top: 450px;
}
#entrer { position:relative;display:block; float:right;margin:50px -5px 0 0; height:70px;width:139px; background: url("entrer.gif") no-repeat;}
* html #entrer { position:absolute;display:block; float:right;margin:50px -5px 0 107px; height:70px;width:139px; background: url("entrer.gif") no-repeat;}
#entrer a {padding:25px 50px 25px 50px;display:block; float:left;backgropung:#000; font-size:12px; text-decoration:none; font-weight:bolder; ;margin:7px 0 0 20px;}
#entrer a:hover{ color:#FFF;}
#entrer span{ display:none;}

#adresse {
        position:relative;
        float:left;
		display:block;
		font-size:17px;
		font-weight:bold;
		border:0px solid #ff0000;
	margin:30px 0 5px 0px;
        width:300px;
        height:150px;
        text-align:left;
        color:#949494;
        padding-left:25px;
}
#adresse .tel{
background:url(telephone.gif) #66ccff repeat-y;
color:#fff;
padding:5px 0 0 26px;
display:block;
margin-left:-26px;
width:250px;
height:30px;
}
#adresse .fax{
}

#pied {
	height:58px;
	width:802px;
	min-width:622px;
background:url("pied.gif");
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
#pied p{
display:block;
position:absolute;
color:#aaa;
	margin:30px 0 0 320px;
	*margin:30px 0 0 -80px;
}
* html #pied p{
display:block;
position:absolute;
color:#aaa;
	margin:30px 0 0 -80px;
}

/* - */