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

	Project:		13eme RUE
	Version:		1
	Last change:	21/01/10

--------------------------------------------------------------------

[ Sommaire ]

	01. Reset css
	02. Body
	03. Blocs
	04. Titres
	05. Liens
	06. Listes
	07. Formulaires
	08. Slider
	09. Elements divers
	10. Classes communes (tailles, couleurs..)

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


/***** [ 01. Reset css ] ************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font , ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
 }
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}


/***** [ 02. Body ] *****************************************************/
body {
	background:url(../images/styles/bg_header.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #071526;
	}
img {behavior: url(pngHack.htc);}
	
/***** [ 03. Blocs positionnement ] *************************************/
.bloc_ads {
	background: url(../images/styles/bg_ads.png) no-repeat;
	width: 184px;
	height: 182px;
	padding: 10px 13px 13px 13px;
	margin-bottom: 8px;
	}
.bloc_ads2 {
	background: url(../images/styles/bg_ads.png) no-repeat;
	width: 191px;
	height: 182px;
	padding: 10px 0 13px 13px;
	margin-bottom: 8px;
	}
.bloc_pub {
	min-height: 478px;
	width: 312px;
	padding: 10px 0 10px 10px;
	background: url(../images/styles/bg_bloc_pubs.png) no-repeat;
	}

.bloc_header2 {
	width: 300px;
	margin: 50px 30px;
	font-size: 14px;
	}
	
.ads img {
	border: solid 1px #FFF;
	margin-bottom: 8px;
	}
	
#container {
	/*width: 996px;
	padding: 9px 0 9px 6px;*/
	width: 991px;
	padding: 9px 0 9px 9px;
	background-color: #1c4e90;
	margin: 0 auto;
	overflow: hidden;
	}
	#container .sb-inner { background:#1c4e90; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7 {
	float: left;
	padding-right: 9px;
	overflow: hidden;
	}
	
.col1 { width: 204px; }

.wide_bloc1 .col1 {
		width: 193px;
		padding: 0 6px 0 6px;
		padding-right: 10px;
		background: url(../images/styles/bg_leftBloc1.png) right no-repeat;
		}
		
.wide_bloc .col1 {
		padding: 0;
		background: none;
		width: 210px;
		}
		
.col2 { width: 460px; }
.wide_bloc1 .col2 {
		width: 460px;
		padding: 0 0 0 4px;
		overflow: hidden;
		}
.wide_bloc .col2 {
		background: url(../images/styles/bg_col2.png);
		height: 475px;
		padding: 10px;
		width: 446px;
		}
.col3 { width: 302px; padding-right: 4px; }
	.wide_bloc1 .col3 {
		background: url(../images/styles/bg_playerBloc.png) no-repeat;
		height: 376px;
		overflow: hidden;
		width: 303px;
		margin-left: 2px;
		padding: 0 8px;
		}
	.wide_bloc .col3 {
		width: 322px;
		padding: 0;
		}
.col4 { width: 673px; }
	.col4_container {
		width: 682px;
		padding: 0;
		float: left;
		}
.col5 { width: 204px; }
.col6 { width: 204px; }
.col7 { width: 367px; padding-right: 5px;}

.col8 {width: 275px; float: left;} /* animateur bio */
.col9 { width: 150px; } /* animateur blog et bio, serie*/
.col10 { width: 287px; float: left; } /* home */

.height1 { min-height: 185px; }
.height2 { min-height: 260px; }

.bloc_selection {
	background-color: #000;
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
	height: 1%;
	}
.entry {
	border: #224b70 solid 1px;
	background: #f0f0f0;
	padding: 9px 9px 0 9px;
	margin-bottom: 3px;
	overflow: hidden;
	zoom: 1;
	}
	.entry.sb { border: none; }
	#container .entry .sb-border { background: #224b70 }
	
#footer {
	width: 1002px;
	margin: 10px auto 0 auto;
	clear: both;
	text-align: center;
	padding-bottom: 30px;
	}

.head_entry {
	padding-bottom: 5px;
	border-bottom: #899db0 solid 1px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	color: #224b70;
	}
#header {
	width: 1002px;
	height: 310px;
	margin: 0 auto;
	color: #FFF;
	position: relative;
	}

.logo, .sbi .logo, .sb .logo {
	position: absolute;
	top: -30px;
	width: 95px;
	height: 59px;
	background: url(../images/styles/logo_13eme_rue_Glow-trans.png);
	z-index: 2;
	left: 100px;
	}
#reglement {
	display: none;
	color: #FFF;
	font-size: 10px;
	padding: 9px;
	margin-top: 10px;
	}
.round_gradient {
	background: #000 url(../images/styles/bg_gradient_blue_black.png) top repeat-x;
	padding: 35px 3px 5px 4px;
	margin-bottom: 4px;
	margin-top: 40px;
	position: relative;
	/*left: -5px;*/
	}
#container .round_gradient .sb-inner { background: #000 url(../images/styles/bg_gradient_blue_black.png) top repeat-x; }
#container .round_gradient .sb-border { background:#0081fd; }
	
