/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; 
background-color:#313131;} 
img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#838383;}
input, select {vertical-align:middle; font-weight:normal}

a {text-decoration:underline; color:#0C1862;}
a:hover {text-decoration:none;}
ul {list-style:none;}
li a {text-decoration:none; color:#6B6B6B;}
li a:hover {text-decoration:underline;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

#content .col-1,
#content .col-2,
#content .col-3 {float:left;}
/***************header***************/
#header .box1 {margin:0 11px;}
#header .box1 .inner {padding:17px 0 13px 32px;}

#header p {color:#141414; font-weight:bold; padding:9px 13px 0;}
/**header2**/
#header2 {
	background-color:#FFF;
	
	height:175px;
}

#header2 #haut{
	background:url(../images/bg_nav_bar.png);
	height:23px;
	padding:7px 0 0 10px;
	margin-top:0px;
}

#header2 #haut ul{
display:inline;

}
#header2 #haut ul li{
float:left;
color:white;
font-size:12px;
font-weight:bold;
margin-right:10px;
}
#header2 #haut a,#header2 a:hover,#header2 #haut a:visited{
color:white;
font-size:12px;
font-weight:bold;
}
#header2 #haut #droite{
float:right;
padding:0px 10px 0 0;
font-size:12px;
fint-weight:bold;
color:white;
}
#header2 #milieu{
	
	height:139px;
	background:url(../images/logo_a_peu_pres_propre.png) no-repeat bottom left;
	position:relative;
	
}
#header2 #milieu #recherche{
	background:url(../images/search_bg_full.png);
	width:610px;
	height:44px;
	margin:65px 0 0 220px;
	padding:5px 0 0 15px;
	border:0px solid red;
	float:left;
}
#header2 #milieu #typedoc{
	background:url(../images/filtre_recherche_bg.png) repeat-x;
	height:29px;
	clear:both;
	position:absolute;
	top:110px;
	left:120px;
	width:708px;
	padding-left:110px;
	
}
#header2 #milieu ul{
	padding-top:5px;
}

/***************content***************/
.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left;}
.phone {float:right;}
cite {font-style:normal;}

#content {padding-bottom:17px;}
.col-1 {padding:0 9px 0 23px;}

