body{
	font-family: sans-serif;
	font-size: 11pt;
	margin: 0;
	padding: 0;
	color:#4060a0;
}
a{
	color:#4060a0;
	text-decoration:underline;
}
a:hover{
	color:#7b97ab;
}
#headingBanner {
  margin:0 7px 0 50px;
}
h1{
	margin:20px 20px 20px 20px; 
	color:#4060a0;
	font-size:20pt;
	font-weight:bold;	
}
#container{
	position:relative;
	top:0;
	width: 950px;
	height:auto;
	margin: 0 auto;
	padding:0;
	background:url('/img/fond.jpg') repeat-x top left;
	border:1px solid #7b97ab;
}
#header{
	margin:0;
	padding:60px 0 0 0;
	height:auto;
}
#header #logo_fr{
	position:absolute;
	top:5px;
	left:5px;
	width:148px;
	height:91px;
	background-image:url('/img/logo_fr.png') !important;
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/logo_fr.png');
}
#header #logo_en{
	position:absolute;
	top:5px;
	left:5px;
	width:148px;
	height:91px;
	background-image:url('/img/logo_en.png') !important;
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/logo_en.png');
}

#header #connectbar{
	position:absolute;
	right:0;
	top:40px;
}
#header #connectbar a {
	display:block;
	float:right;
	text-decoration:none;
	color:#4060a0;
	margin-left:0px;
	margin-right:0px;
}
#header #connectbar span {
	position:relative;
	display:block;
	float:left;
	text-decoration:none;
	color:#4060a0;
	margin-left:9px;
	margin-right:9px;
}
#header #connectbar a:hover {
	color:#7b97ab;
	text-decoration:underline;
}
#header #connectbar a.menuconnexion{
	display:block;
	float:right;
	padding-right:30px;
	color:#4060a0;
	font-weight:bold;
}
#header #connectbar span.firstname{
	display:block;
	float:right;
	padding-right:0;
	color:#4060a0;
	font-weight:bold;
	font-size:9pt;
}
#header #connectbar a.menudeconnexion{
	display:block;
	float:right;
	padding-right:25px;
	font-size:9pt;
	text-decoration:underline;
	color:red;
}
#header #menu{
	margin-left:150px;
	width:799px;
	height:37px;
	line-height:30px;
	background-image:url('/img/menu.png') !important;
	background-image:url('/img/transparent_1px.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/menu.png');
}
#header #menu a {
	position:relative;
	display:block;
	float:left;
	text-decoration:none;
	color:#4060a0;
	margin-left:0px;
	margin-right:0px;
}
#header #menu span {
	position:relative;
	display:block;
	float:left;
	text-decoration:none;
	color:#4060a0;
	margin-left:9px;
	margin-right:9px;
}
#header #menu a:hover {
	color:#7b97ab;
	text-decoration:underline;
}