.videos_box_container {
	background: url(../images/styles/bg_videos_box_top.png) top left no-repeat;
	width: 204px;
	padding: 30px 0 0 0;
	margin-bottom: 8px;
	}
	.videos_box {
		background: url(../images/styles/bg_videos_box.png) bottom left no-repeat;
		width: 185px;
		padding: 0 9px 5px 10px;
		}
	
.video_player {
	width: 300px;
	height: 220px;
	background: black;
	margin-bottom: 4px;
	}

.visuel {
	float: left;
	width: 148px;
	height: 479px;
	margin-right: 7px;
	padding: 1px;
	display: inline;
	background: url(../images/styles/bg_visuel.png) no-repeat;
	}

.wide_bloc1 {
	background: url(../images/styles/bg_widebloc1.png) center top no-repeat;
	width: 1000px;
	height: 400px;
	padding: 8px 35px 13px 35px;
	margin: 0 auto;	
	overflow: hidden;
	clear: both;
	}
	
.wide_bloc {
	width: 1002px;
	margin: 0 auto;
	overflow: hidden;
	}
	
.wide_bloc2 {
	background: url(../images/styles/bg_gradient.png) top repeat-x;
	width: 100%;
	height: 300px;
	}
	
/* bords arrondis sur fond bleu */
#container .corner_top_left {
	background: url(../images/styles/corner_blue.png) no-repeat top left;
	height: 6px;
	width: 6px;
	position: absolute;
	top: -1px;
	left: -1px;
	font-size: 1px;
	}
#container .corner_top_right {
	background: url(../images/styles/corner_blue.png) no-repeat top right;
	height: 6px;
	width: 6px;
	position: absolute;
	top: -1px;
	right: -1px;
	font-size: 1px;
	}
#container .corner_bottom_left {
	background: url(../images/styles/corner_blue.png) no-repeat bottom left;
	height: 6px;
	width: 6px;
	position: absolute;
	bottom: -1px;
	left: -1px;
	font-size: 1px;
	}
#container .corner_bottom_right {
	background: url(../images/styles/corner_blue.png) no-repeat bottom right;
	height: 6px;
	width: 6px;
	position: absolute;
	bottom: -1px;
	right: -1px;
	font-size: 1px;
	}
	
/***** [ 04. Titres ] *************************************/
h1#logo {
	bottom: 0;
	left: 62px;
	position: absolute;
	}
h2, h3, h4, h5 {
	text-transform: uppercase;
	font-weight: normal;
	}
.title1 {
	color: #224b70;
	font-size: 15px;
	font-weight: bold;
	}
	.title1 a { color: #224b70; }
.title2 {
	color: #224b70;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: -2px;
	
	}
	.title2 a { color: #224b70; }
.title3 {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	}
.title4 {
	color: #0082ff;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	}
	.title4 a { color: #0082ff; }
.title5 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	}
.title6 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	}
.title7 {
	color: #0082ff;
	font-size: 12px;
	font-weight: bold;
	}
	.title7 a { color: #0082ff; }
.title8 {
	color: #0082ff;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
	}
	.title8 a { color: #0082ff; }
.title9 {
	color: #224b70;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	}
	.title9 a { color: #224b70; }
.title10 {
	color: #0082ff;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	}
	.title10 a { color: #0082ff; }
	
	
/***** [ 05. Liens ] *************************************/
a {text-decoration: none; }
a.rss {
	background: url(../images/styles/bg_rss.png) right no-repeat;
	display: block;
	height: 32px;
	padding-right: 20px;
	position: absolute;
	top: 20px;
	right: 0;
	color: #a0a0a0;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	display:block;
	}
	
a.button {
	display: block;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-size: 11px;
	background: url(../images/styles/buttons/bg_button.png) left no-repeat;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
	cursor: pointer;
	font-weight: bold;
	}
a.button span {
	background: url(../images/styles/buttons/bg_button.png) right no-repeat;
	display: block;
	height: 26px;
	padding-right: 10px;
	}
a.button2 {
	display: block;
	width: 149px;
	background: url(../images/styles/buttons/bg_button3.png) top no-repeat;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	}
	
a.link1 {
	text-decoration: underline;
	}
a.link1:hover, a.link1:focus {
	text-decoration: none;
	}

.nav_buttons {
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 5px 0;
	}
	
.nav_buttons a {
	padding: 0 3px;
	color: #000;
	}


/***** [ 06. Listes / Listes de liens ] *************************************/
#nav {
	width: 992px;
	margin: 0 auto;
	background: url(../images/styles/bg_nav-trans.png) no-repeat;
	height: 51px;
	color: #FFF;
	text-align: center;
	padding-left: 10px;
	z-index: 10;
	}

#nav li {
	display: block;
	width: auto;
	float: left;
	line-height: 40px;
	height: 40px;
	background: url(../images/styles/bg_nav_li_separator.png) right no-repeat;
	text-transform: uppercase;
	font-size: 13px;
	padding-right: 1px;
	position: relative;
	z-index: 100;
	}
	
#nav li, #nav li a { color: #FFF;}

#nav li a {
	display: block;
	height: 39px;
	background-position: center bottom;
	float: left;
	overflow: hidden;
	position: relative;
	}
#nav li a img {
	position: relative;
	top: -39px;
	}
#nav li.on2 a img, #nav li.on a img {
	top: 0;
	}

/*sous menu de nav */
ul.sub_menu {
	position: absolute;
	top: 39px;
	left: -10px;
	z-index: 200;
	width: 197px;
	padding: 15px 20px 10px 20px;
	background: url(../images/styles/bg_submenu.png) bottom no-repeat;
	display: none;
	}
/*li.on ul.sub_menu {
	display: block;
	}*/
#nav ul.sub_menu li {
	display: block;
	width: auto;
	float: none;
	line-height: 13px;
	height: auto;
	background: none;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0;
	border-bottom: #262626 solid 1px;
	position: relative;
	/*background: #111;*/
	}
#nav ul.sub_menu li a {
	text-align: left;
	display: block;
	height: auto;
	padding: 10px 0 10px 10px;
	color: #FFF;
	float: none;
	position: static;
	overflow: auto;
	}
#nav ul.sub_menu li a:hover {
	color: #ff9600;
	}