.border {border-top:1px solid #DBDBDB; font-size:0%; line-height:0%; height:1px;}

.text {color:#282828;}

.preview {padding:26px 0 27px;}
.preview .col-1 {padding:0 30px 0 1px;}

/***************titles***************/
.title {background:url(../images/title-tail.gif) left top repeat-x;}
.title div {background:url(../images/title-left.gif) left top no-repeat;}
.title div h2 {background:url(../images/title-right.gif) right top no-repeat; padding:20px 0 16px 27px;}

h1 {font-size:5em; line-height:0.8333em; color:#141414;}
h2 {font-weight:normal; font-size:1.5em; line-height:1.167em; color:#131313;}
h1 span, h2 span {color:#0C1862;}
h3 {font-size:2.5em; color:#FFFFFF;padding-top:10px;}

h4, h5 {font-size:0.8333em; line-height:1.4em;}
h4 strong, h5 strong {font-family:Tahoma, Geneva, sans-serif;}
h4 strong, h5 a {color:#747272 !important;}

/***************links***************/
.list1 li {background:url(../images/list-marker.gif) left 7px no-repeat; padding:0 0 6px 11px;}
.list1 li a {color:#484848; text-decoration:none;}
.list1 li a:hover, .list1 .act a {color:#141414; font-weight:bold;}

.list2 {padding-top:12px;}
.list2 li {border-left:1px solid #141414; float:left; padding:0 13px; line-height:1.111em;}
.list2 li a {color:#141414; font-weight:bold;}

.link1 {color:#9E9E9E;}
.link2 {background:url(../images/link-marker.gif) left 6px no-repeat; padding-left:13px;}
.link3 {color:#444444;}

.col-1 li {line-height:1em; padding-bottom:4px;}

.num strong a {color:#353535; font-weight:bold; text-decoration:none; float:left;}
.num strong a:hover {text-decoration:underline;}

.list3 {padding:21px 0 31px;}
.list3 li {border-left:1px solid #6B6B6B; float:left; line-height:1.111em; padding:0 7px;}
.list3 .extra {border:none; padding-left:0;}
.list3 li a {color:#0C1862; text-decoration:underline;}
.list3 li a:hover {text-decoration:none;}

.nav {margin:0 auto; padding:24px 0 0px;}
.nav li {float:left; font-size:0.833em; color:#675D56; padding:0 5px;}

.list4 li {font-size:0.833em; line-height:1em;}
.list4 a {color:#0C1862; text-decoration:underline;}
.list4 a:hover {text-decoration:none;}

/***************boxes***************/
.box1 {background:#F2F2F2 url(../images/box1-bot.gif) left bottom repeat-x; color:#666666;}
.box1 .box-top {background:url(../images/box1-top.gif) left top repeat-x;}
.box1 .box-top-left {background:url(../images/box1-top-left.gif) left top no-repeat;}
.box1 .box-top-right {background:url(../images/box1-top-tight.gif) right top no-repeat;}
.box1 .box-bot-left {background:url(../images/box1-bot-left.gif) left bottom no-repeat;}
.box1 .box-bot-right {background:url(../images/box1-bot-right.gif) right bottom no-repeat; width:100%;}
.box1 .inner {padding:11px 22px 11px 11px;}

.search {background:#0C1862 url(../images/box2-bot.gif) left bottom repeat-x;}
.search .box-top {background:url(../images/box2-top.gif) left top repeat-x;}
.search .box-top-left {background:url(../images/box2-top-left.gif) left top no-repeat;}
.search .box-top-right {background:url(../images/box2-top-right.gif) right top no-repeat;}
.search .box-bot-left {background:url(../images/box2-bot-left.gif) left bottom no-repeat;}
.search .box-bot-right {background:url(../images/box2-bot-right.gif) right bottom no-repeat; padding:13px 0 0 17px; min-height:65px; height:auto !important; height:65px;}

.block {background:url(../images/block-border.gif) right bottom no-repeat; padding:15px 0 23px 597px; margin-bottom:81px;}
.block strong {font-size:1.25em; color:#707070;}

.box2 {background:#FFFFFF url(../images/box3-tail.gif) left bottom repeat-x;}
.box2 .box-left {background:url(../images/box3-tail.gif) left top repeat-y;}
.box2 .box-top {background:url(../images/box3-tail.gif) left top repeat-x;}
.box2 .box-right {background:url(../images/box3-tail.gif) right top repeat-y;}
.box2 .box-top-left {background:url(../images/box3-top-left.gif) left top no-repeat;}
.box2 .box-top-right {background:url(../images/box3-top-right.gif) right top no-repeat;}
.box2 .box-bot-left {background:url(../images/box3-bot-left.gif) left bottom no-repeat;}
.box2 .box-bot-right {background:url(../images/box3-bot-right.gif) right bottom no-repeat; min-height:266px; height:auto !important; height:266px; width:100%;}
.box2 .inner {padding:18px 19px 0 18px;}
.box2 h2 {padding-bottom:23px;}
.box2 strong {color:#0C1862;}

#boxs .col-1, #boxs .col-2, #boxs .col-3 {padding:0;}

.num {padding-left:3px;}
.num p {background:url(../images/num-bg.gif) left top no-repeat; display:inline-block; color:#F5F5F5; font-size:2em; line-height:1em; font-weight:bold; float:left;
	padding:4px 0 4px; text-align:center;}
.num strong {float:left; padding-left:16px; margin-top:-2px;}

.box4 {background:#F2F2F2 url(../images/box4-bot.gif) left bottom repeat-x;}
.box4 .box-top {background:url(../images/box4-top.gif) left top repeat-x;}
.box4 .box-top-left {background:url(../images/box4-top-left.gif) left top no-repeat;}
.box4 .box-top-right {background:url(../images/box4-top-right.gif) right top no-repeat;}
.box4 .box-bot-left {background:url(../images/box4-bot-left.gif) left bottom no-repeat;}
.box4 .box-bot-right {background:url(../images/box4-bot-right.gif) right bottom no-repeat;}
.box4 .inner {padding:15px 22px 17px 28px;}
.box4 li a {color:#131313;}

.view {color:#6B6B6B;}

/***************form***************/
select {font-family:Arial, Helvetica, sans-serif;}

#searchForm span {display:block; font-size:1.5em; line-height:1.111em; color:#FFFFFF; padding-top:3px;}
#searchForm input {margin:0 7px 0 9px; font-size:1.5em; color:#000000;height:25px;}
#searchForm .button {float:left; display:block; background:url(../images/button-tail.gif) left top repeat-x; color:#ffffff; text-decoration:none;}
#searchForm .button:hover {text-decoration:underline;}
#searchForm .button strong {display:block; background:url(../images/button-left.gif) top left no-repeat;}
#searchForm .button span {background:url(../images/button-right.gif) top right no-repeat; font-size:1.167em; padding:6px 15px 8px;}

#searchForm ul {padding-top:11px;}
#searchForm li {float:left; color:#FFFFFF; padding-right:14px;}
#searchForm .extra {font-size:1.167em; padding:0 16px 0 1px;}
#searchForm li input {width:13px; height:13px; margin:0 6px 0 0; padding:0;}

#viewForm {float:left;}
#viewForm select {margin-left:14px; padding-left:4px;}

#previewForm1, #previewForm2 {font-family:Tahoma, Geneva, sans-serif; font-size:0.833em; line-height:1em; padding:6px 0 0;}
#previewForm1 textarea, #previewForm2 textarea {overflow:hidden; border:1px solid #BCBCBC; font-size:1em;}
#previewForm1 select, #previewForm2 select {color:#675D56; font-size:1.2em;}
#previewForm1 p strong, #previewForm2 p strong {color:#675D56;}
#previewForm1 strong, #previewForm2 strong {color:#747272;}
#previewForm1 a, #previewForm2 a {display:inline-block; margin-bottom:8px; font-weight:bold;}

/***************positioning***************/
.margin1 {margin-bottom:20px;}
.margin2 {margin-left:6px;}
.margin3 {margin:0 10px;}
.margin4 {margin-bottom:9px;}
.margin5 {margin-bottom:7px;}
.margin6 {margin:3px 0 16px;}

.padding1 {padding-bottom:13px !important;}
.padding2 {padding-left:598px;}
.padding3 {padding:16px 0 0 8px;}
.padding4 {padding-right:60px;} 
.padding5 {padding-bottom:18px;}

/***************page-2***************/
#page-2 .box2 .inner {padding:18px 19px 40px 26px;background-color:#ECECEC;}

/***************page-3***************/
#page-3 .col-2 {width:100%;}
#page-3 .box2 .inner {padding-left:24px;background-color:#ECECEC;}

/***************footer***************/
#footer {color:#8A8A8A; border-top:1px solid #ECECEC; padding:27px 0 29px;}
#footer p {padding:0 223px 0 7px;}
#footer a {border-left:1px solid #8A8A8A; margin-left:7px; padding-left:7px; color:#373737; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer ul {padding-top:3px;}
#footer li {border-right:1px solid #0C1862; padding:0 13px; float:left; line-height:1.111em;}
#footer .extra {border:none; padding-right:0;}
#footer li a {border:none; margin:0; padding:0; color:#0C1862;}

/**ajout eric**/
#m_newsvideos a {
	display: block;
	width: 125px;
	height: 29px;
	padding: 6px 0 0 20px;
	background: #efefef;
	text-decoration: none;
	color: #0080db;	
	margin: 0 2px 0 0;
}

#m_newsvideos a:hover	{
	background: #0080db;
	
}

#m_topviews a {
	display: block;
	width: 100px;
	height: 29px;
	padding: 6px 0 0 14px;
	background: #efefef;
	text-decoration: none;
	color: #0080db;	
	margin: 0 2px 0 0;
}

#m_topviews a:hover	{
	background: #0080db;
			
}

#m_dvd a {
	display: block;
	width: 58px;
	height: 29px;
	padding: 6px 0 0 18px;
	background: #efefef;
	text-decoration: none;
	color: #0080db;	
	margin: 0 2px 0 0;
}

#m_dvd a:hover	{
	background: #0080db;
	
}

#m_livecam a {
	display: block;
	width: 98px;
	height: 29px;
	padding: 6px 0 0 26px;
	background: #efefef;
	text-decoration: none;
	color: #0080db;	
	margin: 0 2px 0 0;
}


/****/
#pagination	{
	width: 448px;
	height: 33px;
	padding: 12px 10px 0 10px;
}


/* Barrre contenant la date... */


#infos_date	{
	
	padding: 20px 0 0 7px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

/*** LES VIDEOS ***/


#videoscontainer	{
	
	padding-left:40px;

}

/* La boîte contenant une vidéo */

.icon { width:250px; height:165px;float:left; margin:0px 10px; padding:0; position:relative;}
.icon p { font:normal 11px Arial, Helvetica, sans-serif; color:#8e8e8e; padding:5px 5px; margin:0;}
.icon a { font:bold 13px Arial, Helvetica, sans-serif; color:#860e00; text-decoration:none;}
.icon a span { font:bold 13px Arial, Helvetica, sans-serif; color:#3673ad;}
.icon img { padding:0; margin:5px auto;border:0px;}

.v_titre	{
	width: 229px;
	height: 20px;
	background-color: #000;
	border: 2px solid black;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 0 5px 5px;
	border:0px solid red;
	position:absolute;
	top:15px;
	left:2px;
	z-index:5;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.v_img	{
	width: 200px;
	height: 175px;
	padding: 8px 0 0 0;
}

.v_img img	{
	border: 3px solid #0080da;
}


.v_nombre	{
	
	height: 10px;
	
}

.v_note	{
	width: 80px;
	height: 14px;
	padding: 6px 0 0 0;
}

.v_auteur	{
	width: 284px;
	height: 20px;
}




/* Page lecture d'une vidéo */

#mediaboxbig	{
	width: 860px;
}

#videozoom	{
	/**width: 652px;**/
}

#videozoom img	{
	border: 1px solid #0080da;
}



#div03	{
	width: 206px;
}
#floatplayer{
width:640px;
border:0px solid red;float:left;
}
/**videos flottantes à droite du player**/
#floatautres{
width:150px;
float:left;
margin-left:0px;
margin-top:-19px;
}
/* root element for scrollable */ 
div.scrollable {   
     
/* required settings */ 
position:relative; 
overflow:hidden;     

/* vertical scrollers have typically larger height than width */     
height: 397px;
width: 274px;

margin-top:10px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
    /* this time we have very large space for height */     
    height:20000em;     
}
.iconscroll { width:250px; height:130px;float:left;margin-left:5px; position:relative;}
.iconscroll .v_titre	{
	width: 227px;
	height: 20px;
	background-color: #000;
	border: 2px solid black;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 0 5px 5px;
	border:0px solid red;
	position:absolute;
	top:8px;
	left:2px;
	z-index:5;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
/* prev, next, prevPage and nextPage buttons */
#pagination a,#pagination a:hover{
	color:white;
}
a.prev, a.prevPage {

	display:block;
	width:18px;
	height:18px;
	background:url(/html/js/scroller/img/arrow/up.png) no-repeat;
    float:left;
	margin:0px 0px 0px 110px;
	margin-top:-10px;
	cursor:pointer;

}

a.next, a.nextPage {

	display:block;
	width:18px;
	height:18px;
	background:url(/html/js/scroller/img/arrow/up.png) no-repeat;
    float:left;
	margin:0px 0px 0px 110px;
	cursor:pointer;

}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/html/js/scroller/img/arrow/down.png);
	clear:right;	
}

/*********** navigator ***********/


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/html/js/scroller/img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}
.libfloatvid{
margin:0 0 0 0;
padding:3px;
background-color:#333333;
color:#FFFFFF;
width:150px;
}
/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 
/**fin des éléments flottants**/
#videoinfos	{
	clear:both;
	width:680px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
#description_video	{
	font-weight:bold;
}
#videoinfos	ul {
	display:inline;
	padding: 0;
	margin: 0;
	}

#videoinfos	li {
	float:left;
	list-style: none;
	padding: 0 10px 4px 5px;
	border-right:0px solid #0080da;
}

#videoinfos	a {
	color: #999999;
	text-decoration: none;
}

#videoinfos	a:hover {
	text-decoration: underline;
}

#videoinfos	span {
	color: #0080da;
	font-weight:bold;
}

#pub01 {
	width: 193px;
	height: 297px;
	padding: 0 0 0 6px;
}

#div04 {
	width: 860px;
	margin-top:20px;
}

#video_options {
	width: 830px;
	height: 46px;
	padding: 16px 0 0 20px;
	color: #0080da;
}


#video_options a {
	text-decoration: none;
	padding: 0 4px 0 4px;
}

#video_options a:hover {
	text-decoration: underline;
}



#bookmarks{
width:400px;text-align:center;
margin-top:120px;
}
#bookmarks a	{
	text-decoration: none;	
	color:#2B95E0;
}

