/* CSS Document */

* {
/*font-family:Arial, Helvetica, sans-serif;*/
font-family:"Courier New", Courier, mono;
font-size:12px;
margin:0;
border:0;
padding:0;
}

body {
color:#FFFFFF;
}


h2 {
font-size:18px;
color:#FFFFCC;
font-weight:bold;
border-top:2px solid #482f16;
margin-top:4px;
}

h3 {
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
}

h3 a {
font-size:16px;
text-decoration:none;
color:#FFFFCC;
letter-spacing:2px;
}

h3 a:hover {
text-decoration:underline;
color:#FFF;
}

h4 {
font-size:14px;
font-weight:bold;
color:#fff;
}

h5 {
font-size:14px;
font-weight:normal;
color:#FFFFFF;
}

input {
height:18px;
font-size:10px;
line-height:12px;
border:1px solid #482f16;
background-color:#ccc;
}

a {
text-decoration:none;
color:#FFFFCC;
}

a:hover {
text-decoration:underline;
color:#FFFFFF;
}

.credits {
font-weight:normal;
font-size:10px;
color:#ccc;
}


.jaune {
color:#FFFFCC;
}

.marron {
color:#482f16;
}

.rouge {
color:#FFFFCC;
}


.vign {
position:absolute;
font-size:1px;
height:69px;
width:54px;
left:12px;
}

#cadre {
position:absolute;
top:0;
left:0;
width:800px;
/*height:auto;*/
height:600px;
border:1px solid #333;
background-image:url(img/homepage3_essais.jpg);
}

#base {
position:absolute;
top:600px;
left:0;
width:800px;
height:30px;
border:1px solid black;
background-color:#473620;
z-index:100;
}

#swfdisc {
position:absolute;
top:15px;
left:126px;
z-index:100;
width:42px;
height:42px;
display:none;
}

#bandh {
	position:absolute;
	width:799px;
	height:86px;
	z-index:1;
	top: 6px;
	left: 0;
	z-index:0;
}

#lang {
position:relative;
margin-left:auto;
margin-right:auto;
top:580px;
height:25px;
width:120px;
border:1px none black;
}

#citation {
position:absolute;
right:0px;
top:68px;;
width:154px;
height:100px;
}

#bonus {
position:absolute;
right:0px;
top:220px;
width:153px;
height:100px;
border:1px none black;
}

#bonus li {
list-style:none;
list-style-type:none;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
line-height:14px;
}

#canal {
	position:absolute;
	width:148px;
	height:33px;
	z-index:1;
	left: 640px;
	top: 33px;
}
#butt1 {
	position:absolute;
	width:113px;
	height:113px;
	z-index:2;
	left: 9px;
	top: 120px;
	
	
}

#butt2 {
	position:absolute;
	width:113px;
	height:113px;
	z-index:2;
	left: 9px;
	top: 247px;
	
}

#butt3 {
	position:absolute;
	width:113px;
	height:113px;
	z-index:2;
	left: 9px;
	top: 374px;
	
}
#contenu {
	position:absolute;
	width:648px;
	height:auto;
	z-index:3;
	left: 128px;
	top: 106px;
}

#menu {
	position:absolute;
	width:98px;
	height:325px;
	z-index:101;
	left: 22px;
	top: 106px;
}

#menu2 {
	position:absolute;
	width:80px;
	height:282px;
	top:2px;
	z-index:1;
	line-height:12px;
	background-image: url(img/negatif7.gif);
	background-repeat:repeat-y;
}

#media {
position:absolute;
top:68px;
}

#sstitre {
position:absolute;
top:60px;
left:25px;
width:320px;
height:20px;
border:1px none black;
z-index:100;
}

#sstitre p {
font-size:13px;
color:#FFFFCC;
}

#pleinecran {
position:absolute;
top:459px;
right:-3px;
height:30px;
width:220px;
border:1px none black;

}

/*a img {border:1px solid #482f16} /* défini l'encadrement des images dans les liens hors survol */
/*a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
/*a:hover img {border:1px #ccc solid} /* défini l'encadrement des images lors du survol */