/* sous navigation */
#sub_nav {
	width: 1000px;
	margin: 0 auto;
	background: #1c4e90 url(../images/styles/bg_sub_nav.png) repeat-x;
	height: 40px;
	text-align: center;
	z-index: 10;
	border-top: #000 solid 1px;
	}
	#sub_nav.deux {
		background-image: url(../images/styles/bg_sub_nav2-trans.png);
		}


#sub_nav li {
	display: inline;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	background: url(../images/styles/bg_li_sub_nav.png) right no-repeat;
	}
	#sub_nav.deux li {
		background-image: url(../images/styles/bg_li_sub_nav2.png);
		position: relative;
		}
#sub_nav li a {
	color: #CCC;
	padding: 2px 20px;
	line-height: 31px;
	}
#sub_nav li a:hover, #sub_nav li a:focus, #sub_nav li.on a {
	color: #FFF;
	}


/* liste de programmes */
ul.programmes {
	 padding-left: 10px;
	 height: 314px;
	 overflow: hidden;
	 }
ul.programmes li {
	float: left;
	width: 100%;
	height: 72px;
	border-top: #262626 solid 1px;
	display: inline;
	}
ul.programmes li.on {
	background: url(../images/styles/bg_li_prg_on.png) top center no-repeat;
	border: none;
	}
ul.programmes li:hover {
	background: url(../images/styles/bg_li_prg_on.png) top center no-repeat;
	border: none;
	}
ul.programmes li a {
	display: block;
	width: 100%;
	padding-top: 13px;
	}
.heure_prg {
	font-size: 23px;
	font-weight: bold;
	display: block;
	}
.heure_prg, a .heure_prg {
	color: #0082ff;
	}
.on .heure_prg, .on a .heure_prg {
	color: #ff9600;
	}
.titre_Prg {
	font-size: 12px;
	color: #FFF;
	display: block;
	font-weight: bold;
	}

ul.programmes.bis {
	padding: 0 15px;
	height: 1%;
	/*background: url(../images/styles/bg_programmes_lueur.png) top center no-repeat;*/
	}
ul.programmes.bis li {
	height: auto;
	overflow: hidden;
	padding: 10px 0;
	}
ul.programmes.bis li.on {
	background: url(../images/styles/bg_li_prg_on2.png) top center repeat-x;
	border: none;
	}
	
ul.programmes.bis li:hover {
	background: url(../images/styles/bg_li_prg_on2.png) top center repeat-x;
	border: none;
	}
ul.programmes.bis li a {
	padding: 0 80px 0 0;
	margin-left: 80px;
	width: auto;
	background: url(../images/styles/buttons/savoir+.png) top right no-repeat;
	height: 1%;
	}
ul.programmes.bis .heure_prg {
	font-weight: normal;
	position: absolute;
	left: -80px;
	top: 0;
	}
ul.programmes.bis .titre_Prg {
	padding: 6px 0;
	}
ul.programmes.bis img.left {
	margin-right: 10px;
	}
	

/* linkkist */
ul.link_list li {
	border-bottom: solid 1px #465563;
	display: block;
	height: 24px;
	line-height: 24px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	}
ul.link_list li.on span {
	background: url(../images/styles/arrow2.png) left no-repeat;
	}
ul.link_list li, ul.link_list li a {
	color: #FFF;
	}
ul.link_list li.on, ul.link_list li.on a {
	color: #ff9600;
	}
ul.link_list li span {
	display: block;
	height: 24px;
	padding-left: 36px;
	}
ul.link_list li a {
	display: block;
	width: 100%;
	}
ul.link_list li:hover, ul.link_list li:focus {
	background: #051422;
	}
	
/* linkkist  2 */
.link_list2 li {
	border-top: #575a5d solid 1px;
	padding: 2px 0;
	}
.link_list2 li, .link_list2 li a{
	color: #999;
	}
.link_list2 li a{
	display: block;
	padding: 2px 0;
	}
.link_list2 .title {
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	}
	

.link_list2.bis li {
	border-bottom: #CCC solid 1px;
	border-top: none;
	width: 100%;
	overflow: hidden;
	padding:5px 0 5px 0px;
	}
.link_list2.bis li, .link_list2.bis li a {
	
	}
.link_list2.bis .title {
	display: block;
	min-width: 109px;
	float: left;
	}
	
