@charset "UTF-8";
/* CSS Document */

body {
background-color:#171717;
margin:0 auto;
}

#canvas {
margin:0 auto;
width:704px;
height:100%;
position:relative;
top:-10px
}

#panneau_gauche_top {
position:absolute;
left:0;
background-image:url(images/img_trame_02.jpg);
width:110px;
height:65px
}

#panneau_gauche_mid {
position:absolute;
left:0;
top:65px;
background-image:url(images/img_trame_06.jpg);
width:110px;
height:507px
}


#panneau_centre_top {
position:absolute;
left:110px;
background-image:url(images/img_trame_03.jpg);
width:277px;
height:65px
}

#panneau_centre_mid01 {
position:absolute;
left:110px;
top:65px;
background-image:url(images/img_trame_07.jpg);
width:277px;
height:220px
}

#panneau_centre_mid02 {
position:absolute;
left:110px;
top:285px;
background-image:url(images/img_trame_08.jpg);
width:277px;
height:79px
}

#panneau_centre_mid03 {
position:absolute;
left:110px;
top:364px;
background-image:url(images/img_trame_09.jpg);
width:277px;
height:208px;
z-index:2
}

#panneau_droite_top {
position:absolute;
left:387px;
background-image:url(images/img_trame_04.jpg);
width:326px;
height:596px
}



#footer {
position:relative;
width:913px;
margin:0 auto;
top:570px;
text-align:right;
height:50px

}

#footer_gauche {
position:absolute; 
left:0;
background-image:url(images/img_trame_13.jpg);
width:100px;
height:24px
}

#footer_logo {
position:absolute; 
left:100px;
background-color:#000000;
width:499px;
height:24px;
text-align:left;
}

#footer_logo02 {
position:absolute; 
left:599px;
background-image:url(images/img_trame_19.jpg);
background-repeat:repeat-x;
width:214px;
height:24px;

}

#footer_droite {
position:absolute; 
left:813px;
background-image:url(images/img_trame_20.jpg);
width:100px;
height:24px; 
text-align:left;
padding-left:22px
}

#footer_bottom {
position:absolute; 
left:70px;
height:50px;
font-family:Arial;
font-size:10px;
color:#a8a8a8;
letter-spacing:0.1em; 
}

.footer_link {
font-family:Arial;
font-size:10px;
color:#a8a8a8;
letter-spacing:0.1em; 
}
	.footer_link a 			{ text-decoration:none; color:#0299e9}
	.footer_link a:active 	{ text-decoration:none; color:#0299e9}
	.footer_link a:visited	{ text-decoration:none; color:#0299e9}
	.footer_link a:hover 		{ text-decoration:none; color:#FFFFFF}


#bouton01 {position:absolute; left:-49px; top:49px; width:140px}
#bouton02 {position:absolute; left:-113px; top:89px; width:140px}
#bouton03 {position:absolute; left:-40px; top:144px; width:158px; margin-left:-28px}
#bouton04 {position:absolute; left:-66px; top:211px; width:145px; margin-left:-15px}
#bouton05 {position:absolute; left:-76px; top:282px; width:170px; margin-left:-30px}
#bouton06 {position:absolute; left:-40px; top:349px; width:140px; margin-left:-10px}
#bouton07 {position:absolute; left:-95px; top:104px; width:145px; margin-left:-15px}
#bouton08 {position:absolute; left:-17px; top:141px; width:135px; margin-left:-5px}
#bouton09 {position:absolute; left:182px; top:141px; width:135px; margin-left:-5px; z-index:15}


.bleu { 
color:#0299e9; }

.blanc { 
color:#FFFFFF; }

.menu2 {
font-family:Arial; font-size:11px; color:#0099FF; text-align:right}

	.menu2 a 		{ text-decoration:none; color:#0099FF}
	.menu2 a:active 	{ text-decoration:none; color:#0099FF}
	.menu2 a:visited	{ text-decoration:none; color:##0099FF}
	.menu2 a:hover 	{ text-decoration:none; color:#0099FF}
	
.menu {
font-family:Arial; font-size:11px; color:#999999; text-align:right}

	.menu a 		{ text-decoration:none; color:#999999}
	.menu a:active 	{ text-decoration:none; color:#0099FF}
	.menu a:visited	{ text-decoration:none; color:#999999}
	.menu a:hover 	{ text-decoration:none; color:#0099FF}



.barre {
height:1px; width:15px; background-color:#0099FF; position:absolute; right:35px; top:15px}

.barre2 {
height:1px; width:15px; background-color:#0099FF; position:absolute; left:35px; top:15px}



h1 { color:#0299e9; font-family:Arial; font-size:14px}
	h1 a:link { text-decoration:none; color:#4cc1fe}
	h1 a:visited { text-decoration:none; color:#4cc1fe}
	h1 a:hover { text-decoration:underline; color:#FFFFFF}
	h1 a:active { text-decoration:underline; color:#4cc1fe}

p { color:#FFFFFF; font-family:Arial; font-size:11px}

.contact { font-family:Arial; font-size:10px; color:#33CC00; }
.lien { font-family:Arial; font-size:11px; color:#FF9900; }

	.lien a:link { text-decoration:underline; color:#FF9900}
	.lien a:visited { text-decoration:underline; color:#FF9900}
	.lien a:hover { text-decoration:underline; color:#FFCC00}
	.lien a:active { text-decoration:underline; color:#FF900}
	

	
.footer_txt { color:#666666; font-family:Arial; font-size:9px }
	.footer_txt a:link { text-decoration:none; color:#666666}
	.footer_txt a:visited { text-decoration:none; color:#666666}
	.footer_txt a:hover { text-decoration:none; color:#FFFFFF}
	.footer_txt a:active { text-decoration:none; color:#666666}