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

/*	Generalites

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

body {

	background: #001d43;

	font-family: arial, helvetica,verdana,sans-serif;

	color: #FFF;

	width: 100%;

}

/*	Annulations generales */

body, p, ul, form, h1, h2, h3 {

	padding:0;

	margin:0;

}

table { border-collapse:collapse; }

img	{

	border:0;

	display:block;

}

ul { list-style: none; }

/*	Clear floats */

.clear {

	clear:both;

	height:0;

	line-height:0;

}

.noborder { border: 0 !important; }

.nomargin { margin: 0 !important; }



#container {

	width: 960px;

	padding: 0 0 0 20px;

	margin:auto;

}



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

/*	hypertexte

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

a {

	color: #FFFFFF;

	text-decoration: none;

}

a:hover { text-decoration: underline; }

a:active {}

a:visited {}



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

/*	Structure

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

.center {

	width: 940px;

	margin: 0 auto;

}



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

/*	Menu système

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

#mnsys {

	height: 46px;

	background: #000;

	font-family: Times, serif;

	font-style: italic;

	font-size: 11px;

}

#mnsys a {

	color: #afafaf;

}

#mnsys a:hover,

#mnsys a.on {

	color: #FFF;

}

#mnsys .logo {

	float: left;

}

#mnsys .logo a {

	display: block;

	width: 110px;

	height: 46px;

	background: url('../img/mnsys_lg.gif') no-repeat 0 0;

}



#mnsys .logom {

	float: left;

}

#mnsys .logom a {

	display: block;

	/*margin-left:110px;*/

	background-color:#FF0000;

	width: 142px;

	height: 46px;

	background: url('../img/mnsys_lgM.gif') no-repeat 0 0;

}



#mnsys .flash {

	float: left;

}

#mnsys .newsletter {

	float: left;

	padding: 24px 0 0 40px;

}

#mnsys .flash {

	float: left;

}

#mnsys .langue {

	float: right;

	padding-top: 24px;

}

#mnsys .langue li {

	float: left;

	border-right: 1px solid #454545;

	padding: 0 5px;

}



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

/*	Header

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

#header {

	height: 231px;

	position: relative;

	font-family: Times, serif;

	font-style: italic;

	font-size: 12px;

}



#header #mn1 {

	float: right;

	padding-top: 50px;

}

#header #mn1 a {

	display: block;

	width: 114px;

	height: 20px;

	background-repeat: no-repeat;

	background-position: 100% 0;

}



#header #mn1 a:hover,

#header #mn1 .on a {

	background-position: 100% 100%;

}



#header .btmap {

	position: absolute;

	bottom: 0;

	left: 37%;

	padding-top: 14px;

	background: url('../img/bt_bg_greenarrow.gif') no-repeat 50% 0;

	width: 250px;

	text-align: center;

}

#header .btdownload {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 250px;

	text-align: right;

}





/* ---------------------------------------------------*/

/* carousel*/

/* ---------------------------------------------------*/



#carousel {

	padding: 3px 0 30px 0;

}



/* jour + nav */

#carousel .day {

	position: relative;

	height: 45px;

	line-height: 45px;

	text-align: center;

	border-top: 1px solid #334a69;

	border-bottom: 1px solid #334a69;

	font-size: 20px;

	font-weight: bold;

}



/*10042009 .x*/

#carousel .simple {

	position: relative;

	height: 1px;

	line-height: 1px;

	text-align: center;

	border-top: 1px solid #334a69;

	font-size: 20px;

	font-weight: bold;

}



/* ---------------------------------------------------*/

/* slider video */

/* ---------------------------------------------------*/

.slider_video {

	position: relative;

	height: 259px;

}

.slider_video .header_carroussel {

	width: 230px;

	padding-top: 25px;

}

.slider_video .header_carroussel p { padding: 8px 0 25px 0; font-weight: bold; font-size: 11px;}

.slider_video .header_carroussel a { display: block; }



.slider_video div.btBack a {

	position: absolute;

	top: 100px;

	left: 235px;

	z-index:20;

}

.slider_video div.btNext a {

	position: absolute;

	top: 100px;

	right: 5px;

}



.slider_video .content {

	position: absolute;

	top: 30px;

	left: 265px;

	width: 645px;

	height: 250px;

}



.slider_video .content li {

	list-style-type: none;

	float: left;

	width: 215px;

}

.slider_video .content li a .img { position: relative; width: 208px; text-decoration: none;}