/* linkkist  3 */
.link_list3 li {
	border-bottom: #575a5d solid 1px;
	padding: 2px 0;
	}
.link_list3 li, .link_list3 li a{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	}
.link_list3 li a{
	display: block;
	padding: 2px 0;
	}

/* linklist 4 */
ul.link_list4 {
	padding-bottom: 20px;
	}
ul.link_list4 li {
	margin: 7px 0;
	}
	
ul.link_list4 li, ul.link_list4 li a  {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	}
ul.link_list4 li a {
	padding-left: 9px;
	height: 20px;
	line-height: 20px;
	}
ul.link_list4 li.on a, ul.link_list4 li a:hover {
	background: #000 url(../images/styles/bg_li_linklist4_on.png) repeat-y center;
	}
	
/* videos liste */
ul.videos_list li {
	height: 21px;
	line-height: 21px;
	width: 100%;
	overflow: hidden;
	background: url(../images/styles/bg_videoList_li.png) top no-repeat;
	margin-bottom: 4px;
	font-size: 11px;
	}
ul.videos_list li, ul.videos_list li a {
	color: #999;
	}
ul.videos_list li a {
	display: block;
	height: 21px;
	padding-left: 12px;
	}
ul.videos_list a:hover, ul.videos_list a:focus, ul.videos_list a:active {
	color: #FFF;
	}
	
/* liste de news */
ul.news_list li {
	width: 267px;
	height: 75px;
	position: relative;
	overflow: hidden;
	background: url(../images/styles/bg_bloc_news.png) top no-repeat;
	margin-bottom: 10px;
	font-size: 11px;
	padding: 10px;
	}
ul.news_list li a {
	display: block;
	overflow: hidden;
	width: 100%;
	}
ul.news_list li, ul.news_list li a {
	color: #666;
	font-size: 11px;
	}
ul.news_list li img, ul.news_list li .mask_container {
	float: left;
	margin-right: 10px;
	display: inline;
	}
ul.news_list li .title, ul.news_list li a .title {
	color: #224b70;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	display: block;
	}
ul.news_list li img {
	float: left;
	margin-right: 10px;
	display: inline;
	}
	
/* liste de titre */
ul.title_list {
	width: 267px;
	height: 233px;
	overflow: hidden;
	background: url(../images/styles/bg_bloc_titres.png) top no-repeat;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 0;
	}
ul.title_list li {
	padding: 3px 0;
	border-bottom: #7db7ef solid 1px;
	}
ul.title_list li a {
	display: block;
	}
ul.title_list li, ul.title_list li a {
	color: #224b70;
	font-weight: bold;
	}
	
/*Lite de liens footer */
ul#footer_list {
	width: 100%;
	background: url(../images/styles/bg_footer_list-trans.png) no-repeat;
	height: 28px;
	margin-bottom: 10px;
	}
ul#footer_list li {
	display: inline;
	padding: 0 13px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 28px;
	font-weight: bold;
	border-right: solid 1px black;
	position: relative;
	}
ul#footer_list li, ul#footer_list li a {
	color: #a5aeb6;
	}
ul#footer_list li a:hover, ul#footer_list li a:focus {
	color: white;
	}

/* liste selection */
ul.sel1 {
	overflow: hidden;
	margin-bottom: 20px;
	height: 1%;
	}
ul.sel1 li {
	float: left;
	width: 189px;
	height: 144px;
	margin: 0 20px 8px 0;
	display: inline;
	}

ul.sel2 {
	margin-bottom: 30px;
	background-color:Black;
	}
ul.sel2 li {
	background-color:Black;
	margin: 0 0 20px 0;
	min-height: 80px;
	}
ul.sel2 li a {
	position: relative;
	margin-left: 128px;
	display: block;
	}
ul.sel2 li, ul.sel2 li a {
	color: #FFF;
	}
ul.sel2 li .cat, ul.sel2 li .title {
	text-transform: uppercase;
	font-size: 14px;
	}
ul.sel2 li .title {
	padding-left: 3px;
	}
ul.sel2 li .cat, ul.sel2 li .cat a {
	color: #0082ff;
	}
ul.sel2 li img, ul.sel2 li .mask_container {
	position: absolute;
	top: 0;
	left: -115px;
	}
ul.sel2 li .text {
	display: block;
	font-size: 11px;
	border-top: solid 1px #0082ff;
	padding: 5px 0;
	text-align: justify;
	}
ul.sel2 li img {
	position: absolute;
	top: 0;
	left: -115px;
	}
	
/* liste de photos */
ul.photos {
	margin: 5px 0;
	}
ul.photos li {
	display: inline;
	padding: 0 3px;
	}

	
/* magazine liste vidéos */
ul.mag_videos li {
	border-bottom: #39424c solid 1px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
	ul.mag_videos li a {
		z-index: 10;
		}
		
/* liste photo */
ul.list_photos {
	overflow: hidden;
	width: 100%;
	padding-left: 2px;
	}
ul.list_photos li {
	float: left;
	padding: 1px;
	}
	
	
/* liste logos footer */
ul.logos li { display: inline; padding: 0 5px;}


/***** [ 07. Formulaires ] *************************************/
#f_search {
	position: absolute;
	bottom: 12px;
	right: 0;
	background: url(../images/styles/bg_search-trans.png) no-repeat;
	width: 198px;
	height: 29px;
	}