#bookmarks a:hover	{
	color: #888888;
	text-decoration: underline;
}


.green	{
	color: #2e9c09;
}

.bold	{
	font-weight: bold;
}

.green a {
	color: #2e9c09;
}

.orange a {
	color: #FF6600;
}

.red a {
	color: #FF0000;
}

.blue a {
	color: #3333CC;
}

.blue2 a {
	color: #3366CC;
}

.bold a	{
	font-weight: bold;
}

.whitebg	{
	background: #FFFFFF; 
}

.rating_zoom {
position:absolute;
top:210px;left:500px;
}
ul#download_list{
list-style-type:none;
padding-left:5px;
margin:10px;
}
ul#download_list li{
margin-bottom:10px;
}
#download_list a{
color:#FFFFFF;
font-weight:bold;
}
#download_list a:hover{
color:#000000;
font-weight:bold;
}
/**tableau d'onglets arrondis**/
#tabs1 {
  float:left;
  width:100%;
	  background:#F4F7FB;
  font-size:93%;
  line-height:normal;
	  border-bottom:1px solid #BCD2E6;
}
#tabs1 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
  }
#tabs1 li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs1 a {
  float:left;
  background:url("../images/tableft1.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs1 a span {
  float:left;
  display:block;
  background:url("../images/tabright1.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#627EB7;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#627EB7;
  }
#tabs1 a:hover {
  background-position:0% -42px;
  }
