html, body {
	height: 100%;
}

img {border:0;}

body{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#323232;
}

* html #container {
	height: 100%;
}


.container{
	width:100%;
	height:100%;
}

.inner{
	display:block;
	width:900px;
	height:550px;
	background-color:#fff;
	position:absolute;
	top:50%;
	margin-left:-450px;
	left:50%;
	margin-top:-275px;
}

.ciscoLogo{
	position:absolute;
	top:10px;
	right:10px;
}

.content{
	position:absolute;
	display:block;
	width: 732px;
	height: 496px;
	background: transparent url(images/content.png) no-repeat 0 0;	
	top:30px;
	left:15px;
	text-indent:-20000px;
}

/*hack for IE6*/
.btn_conteiner{
	display:block;
	position:absolute;
	width:200px;
	height:30px;
	left:0;
	top:0;
	    z-index: 100;
		text-indent:0;
}
.btn1{    
	display: block;
    height: 30px;
    position: absolute;
    top: 331px;
    width: 114px;
    z-index: 100;
	left:33px;
}
.btn2{    
	display: block;
    height: 30px;
    position: absolute;
    top: 443px;
    width: 114px;
    z-index: 100;
	left: 33px;
}

.content_right{
	display:block;
	height: 386px;
	width: 339px;
    position: absolute;
    top: 96px;
    z-index: 100;
	left: 530px;
	background: transparent url(images/bg_right.png) no-repeat 0 0;		
	text-indent:0;
}
.decouvrez{
	position:absolute;
	top:244px;
	left:81px;
}
.visitez{
	position:absolute;
	top:312px;
	left:82px;
}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1200px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1200px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -600px;   /* 50% */
        }
}

.video{
	position:absolute;
	top:22px;
	left:8px;
}