*{
margin:0;
padding:0;
}
body{
background:url(img/body_bg.jpg) repeat-x black;
color:white;
font-family:Helvetica Neue, arial, verdana, sans serif;
font-size:12px;
}
a img{
border:0;
}
h4{
font-size:18px;
margin-bottom:21px;
text-decoration:underline;
}
div#all{
width:1200px;
margin:0 auto;
}
div#header{
padding-top:45px;
height:60px;
background:url(img/head_bg.jpg) no-repeat;
position:relative;
}
div#content{
background:url(img/content_bg1.jpg) no-repeat;
height:660px;
}
div#content1{
background:url(img/content_bg1.jpg) no-repeat;
height:660px;
position:relative;
}
div#content2{
background:url(img/content_bg2.jpg) no-repeat;
height:660px;
position:relative;
}
div#content3{
background:url(img/content_bg3.jpg) no-repeat;
height:660px;
position:relative;
}
div#content4{
background:url(img/content_bg4.jpg) no-repeat;
height:660px;
position:relative;
}
div#content5{
background:url(img/content_bg5.jpg) no-repeat;
height:660px;
position:relative;
}
div#content6{
background:url(img/content_bg5.jpg) no-repeat;
position:relative;
}
div#home{
width:985px;
height:500px;
padding-top:85px;
margin:0 auto;
}
div#gauche{
float:left;
width:640px;
height:500px;
}
div#droite{
float:left;
width:283px;
height:460px;
background:url(img/bg_opac.png);
margin:5px 0 0 10px;
padding:10px 21px;
}
div#droite img.homefloat{
float:left;
margin: 0 3px 3px 0;
}
div#droite p{
display:block;
text-align:justify;
}
div#link{
position:absolute;
top:800px;
right:80px;
}
.homePB{
font-size:0.8em;
}
span.bigR{
font-size:2em;
font-weight:normal;
}
div#droite a{
color:white;
text-decoration:none;
}
div#droite a:hover{
color:#a67ef0;
text-decoration:none;
}
div#menu{
position:absolute;
right:1px;
bottom:1px;
}
div#menu ul{
list-style-type:none;
}
div#menu ul li{
float:left;
margin-left:25px;
}
div#menu ul li a{
text-decoration:none;
}
div#menu ul li a img{
border:0;
}
span.menu{
}
span.menu a{
text-decoration:none;
color:white;
background:url(img/menu_opac.png) no-repeat;
width:305px;
height:140px;
display:block;
float:left;
margin:5px;
text-align:center;
font-size:32px;
padding-top:98px;
}
span.menu a:hover{
background:none;
}
div#footer{
margin-top:15px;
color:#b4b4b4;
}
div#footer ul{
list-style-type:none;
display:block;
width:300px;
margin:0 auto;
}
div#footer ul li{
float:left;
text-align:center;
display:block;
width:150px;
}
div#footer ul li a{
color:white;
text-decoration:none;
}
.copy{
display:block;
margin-top:10px;
font-size:11px;
text-align:center;
}
div#navigation2{
background:url(img/bg_opac2.png) no-repeat;
height:222px;
width:1120px;
position:absolute;
left:44px;
bottom:44px;
}
div#navigation{
display:block;
width:530px;
height:590px;
position:absolute;
left:24px;
top:24px;
background:url(img/bg_opac3.png) no-repeat;
padding:10px 25px;
}
div#overflowcontent{
display:block;
width:530px;
height:590px;
overflow:auto;
position:absolute;
left:24px;
top:24px;
background:url(img/bg_opac3.png) no-repeat;
padding:10px 25px;
}
div#overflowcontent p{
margin-top:6px;
margin-bottom:18px;
text-align:justify;
}
div#navigation p{
margin-top:6px;
margin-bottom:18px;
text-align:justify;
}
div#navigation a img{
border:1px solid #dedede;
}
div#navigation a:hover img{
border:1px solid black;
}
.lienvid{
position:absolute;
display:block;
width:150px;
bottom:5px;
right:1px;
}
.lienvid a{
color:white;
font-weight:bold;
}
div#navigation3{
display:block;
width:530px;
height:590px;
position:absolute;
position:relative;
left:24px;
top:24px;
background:url(img/bg_opac4.png) no-repeat;
padding:10px 25px;
}
div#navigation3 p{
margin-top:6px;
margin-bottom:18px;
text-align:justify;
}
div#navigation3 a img{
border:1px solid #dedede;
}
div#navigation3 a:hover img{
border:1px solid black;
}
div#navigation4{
display:block;
height:660px;
background:url(img/bg_opac.png);
padding:10px 20px;
}
div#navigation4 p{
margin-top:6px;
margin-bottom:18px;
text-align:justify;
}
div#navigation4 a:hover{
text-decoration:underline;
}
.port{
float:left;
display:block;
font-size:12px;
margin:0 9px;
width:236px;
height:200px;
}
.port a{
color:white;
}
.img{
width:245px;
margin-top:3px;
margin-right:10px;
display:block;
float:left;
}
.bo a{
color:#808080;
font-weight:bold;
}
.bo a:hover{
color:#808080;
font-weight:bold;
text-decoration:underline;
}
.titre{
margin-top:3px;
display:block;
font-weight:bold;
font-size:14px;
color:white;
}
div#fenetre{
width:625px;
height:580px;
margin:0 auto;
padding-top:10px;
color:white;
}
div#fenetre p{
text-align:justify;
}
div#fenetre a{
color:white;
}
div#fenetre a:hover{
color:#a67ef0;
}
h3{
margin-bottom:3px;
font-size:18px;
}
div#fenetredroite{
float:left;
width:325px;
height:200px;
}
div#fenetredroite p{
text-align:left;
}
div#fenetregauche{
float:left;
width:300px;
height:200px;
}
div#navigation input{
margin-top:10px;
}
div#navigation textarea{
margin-top:10px;
}
div.flo{
font-size:10px;
text-align:center;
width:195px;
float:left;
margin:0 5px;
}
div.flo a img{
margin-bottom:5px;
border:1px solid white;
}
div.flo a img:hover{
border:1px solid #df5aa2;
}
.contact{
padding-top:20px;
display:block;
clear:both;
}
.titrebox{
font-weight:bold;
}
div#imgpos{
height:210px;
}
.mini{
font-size:10px;
}
.allvid{
display:block;
float:left;
margin:18px 20px;
padding:1px;
border:1px solid white;
width:120px;
height:105px;
text-align:center;
}
.allvid a{
border:none;
text-decoration:none;
color:white;
}
div#clearboth{
clear:both;
}
div#pagination{
text-align:right;
}
.pagi a{
display:block;
float:right;
text-align:center;
margin:2px;
width:15px;
height:15px;
background:white;
color:black;
text-decoration:none;
}
.pagi a:hover{
display:block;
float:right;
text-align:center;
margin:2px;
width:15px;
height:15px;
background:white;
color:black;
text-decoration:none;
}