/* style général */
a img {
border:none;
}
body{
margin:0 auto;
font-family:tahoma;
font-family:"Trebuchet MS";
}
h1 {color:#6f7d84;;}
p{
	font-family: Trebuchet MS;
	font-size:12px;
	color:#000;
	vertical-align: baseline;
	margin:0 0 10px 0;
}
td {
	vertical-align:top;
	color:#000;
	font-family: Trebuchet MS;
	font-size:12px;
}
:focus { outline: none; }

/* Global à toutes les pages */
#container{width:777px; height:900px; border:3px #000; vertical-align: middle;margin: 0 auto;}
.titre{font-family: Trebuchet MS;font-size:18px; font-weight:bold; color:#6f7d84; text-align: left; vertical-align: middle;margin-bottom:15px;}

/* Header */
#banniere{
width:100%;
}
#lienBanniere{
width:100%;
cursor:pointer;
}
.logo{
width:107px;
flaot:left;
margin-left:50px;
margin-top:-170px;
}

/* Menu haut */
#menu{
width:800px;
height:25px;
background:url(/charte/www.videopolis.fr/fre/prod/images/menu.gif) no-repeat;
}

/************************************
#nav {
height: 25px;
text-align:right;
top:-25px;
}
#nav ul{
list-style: none ;
float:right;
top:-25px;
}
			
#nav li {
float: left ;
width: 150px ;
margin-right:0px;
top:-25px;

}	
#nav li a {
display: block ;
color: #fff ;
font: 10px Trebuchet MS ;
line-height:3em ;
text-align: center ;	
text-decoration: none ;
}
	
#nav li#home {
	width: 50px ;
	height:25px;
	margin-top:-18px;
	border-left:dashed 1px #CCCCCC ;
	border-right:dashed 1px #CCCCCC ;
}
#nav li#societe,#nav li#film,#nav li#prestations, #nav li.test {
	width: 100px ;
	height:25px;
	border-right:dashed 1px #CCCCCC ;
	margin-top:-18px;
}	

#nav li#mode {
	width: 50px ;
	height:25px;
	margin-top:-18px;
	border-right:dashed 1px #CCCCCC ;
}


#nav li#info {
	width: 100px ;
	height:25px;
	margin-top:-18px;
	margin-right:23px;
}
	
#nav li a:hover {
color: white;
width: 100px ;
height:25px;
text-decoration: none ;
font: 10px Trebuchet MS ;
line-height: 3em ;
text-align: middle ;	
vertical-align:middle;
text-decoration: none ;
margin-top:0px;
}

#nav li#home a:hover,#nav li#mode a:hover  {
width: 50px ;
height:25px;
color: white;
background-color:#afd431;
}
#nav li#societe a:hover,#nav li#film a:hover,#nav li#prestations a:hover,#nav li#info a:hover, , #nav li.test a:hover {
width: 100px ;
height:25px;
color: white;
background-color:#afd431;
}	

*************************************************/

/* menu jbj 13/06/2008 */

#nav {
height: 25px;
text-align:right;
top:-25px;
width:776px;
}
#nav ul{
list-style: none ;
float:right;
margin-top:-10px;
}
			
#nav li {
float: left ;
display:inline;
margin:0px;
border-left:dashed 1px #CCCCCC ;
}	

#nav li a {
display: block;
color: #fff;
font: 10px Trebuchet MS ;
text-align: center;	
text-decoration: none ;
padding:0 15px;
padding-top:3px;
height:30px;
line-height:35px;
}

#nav li a:hover {
color: white;
background-color:#afd431;
}

/* end menu jbj 13/06/2008 */

#sectionSelected {
background-color:#afd431;
height:25px;
}
.degrade{
	margin: 10px auto;
	background:transparent url('/charte/www.videopolis.fr/fre/prod/images/degrade.png') no-repeat;
	width:767px;
	height:9px;
	display:block;
}