#header #menu a.lang_choice_fr {
	position:relative;
	display:block;
	float:right;
	padding-top:8px;
	padding-right:8px;
	text-decoration:none;
	color:#4060a0;
}
#header #menu a.lang_choice_en {
	position:relative;
	display:block;
	float:right;
	padding-top:8px;
	padding-right:20px;
	text-decoration:none;
	color:#4060a0;
}
#menucat_global{
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	border:1px solid #4060a0;
	margin:7px;

	color:#4060a0;
}
div.accueil_login{
	padding:20px;
	background-image:url('/img/transparencylogin.png') !important;
}
#center{
}
#footer{
	background:url('/img/footer_bg.jpg') repeat-x top left;
	padding-top:40px;
	height: 30px;
	line-height:30px;
	font-size:8pt;
	text-align:center;
	color:gray;
}
table.subfolders{
	margin:0;	
}
table.subfolders td{
	color:#4060a0;
}
table.subfolders td a{
	text-decoration:none;
	color:#4060a0;
}
table.subfolders td a:hover{
	text-decoration:underline;	
}
div.resultset{
	margin:20px;	
}
div.resultset div.item1{
	margin:5px 0 5px 0;
	display:block;
	text-decoration:none;
	padding:10px;
	background-color:#eef7fb;
	border:1px solid white;
}
div.resultset div.test2{
	margin:5px 0 5px 0;
	display:block;
	text-decoration:none;
	padding:10px;
	background-color:red;
	border:1px solid white;
}
div.resultset div.item2{
	margin:5px 0 5px 0;
	display:block;
	text-decoration:none;
	padding:10px;
	background-color:#edf1f7;
	border:1px solid white;
}
div.mybasket a, div.mybasket a img{
	font-size:8pt;
	text-decoration:none;
	font-style:italic;
	border:0;
}
div.switchpage{
	margin:20px;
text-align:center;
}
div.switchpage span{
color:red;
font-weight:bold;
}
div.switchpage a{
color:black;
text-decoration:underline;
}
div.switchpage a img.lastpage{
	border:0;
	text-decoration:none;
}
table.infobox{
	border:0;
	margin:0;
	padding:0;
}
table.infobox td.td1{
	background-image:url('/img/box.png');
	background-position:left top;
}
table.infobox td.td2{
	background-image:url('/img/box.png');
	background-position:center top;
}
table.infobox td.td3{
	background-image:url('/img/box.png');
	background-position:right top;
}
table.infobox td.td4{
	background-image:url('/img/box.png');
	background-position:left center;
}
table.infobox td.td5{
	background-image:url('/img/box.png');
	background-position:center center;
}
table.infobox td.td5 h1{
	font-size:16pt;
}
table.infobox td.td5 p{
	margin:20px;
	font-size:12pt;
}
table.infobox td.td6{
	background-image:url('/img/box.png');
	background-position:right center;
}
table.infobox td.td7{
	background-image:url('/img/box.png');
	background-position:left bottom;
}
table.infobox td.td8{
	background-image:url('/img/box.png');
	background-position:center bottom;
}
table.infobox td.td9{
	background-image:url('/img/box.png');
	background-position:right bottom;
}
div.mybox{
	height:auto;
}
div.mybox .mybox_top{
	width:224px;
	height:11px;
	background-image:url('/img/box-top.png') !important;
	background-image:url('/img/transparent_1px.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/box-top.png');
}
div.mybox .mybox_middle{
	width:224px;
	height:auto;
	background-image:url('/img/box-middle.png') !important;
	background-image:url('/img/transparent_1px.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/box-middle.png');

}
div.mybox .mybox_bottom{
	width:224px;
	height:11px;
	background-image:url('/img/box-bottom.png') !important;
	background-image:url('/img/transparent_1px.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/box-bottom.png');
}
div.mybox .mybox_middle .contenubox{
	padding:0px 10px 10px 10px;
}
div.warning{
	font-family: cursive;
	font-size: 11pt;
	width: 500px;
	margin: 20px;
	margin-right:auto;
	margin-left:auto;
	padding: 20px;
	background-color: white;
	background-image: url('/img/error.png');
	background-position: 20px center;
	background-repeat: no-repeat;
	border: 1px solid red;
	border-left: 10px solid red;
	padding-left: 100px;
}
span.videotitle{
	font-size:16pt;
	font-weight:bold;
	color:#4060a0;
}
span.thumbtitle{
	font-size:8pt;
	color:#4060a0;
}
div.downloadbutton{
display:block;
float:right;
padding:0 10px 0 10px;
text-align:left;
}
div.downloadbutton span{
	display:block;
	margin:0;
	padding:0;
	font-size:10pt;
	text-align:center;
	font-weight:bold;
	color:#4060a0;
	text-transform:uppercase;
}
div.downloadbutton a{
clear:both;
display:block;
text-decoration:none;
height:64px;
padding:5px 20px 0 70px;
font-size:10pt;
border:0;
margin:0 0 10px 0;
border:1px solid #eef7fb;
}
div.downloadbutton a:hover{
border:1px solid #7b97ab;
}
p.videoabstract{
	margin:0;
	padding:0;
	font-size:10pt;
	color:#4060a0;
}
div.videoabstract{
	margin:0;
	padding:20px;
	font-size:10pt;
	color:#4060a0;
}
p.noresult{
	margin:20px;
	padding:0;
	font-size:12pt;
	color:#4060a0;
}
span.metadata{
	font-size:8pt;
	font-weight:bold;
	color:#4060a0;
}
span.videotitle a{
	font-size:12pt;
	font-weight:bold;
	color:#4060a0;
	text-decoration:none;
}
span.thumbtitle a{
	font-size:8pt;
	color:#4060a0;
	text-decoration:none;
}
p.videoabstract a{
	font-size:11pt;
	color:#4060a0;
	text-decoration:none;
}
p.videoabstract a.contact{
	margin:0;
	font-size:10pt;
	text-decoration:underline;
	color:#4060a0;
}
p.noresult a{
	font-size:12pt;
	color:#4060a0;
	text-decoration:none;
}
span.metadata a{
	font-size:8pt;
	font-weight:bold;
	color:#4060a0;
	text-decoration:none;
}
#header #menucat{
	margin:0px 0 0 6px;
	width:944px;
	height:37px;
	background-image:url('/img/menucat.png') !important;
	background-image:url('/img/transparent_1px.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/menucat.png');
}
form.searchform{
margin:0;	
}
form.searchform input{
font-size:12pt;
height:20px;
}
form.searchform input.submitsearch{
font-size:15px;
width:170px;
height:30px;
}
form.searchform2{
padding:0;
margin:40px 20px 0 20px;
border-bottom:1px solid #7b97ab;
}
form.searchform2 input{
font-size:12pt;
}
div.datars{
	height:25px;
	line-height:25px;
	background:url('/img/fond.jpg') repeat-x 0 -120px;
	margin:0 20px 0 20px;
	padding-right:10px;
	padding-left:10px;
	text-align:right;
}
.preload2 {background: url(/img/down2.gif);}
.menu2 {text-align:left;padding:0 0 0 15px; margin:0 7px 0 0; border:0; list-style:none; height:37px; position:relative;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:37px; line-height:30px; color:#4060a0; text-decoration:none; font-size:11pt; font-weight:normal; padding:0 0 0 0; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 0 0 0; height:37px;}
.menu2 li a.top_link span.down {float:left; display:block; margin:0 0 0 0; padding:0 10px 0 0; height:37px; background:url(/img/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#7b97ab;}
.menu2 li a.top_link:hover span {}
.menu2 li a.top_link:hover span.down {background:url(/img/down2.gif) no-repeat right top;}

.menu2 li.top span.separator {display:block; float:left; height:37px; line-height:30px; color:#4060a0; text-decoration:none; font-size:11pt; font-weight:normal; padding:0 9px 0 9px; cursor:pointer;}

.menu2 li:hover > a.top_link {color:#7b97ab;text-decoration:none;}
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {background:url(/img/down2.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; background: #f6fafc; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:28px; background: #f6fafc; padding:3px 0; border:1px solid #4265a1; border-top:1px solid #f6fafc; white-space:nowrap; width:133px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:130px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:127px; line-height:20px; text-indent:5px; color:#4060a0; text-decoration:none; border:3px solid #f6fafc; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#f6fafc url(/img/arrow.gif) 120px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4060a0; color:#f6fafc;}
.menu2 :hover ul.sub li a.fly:hover {background:#4060a0 url(/img/arrow_over.gif) 120px 7px no-repeat; color:#f6fafc;}
.menu2 :hover ul li:hover > a.fly {background:#4060a0 url(/img/arrow_over.gif) 120px 7px no-repeat; color:#f6fafc;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:-4px; background: #f6fafc; padding:3px 0; border:1px solid #4265a1; white-space:nowrap; width:133px; z-index:200; height:auto;}

div.conteneurcarousel{
	padding-top:25px;
	height:151px;
	background:white url(/img/bgcarousel.png) 19px 0 no-repeat;
}
div.conteneurcarousel span{
padding-left:50px;
text-transform:uppercase;
color:#4060a0;
font-size:10pt;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 815px;
    padding: 10px 40px;
    margin:0 0 10px 25px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  815px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    height: 75px;
}
.jcarousel-skin-tango .jcarousel-item a{
	border:0;
	text-decoration:none;
}
.jcarousel-skin-tango .jcarousel-item a img{
	border:0;
	text-decoration:none;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 33px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/img/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 33px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/img/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/img/next-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/img/prev-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}