#f_search div {
	position: relative;	/* hack ie6 */
	}
#f_search input {
	background: none;
	border: none;
	color: #FFF;
	margin-top: 7px;
	font-size: 11px;
	margin-left: 5px;
	position: relative;
	z-index: 1;
	}
#f_search input.input_text {
	width: 100px;
	}
#f_search input.input_search {
	width: 80px;
	}
	
/* formulaires */
input.radio { margin-right: 20px; }
label {color: #333; }

	
/***** [ 08. slider ] *************************************/
.slider_gallery_container {
	width: 100%;
	margin: 0 auto;
	background: url(../images/styles/bg_blueGlow.png) center top no-repeat;
	}
	
.slider_gallery {
    overflow: hidden;
    position: relative;
    height: 300px;
    width: 1010px;
	padding: 0;
	margin: 0 auto;
}
.slider_gallery.alternate {
	width: 100%;
	height: 207px;
	background: #000 url(../images/styles/bg_blueGlow2.png) no-repeat;
	}
	
.slider_gallery ul.items {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
	width: 100%;
	padding-top: 10px;
}


.slider_gallery ul.items li {
    display: block;
	float: left;
	width: 224px;
	height: 236px;
	padding: 9px 13px;
	background: black;
	margin-right: 3px;
	overflow: hidden;
	background: url(../images/styles/bg_sliderItem.png);
	white-space: normal;
	font-size: 11px;
	}
	.slider_gallery_container .slider_gallery ul.items li {
		background: url(../images/styles/bg_sliderItem-trans.png);
		}
	.slider_gallery.alternate ul.items li{
		background: url(../images/styles/bg_sliderItem2.png);
		width: 150px;
		height: 160px;
		margin-right: 2px;
		padding: 3px 4px;
		}
.slider_gallery ul.items li a {
	position: relative;
	z-index: 1;
	}
.slider {
	position: absolute;
	bottom: 0;
	left: 5px;
	height: 30px;
	width: 995px;
	background: url(../images/styles/bg_slider.png) repeat-x;
	padding: 0 2px;
	}
	.alternate .slider {
		width: 100%;
		height: 14px;
		top: 187px;
		position: relative;
		left: 0;
		padding: 0;
		background-image: url(../images/styles/bg_slider2.png);
		}
	.slider_right, .sbi .slider_right, .sb .slider_right {
		position: absolute;
		right: 0;
		top: 0;
		height: 14px;
		width: 4px;
		background: url(../images/styles/bg_slider2_right.png) no-repeat;
		z-index: 1;
		/*border: red 1px solid;*/
		}
	
.handle {
    position: absolute;
	top: 3px;
    cursor: pointer;
    z-index: 100;
	background: url(../images/styles/bg_handle.png) no-repeat;
    /* bespoke to your own solution */
    height: 16px;
    width: 90px;
	}	
	.sbi .alternate .handle, .sb .alternate .handle, .alternate .handle {
		background: url(../images/styles/bg_handle2.png) repeat-x;
		height: 11px;
		width: 57px;
		top: 2px;
		left: 2px;
		position: relative;
		z-index: 2;
		}



/***** [ 09. éléments ] *************************************/
p { margin-bottom: 1em; }
a { color: #FFF; }

/* calendier */
table.cal {
	width: 168px;
	height: 129px;
	background: url(../images/styles/bg_cal.png) top repeat-x;
	margin-bottom: 10px;
	}
table.cal th {
	text-align: right;
	font-weight: bold;
	padding: 7px 4px 7px 0;
	}
table.cal td {
	text-align: right;
	font-size: 11px;
	padding-right: 6px;
	vertical-align: middle;
	}
table.cal td.on {
	background: url(../images/styles/bg_cal_date_on.png) 50% 50% no-repeat;
	}
table.cal td a {
	display: block;
	}
 

.nav_month {position: relative;}

.prev_month, .sb .prev_month {
display: block;
height: 12px;
width: 16px;
background:url(../images/styles/buttons/bt_prev.png) left no-repeat;
position: absolute;
left: 0;
top: 3px;
}

.next_month, .sb .next_month {
display: block;
height: 12px;
width: 16px;
background:url(../images/styles/buttons/bt_next.png) right no-repeat;
position: absolute;
right: 0;
top: 3px;
}

.prev_month span, .next_month span { display: none; }

.month {
display: block;
float: left;
text-align: center;
font-size: 13px;
text-transform: uppercase;
color: #0099ff;
width: 100%;
}

/* "cating" */
table.cast {
	font-size: 11px;
	margin-bottom: 9px;
	}
table.cast th {
	font-weight: bold;
	white-space: nowrap;
	padding: 0 10px 10px 0;
	}
table.cast td { padding-bottom: 10px; }
	

/***** [ 10. Classes diverses ] *************************************/	
.copyright {
	display: block;
	color: #666666;
	margin-bottom: 10px;
	font-size: 11px;
	}
	
a img { border: none; }
.left { float: left; }
img.left { margin: 0 10px 10px 0; }
.right { float: right; }
img.right {padding: 0 0 10px 10px; }
.now {
	color: #ff9600;
	text-transform: uppercase;
	font-size: 12px;
	background: url(../images/styles/arrow.png) left no-repeat;
	padding-left: 11px;
	}
.date {
	color: #0082ff;
	padding: 0 10px;
	}

/* separateurs */
.separator {
	display: block;
	height: 1px;
	margin: 10px 0;
	clear: both;
	font-size: 0px;
	background: none;
	border-bottom: solid 1px gray;
	}
.separator.blue {
	border-color: #0082ff;
	}
	
.clear { clear: both; }

.blue_separator {
	display: block;
	height: 11px;
	width: 100%;
	background: url(../images/styles/bg_separator.png) no-repeat;
	margin: 16px 0;
	border: none;
	outline: none;
	}
	
/* marges */
.margin_left_10 { margin-left: 10px; }
.margin_left_15 { margin-left: 15px; }
.margin_bottom_3 { margin-bottom: 3px; }
.margin_bottom_5 { margin-bottom: 5px; }
.margin_bottom_8 { margin-bottom: 8px; }
.margin_bottom_9 { margin-bottom: 9px; }
.margin_bottom_20 { margin-bottom: 20px; }
.margin_bottom_40 { margin-bottom: 40px; }
.margin_top_0 { margin-top: 0; }
.margin_top_10 { margin-top: 10px; }
.margin_top_20 { margin-top: 20px; }

/* padding */
.padding_5 { padding: 5px; }
.padding_9 { padding: 9px; }
.padding_18 { padding: 18px; }
.padding_20 { padding: 20px; }
.padding_top_0 { padding-top: 0; }
#container.padding_top_0 { padding-top: 0; }
.padding_top_5 { padding-top: 5px; }
.padding_top_10 { padding-top: 10px; }
.padding_bottom_5 { padding-bottom: 5px; }
.padding_bottom_10 { padding-bottom: 10px; }
.padding_right_10 { padding-right: 10px; }

/* couleurs de fond */
.bgBlack { background: #000000; color: FFF } /* noir */
	#container .bgBlack .sb-inner { background: #000000 }
	
.bgBlue2 { background: #03090f } /* bleu encore plus fonce */
	#container .bgBlue2 .sb-inner { background: #03090f }
	
.bgBlue { background: #08172b } /* bleu fonce */
	#container .bgBlue .sb-inner { background: #08172b }
	
.bgWhite { background: #ffffff; color: #000 } /* blanc */
	#container .bgWhite .sb-inner { background: #ffffff }
.bgWhite a { color:#0082ff;font-weight:bold; }
.bgGray { background: #cccccc;} /* gris */
	#container .bgGray .sb-inner { background: #cccccc }

.bgGray2 { background: #f0f0f0;} /* gris cliar */
	#container .bgGray2 .sb-inner { background: #f0f0f0 }
.bgGray3 { background: #191c1f;} /* gris fonce */
	#container .bgGray3 .sb-inner { background: #191c1f }

	
/* bordures */
.border_black { border: solid 1px black; }
	.border_black.sb { border: none; }
	.border_black .sb-border { background: black; }
.border_blue { border: solid 1px #08172b; }
	.border_blue.sb { border: none; }
	.border_blue .sb-border { background: #08172b; }
.border_blue2 { border: solid 1px #0082ff; }
	.border_blue2.sb { border: none; }
	.border_blue2 .sb-border { background: #0082ff; }
.border_blue3 { border: solid 1px #224b70; }
	.border_blue3.sb { border: none; }
	.border_blue3 .sb-border { background: #224b70; }
.border_gray { border: solid 1px #90969f; }
	.border_gray.sb { border: none; }
	.border_gray .sb-border { background:#90969f; }
.border_white { border: solid 1px white; }
	.border_white.sb { border: none; }
	.border_white .sb-border { background: white; }

.border_top_gray { border-top: solid 1px #858585;	}
.border_bottom_gray { border-bottom: solid 1px #858585; }
.border_bottom_white { border-bottom: solid 1px #FFF; }


/* colors */
.color1, .color1 a { color: #ff9600; } /* jaune orange */
.color2, .color2 a { color: #0082ff; } /* bleu */
.color3, .color3 a { color: #666666; } /* gris */
.color4, .color4 a { color: #FFFFFF; } /* blanc */
.color5, .color5 a { color: #000000; } /* noir */
.color6, .color6 a { color: #999999; } /* gris + clair */
.color7, .color7 a { color: #333333; } /* gris + fonce */
.color8, .color8 a { color: #224b70; } /* Bleu fonce */

/* tailles de texte */
.size_10 { font-size: 10px; }
.size_11 { font-size: 11px; }
.size_12 { font-size: 12px; }
h2.size_13, .size_13  { font-size: 13px; }
.size_14 { font-size: 14px; }
.size_18 { font-size: 18px; }
.size_20 { font-size: 20px; }
.size_24 { font-size: 24px; }
.size_35 { font-size: 35px; }

.bold { font-weight: bold; }
.upper {text-transform: uppercase; }

/* alignement texte */
.align_center { text-align: center;}
.align_right { text-align: right;}

.block { display: block;}

/***** [ 10. Masques ] *************************************/
/* init masques */
a .mask_container { cursor: pointer; }
.mask_container, .sb .mask_container  { position: relative; overflow: hidden; padding: 2px; }
	.mask_container.left { margin-right: 10px; margin-bottom: 10px; }
	.mask_container.right { margin-left: 10px; margin-bottom: 10px; }
.mask, .sb .mask { position: absolute; top: 0; left: 0; z-index: 10;
	 background: transparent left top no-repeat;}
#container .mask_container img { position: static; left:0; top: 0; margin: 0; padding: 0; }

/* masque 3 */
.mask_container.t3 { width: 225px; height: 168px; }
.t3 .mask { width: 229px; height: 172px;
	background-image: url(../images/styles/masks/mask3.png);}
	
/* masque 4 */
.mask_container.t4 { width: 185px; height: 140px; }
.t4 .mask { width: 189px; height: 144px;
	background-image: url(../images/styles/masks/mask4.png);}
	
/* masque 5 */
.mask_container.t5 { width: 150px; height: 112px; }
.t5 .mask { width: 154px; height: 116px;
	background-image: url(../images/styles/masks/mask5.png);}
	
/* masque 6 */
.mask_container.t6 { width: 100px; height: 74px; }
.t6 .mask { width: 104px; height: 78px;
	background-image: url(../images/styles/masks/mask6.png);}
	
/* masque 7 */
.mask_container.t7 { width: 70px; height: 52px; }
.t7 .mask { width: 74px; height: 56px;background-image: url(../images/styles/masks/mask7.png);}
	
/* masque 7 */
.mask_container.t8 { width: 605px; height: 295px; }
.t8 .mask { width: 609px; height: 299px;background-image: url(../images/styles/masks/mask8.png);}
	
.showlinks a {color:Blue;text-decoration:none;font-weight:bold}
#LeaderBoard {position:absolute;top:37px;left:275px}

.Para {font-size:14px; color: #333333;}
.Para p {font-size:14px; color: #333333;}
.Para a {font-size:14px;color:Blue;text-decoration:none;font-weight:bold}
.Para p a {font-size:14px;color:Blue;text-decoration:none;font-weight:bold}

.Para ul {list-style-type:circle;padding:5px 20px 0px 20px !important;}
.Para ul li {padding:2px 0px 2px 2px;list-style-position:inside}
.Para ol {list-style-type:decimal;padding:5px 20px 0px 20px !important;}
.Para ol li {padding:2px 0px 2px 2px;list-style-position:inside}

.Qa {padding:5px 5px 5px 35px}
.Qa li {padding:2px 0px 2px 0px;list-style-position:inside}
.QaTitle {font-weight:bold;font-size:12px}
.QaAnswer {font-size:12px;padding:5px;padding-left:15px}

.SurveyContainer {background-color:black;padding:5px;}
.SurveyContainerTitle {font-size:10px;color:#5AAAAF;font-weight:bold;}
.SurveyTitle {font-size:21px;color:#5AAAAF;font-weight:bold;}
.SurveyImage {}
.SurveyHeader {margin-bottom:10px;font-size:12px;padding-top:5px;font-weight:bold;}
.SurveyVideoBox {}
.SurveyBody {margin:0px 0 10px 0px;padding:5px 5px 5px 10px;border-top:1px solid silver;display:none}
.SurveyInput {color:white;vertical-align:middle;clear:both}
.SurveyInput input {margin:0;padding:0;margin-top:5px}
.SurveyInput label {color:#5AAAAF;font-size:12px;font-weight:bold;margin:0;padding:0;cursor:pointer;position:relative;top:-2px}
.SurveyInput img {float:left;padding-right:10px}
.SurveyVerticalList {}
.SurveyHorizontalList {}
.SurveyForm {padding:0:margin:0;clear:both;}
.SurveyResultBar {width:0px;background-color:#143B4A;height:12px}
.SurveyResultPercentage {font-weight:bold;color:#5AAAAF;font-size:14px}
.SurveyResultLabel {color:white;font-size:12px}
.SurveyResults {clear:both;padding-top:5px;border-top:1px solid silver;display:none}
.SurveyResultItem {clear:both;margin-top:10px}
#SurveyLinksContainer {margin-top:15px;padding:10px}
#SurveyLinksContainer ul {padding:0;margin:0}
#SurveyLinksContainer ul li {padding:2px 0px 2px 0px;text-align:left;font-size:12px;font-weight:bold}
#SurveyLinksContainer ul li a {color:orange;text-decoration:none}

div.item-archives {
	text-align: right;
	width: 100%;
	border-bottom: 1px dotted black;
	padding-bottom: 20px;
	font-weight: bold;
}

div.item-archives ul, div.item-archives ul li  {
	display: inline;
	list-style-type: square;
	margin:  5px;
}

/***** [  11. Menu Blog drop down] ************************************************/

div#menu_blog_dropdown {
	width: 960px;
	padding: 20px;
	background-color: black;
	margin: 0 auto;
	overflow: hidden;
	color: white;

}

div#menublog_blocgauche {
	float: left;
	position: relative;
	width: 70%;
}

div#menublog_blocdroit {
	float: left;
	position: relative;
	width: 25%;
	padding: 0 0 0 20px;
}

/* min height pour IE  : 
div#menublog_blocgauche, div#menublog_blocdroit{
	top: 0px;
	height: 300px;
}
*/
/* min height pour non IE :  
html>body div#menublog_blocgauche, html>body div#menublog_blocdroit  {
	height: auto;
	min-height: 300px;
} 
*/
div#menublog_univers , div#menublog_auteurs , div#menublog_tagcloud {
	margin-bottom: 20px;
}

div#menublog_univers ul li, div#menublog_auteurs  ul li {
	display: inline;
}

div.onglet {
	background-color:#235569;
	color: white;
	padding: 5px;
	font: normal normal bold 1em Arial, sans-serif; 
	color: white;
	text-transform: uppercase;
	clear: both;
	background-image: url(../images/menublog_reflet_bte.png);
	background-repeat: no-repeat;
	margin-top: 20px;

}

ul.lignes_3cols {
	position: relative;
}

ul.lignes_3cols li {width: 25%;float: left;margin: 5px 0 0 0;position: relative;display: inline;}
div#menublog_blocdroit ul {list-style: square inside;}
div#menublog_blocdroit ul li, div#menublog_blocgauche ul li {margin: 5px 0;}
div#menublog_blocdroit ul li a, div#menublog_blocgauche ul li a,
div#menublog_blocdroit ul li a:link, div#menublog_blocgauche ul li a:link, div#menublog_blocdroit ul li a:visited, div#menublog_blocgauche ul li a:visited {text-decoration: none;font-weight: normal;}
div#menublog_blocdroit ul li a:hover,div#menublog_blocgauche ul li a:hover, div#menublog_blocdroit ul li a:active, div#menublog_blocgauche ul li a:active {text-decoration: none;font-weight: bold;}


div#menu_vp_dropdown {
	width: 960px;
	padding: 20px;
	background-color: black;
	margin: 0 auto;
	/*overflow: hidden;*/
	color: white;
	position: relative;
	height: 400px;
}

ul.menuVP_col1, ul.menuVP_col2, ul.menuVP_col3, ul.menuVP_col4 {
	float: right;
	background-color: black;
	/*overflow: hidden;*/
	color: white;
	position: relative;	
}

ul.menuVP_col1 {
	width: 960px;
	z-index: 10;

}
ul.menuVP_col2 {
	width: 720px;
	z-index: 20;
	background-color: #999999;
	height: 320px;
}
ul.menuVP_col3 {
	width: 480px;
	z-index: 30;
	background-color: #666666;
	height: 320px;

}
ul.menuVP_col4 {
	width: 240px;
	z-index: 40;
	background-color: #333333;
	height: 320px;
}


/*  xxxxxxxxxxxxxxxxxxxxxxxxxxx   ROLL OVER */

/* Etat repos */
ul.menuVP_col1 li ul {
	display: none;
}

/* la classe sfhover est lu par menu_ie6.js et permet le dropdown sur ie6 . 
.sfhover double tous les :hover*/

ul.menuVP_col1 li:hover ul li ul, ul.menuVP_col1 li.sfhover ul li ul  {
	display: none;
}

ul.menuVP_col1 li ul li:hover ul li ul , ul.menuVP_col1 li ul li.sfhover ul li ul {
	display: none;
}

/*
ul.menuVP_col1 li, ul.menuVP_col1 li ul li, ul.menuVP_col1 li ul li ul li { 
	position: relative;
}*/

/* les a occupent toute la place du parent */
ul.menuVP_col1 li  a, 
ul.menuVP_col1 li ul li a, 
ul.menuVP_col1 li ul li ul li a,
ul.menuVP_col1 li ul li ul li ul li a {
		display: block;
		width: 240px;
		color: white;
		padding: 5px;
		font: normal normal bold 1em Arial, sans-serif; 
		color: white;
		text-transform: uppercase;			
}

/* Survol  dropright  col1 > col2*/
ul.menuVP_col1 li:hover ul, ul.menuVP_col1 li.sfhover ul {
	position: absolute; 
	display: block;
	cursor: pointer;
	top: 0px; 
	left: 240px;	
}

/* Survol  dropright  col2 > col3*/
ul.menuVP_col1 li ul li:hover ul, ul.menuVP_col1 li ul li.sfhover ul {
	position: absolute;
	display: block;
	cursor: pointer;
	top: 0px;  
	left: 240px;
}

/* Survol  dropright  col3 > col4 */
ul.menuVP_col1 li ul li ul li:hover ul, ul.menuVP_col1 li ul li ul li.sfhover ul  {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0px;  
	left: 240px;	
}

/* Survol  li */
ul.menuVP_col1 li:hover, ul.menuVP_col1 li.sfhover  {
	background-color: #999999;
}

ul.menuVP_col1 li ul li:hover , ul.menuVP_col1 li ul li.sfhover  {
	background-color: #666666;
}

ul.menuVP_col1 li ul li ul li:hover, ul.menuVP_col1 li ul li ul li.sfhover  {
	background-color: #333333;
}


div.menuVP_titre {
	background-color: #143C4B;
	color: white;
	padding: 5px;
	font: normal normal bold 1.5em Arial, sans-serif; 
	text-transform: uppercase;
	clear: both;
	margin: 20px 0;
}