/* CSS Document */
html{
margin:auto;
padding:0;
}
body{
margin:auto;
background:#000 url(images/fond.jpg) repeat-y 50% 0%;
text-align:center;
padding-top:65px;
}
#contenu{
margin:auto;
margin-top:45px;
/*margin-top: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/
background:url(images/boxe.jpg) no-repeat center top;
width:817px;
height:494px;
padding:110px 5px 0px 228px;
}

#menu{
width:247px;
height:300px;
text-align:left;
color:#F0F0F0;
padding:3px 6px 3px 6px;
margin-bottom:3px;
}

#menu h1{
display:block;
margin:10px 2px 20px 0;
text-align:center;
}

#menu .txt{
font-size:10pt;
font-family:tahoma;
line-height:16px;
margin:13px 3px 50px 3px;
}
#menu .men{
font-size:18px;
font-family:arial;
line-height:20pt;
font-size-adjust:inherit;
font-stretch:condensed;
text-transform:uppercase;
}
.lien{
margin-top:3px;
width:247px;
text-align:center;
padding:1px 0px;
display:block;
}


.lien a{
text-decoration:none;
width:257px;
height:41px;
display:block;
background:url(images/bt1.jpg) no-repeat 50% 0%;
}

.lien a:hover{background:url(images/bt2.jpg) no-repeat 50% 0%;}

.surnom{
margin-top: 31px;
width:315px;
text-align:center;
padding:1px 0px;
display:block;
float: right;
margin-right: 112px;
}

.surnom a{
text-decoration:none;
width:315px;
height:25px;
display:block;
background: url(images/mr100000volts.png) no-repeat 50% bottom;
}


.surnom a:hover{background: url(images/mr100000volts.png) no-repeat 50% top;}

.surnom a span{
visibility: hidden;
}
/*  page d'accueil */

#page{
margin:auto;
/*
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

*/
margin-top:45px;
text-align:left;
width:1080px;
height:560px;
}
#page .actualite{
margin:auto;
width:158px;
float:left;
background:#000;
color:#FFFFFF;
height:548px;
border:3px #FFFFFF solid;
padding-left:3px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=85);
opacity:0.85;
-moz-opacity:0.85;
-khtml-opacity:0.85;
}
#page .actualite .linkhome{
display:block;
font-family:arial;
font-weight:bold;
color:#CCCCCC;
text-decoration:none;
font-size:16pt;
text-align:center;
margin:10px 2px 4px 2px;
}
#page .actualite .linkhome:hover{ color:#006633;}
#page .actualite span{
width:148px;
padding:5px 4px 4px 3px;
font-family:verdana;
font-size:10px;
line-height:12px;
color:#FFFFFF;
float:left;
}
#page .actualite span h4{ margin:0; margin-bottom:5px; display:block; color:#7CB7B0; font-family:arial; font-size:11pt; line-height:14pt;}
#page .actualite span a{
text-align:left;
text-decoration:none;
color:#FFFFFF;
}
#page .actualite span a:hover{ color:#56563A;}
#page .contenuswf{
margin:auto;
width:756px;
height:560px;
float:left;
}
#page .contenuswf .count{ border:#666 2px dotted; padding:2px 3px 2px 3px; background:#333333; color:#009966; font-family:arial;  font-size:14pt; font-stretch:extra-expanded;}
#page .galerie{
width:142px;
height:552px;
background:#000000;
color:#FFFFFF;
margin:auto;
float:left;
border:3px solid #FFFFFF;
padding-left:3px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=95);
opacity:0.95;
-moz-opacity:0.95;
-khtml-opacity:0.95;
}

#page .galerie span{
width:130px;
font-family:arial;
font-size:12px;
color:8BCCC3;
text-align:center;
margin-top:5px;
margin-bottom:7px;
float:left;
}
#page .galerie span a{
text-decoration:none; color:#EFEFEF;
font-family:arial; font-size:12px;
}
#page .galerie span a:hover{ color:#CC9900; }

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:136px;
	height:320px;
	overflow:hidden; 
	}
span#prevBtn{ text-decoration:none; font-family:arial; font-weight:bold; margin:2px;}
span#nextBtn{text-decoration:none; font-family:arial; font-weight:bold; margin:2px;}