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

body{
background-color:#def2fc;
background-image:url(images/bgd.gif);
background-repeat:repeat-x;
margin:0;
text-align:center;
font-family:Tahoma;
}
.main{
margin-left: auto;
margin-right: auto;
}
.header{
width:882px;
height:81px;
background-color:#0000CC;
background-image:url(./header.png);
text-align:left;
padding-left:35px;
}
h1{
color:#FFFFFF;
margin:0px;
}
h2{
color:#FFFFFF;
font-size:19px;
font-family:Tahoma;

}
h3{
color:#CCCCCC;
margin:5px;
margin-left:10px;
font-size:14px;
}
a.header_link{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
a.header_link:hover{
color:#FFFFFF;
font-size:11px;
text-decoration:underline;
}

.content{
width:890px;
height:900px;
min-height:450px;
height:auto;
text-align:left;
padding:15px;
background-image:url(images/mainmiddle.png);
background-repeat:repeat-y;
overflow:auto;
}
.videostar{
float:left;
width:547px;
height:260px;
background-image:url(images/bloc1.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
}
.imbest{
height:233px;
border:none;
float:left;
margin-right:20px;
}
.videostar a{
font-size:21px;
margin:10px;
color:#CC0099;
text-decoration:none;
}
.videostar a:hover{
font-size:21px;
margin:10px;
color:#CC0099;
text-decoration:underline;
}
.text1{
font-size:12px;
color:#666666;
text-align:justify;
}
.recherche{
margin-right:5px;
margin-top:25px;
}

.pub{
float:right;
width:274px;
height:260px;
background-image:url(images/bloc2.png);
background-repeat:no-repeat;
background-color:#f591bb;
margin-right:4px;
padding-left:40px;
}
.pub img{
border:none;
margin:2px;
}
.pub a{
font-size:11px;
color:#CC00CC;
text-decoration:none;
}

.chaines{
margin-top:20px;
margin-bottom:20px;
float:left;
width:888px;
height:auto;
background-image:url(images/bloc3.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
}
.chaines_detail{
float:left;
width:868px;
height:auto;
padding:10px;
padding-top:5px;
}

.theme{
background-color:#f2f2f2;
height:320px;
width: 160px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
a.themelink{
font-size:12px;
color:#CC0099;
text-decoration:none;
}
a.themelink:hover{
font-size:12px;
color:#CC0099;
text-decoration:underline;
}
.imtheme{
float:left;
height:110px;
width:151px;
}
.cloud{
background-color:#f2f2f2;
height:320px;
width: 318px;
float:left;
margin-bottom:10px;
padding:20px;
text-align:center;
line-height:24px;
}
a.t1{
font-size:13px;
font-weight:bold;
color:#339999;
text-decoration:none;
}
a.t1:hover{
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
background-color:#339999;
}
a.t2{
font-size:14px;
font-weight:bold;
color:#339933;
text-decoration:none;
}
a.t2:hover{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
background-color:#339933;
}
a.t3{
font-size:15px;
font-weight:bold;
color:#ff3300;
text-decoration:none;
}
a.t3:hover{
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
background-color:#ff3300;
}
a.t4{
font-size:16px;
font-weight:bold;
color:#ff9933;
text-decoration:none;
}
a.t4:hover{
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
background-color:#ff9933;
}
a.t5{
font-size:17px;
font-weight:bold;
color:#99cc33;
text-decoration:none;
}
a.t5:hover{
font-size:17px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
background-color:#99cc33;
}

.footer{
margin-top:15px;
padding-top:10px;
padding-left:10px;
width:913px;
height:25px;
background-image:url(images/maintop.png);
text-align:left;
padding-left:5px;
}

.top{
margin-top:15px;
width:890px;
height:28px;
text-align:left;
padding:15px;
background-image:url(images/maintop.png);
background-repeat:no-repeat;
}
.foot{
width:890px;
height:28px;
text-align:left;
padding:15px;
background-image:url(images/mainfoot.png);
background-repeat:no-repeat;
}

.other{
float:right;
background-color:#FF66FF;
border-color:#999999;
border-style:double;
border-width:medium;
width:200px;
height:300px;
}
.play{
float:left;
width:400px;
background-color:#000000;
height:900px;
}

.with_icon
{
    width: 150px;
	padding-left:20px;
    background-image: url(images/loupe.png);
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loupe.png', sizingMethod='crop'); 
    background-position: 1px 1px;
    background-repeat: no-repeat;
    font-weight: normal;
}
.note{
width:294px;
height:70px;
background-image:url(images/bloc2.png);
background-repeat:no-repeat;
background-color:#f591bb;
margin-right:4px;
padding-left:20px;
padding-top:2px;
float:left;
}
.intro{
float:left;
color:#990066;
font-size:12px;
text-align:justify;
margin-right:10px;
margin-top:10px; 
width:530px;
}
.entrer{
margin-left:30px;
margin-top:10px;
border:none;
}
.sortir{
margin-left:40px;
border:none;
}
.entsor{
width:330px;float:left;
}
.footerend{
width:890px;
height:auto;
text-align:left;
padding-left:15px;
padding-right:14px;
background-image:url(images/mainmiddle.png);
background-repeat:repeat-y;
overflow:auto;
margin-bottom:0px;
}

.descrip{
padding:15px;
font-size:12px;
color:#333333;
border:#333333 1px solid;
float:right;
width:200px;
}

.avert{
padding:5px;
color:#990000;
font-size:14px;
float:right;
width:200px;
}