/* Contenu de la page d'accueil */
.sep{
	margin:37px 0;
	border-bottom:1px solid #abb6bb;
}
.imgLeft {
	padding-right:65px;
	padding-left:45px;
}
.txtRight {
       	padding-right:45px;
        padding-left:45px;
}
#home .imgLeft, #home .txtLeft, #home .txtRight, #home .imgRight {
	padding-right:15px;
	padding-left:15px;
       	color:#3C3C3C;
}
.sep1{
 	margin-top:800px;
	width:800px;
	height:3px;
	margin-left:-10px;
}

/* MENU GAUCHE */
.gauche{
width:169px;
background-image:url('/charte/www.videopolis.fr/fre/prod/images/degrade_gauche.jpg');
background-repeat:repeat-x;
height:437px;
float:left;
margin-top:14px;
}	
#gauche1 {
padding:0;
}
#gauche1 li{
display:block;
width:169px;
list-style-type:none;
line-height:22px;
font: 10px Trebuchet MS ;
font-weight:bold;
text-align: right;
vertical-align:middle;
line-height: 2em ;
border-bottom:1px solid #d1cdbd;
}
#gauche1 li a:hover, #subSectionSelected {
background-image:url(/charte/www.videopolis.fr/fre/prod/images/gauche1.jpg);
background-repeat:repeat-y;
background-position:top left;
}
#gauche1 li a{
width:149px;
padding-right:20px;
display:block;
color:#656565;
text-decoration: none ;
}
#gauche1 li a.secondLevel{
color:#5B9CAC;
line-height:12px;
}

/* Page 2 */
.contenu {
float:left;
width:584px;
margin:0 12px;
margin-top:0px;
overflow:hidden;
}
.recTitre{
	color:#3b5e65;
	font-weight:bold;
	font-size:25px;
	border-top:1px solid #abb6bb;
	border-bottom:1px solid #abb6bb;
	padding:20px 0;
}
.tabContentStandard {
padding-top:20px;
}
.tabContentStandard .imgLeft {
padding-left:15px;
padding-right:25px;
}
.tabContentStandard .txtRight {
padding-right:0px;
color:#567279;
}

.tabContentStandard .imgRight {
padding-right:0px;
padding-left:0px;
}
.tabContentStandard .txtLeft{
padding-left: 0px;
padding-right: 25px;
color:#567279;
}

.tabContentStandard .txtRight p {
color:#567279;
}
.tabContentStandard .txtLeft p {
color:#567279;
}

#contenu-standard .tabContentStandard .imgLeft {
}
#contenu-standard .tabContentStandard .txtRight {
padding-right:10px;
padding-left:0px;
}
#degrade_g {
background:transparent url('/charte/www.videopolis.fr/fre/prod/images/degrade.png') no-repeat top left; width:181px;margin-bottom:-30px;
}
#degrade_d {
background:transparent url('/charte/www.videopolis.fr/fre/prod/images/degrade.png') no-repeat top right; margin-bottom:-21px;}
.videoDiv .imgToA {width:322px; height:257px; overflow:hidden;}
.videoDiv .169 {width:720px; height:406px; overflow:hidden;}

/*page seule*/
#middle{
margin:auto;
height:100%;
width:100%;
font-family: Trebuchet MS;font-size:12px; color:#567279; text-align: left; vertical-align: middle;margin-bottom:15px;

}

/* Drapeaux langues */
#drapeaux ul {list-style:none; margin:0 0 0 25px;position:absolute;}
#drapeaux li {list-style:none; float: left; margin: 3px 5px 0 0;width: 24px;  height: 21px; behavior: url('/iepngfix.htc')}
#drapeaux li#drapeau-en {background: url('/flag/drapeau_gb.png') no-repeat left top;}
#drapeaux li#drapeau-fr {background: url('/flag/drapeau_francais.png') no-repeat left top;}
#drapeaux li a {  display: block; height: 100%; text-indent: -9999px; overflow: hidden;}