@charset "iso-8859-1";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:Comic Sans MS, Georgia, "Times New Roman", Times, serif;
}

body {
	width:100%;
	height:100%;
	background-color:#f6e4ca;
}

#header, #clavier {
width:960px;
margin:auto;
}

#header {
	position:relative;
	height:600px;
	background:url(../images/ecran.jpg);
}

#p1, #p2, #p3 {
	position:absolute;
	font-size:1.15em;
	text-decoration:none;
}

#p1 a, #p2 a, #p3 a {
	text-decoration:none;
}

#p1 {
	left:105px;
	top:305px;
	color:#F90;
}

#p2 {
	left:190px;
	top:355px;
	color:#999;
}

#p3 {
	left:275px;
	top:405px;
	color:white;
}	

#p1 a {
	color:#F90;
}

#p2 a {
	color:#999;
}

#p3 a {
	color:white;
}

#header h2 {
	position:absolute;
	top:320px;
	left:660px;
	text-align:center;
	font-size:1.5em;
	line-height:1.8em;
}
#header h2 a {
	display:block;
	width:200px;
	border:3px inset #fa9b00;
	background-color:#96162e;
	color:white;
	text-decoration:none;
}

#header h2 a:hover {
	border:3px inset #f8cb82;
	background-color:#db3d5b;
}

#lienAncre {
	position:absolute;
	top:310px;
	left:550px;
	width:100px;
	height:140px;
	display:block;
}

#clavier {
	position:relative;
	background:url(../images/clavier.jpg);
	height:442px;
}

#telesecretariat {
	position:relative;
	font-size:28px;
	font-weight:lighter;
	color:white;
	text-align:center;
	line-height:36px;
	letter-spacing:.15em;
	top:16px;
}

#telesecretariat span {
	color:#fa9b00;
}

#footer {
	text-align:center;
	color:#674312;
	margin:20px 0 10px 0;
	font-size:.85em;
	font-weight:bold;
}

#footer a {
	color:#96162e;
}

/*########################## BOUTONS CLAVIER #######################*/

#btns li {
	list-style-type:none;
	color:white;
	text-align:center;
}

#btnB1, #btnB2, #btnB3, #btnB4, #btnR1, #btnR2, #btnV1, #btnV2, #btnV3 {
	position:absolute;
}

#btnB1 a, #btnB2 a, #btnB3 a, #btnB4 a, #btnR1 a, #btnR2 a, #btnV1 a, #btnV2 a, #btnV3 a {
	text-decoration:none;
	color:white;
	display:block;
	background-position:top left;
}


#btnB1 span, #btnB2 span, #btnB3 span, #btnB4 span, #btnR1 span, #btnR2 span, #btnV1 span, #btnV2 span, #btnV3 span {
	position:relative;
	display:block;
}

#btnB1 a:hover, #btnB2 a:hover, #btnB3 a:hover {
	background-image:url(../images/btn/btnBleu1On.jpg);
}

#btnB4 a:hover {
	background-image:url(../images/btn/btnBleu2On.jpg);
}

#btnR1 a:hover {
	background-image:url(../images/btn/btnRouge1On.jpg);
}

#btnR2 a:hover {
	background-image:url(../images/btn/btnRouge2On.jpg);
}

#btnV1 a:hover {
	background-image:url(../images/btn/btnVert1On.jpg);
}

#btnV2 a:hover {
	background-image:url(../images/btn/btnVert2On.jpg);
}

#btnV3 a:hover {
	background-image:url(../images/btn/btnVert3On.jpg);
}

#btnB1 span, #btnB2 span, #btnB3 span, #btnB4 span {
	font-size:11px;
	line-height:11px;
	top:10px;
}

#btnR1 span {
	top:8px;
	line-height:11px;
	font-size:11px;
}

#btnR2 span {
	top:6px;
	letter-spacing:-1px;
}

#btnR2 span, #btnV2 span {
	line-height:28px;
	font-size:13px;
}

#btnV1 span, #btnV3 span {
	top:5px;
}

#btnV2 span {
	top:8px;
}

#btnV1 span, #btnV3 span {
 	line-height:24px;
	font-size:13px;
}

/*-----------------------*/

#btnB1 a, #btnB2 a, #btnB3 a {
	width:135px;
	height:46px;
}

#btnB1 {
	left:160px;
	top:112px;
}

#btnB2 {
	left:312px;
	top:112px;
}

#btnB3 {
	left:466px;
	top:112px;
}

#btnB4 {
	left:614px;
	top:112px;
}

 #btnB4 a {
 	width:103px;
	height:46px;
}

#btnR1 {
	left:226px;
	top:296px;
}

#btnR1 a {
	width:203px;
	height:41px;
}

#btnR2 {
	left:521px;
	top:228px;
}

#btnR2 a {
	width:82px;
	height:41px;
}

#btnV1 {
	left:94px;
	top:265px;
}

#btnV1 a {
	width:76px;
	height:35px;
}

#btnV2 {
	left:531px;
	top:158px;
}

#btnV2 a {
	width:72px;
	height:40px;
}

#btnV3 {
	left:509px;
	top:265px;
}

#btnV3 a {
	width:95px;
	height:35px;
}