.slider_video .content li a .img img { border: 1px solid #001d43; }

.slider_video .content li a h2 { font-size: 12px; color:#FFFFFF; font-weight: bold;padding-bottom: 0px;text-decoration: none; margin-top:15px; width:98%}

.slider_video .content li a h3 { font-size: 10px; color: #99a5b4; font-weight: bold;text-transform: uppercase;text-decoration: none; width:98%}

.slider_video .content li a:hover .img img { border: 1px solid #FFFFFF; text-decoration: none;}

.slider_video .content li a:hover h2 { color: #FFFFFF; font-weight: bold; text-decoration: none; border : 0px;}

.slider_video .content li a:hover h3 { color: #99a5b4; font-weight: bold; text-decoration: none; border : 0px;}



.slider_video ul.nav {

	list-style: none;

	position: relative;

	width: 220px;

}

.slider_video ul.nav li {

	float: left;

	width: 19px;

}

.slider_video ul.nav li.tt {

	float: left;

	width: 95px;

	font-size: 10px;

	padding-top: 2px;

}

/* ---------------------------------------------------*/

/* contenu video */

/* ---------------------------------------------------*/

.haut_video {

	position: relative;

	height: 316px;

	border-bottom: 1px solid #333333;

}





/* ---------------------------------------------------*/

/* Layer scrollable */

/* ---------------------------------------------------*/

.slider_video div#wn0, 

.slider_video div#wn1, 

.slider_video div#wn2, 

.slider_video div#wn3, 

.slider_video div#wn4, 

.slider_video div#wn5, 

.slider_video div#wn6, 

.slider_video div#wn7, 

.slider_video div#wn8, 

.slider_video div#wn9, 

.slider_video div#wn10, 

.slider_video div#wn11, 

.slider_video div#wn12, 

.slider_video div#wn13, 

.slider_video div#wn14, 

.slider_video div#wn15 {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 250px;

	overflow: hidden;

}



div#lyr10, div#lyr11, div#lyr12, div#lyr13, div#lyr14, div#lyr15, div#lyr16, div#lyr17, div#lyr18, div#lyr19, div#lyr110, div#lyr111, div#lyr112, div#lyr113, div#lyr114, div#lyr115 {

	position: absolute;

	visibility: hidden;

	left: 0px;

	top: 0px;

}

ul#imgTbl0, ul#imgTbl1, ul#imgTbl2, ul#imgTbl3, ul#imgTbl4, ul#imgTbl5, ul#imgTbl6, ul#imgTbl7, ul#imgTbl8, ul#imgTbl9, ul#imgTbl10, ul#imgTbl11, ul#imgTbl12, ul#imgTbl13, ul#imgTbl14, ul#imgTbl15 { width: 20000px; }



/* ---------------------------------------------------*/

/* Boutons */

/* ---------------------------------------------------*/

a.btIndent {

	font-size: 10px;

	color: #97bf0d !important;

	font-weight: bold;

	background: url('../img/bt_indent_blanc.gif') 0px 3px no-repeat;

	padding-left: 9px;

}

a.btIndent:hover { color: #FFFFFF !important; }



a.btBack {

	display: block;

	width: 17px;

	height: 30px;

	background: url('../img/slider_bt_previous.png') 0 0 no-repeat;

}

a.btBack:hover { background-position: 0 100% !important; }



a.btNext {

	display: block;

	width: 17px;

	height: 30px;

	background: url('../img/slider_bt_next.png') 0 0 no-repeat;

}

a.btNext:hover { background-position: 0 100% !important; }



a.btBackInline {

	display: block;

	width: 100px;

	height: 14px;

	font-size: 10px;

	color: #999999;

	padding-left: 14px;

	background: url('../img/gal_bt_previous.gif') 0 0 no-repeat;

}

a.btBackInline:hover { background-position: 0 100% !important; color: #FFFFFF; }



a.btNextInline {

	display: block;

	width: 85px;

	height: 14px;

	font-size: 10px;

	color: #999999;

	text-align: right;

	padding-right: 14px;

	background: url('../img/gal_bt_next.gif') 100% 0 no-repeat;

}

a.btNextInline:hover { background-position: 100% 100% !important; color: #FFFFFF; }



a.btPuce {

	display: block;

	width: 17px;

	height: 17px;

	background: url('../img/slider_bt_puce.png') 0 0 no-repeat;

}

a.btPuce:hover, a.btPuce.selected { background-position: 0 100% !important;}



a.btOk {

	display: block;

	width: 27px;

	height: 18px;

	background: url('../img/bt_ok.gif') 0 0 no-repeat;

}

/*a.btOk:hover { background-position: 0 100% !important; }*/



a .pcVideo,

a .pcAudio {

	position: absolute;

	top: 12px;

	right: 11px;

	display: block;

	width: 24px;

	height: 24px;

	filter : alpha(opacity=50);

    -moz-opacity : 0.5;

    opacity : 0.5;

}

a .pcVideo { background: url('../img/diapo_pc_video.png') 0 0 no-repeat; }

a .pcAudio { background: url('../img/diapo_pc_audio.png') 0 0 no-repeat; }

a:hover .pcVideo,

a:hover .pcAudio {

	filter : alpha(opacity=100);

    -moz-opacity : 1;

    opacity : 1;

}



div.btVideo {

	width: 51px;

	height: 15px;

	background: url('../img/diapo_bt_video.gif') 0px 0px no-repeat;

}

a:hover div.btVideo { background-position: 0 100% !important; }

div.btTexte {

	width: 51px;

	height: 15px;

	background: url('../img/diapo_bt_focus.gif') 0px 0px no-repeat;

}

a:hover div.btTexte { background-position: 0 100% !important; }

div.btAudio {

	width: 51px;

	height: 15px;

	background: url('../img/diapo_bt_audio.gif') 0px 0px no-repeat;

}

a:hover div.btAudio { background-position: 0 100% !important; }

div.btDiapo {

	width: 56px;

	height: 15px;

	background: url('../img/diapo_bt_diapo.gif') 0px 0px no-repeat;

}

a:hover div.btDiapo { background-position: 0 100% !important; }



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

/*	Footer

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

#footer {

	height: 20px;

	padding-top: 8px;

	background: #000;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

}

#footer ul { float: left; }

#footer li {

	float: left;

	padding-right: 24px;

}



#footer .copyright { float: right; }