/* CSS Document */
#sup,#inf,#content{behavior: url(iepngfix.htc);}
body{
/* background: url(img/deg3.jpg) repeat-x; */
background: url(img/fond_cote.jpg) repeat-y;
background-color:#ccc;background-position:50% 0px;
padding:0;margin:0;width:100%;text-align:center;font-family:"Trebuchet MS";font-size:11px;
}
#site{
position:relative;
background: url(img/deg3.jpg) repeat-x;
background-color:#706cbb;
width: 970px;

margin-left:auto;
margin-right:auto;
}
#content_sup{
background: url(img/content_sup.jpg) bottom left no-repeat;
width: 698px;
height: 7px;
}
#content_inf{
background: url(img/content_inf.jpg) top left no-repeat;
width: 698px;
height: 6px;
}
#content_c{
background: url(img/content.jpg) repeat-y;
width: 698px;
}
#menu{
padding-left:20px;
}
#menu_sup{background: url(img/menu_sup.jpg) bottom left no-repeat;
width: 217px;
height: 7px;

}
#menu_content{background: url(img/menu.jpg) repeat-y;
width: 217px;
padding-left:10px;

}#menu_content .selected{color:#ca3420;}
#menu_inf{background: url(img/menu_inf.jpg) top left no-repeat;
width: 217px;
height: 7px;

}

/* #sup{background: url(img/sup2.png) bottom left no-repeat;
width: 978px;
height: 23px;

}
#content{background: url(img/content2.png) repeat-y;
width: 978px;

}
#inf{background: url(img/inf2.png) top left no-repeat;
width: 978px;
height: 23px;
 */
}
#instant{position:relative;width: 978px;margin:auto;}#head{position:relative;margin:auto;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
img{border:0;}
#fond_noir{width:100%;height:100%;position:absolute;top:0;left:0;background: url(img/fond.png) repeat;z-index:4;}
#video{
z-index:30;z-index:5;
position:relative;
margin:auto;top:200px;
width:505px;
height:470px;text-align:center;
overflow:hidden;background-color:#fff;border:1px solid black;
}
#video #test{border:0;background:none;width:500px;text-align:center;vertical-align:top;
height:430px;overflow:hidden;margin-top:10px; }
#video a{text-transform:uppercase;color:#000;font-weight:bold;font-size:14px;font-family:"Arial"; padding-top:10px;}


/******** V2    **************/
#sup_l{
background: url(img2/sup_l.png) bottom right no-repeat;
width: 8px;
height: 30px;
}
.sup{
background: url(img2/sup.png) bottom repeat-x;
height: 30px;
}
#left_off{
background: url(img2/left_off.png) bottom left no-repeat;
width: 7px;
height: 30px;

}
#content_off a{
color:#000;text-decoration:none;
}
#content_on a{
color:#CCC;text-decoration:none;
}
#content_on a:hover{
color:#000;text-decoration:underline;
}
#content_off{
background: url(img2/content_off.jpg) bottom repeat-x;
text-align:center;width:200px;
height: 30px;
}
#right_off{
background: url(img2/right_off.png) bottom left no-repeat;
width: 7px;
height: 30px;
}
#left_on{
background: url(img2/left_on.png) bottom left no-repeat;
width: 7px;
height: 30px;
}
#content_on{
background: url(img2/content_on.jpg) bottom repeat-x;
text-align:center;width:200px;
height: 30px;
}
#right_on{
background: url(img2/right_on.png) bottom left no-repeat;
width: 7px;
height: 30px;
}
#sup_r{
background: url(img2/sup_r.png) bottom right no-repeat;
width: 8px;
height: 30px;

}
#content{
background: url(img2/content.png)  repeat-y;
width: 925px;

}
#bottom{
background: url(img2/bottom.png) top no-repeat;
width: 925px;
height: 10px;
}