#tabs1 a:hover span {
  background-position:100% -42px;
  }

  #tabs1 #current a {
		  background-position:0% -42px;
  }
  #tabs1 #current a span {
		  background-position:100% -42px;
  }
      
      
      
table#grille {
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}


table#grile td {
    padding: 5px;
    border: solid #000 1px;

}



.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;

}

.leftcol {
    font-weight: bold;
    padding-top:5px;
    padding-left:40px;
    text-align: left;
    width: 250px;
    

}

.data {
    color: #000000;
     padding-top:5px;
	 padding-right:40px;
    text-align: right;
    
}

#inscription{
margin-top:20px;

}

select#inscription{
 width:150px;
 font-size:10px;
 background-color: gray;
}

.message{
margin:5px 0px 0px 0px;
width:623px;
padding:5px;
border-bottom:1px solid #EEEEEE;
background-color:#CCCCCC;
}

#titleHolder img{border:0px;}
.inner h2{font: bold 24px   Arial, Helvetica, sans-serif; color:#2d2d2d;border:0px solid red;}
.inner h3{font: bold 16px   Arial, Helvetica, sans-serif; color:#2d2d2d;border-bottom:1px solid #e9ebec;}
.inner a,.inner a:hover, .inner a:visited{
	color:#2d2d2d;
}
#form_contact{
margin:10px;
}
#form_contact input[type=text], #form_contact textarea{
font-size:16px;
width:200px;
}
#form_inscription{
margin:10px;
}
#form_inscription input[type=text],#form_inscription input[type=password], #form_inscription textarea{
font-size:16px;
width:200px;
}